Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@zendeskgarden/react-typography

Package Overview
Dependencies
Maintainers
1
Versions
207
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@zendeskgarden/react-typography - npm Package Compare versions

Comparing version 8.3.0 to 8.4.0

14

dist/index.cjs.js

@@ -106,3 +106,3 @@ /**

'data-garden-id': COMPONENT_ID,
'data-garden-version': '8.3.0'
'data-garden-version': '8.4.0'
})(_templateObject(), function (props) {

@@ -135,3 +135,3 @@ return fontStyles(props);

'data-garden-id': COMPONENT_ID$1,
'data-garden-version': '8.3.0',
'data-garden-version': '8.4.0',
as: 'code'

@@ -162,3 +162,3 @@ })(_templateObject$1(), function (props) {

'data-garden-id': COMPONENT_ID$2,
'data-garden-version': '8.3.0'
'data-garden-version': '8.4.0'
})(_templateObject$2(), function (props) {

@@ -194,3 +194,3 @@ return reactTheming.isRtl(props) ? 'rtl' : 'ltr';

'data-garden-id': ORDERED_ID,
'data-garden-version': '8.3.0'
'data-garden-version': '8.4.0'
})(_templateObject$3(), function (props) {

@@ -207,3 +207,3 @@ return listStyles(props);

'data-garden-id': UNORDERED_ID,
'data-garden-version': '8.3.0'
'data-garden-version': '8.4.0'
})(_templateObject2(), function (props) {

@@ -265,3 +265,3 @@ return listStyles(props);

'data-garden-id': ORDERED_ID$1,
'data-garden-version': '8.3.0'
'data-garden-version': '8.4.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.3.0'
'data-garden-version': '8.4.0'
})(_templateObject3(), function (props) {

@@ -294,0 +294,0 @@ return reactTheming.retrieveComponentStyles(UNORDERED_ID$1, props);

@@ -98,3 +98,3 @@ /**

'data-garden-id': COMPONENT_ID,
'data-garden-version': '8.3.0'
'data-garden-version': '8.4.0'
})(_templateObject(), function (props) {

@@ -127,3 +127,3 @@ return fontStyles(props);

'data-garden-id': COMPONENT_ID$1,
'data-garden-version': '8.3.0',
'data-garden-version': '8.4.0',
as: 'code'

@@ -154,3 +154,3 @@ })(_templateObject$1(), function (props) {

'data-garden-id': COMPONENT_ID$2,
'data-garden-version': '8.3.0'
'data-garden-version': '8.4.0'
})(_templateObject$2(), function (props) {

@@ -186,3 +186,3 @@ return isRtl(props) ? 'rtl' : 'ltr';

'data-garden-id': ORDERED_ID,
'data-garden-version': '8.3.0'
'data-garden-version': '8.4.0'
})(_templateObject$3(), function (props) {

@@ -199,3 +199,3 @@ return listStyles(props);

'data-garden-id': UNORDERED_ID,
'data-garden-version': '8.3.0'
'data-garden-version': '8.4.0'
})(_templateObject2(), function (props) {

@@ -257,3 +257,3 @@ return listStyles(props);

'data-garden-id': ORDERED_ID$1,
'data-garden-version': '8.3.0'
'data-garden-version': '8.4.0'
})(_templateObject$4(), function (props) {

@@ -283,3 +283,3 @@ return isRtl(props) ? 'right' : 'left';

'data-garden-id': UNORDERED_ID$1,
'data-garden-version': '8.3.0'
'data-garden-version': '8.4.0'
})(_templateObject3(), function (props) {

@@ -286,0 +286,0 @@ return retrieveComponentStyles(UNORDERED_ID$1, props);

@@ -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 @@ /**

@@ -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,4 +22,3 @@ /**

*/
declare const Ellipsis: React.FunctionComponent<IEllipsisProps &
React.RefAttributes<HTMLDivElement>>;
declare const Ellipsis: React.FunctionComponent<IEllipsisProps & React.RefAttributes<HTMLDivElement>>;
export default Ellipsis;

@@ -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 @@ /**

@@ -9,19 +9,9 @@ /**

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;

@@ -8,5 +8,4 @@ /**

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;

@@ -9,13 +9,9 @@ /**

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;

@@ -8,5 +8,4 @@ /**

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;

@@ -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 @@ /**

@@ -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 @@ /**

@@ -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 @@ /**

@@ -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 @@ /**

@@ -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 @@ /**

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

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

@@ -10,18 +10,13 @@ /**

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 {};

@@ -7,10 +7,5 @@ /**

*/
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">;

@@ -9,13 +9,8 @@ /**

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">;

@@ -9,31 +9,15 @@ /**

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 {};

@@ -8,43 +8,21 @@ /**

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 {};

@@ -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

@@ -9,7 +9,5 @@ /**

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>;
/**

@@ -16,0 +14,0 @@ * Retrieve UnorderedList component context

@@ -11,3 +11,3 @@ {

},
"version": "8.3.0",
"version": "8.4.0",
"main": "dist/index.cjs.js",

@@ -36,3 +36,3 @@ "module": "dist/index.esm.js",

"devDependencies": {
"@zendeskgarden/react-theming": "^8.3.0"
"@zendeskgarden/react-theming": "^8.4.0"
},

@@ -49,3 +49,3 @@ "keywords": [

"zendeskgarden:src": "src/index.ts",
"gitHead": "b214de351c952369f1b1c4d3c54d35de208fdda5"
"gitHead": "054803f2d6888134af125edb93dfc9f8ac01b809"
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc