@zendeskgarden/react-typography 8.49.2 → 8.50.0

package/dist/typings/elements/CodeBlock.d.ts

@@ -4,24 +4,9 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import React, { HTMLAttributes } from 'react';
-declare const LANGUAGES: readonly ["markup", "bash", "clike", "c", "cpp", "css", "javascript", "jsx", "coffeescript", "actionscript", "css-extr", "diff", "git", "go", "graphql", "handlebars", "json", "less", "makefile", "markdown", "objectivec", "ocaml", "python", "reason", "sass", "scss", "sql", "stylus", "tsx", "typescript", "wasm", "yaml"];
-export interface ICodeBlockProps extends HTMLAttributes<HTMLPreElement> {
-    /** Selects the language used by the [Prism](https://prismjs.com/) tokenizer */
-    language?: typeof LANGUAGES[number];
-    /** Specifies the font size */
-    size?: 'small' | 'medium' | 'large';
-    /** Applies light mode styling */
-    isLight?: boolean;
-    /** Displays line numbers */
-    isNumbered?: boolean;
-    /** Determines the lines to highlight */
-    highlightLines?: number[];
-    /** Passes props to the code block container */
-    containerProps?: HTMLAttributes<HTMLDivElement>;
-}
+import React from 'react';
+import { ICodeBlockProps } from '../types';
 /**
  * @extends HTMLAttributes<HTMLPreElement>
  */
 export declare const CodeBlock: React.ForwardRefExoticComponent<ICodeBlockProps & React.RefAttributes<HTMLPreElement>>;
-export {};

package/dist/typings/elements/Ellipsis.d.ts

@@ -4,13 +4,8 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import React, { HTMLAttributes } from 'react';
-export interface IEllipsisProps extends HTMLAttributes<HTMLDivElement> {
-    /** Overrides the auto-generated `title` attribute */
-    title?: string;
-    /** Updates the element's HTML tag */
-    tag?: any;
-}
+import React from 'react';
+import { IEllipsisProps } from '../types';
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */

package/dist/typings/elements/LG.d.ts

@@ -4,16 +4,9 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import React, { HTMLAttributes } from 'react';
-export interface ILGProps extends HTMLAttributes<HTMLDivElement> {
-    /** Updates the element's HTML tag */
-    tag?: any;
-    /** Applies bold font style */
-    isBold?: boolean;
-    /** Renders with monospace font */
-    isMonospace?: boolean;
-}
+import React from 'react';
+import { ITypescaleMonospaceProps } from '../types';
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */
-export declare const LG: React.ForwardRefExoticComponent<ILGProps & React.RefAttributes<HTMLDivElement>>;
+export declare const LG: React.ForwardRefExoticComponent<ITypescaleMonospaceProps & React.RefAttributes<HTMLDivElement>>;

package/dist/typings/elements/MD.d.ts

@@ -4,16 +4,9 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import React, { HTMLAttributes } from 'react';
-export interface IMDProps extends HTMLAttributes<HTMLDivElement> {
-    /** Updates the element's HTML tag */
-    tag?: any;
-    /** Applies bold font style */
-    isBold?: boolean;
-    /** Renders with monospace font */
-    isMonospace?: boolean;
-}
+import React from 'react';
+import { ITypescaleMonospaceProps } from '../types';
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */
-export declare const MD: React.ForwardRefExoticComponent<IMDProps & React.RefAttributes<HTMLDivElement>>;
+export declare const MD: React.ForwardRefExoticComponent<ITypescaleMonospaceProps & React.RefAttributes<HTMLDivElement>>;

package/dist/typings/elements/Paragraph.d.ts

@@ -4,11 +4,8 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import React, { HTMLAttributes } from 'react';
-export interface IParagraphProps extends HTMLAttributes<HTMLParagraphElement> {
-    /** Controls the spacing between sibling paragraphs */
-    size?: 'small' | 'medium' | 'large';
-}
+import React from 'react';
+import { IParagraphProps } from '../types';
 /**
  * @extends HTMLAttributes<HTMLParagraphElement>
  */

package/dist/typings/elements/SM.d.ts

@@ -4,16 +4,9 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import React, { HTMLAttributes } from 'react';
-export interface ISMProps extends HTMLAttributes<HTMLDivElement> {
-    /** Updates the element's HTML tag */
-    tag?: any;
-    /** Applies bold font style */
-    isBold?: boolean;
-    /** Renders with monospace font */
-    isMonospace?: boolean;
-}
+import React from 'react';
+import { ITypescaleMonospaceProps } from '../types';
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */
-export declare const SM: React.ForwardRefExoticComponent<ISMProps & React.RefAttributes<HTMLDivElement>>;
+export declare const SM: React.ForwardRefExoticComponent<ITypescaleMonospaceProps & React.RefAttributes<HTMLDivElement>>;

package/dist/typings/elements/XL.d.ts

@@ -4,14 +4,9 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import React, { HTMLAttributes } from 'react';
-export interface IXLProps extends HTMLAttributes<HTMLDivElement> {
-    /** Updates the element's HTML tag */
-    tag?: any;
-    /** Applies bold font style */
-    isBold?: boolean;
-}
+import React from 'react';
+import { ITypescaleProps } from '../types';
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */
-export declare const XL: React.ForwardRefExoticComponent<IXLProps & React.RefAttributes<HTMLDivElement>>;
+export declare const XL: React.ForwardRefExoticComponent<ITypescaleProps & React.RefAttributes<HTMLDivElement>>;

package/dist/typings/elements/XXL.d.ts

@@ -4,14 +4,9 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import React, { HTMLAttributes } from 'react';
-export interface IXXLProps extends HTMLAttributes<HTMLDivElement> {
-    /** Updates the element's HTML tag */
-    tag?: any;
-    /** Applies bold font style */
-    isBold?: boolean;
-}
+import React from 'react';
+import { ITypescaleProps } from '../types';
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */
-export declare const XXL: React.ForwardRefExoticComponent<IXXLProps & React.RefAttributes<HTMLDivElement>>;
+export declare const XXL: React.ForwardRefExoticComponent<ITypescaleProps & React.RefAttributes<HTMLDivElement>>;

package/dist/typings/elements/XXXL.d.ts

@@ -4,14 +4,9 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import React, { HTMLAttributes } from 'react';
-export interface IXXXLProps extends HTMLAttributes<HTMLDivElement> {
-    /** Updates the element's HTML tag */
-    tag?: any;
-    /** Applies bold font style */
-    isBold?: boolean;
-}
+import React from 'react';
+import { ITypescaleProps } from '../types';
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */
-export declare const XXXL: React.ForwardRefExoticComponent<IXXXLProps & React.RefAttributes<HTMLDivElement>>;
+export declare const XXXL: React.ForwardRefExoticComponent<ITypescaleProps & React.RefAttributes<HTMLDivElement>>;

package/dist/typings/elements/lists/OrderedList.d.ts

@@ -4,14 +4,9 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import React, { OlHTMLAttributes } from 'react';
+import React from 'react';
 import { Item } from './OrderedListItem';
-export interface IOrderedListProps extends Omit<OlHTMLAttributes<HTMLOListElement>, 'type'> {
-    /** Adjusts the vertical spacing between list items */
-    size?: 'small' | 'medium' | 'large';
-    /** Sets the marker style */
-    type?: 'decimal' | 'decimal-leading-zero' | 'lower-alpha' | 'lower-roman' | 'upper-alpha' | 'upper-roman';
-}
+import { IOrderedListProps } from '../../types';
 /**
  * @extends OlHTMLAttributes<HTMLOListElement>
  */

package/dist/typings/elements/lists/UnorderedList.d.ts

@@ -4,14 +4,9 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import React, { HTMLAttributes } from 'react';
+import React from 'react';
 import { Item } from './UnorderedListItem';
-export interface IUnorderedListProps extends HTMLAttributes<HTMLUListElement> {
-    /** Adjusts the vertical spacing between list items */
-    size?: 'small' | 'medium' | 'large';
-    /** Sets the marker style */
-    type?: 'circle' | 'disc' | 'square';
-}
+import { IUnorderedListProps } from '../../types';
 /**
  * @extends HTMLAttributes<HTMLUListElement>
  */

package/dist/typings/elements/span/Span.d.ts

@@ -4,23 +4,10 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import React, { HTMLAttributes } from 'react';
+import React from 'react';
+import { ISpanProps } from '../../types';
 import { StartIcon } from './StartIcon';
 import { Icon } from './Icon';
-export interface ISpanProps extends HTMLAttributes<HTMLSpanElement> {
-    /** Updates the element's HTML tag */
-    tag?: any;
-    /** Applies bold font style. Font weight is inherited by default. */
-    isBold?: boolean;
-    /** Renders with monospace font */
-    isMonospace?: boolean;
-    /**
-     * Applies a font color. Use
-     * [PALETTE](/components/palette#palette)
-     * colors when possible. Accepts all hex values.
-     */
-    hue?: string;
-}
 /**
  * @extends HTMLAttributes<HTMLSpanElement>
  */

package/dist/typings/index.d.ts

@@ -18,17 +18,4 @@ export { Paragraph } from './elements/Paragraph';
 export { OrderedList } from './elements/lists/OrderedList';
 export { UnorderedList } from './elements/lists/UnorderedList';
 export { Span } from './elements/span/Span';
-export type { ISMProps } from './elements/SM';
-export type { IMDProps } from './elements/MD';
-export type { ILGProps } from './elements/LG';
-export type { IXLProps } from './elements/XL';
-export type { IXXLProps } from './elements/XXL';
-export type { IXXXLProps } from './elements/XXXL';
-export type { IBlockquoteProps } from './elements/Blockquote';
-export type { ICodeProps } from './elements/Code';
-export type { ICodeBlockProps } from './elements/CodeBlock';
-export type { IEllipsisProps } from './elements/Ellipsis';
-export type { IParagraphProps } from './elements/Paragraph';
-export type { IOrderedListProps } from './elements/lists/OrderedList';
-export type { IUnorderedListProps } from './elements/lists/UnorderedList';
-export type { ISpanProps } from './elements/span/Span';
+export type { ITypescaleMonospaceProps as ISMProps, ITypescaleMonospaceProps as IMDProps, ITypescaleMonospaceProps as ILGProps, ITypescaleProps as IXLProps, ITypescaleProps as IXXLProps, ITypescaleProps as IXXXLProps, IBlockquoteProps, ICodeProps, ICodeBlockProps, IEllipsisProps, IParagraphProps, IOrderedListProps, IUnorderedListProps, ISpanProps } from './types';

package/dist/typings/styled/StyledBlockquote.d.ts

@@ -4,11 +4,8 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-interface IStyledBlockquoteProps {
-    size?: 'sm' | 'md' | 'lg';
-}
+import { IBlockquoteProps } from '../types';
 export declare const StyledBlockquote: import("styled-components").StyledComponent<"blockquote", import("styled-components").DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
-} & IStyledBlockquoteProps, "data-garden-id" | "data-garden-version">;
-export {};
+} & IBlockquoteProps, "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/StyledCode.d.ts

@@ -6,9 +6,10 @@
  */
 import { DefaultTheme } from 'styled-components';
 import { IStyledFontProps } from './StyledFont';
-interface IStyledCodeProps extends IStyledFontProps {
+import { ICodeProps } from '../types';
+interface IStyledCodeProps extends Omit<IStyledFontProps, 'size'> {
     hue?: string;
-    size?: 'sm' | 'md' | 'lg' | 'inherit';
+    size?: ICodeProps['size'];
 }
 export declare const StyledCode: import("styled-components").StyledComponent<"code", DefaultTheme, {
     'data-garden-id': string;

package/dist/typings/styled/StyledCodeBlockLine.d.ts

@@ -6,15 +6,14 @@
  */
 import { DefaultTheme } from 'styled-components';
 import { Language } from 'prism-react-renderer';
-export declare type DIFF = 'hunk' | 'add' | 'delete' | 'change';
-export declare type SIZE = 'sm' | 'md' | 'lg';
+import { Diff, Size } from '../types';
 export interface IStyledCodeBlockLineProps {
     language?: Language;
     isHighlighted?: boolean;
     isLight?: boolean;
     isNumbered?: boolean;
-    diff?: DIFF;
-    size?: SIZE;
+    diff?: Diff;
+    size?: Size;
 }
 /**
  * 1. Fix line display for mobile.

package/dist/typings/styled/StyledFont.d.ts

@@ -5,13 +5,19 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import { DefaultTheme } from 'styled-components';
+declare const TYPOGRAPHY_SIZE: readonly ["small", "medium", "large", "extralarge", "2xlarge", "3xlarge"];
+declare const FONT_SIZE: readonly ["inherit", "small", "medium", "large", "extralarge", "2xlarge", "3xlarge"];
+declare type TypographySize = typeof TYPOGRAPHY_SIZE[number];
+declare type ThemeSize = keyof DefaultTheme['lineHeights'];
+export declare const THEME_SIZES: Record<TypographySize, ThemeSize>;
 export interface IStyledFontProps {
     isBold?: boolean;
     isMonospace?: boolean;
-    size?: 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl' | 'inherit';
+    size?: typeof FONT_SIZE[number];
     hue?: string;
 }
 export declare const StyledFont: import("styled-components").StyledComponent<"div", DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 } & IStyledFontProps, "data-garden-id" | "data-garden-version">;
+export {};

package/dist/typings/styled/StyledList.d.ts

@@ -5,15 +5,16 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import { DefaultTheme } from 'styled-components';
+import { IOrderedListProps, IUnorderedListProps } from '../types';
 interface IStyledListProps {
-    listType?: 'decimal' | 'decimal-leading-zero' | 'lower-alpha' | 'lower-roman' | 'upper-alpha' | 'upper-roman';
+    listType?: IOrderedListProps['type'];
 }
 export declare const StyledOrderedList: import("styled-components").StyledComponent<"ol", DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 } & IStyledListProps, "data-garden-id" | "data-garden-version">;
 interface IStyledUnorderedListProps {
-    listType?: 'circle' | 'disc' | 'square';
+    listType?: IUnorderedListProps['type'];
 }
 export declare const StyledUnorderedList: import("styled-components").StyledComponent<"ul", DefaultTheme, {
     'data-garden-id': string;

package/dist/typings/styled/StyledListItem.d.ts

@@ -5,8 +5,9 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import { DefaultTheme } from 'styled-components';
+import { Size } from '../types';
 interface IStyledListItemProps {
-    space?: 'small' | 'medium' | 'large';
+    space?: Size;
 }
 export declare const StyledOrderedListItem: import("styled-components").StyledComponent<"li", DefaultTheme, {
     'data-garden-id': string;

package/dist/typings/styled/StyledParagraph.d.ts

@@ -4,11 +4,8 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-interface IStyledParagraphProps {
-    size?: 'sm' | 'md' | 'lg';
-}
+import { IParagraphProps } from '../types';
 export declare const StyledParagraph: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
-} & IStyledParagraphProps, "data-garden-id" | "data-garden-version">;
-export {};
+} & IParagraphProps, "data-garden-id" | "data-garden-version">;

package/dist/typings/types/index.d.ts

@@ -0,0 +1,84 @@
+/**
+ * Copyright Zendesk, Inc.
+ *
+ * Use of this source code is governed under the Apache License, Version 2.0
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
+ */
+import { BlockquoteHTMLAttributes, HTMLAttributes, OlHTMLAttributes } from 'react';
+export declare const HUE: readonly ["grey", "red", "green", "yellow"];
+export declare const SIZE: readonly ["small", "medium", "large"];
+export declare const INHERIT_SIZE: readonly ["inherit", "small", "medium", "large"];
+export declare const TYPE_ORDERED_LIST: readonly ["decimal", "decimal-leading-zero", "lower-alpha", "lower-roman", "upper-alpha", "upper-roman"];
+export declare const TYPE_UNORDERED_LIST: readonly ["circle", "disc", "square"];
+export declare const LANGUAGES: readonly ["markup", "bash", "clike", "c", "cpp", "css", "javascript", "jsx", "coffeescript", "actionscript", "css-extr", "diff", "git", "go", "graphql", "handlebars", "json", "less", "makefile", "markdown", "objectivec", "ocaml", "python", "reason", "sass", "scss", "sql", "stylus", "tsx", "typescript", "wasm", "yaml"];
+export declare type Diff = 'hunk' | 'add' | 'delete' | 'change';
+export declare type Size = typeof SIZE[number];
+export interface ITypescaleProps extends HTMLAttributes<HTMLDivElement> {
+    /** Updates the element's HTML tag */
+    tag?: any;
+    /** Applies bold font style */
+    isBold?: boolean;
+}
+export interface ITypescaleMonospaceProps extends ITypescaleProps {
+    /** Renders with monospace font */
+    isMonospace?: boolean;
+}
+export interface IBlockquoteProps extends BlockquoteHTMLAttributes<HTMLElement> {
+    /** Controls the spacing between sibling blockquotes and paragraphs */
+    size?: Size;
+}
+export interface ICodeProps extends HTMLAttributes<HTMLElement> {
+    /** Applies color to the background and the text */
+    hue?: typeof HUE[number];
+    /** Adjusts the font size. By default font size is inherited from the surrounding text. */
+    size?: typeof INHERIT_SIZE[number];
+}
+export interface ICodeBlockProps extends HTMLAttributes<HTMLPreElement> {
+    /** Selects the language used by the [Prism](https://prismjs.com/) tokenizer */
+    language?: typeof LANGUAGES[number];
+    /** Specifies the font size */
+    size?: Size;
+    /** Applies light mode styling */
+    isLight?: boolean;
+    /** Displays line numbers */
+    isNumbered?: boolean;
+    /** Determines the lines to highlight */
+    highlightLines?: number[];
+    /** Passes props to the code block container */
+    containerProps?: HTMLAttributes<HTMLDivElement>;
+}
+export interface IEllipsisProps extends HTMLAttributes<HTMLDivElement> {
+    /** Overrides the auto-generated `title` attribute */
+    title?: string;
+    /** Updates the element's HTML tag */
+    tag?: any;
+}
+export interface IParagraphProps extends HTMLAttributes<HTMLParagraphElement> {
+    /** Controls the spacing between sibling paragraphs */
+    size?: Size;
+}
+export interface IOrderedListProps extends Omit<OlHTMLAttributes<HTMLOListElement>, 'type'> {
+    /** Adjusts the vertical spacing between list items */
+    size?: Size;
+    /** Sets the marker style */
+    type?: typeof TYPE_ORDERED_LIST[number];
+}
+export interface IUnorderedListProps extends HTMLAttributes<HTMLUListElement> {
+    /** Adjusts the vertical spacing between list items */
+    size?: Size;
+    /** Sets the marker style */
+    type?: typeof TYPE_UNORDERED_LIST[number];
+}
+export interface ISpanProps extends HTMLAttributes<HTMLSpanElement> {
+    /** Updates the element's HTML tag */
+    tag?: any;
+    /** Applies bold font style. Font weight is inherited by default. */
+    isBold?: boolean;
+    /** Renders with monospace font */
+    isMonospace?: boolean;
+    /**
+     * Applies a font color. Use [PALETTE](/components/palette#palette) colors
+     * when possible. Accepts all hex values.
+     */
+    hue?: string;
+}

package/dist/typings/utils/useOrderedListContext.d.ts

@@ -5,8 +5,9 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 /// <reference types="react" />
+import { Size } from '../types';
 interface IOrderedListContext {
-    size: 'small' | 'medium' | 'large';
+    size: Size;
 }
 export declare const OrderedListContext: import("react").Context<IOrderedListContext | undefined>;
 /**

package/dist/typings/utils/useUnorderedListContext.d.ts

@@ -5,8 +5,9 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 /// <reference types="react" />
+import { Size } from '../types';
 interface IUnorderedListContext {
-    size: 'small' | 'medium' | 'large';
+    size: Size;
 }
 export declare const UnorderedListContext: import("react").Context<IUnorderedListContext | undefined>;
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-typography",
-  "version": "8.49.2",
+  "version": "8.50.0",
   "description": "Components relating to typography in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -33,7 +33,7 @@
     "styled-components": "^4.2.0 || ^5.0.0"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^8.49.2"
+    "@zendeskgarden/react-theming": "^8.50.0"
   },
   "keywords": [
     "components",
@@ -45,5 +45,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "fd7769285a2f4bc1169c63f4db57a85a6e793027"
+  "gitHead": "d5b66e1980faf0fd40818c9e74801dfa1c3550a0"
 }