@zendeskgarden/react-typography - npm Package Compare versions

Comparing version 8.2.0 to 8.3.0

dist/index.cjs.js

@@ -106,3 +106,3 @@ /**
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.2.0'
+  'data-garden-version': '8.3.0'
 })(_templateObject(), function (props) {
@@ -135,3 +135,3 @@ return fontStyles(props);
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.2.0',
+  'data-garden-version': '8.3.0',
   as: 'code'
@@ -162,3 +162,3 @@ })(_templateObject$1(), function (props) {
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.2.0'
+  'data-garden-version': '8.3.0'
 })(_templateObject$2(), function (props) {
@@ -194,3 +194,3 @@ return reactTheming.isRtl(props) ? 'rtl' : 'ltr';
   'data-garden-id': ORDERED_ID,
-  'data-garden-version': '8.2.0'
+  'data-garden-version': '8.3.0'
 })(_templateObject$3(), function (props) {
@@ -207,3 +207,3 @@ return listStyles(props);
   'data-garden-id': UNORDERED_ID,
-  'data-garden-version': '8.2.0'
+  'data-garden-version': '8.3.0'
 })(_templateObject2(), function (props) {
@@ -265,3 +265,3 @@ return listStyles(props);
   'data-garden-id': ORDERED_ID$1,
-  'data-garden-version': '8.2.0'
+  'data-garden-version': '8.3.0'
 })(_templateObject$4(), function (props) {
@@ -291,3 +291,3 @@ return reactTheming.isRtl(props) ? 'right' : 'left';
   'data-garden-id': UNORDERED_ID$1,
-  'data-garden-version': '8.2.0'
+  'data-garden-version': '8.3.0'
 })(_templateObject3(), function (props) {
@@ -294,0 +294,0 @@ return reactTheming.retrieveComponentStyles(UNORDERED_ID$1, props);

dist/index.esm.js

@@ -98,3 +98,3 @@ /**
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.2.0'
+  'data-garden-version': '8.3.0'
 })(_templateObject(), function (props) {
@@ -127,3 +127,3 @@ return fontStyles(props);
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.2.0',
+  'data-garden-version': '8.3.0',
   as: 'code'
@@ -154,3 +154,3 @@ })(_templateObject$1(), function (props) {
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.2.0'
+  'data-garden-version': '8.3.0'
 })(_templateObject$2(), function (props) {
@@ -186,3 +186,3 @@ return isRtl(props) ? 'rtl' : 'ltr';
   'data-garden-id': ORDERED_ID,
-  'data-garden-version': '8.2.0'
+  'data-garden-version': '8.3.0'
 })(_templateObject$3(), function (props) {
@@ -199,3 +199,3 @@ return listStyles(props);
   'data-garden-id': UNORDERED_ID,
-  'data-garden-version': '8.2.0'
+  'data-garden-version': '8.3.0'
 })(_templateObject2(), function (props) {
@@ -257,3 +257,3 @@ return listStyles(props);
   'data-garden-id': ORDERED_ID$1,
-  'data-garden-version': '8.2.0'
+  'data-garden-version': '8.3.0'
 })(_templateObject$4(), function (props) {
@@ -283,3 +283,3 @@ return isRtl(props) ? 'right' : 'left';
   'data-garden-id': UNORDERED_ID$1,
-  'data-garden-version': '8.2.0'
+  'data-garden-version': '8.3.0'
 })(_templateObject3(), function (props) {
@@ -286,0 +286,0 @@ return retrieveComponentStyles(UNORDERED_ID$1, props);

dist/typings/elements/Code.d.ts

@@ -9,4 +9,4 @@ /**
 export interface ICodeProps extends HTMLAttributes<HTMLDivElement> {
-    hue?: 'grey' | 'red' | 'green' | 'yellow';
-    size?: 'small' | 'medium' | 'large';
+  hue?: 'grey' | 'red' | 'green' | 'yellow';
+  size?: 'small' | 'medium' | 'large';
 }
@@ -13,0 +13,0 @@ /**

dist/typings/elements/Ellipsis.d.ts

@@ -9,8 +9,8 @@ /**
 interface IEllipsisProps extends HTMLAttributes<HTMLSpanElement> {
-    /**
-     * Optional override for the auto-generated `title` attribute
-     */
-    title?: string;
-    /** Any valid element for the styled component */
-    tag?: any;
+  /**
+   * Optional override for the auto-generated `title` attribute
+   */
+  title?: string;
+  /** Any valid element for the styled component */
+  tag?: any;
 }
@@ -22,3 +22,4 @@ /**
  */
-declare const Ellipsis: React.FunctionComponent<IEllipsisProps & React.RefAttributes<HTMLDivElement>>;
+declare const Ellipsis: React.FunctionComponent<IEllipsisProps &
+  React.RefAttributes<HTMLDivElement>>;
 export default Ellipsis;

dist/typings/elements/LG.d.ts

@@ -9,6 +9,6 @@ /**
 interface ILGProps extends HTMLAttributes<HTMLDivElement> {
-    /** Any valid DOM element for the styled component */
-    tag?: any;
-    /** Render monospace font */
-    isMonospace?: boolean;
+  /** Any valid DOM element for the styled component */
+  tag?: any;
+  /** Render monospace font */
+  isMonospace?: boolean;
 }
@@ -15,0 +15,0 @@ /**

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

@@ -9,9 +9,19 @@ /**
 interface IOrderedListProps extends HTMLAttributes<HTMLOListElement> {
-    size?: 'small' | 'medium' | 'large';
-    type?: 'decimal' | 'decimal-leading-zero' | 'lower-alpha' | 'lower-roman' | 'upper-alpha' | 'upper-roman';
+  size?: 'small' | 'medium' | 'large';
+  type?:
+    | 'decimal'
+    | 'decimal-leading-zero'
+    | 'lower-alpha'
+    | 'lower-roman'
+    | 'upper-alpha'
+    | 'upper-roman';
 }
-declare const _default: React.FunctionComponent<IOrderedListProps & React.RefAttributes<HTMLOListElement>> & {
-    Item: React.FunctionComponent<React.HTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
+declare const _default: React.FunctionComponent<
+  IOrderedListProps & React.RefAttributes<HTMLOListElement>
+> & {
+  Item: React.FunctionComponent<
+    React.HTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>
+  >;
 };
 /** @component */
 export default _default;

dist/typings/elements/lists/OrderedListItem.d.ts

@@ -8,4 +8,5 @@ /**
 import React, { HTMLAttributes } from 'react';
-declare const OrderedListItem: React.FunctionComponent<HTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
+declare const OrderedListItem: React.FunctionComponent<HTMLAttributes<HTMLLIElement> &
+  React.RefAttributes<HTMLLIElement>>;
 /** @component */
 export default OrderedListItem;

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

@@ -9,9 +9,13 @@ /**
 interface IUnorderedListProps extends HTMLAttributes<HTMLUListElement> {
-    size?: 'small' | 'medium' | 'large';
-    type?: 'circle' | 'disc' | 'square';
+  size?: 'small' | 'medium' | 'large';
+  type?: 'circle' | 'disc' | 'square';
 }
-declare const _default: React.FunctionComponent<IUnorderedListProps & React.RefAttributes<HTMLUListElement>> & {
-    Item: React.FunctionComponent<React.HTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
+declare const _default: React.FunctionComponent<
+  IUnorderedListProps & React.RefAttributes<HTMLUListElement>
+> & {
+  Item: React.FunctionComponent<
+    React.HTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>
+  >;
 };
 /** @component */
 export default _default;

dist/typings/elements/lists/UnorderedListItem.d.ts

@@ -8,4 +8,5 @@ /**
 import React, { HTMLAttributes } from 'react';
-declare const UnorderedListItem: React.FunctionComponent<HTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
+declare const UnorderedListItem: React.FunctionComponent<HTMLAttributes<HTMLLIElement> &
+  React.RefAttributes<HTMLLIElement>>;
 /** @component */
 export default UnorderedListItem;

dist/typings/elements/MD.d.ts

@@ -9,6 +9,6 @@ /**
 interface IMDProps extends HTMLAttributes<HTMLDivElement> {
-    /** Any valid DOM element for the styled component */
-    tag?: any;
-    /** Render monospace font */
-    isMonospace?: boolean;
+  /** Any valid DOM element for the styled component */
+  tag?: any;
+  /** Render monospace font */
+  isMonospace?: boolean;
 }
@@ -15,0 +15,0 @@ /**

dist/typings/elements/SM.d.ts

@@ -9,6 +9,6 @@ /**
 interface ISMProps extends HTMLAttributes<HTMLDivElement> {
-    /** Any valid DOM element for the styled component */
-    tag?: any;
-    /** Render monospace font */
-    isMonospace?: boolean;
+  /** Any valid DOM element for the styled component */
+  tag?: any;
+  /** Render monospace font */
+  isMonospace?: boolean;
 }
@@ -15,0 +15,0 @@ /**

dist/typings/elements/XL.d.ts

@@ -9,4 +9,4 @@ /**
 interface IXLProps extends HTMLAttributes<HTMLDivElement> {
-    /** Any valid DOM element for the styled component */
-    tag?: any;
+  /** Any valid DOM element for the styled component */
+  tag?: any;
 }
@@ -13,0 +13,0 @@ /**

dist/typings/elements/XXL.d.ts

@@ -9,4 +9,4 @@ /**
 interface IXXLProps extends HTMLAttributes<HTMLDivElement> {
-    /** Any valid DOM element for the styled component */
-    tag?: any;
+  /** Any valid DOM element for the styled component */
+  tag?: any;
 }
@@ -13,0 +13,0 @@ /**

dist/typings/elements/XXXL.d.ts

@@ -9,4 +9,4 @@ /**
 interface IXXXLProps extends HTMLAttributes<HTMLDivElement> {
-    /** Any valid DOM element for the styled component */
-    tag?: any;
+  /** Any valid DOM element for the styled component */
+  tag?: any;
 }
@@ -13,0 +13,0 @@ /**

dist/typings/index.d.ts

@@ -0,0 +0,0 @@ /**

dist/typings/styled/index.d.ts

@@ -0,0 +0,0 @@ /**

dist/typings/styled/StyledCode.d.ts

@@ -10,13 +10,18 @@ /**
 interface IStyledCodeProps extends IStyledFontProps {
-    hue?: string;
-    size?: 'sm' | 'md' | 'lg';
+  hue?: string;
+  size?: 'sm' | 'md' | 'lg';
 }
-export declare const StyledCode: import("styled-components").StyledComponent<"div", DefaultTheme, {
+export declare const StyledCode: import('styled-components').StyledComponent<
+  'div',
+  DefaultTheme,
+  {
     'data-garden-id': string;
     'data-garden-version': string;
-} & IStyledFontProps & {
-    'data-garden-id': string;
-    'data-garden-version': string;
-    as: string;
-} & IStyledCodeProps, "data-garden-id" | "data-garden-version" | "as">;
+  } & IStyledFontProps & {
+      'data-garden-id': string;
+      'data-garden-version': string;
+      as: string;
+    } & IStyledCodeProps,
+  'data-garden-id' | 'data-garden-version' | 'as'
+>;
 export {};

dist/typings/styled/StyledEllipsis.d.ts

@@ -7,5 +7,10 @@ /**
  */
-export declare const StyledEllipsis: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+export declare const StyledEllipsis: import('styled-components').StyledComponent<
+  'div',
+  import('styled-components').DefaultTheme,
+  {
     'data-garden-id': string;
     'data-garden-version': string;
-}, "data-garden-id" | "data-garden-version">;
+  },
+  'data-garden-id' | 'data-garden-version'
+>;

dist/typings/styled/StyledFont.d.ts

@@ -9,8 +9,13 @@ /**
 export interface IStyledFontProps {
-    isMonospace?: boolean;
-    size?: 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
+  isMonospace?: boolean;
+  size?: 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
 }
-export declare const StyledFont: import("styled-components").StyledComponent<"div", DefaultTheme, {
+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">;
+  } & IStyledFontProps,
+  'data-garden-id' | 'data-garden-version'
+>;

dist/typings/styled/StyledList.d.ts

@@ -9,15 +9,31 @@ /**
 interface IStyledListProps {
-    listType: 'decimal' | 'decimal-leading-zero' | 'lower-alpha' | 'lower-roman' | 'upper-alpha' | 'upper-roman';
+  listType:
+    | 'decimal'
+    | 'decimal-leading-zero'
+    | 'lower-alpha'
+    | 'lower-roman'
+    | 'upper-alpha'
+    | 'upper-roman';
 }
-export declare const StyledOrderedList: import("styled-components").StyledComponent<"ol", DefaultTheme, {
+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">;
+  } & IStyledListProps,
+  'data-garden-id' | 'data-garden-version'
+>;
 interface IStyledUnorderedListProps {
-    listType: 'circle' | 'disc' | 'square';
+  listType: 'circle' | 'disc' | 'square';
 }
-export declare const StyledUnorderedList: import("styled-components").StyledComponent<"ul", DefaultTheme, {
+export declare const StyledUnorderedList: import('styled-components').StyledComponent<
+  'ul',
+  DefaultTheme,
+  {
     'data-garden-id': string;
     'data-garden-version': string;
-} & IStyledUnorderedListProps, "data-garden-id" | "data-garden-version">;
+  } & IStyledUnorderedListProps,
+  'data-garden-id' | 'data-garden-version'
+>;
 export {};

dist/typings/styled/StyledListItem.d.ts

@@ -8,21 +8,43 @@ /**
 import { DefaultTheme } from 'styled-components';
-export declare const StyledOrderedListItem: import("styled-components").StyledComponent<"li", DefaultTheme, {
+export declare const StyledOrderedListItem: import('styled-components').StyledComponent<
+  'li',
+  DefaultTheme,
+  {
     'data-garden-id': string;
     'data-garden-version': string;
-}, "data-garden-id" | "data-garden-version">;
+  },
+  'data-garden-id' | 'data-garden-version'
+>;
 interface IStyledOrderedListItemContentProps {
-    space?: 'small' | 'medium' | 'large';
+  space?: 'small' | 'medium' | 'large';
 }
-export declare const StyledOrderedListItemContent: import("styled-components").StyledComponent<"div", DefaultTheme, {
+export declare const StyledOrderedListItemContent: import('styled-components').StyledComponent<
+  'div',
+  DefaultTheme,
+  {
     'data-garden-id': string;
     'data-garden-version': string;
-} & import("./StyledFont").IStyledFontProps & IStyledOrderedListItemContentProps, "data-garden-id" | "data-garden-version">;
-export declare const StyledUnorderedListItem: import("styled-components").StyledComponent<"li", DefaultTheme, {
+  } & import('./StyledFont').IStyledFontProps &
+    IStyledOrderedListItemContentProps,
+  'data-garden-id' | 'data-garden-version'
+>;
+export declare const StyledUnorderedListItem: import('styled-components').StyledComponent<
+  'li',
+  DefaultTheme,
+  {
     'data-garden-id': string;
     'data-garden-version': string;
-}, "data-garden-id" | "data-garden-version">;
-export declare const StyledUnorderedListItemContent: import("styled-components").StyledComponent<"div", DefaultTheme, {
+  },
+  'data-garden-id' | 'data-garden-version'
+>;
+export declare const StyledUnorderedListItemContent: import('styled-components').StyledComponent<
+  'div',
+  DefaultTheme,
+  {
     'data-garden-id': string;
     'data-garden-version': string;
-} & import("./StyledFont").IStyledFontProps & IStyledOrderedListItemContentProps, "data-garden-id" | "data-garden-version">;
+  } & import('./StyledFont').IStyledFontProps &
+    IStyledOrderedListItemContentProps,
+  'data-garden-id' | 'data-garden-version'
+>;
 export {};

dist/typings/utils/useOrderedListContext.d.ts

@@ -9,5 +9,5 @@ /**
 interface IOrderedListContext {
-    size: 'small' | 'medium' | 'large';
+  size: 'small' | 'medium' | 'large';
 }
-export declare const OrderedListContext: import("react").Context<IOrderedListContext | undefined>;
+export declare const OrderedListContext: import('react').Context<IOrderedListContext | undefined>;
 /**
@@ -14,0 +14,0 @@ * Retrieve OrderedList component context

dist/typings/utils/useUnorderedListContext.d.ts

@@ -9,5 +9,7 @@ /**
 interface IUnorderedListContext {
-    size: 'small' | 'medium' | 'large';
+  size: 'small' | 'medium' | 'large';
 }
-export declare const UnorderedListContext: import("react").Context<IUnorderedListContext | undefined>;
+export declare const UnorderedListContext: import('react').Context<
+  IUnorderedListContext | undefined
+>;
 /**
@@ -14,0 +16,0 @@ * Retrieve UnorderedList component context

package.json

@@ -11,3 +11,3 @@ {
   },
-  "version": "8.2.0",
+  "version": "8.3.0",
   "main": "dist/index.cjs.js",
@@ -36,3 +36,3 @@ "module": "dist/index.esm.js",
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^8.2.0"
+    "@zendeskgarden/react-theming": "^8.3.0"
   },
@@ -49,3 +49,3 @@ "keywords": [
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "69585e6a3e6f7d3ea8c72bafca082f7e55bcb385"
+  "gitHead": "b214de351c952369f1b1c4d3c54d35de208fdda5"
 }

README.md

@@ -1,6 +0,3 @@
-# @zendeskgarden/react-typography [![npm version][npm version badge]][npm version link]
+# @zendeskgarden/react-typography [![npm version](https://flat.badgen.net/npm/v/@zendeskgarden/react-typography)](https://www.npmjs.com/package/@zendeskgarden/react-typography)
 
-[npm version badge]: https://flat.badgen.net/npm/v/@zendeskgarden/react-typography
-[npm version link]: https://www.npmjs.com/package/@zendeskgarden/react-typography
-
 This package includes components relating to typography in the
@@ -7,0 +4,0 @@ [Garden Design System](https://zendeskgarden.github.io/).

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Lines of code

1453

increased by5.21%

Worsened metrics

Total package byte prevSize

57240

decreased by-0.52%

Number of lines in readme file

28

decreased by-9.68%

No dependency changes