@zendeskgarden/react-typography - npm Package Compare versions

Comparing version 9.0.0-next.24 to 9.0.0-next.25

dist/esm/styled/StyledBlockquote.js

@@ -8,3 +8,3 @@ /**
 import styled from 'styled-components';
-import { getColor, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+import { getColor, retrieveComponentStyles } from '@zendeskgarden/react-theming';
 import { THEME_SIZES } from './StyledFont.js';
@@ -15,3 +15,3 @@
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.24'
+  'data-garden-version': '9.0.0-next.25'
 }).withConfig({
@@ -24,6 +24,3 @@ displayName: "StyledBlockquote",
 }), props => props.theme.rtl ? 'right' : 'left', props => props.theme.space.base * 4, props => props.theme.rtl ? 'rtl' : 'ltr', props => props.theme.lineHeights[THEME_SIZES[props.size]], props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledBlockquote.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledBlockquote };

dist/esm/styled/StyledCode.js

@@ -53,3 +53,3 @@ /**
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.24',
+  'data-garden-version': '9.0.0-next.25',
   as: 'code',
@@ -56,0 +56,0 @@ isMonospace: true

dist/esm/styled/StyledCodeBlock.js

@@ -8,3 +8,3 @@ /**
 import styled, { css } from 'styled-components';
-import { retrieveComponentStyles, DEFAULT_THEME, getColor } from '@zendeskgarden/react-theming';
+import { retrieveComponentStyles, getColor } from '@zendeskgarden/react-theming';
 
@@ -28,3 +28,3 @@ const COMPONENT_ID = 'typography.codeblock';
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.24'
+  'data-garden-version': '9.0.0-next.25'
 }).withConfig({
@@ -34,6 +34,3 @@ displayName: "StyledCodeBlock",
 })(["display:table;margin:0;padding:", "px;box-sizing:border-box;width:100%;direction:ltr;white-space:pre;counter-reset:linenumber;", ";", ";"], props => props.theme.space.base * 3, colorStyles, props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledCodeBlock.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledCodeBlock };

dist/esm/styled/StyledCodeBlockContainer.js

@@ -8,3 +8,3 @@ /**
 import styled from 'styled-components';
-import { focusStyles, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+import { focusStyles, retrieveComponentStyles } from '@zendeskgarden/react-theming';
 
@@ -14,3 +14,3 @@ const COMPONENT_ID = 'typography.codeblock_container';
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.24'
+  'data-garden-version': '9.0.0-next.25'
 }).withConfig({
@@ -22,6 +22,3 @@ displayName: "StyledCodeBlockContainer",
 }), props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledCodeBlockContainer.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledCodeBlockContainer };

dist/esm/styled/StyledCodeBlockLine.js

@@ -8,3 +8,3 @@ /**
 import styled, { css } from 'styled-components';
-import { retrieveComponentStyles, DEFAULT_THEME, getColor } from '@zendeskgarden/react-theming';
+import { retrieveComponentStyles, getColor } from '@zendeskgarden/react-theming';
 import { StyledFont, THEME_SIZES } from './StyledFont.js';
@@ -90,3 +90,3 @@
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.24',
+  'data-garden-version': '9.0.0-next.25',
   as: 'code',
@@ -98,6 +98,3 @@ isMonospace: true
 })(["display:table-row;height:", ";direction:ltr;", ";", ";&::after{display:inline-block;width:", "px;content:'';}", ";"], props => props.theme.lineHeights[THEME_SIZES[props.size]], colorStyles, props => props.isNumbered && lineNumberStyles(props), props => props.theme.space.base * 3, props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledCodeBlockLine.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledCodeBlockLine };

dist/esm/styled/StyledCodeBlockToken.js

@@ -8,3 +8,3 @@ /**
 import styled, { css } from 'styled-components';
-import { retrieveComponentStyles, DEFAULT_THEME, getColor } from '@zendeskgarden/react-theming';
+import { retrieveComponentStyles, getColor } from '@zendeskgarden/react-theming';
 import { StyledCodeBlock } from './StyledCodeBlock.js';
@@ -175,3 +175,3 @@
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.24'
+  'data-garden-version': '9.0.0-next.25'
 }).withConfig({
@@ -181,6 +181,3 @@ displayName: "StyledCodeBlockToken",
 })(["display:inline-block;&.bold:not(.diff){font-weight:", ";}&.coord{padding-left:0.75em;}&.italic{font-style:italic;}&.prefix{width:2em;text-align:center;}", ";", ";"], props => props.theme.fontWeights.semibold, colorStyles, props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledCodeBlockToken.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledCodeBlockToken };

dist/esm/styled/StyledEllipsis.js

@@ -8,3 +8,3 @@ /**
 import styled from 'styled-components';
-import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
 
@@ -14,3 +14,3 @@ const COMPONENT_ID = 'typography.ellipsis';
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.24'
+  'data-garden-version': '9.0.0-next.25'
 }).withConfig({
@@ -20,6 +20,3 @@ displayName: "StyledEllipsis",
 })(["overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:", ";", ";"], props => props.theme.rtl ? 'rtl' : 'ltr', props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledEllipsis.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledEllipsis };

dist/esm/styled/StyledFont.js

@@ -70,3 +70,3 @@ /**
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.24'
+  'data-garden-version': '9.0.0-next.25'
 }).withConfig({
@@ -73,0 +73,0 @@ displayName: "StyledFont",

dist/esm/styled/StyledIcon.js

@@ -8,3 +8,3 @@ /**
 import styled, { css } from 'styled-components';
-import { StyledBaseIcon, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+import { StyledBaseIcon, retrieveComponentStyles } from '@zendeskgarden/react-theming';
 
@@ -19,3 +19,3 @@ const COMPONENT_ID = 'typography.icon';
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.24'
+  'data-garden-version': '9.0.0-next.25'
 }).withConfig({
@@ -25,6 +25,3 @@ displayName: "StyledIcon",
 })(["position:relative;top:-1px;vertical-align:middle;", ";", ";"], props => sizeStyles(props), props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledIcon.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledIcon };

dist/esm/styled/StyledList.js

@@ -8,3 +8,3 @@ /**
 import styled, { css } from 'styled-components';
-import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
 
@@ -18,3 +18,3 @@ const listStyles = props => {
   'data-garden-id': ORDERED_ID,
-  'data-garden-version': '9.0.0-next.24'
+  'data-garden-version': '9.0.0-next.25'
 }).withConfig({
@@ -24,9 +24,6 @@ displayName: "StyledList__StyledOrderedList",
 })(["", ";", ";"], props => listStyles(props), props => retrieveComponentStyles(ORDERED_ID, props));
-StyledOrderedList.defaultProps = {
-  theme: DEFAULT_THEME
-};
 const UNORDERED_ID = 'typography.unordered_list';
 const StyledUnorderedList = styled.ul.attrs({
   'data-garden-id': UNORDERED_ID,
-  'data-garden-version': '9.0.0-next.24'
+  'data-garden-version': '9.0.0-next.25'
 }).withConfig({
@@ -36,6 +33,3 @@ displayName: "StyledList__StyledUnorderedList",
 })(["", ";", ";"], props => listStyles(props), props => retrieveComponentStyles(UNORDERED_ID, props));
-StyledUnorderedList.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledOrderedList, StyledUnorderedList };

dist/esm/styled/StyledListItem.js

@@ -24,3 +24,3 @@ /**
   'data-garden-id': ORDERED_ID,
-  'data-garden-version': '9.0.0-next.24',
+  'data-garden-version': '9.0.0-next.25',
   as: 'li'
@@ -38,3 +38,3 @@ }).withConfig({
   'data-garden-id': UNORDERED_ID,
-  'data-garden-version': '9.0.0-next.24',
+  'data-garden-version': '9.0.0-next.25',
   as: 'li'
@@ -41,0 +41,0 @@ }).withConfig({

dist/esm/styled/StyledParagraph.js

@@ -8,3 +8,3 @@ /**
 import styled from 'styled-components';
-import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
 import { THEME_SIZES } from './StyledFont.js';
@@ -15,3 +15,3 @@
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.24'
+  'data-garden-version': '9.0.0-next.25'
 }).withConfig({
@@ -21,6 +21,3 @@ displayName: "StyledParagraph",
 })(["margin:0;padding:0;direction:", ";& + &,blockquote + &{margin-top:", ";}", ";"], props => props.theme.rtl ? 'rtl' : 'ltr', props => props.theme.lineHeights[THEME_SIZES[props.size]], props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledParagraph.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledParagraph };

dist/index.cjs.js

@@ -88,3 +88,3 @@ /**
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '9.0.0-next.24'
+  'data-garden-version': '9.0.0-next.25'
 }).withConfig({
@@ -102,3 +102,3 @@ displayName: "StyledFont",
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '9.0.0-next.24'
+  'data-garden-version': '9.0.0-next.25'
 }).withConfig({
@@ -111,5 +111,2 @@ displayName: "StyledBlockquote",
 }), props => props.theme.rtl ? 'right' : 'left', props => props.theme.space.base * 4, props => props.theme.rtl ? 'rtl' : 'ltr', props => props.theme.lineHeights[THEME_SIZES[props.size]], props => reactTheming.retrieveComponentStyles(COMPONENT_ID$8, props));
-StyledBlockquote.defaultProps = {
-  theme: reactTheming.DEFAULT_THEME
-};
 
@@ -158,3 +155,3 @@ const COMPONENT_ID$7 = 'typography.code';
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '9.0.0-next.24',
+  'data-garden-version': '9.0.0-next.25',
   as: 'code',
@@ -189,3 +186,3 @@ isMonospace: true
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '9.0.0-next.24'
+  'data-garden-version': '9.0.0-next.25'
 }).withConfig({
@@ -195,5 +192,2 @@ displayName: "StyledCodeBlock",
 })(["display:table;margin:0;padding:", "px;box-sizing:border-box;width:100%;direction:ltr;white-space:pre;counter-reset:linenumber;", ";", ";"], props => props.theme.space.base * 3, colorStyles$2, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$6, props));
-StyledCodeBlock.defaultProps = {
-  theme: reactTheming.DEFAULT_THEME
-};
 
@@ -203,3 +197,3 @@ const COMPONENT_ID$5 = 'typography.codeblock_container';
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '9.0.0-next.24'
+  'data-garden-version': '9.0.0-next.25'
 }).withConfig({
@@ -211,5 +205,2 @@ displayName: "StyledCodeBlockContainer",
 }), props => reactTheming.retrieveComponentStyles(COMPONENT_ID$5, props));
-StyledCodeBlockContainer.defaultProps = {
-  theme: reactTheming.DEFAULT_THEME
-};
 
@@ -294,3 +285,3 @@ const COMPONENT_ID$4 = 'typography.codeblock_code';
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '9.0.0-next.24',
+  'data-garden-version': '9.0.0-next.25',
   as: 'code',
@@ -302,5 +293,2 @@ isMonospace: true
 })(["display:table-row;height:", ";direction:ltr;", ";", ";&::after{display:inline-block;width:", "px;content:'';}", ";"], props => props.theme.lineHeights[THEME_SIZES[props.size]], colorStyles$1, props => props.isNumbered && lineNumberStyles(props), props => props.theme.space.base * 3, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$4, props));
-StyledCodeBlockLine.defaultProps = {
-  theme: reactTheming.DEFAULT_THEME
-};
 
@@ -470,3 +458,3 @@ const COMPONENT_ID$3 = 'typography.codeblock_token';
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '9.0.0-next.24'
+  'data-garden-version': '9.0.0-next.25'
 }).withConfig({
@@ -476,5 +464,2 @@ displayName: "StyledCodeBlockToken",
 })(["display:inline-block;&.bold:not(.diff){font-weight:", ";}&.coord{padding-left:0.75em;}&.italic{font-style:italic;}&.prefix{width:2em;text-align:center;}", ";", ";"], props => props.theme.fontWeights.semibold, colorStyles, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$3, props));
-StyledCodeBlockToken.defaultProps = {
-  theme: reactTheming.DEFAULT_THEME
-};
 
@@ -484,3 +469,3 @@ const COMPONENT_ID$2 = 'typography.ellipsis';
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '9.0.0-next.24'
+  'data-garden-version': '9.0.0-next.25'
 }).withConfig({
@@ -490,5 +475,2 @@ displayName: "StyledEllipsis",
 })(["overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:", ";", ";"], props => props.theme.rtl ? 'rtl' : 'ltr', props => reactTheming.retrieveComponentStyles(COMPONENT_ID$2, props));
-StyledEllipsis.defaultProps = {
-  theme: reactTheming.DEFAULT_THEME
-};
 
@@ -503,3 +485,3 @@ const COMPONENT_ID$1 = 'typography.icon';
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '9.0.0-next.24'
+  'data-garden-version': '9.0.0-next.25'
 }).withConfig({
@@ -509,5 +491,2 @@ displayName: "StyledIcon",
 })(["position:relative;top:-1px;vertical-align:middle;", ";", ";"], props => sizeStyles(props), props => reactTheming.retrieveComponentStyles(COMPONENT_ID$1, props));
-StyledIcon.defaultProps = {
-  theme: reactTheming.DEFAULT_THEME
-};
 
@@ -521,3 +500,3 @@ const listStyles = props => {
   'data-garden-id': ORDERED_ID$1,
-  'data-garden-version': '9.0.0-next.24'
+  'data-garden-version': '9.0.0-next.25'
 }).withConfig({
@@ -527,9 +506,6 @@ displayName: "StyledList__StyledOrderedList",
 })(["", ";", ";"], props => listStyles(props), props => reactTheming.retrieveComponentStyles(ORDERED_ID$1, props));
-StyledOrderedList.defaultProps = {
-  theme: reactTheming.DEFAULT_THEME
-};
 const UNORDERED_ID$1 = 'typography.unordered_list';
 const StyledUnorderedList = styled__default.default.ul.attrs({
   'data-garden-id': UNORDERED_ID$1,
-  'data-garden-version': '9.0.0-next.24'
+  'data-garden-version': '9.0.0-next.25'
 }).withConfig({
@@ -539,5 +515,2 @@ displayName: "StyledList__StyledUnorderedList",
 })(["", ";", ";"], props => listStyles(props), props => reactTheming.retrieveComponentStyles(UNORDERED_ID$1, props));
-StyledUnorderedList.defaultProps = {
-  theme: reactTheming.DEFAULT_THEME
-};
 
@@ -555,3 +528,3 @@ const listItemPaddingStyles = props => {
   'data-garden-id': ORDERED_ID,
-  'data-garden-version': '9.0.0-next.24',
+  'data-garden-version': '9.0.0-next.25',
   as: 'li'
@@ -569,3 +542,3 @@ }).withConfig({
   'data-garden-id': UNORDERED_ID,
-  'data-garden-version': '9.0.0-next.24',
+  'data-garden-version': '9.0.0-next.25',
   as: 'li'
@@ -584,3 +557,3 @@ }).withConfig({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.24'
+  'data-garden-version': '9.0.0-next.25'
 }).withConfig({
@@ -590,5 +563,2 @@ displayName: "StyledParagraph",
 })(["margin:0;padding:0;direction:", ";& + &,blockquote + &{margin-top:", ";}", ";"], props => props.theme.rtl ? 'rtl' : 'ltr', props => props.theme.lineHeights[THEME_SIZES[props.size]], props => reactTheming.retrieveComponentStyles(COMPONENT_ID, props));
-StyledParagraph.defaultProps = {
-  theme: reactTheming.DEFAULT_THEME
-};
 
@@ -595,0 +565,0 @@ const SM = React.forwardRef((_ref, ref) => {

package.json

 {
   "name": "@zendeskgarden/react-typography",
-  "version": "9.0.0-next.24",
+  "version": "9.0.0-next.25",
   "description": "Components relating to typography in the Garden Design System",
@@ -37,3 +37,3 @@ "license": "Apache-2.0",
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^9.0.0-next.24"
+    "@zendeskgarden/react-theming": "^9.0.0-next.25"
   },
@@ -50,3 +50,3 @@ "keywords": [
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "36ac3913276188edf8d187a9861be7ba765e487a"
+  "gitHead": "460751d630ab1c46e11810d60e4d7701b9d30b8f"
 }

No alert changes

Worsened metrics

Total package byte prevSize

112830

decreased by-1.3%

Lines of code

3009

decreased by-1.96%

No dependency changes