@zendeskgarden/react-typography 8.45.0 → 8.47.2

package/dist/index.cjs.js

@@ -79,9 +79,9 @@ function _objectWithoutProperties(source, excluded) {
 }
 
 var COMPONENT_ID$9 = 'typography.blockquote';
-var StyledBlockquote = styled__default['default'].blockquote.attrs({
+var StyledBlockquote = styled__default["default"].blockquote.attrs({
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '8.45.0'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledBlockquote",
   componentId: "sc-1tt3ye0-0"
@@ -139,9 +139,9 @@ var fontStyles = function fontStyles(props) {
   }
   return styled.css(["line-height:", ";color:", ";font-family:", ";font-size:", ";font-weight:", ";direction:", ";"], lineHeight, color, fontFamily, fontSize, fontWeight, direction);
 };
-var StyledFont = styled__default['default'].div.attrs({
+var StyledFont = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '8.45.0'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledFont",
   componentId: "sc-1iildbo-0"
@@ -163,9 +163,9 @@ var colorStyles$3 = function colorStyles(props) {
   var foregroundColor = reactTheming.getColor(hue, shade, props.theme);
   return styled.css(["background-color:", ";color:", ";a &{color:inherit;}"], backgroundColor, foregroundColor);
 };
-var StyledCode = styled__default['default'](StyledFont).attrs({
+var StyledCode = styled__default["default"](StyledFont).attrs({
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '8.45.0',
+  'data-garden-version': '8.47.2',
   as: 'code'
 }).withConfig({
   displayName: "StyledCode",
@@ -190,9 +190,9 @@ var colorStyles$2 = function colorStyles(props) {
   var foregroundColor = props.isLight ? props.theme.colors.foreground : reactTheming.getColor('neutralHue', 300, props.theme);
   return styled.css(["background-color:", ";color:", ";"], backgroundColor, foregroundColor);
 };
-var StyledCodeBlock = styled__default['default'].pre.attrs({
+var StyledCodeBlock = styled__default["default"].pre.attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.45.0'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledCodeBlock",
   componentId: "sc-5wky57-0"
@@ -208,9 +208,9 @@ StyledCodeBlock.defaultProps = {
 };
 
 var COMPONENT_ID$5 = 'typography.codeblock_container';
-var StyledCodeBlockContainer = styled__default['default'].div.attrs({
+var StyledCodeBlockContainer = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.45.0'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledCodeBlockContainer",
   componentId: "sc-14zgbfw-0"
@@ -263,9 +263,9 @@ var lineNumberStyles = function lineNumberStyles(props) {
   }
   return "\n    &::before {\n      display: table-cell;\n      padding-right: ".concat(padding, "px;\n      width: 1px;\n      text-align: right;\n      color: ").concat(color, ";\n      content: counter(linenumber);\n      counter-increment: linenumber;\n    }\n  ");
 };
-var StyledCodeBlockLine = styled__default['default'](StyledFont).attrs({
+var StyledCodeBlockLine = styled__default["default"](StyledFont).attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.45.0',
+  'data-garden-version': '8.47.2',
   as: 'code',
   isMonospace: true
 }).withConfig({
@@ -309,9 +309,9 @@ var colorStyles = function colorStyles(props) {
   };
   return styled.css(["&.builtin,&.class-name,&.tag:not(.punctuation):not(.attr-name):not(.attr-value):not(.script){color:", ";}&.doctype,&.prolog,&.tag.punctuation:not(.attr-value):not(.script):not(.spread){color:", ";}&.attribute.value,&.attr-value,&.atrule,&.cdata,&.string,&.url.content{color:", ";}&.constant,&.interpolation-punctuation{color:", ";}&.attr-name,&.attr-value.spread,&.environment,&.interpolation,&.parameter,&.property,&.property-access,&.variable{color:", ";}&.parameter.punctuation,&.attr-name + .attr-value.punctuation{color:inherit;}&.regex{color:", ";}&.boolean,&.bold:not(.diff),&.entity,&.important,&.tag:not(.punctuation):not(.attr-name):not(.attr-value):not(.script):not(.class-name){color:", ";}&.number,&.unit{color:", ";}&.assign-left,&.function,&.selector:not(.attribute){color:", ";}&.atrule.rule,&.keyword{color:", ";}&.blockquote,&.comment,&.shebang{color:", ";}", ".language-css &&.plain{color:", ";}", ".language-diff &&.coord{color:", ";}", ".language-diff &&.deleted{color:", ";}", ".language-diff &&.diff{color:", ";}", ".language-diff &&.inserted{color:", ";}"], colors.builtin, colors.punctuation, colors.value, colors.constant, colors.name, colors.regex, colors.boolean, colors.number, colors.function, colors.keyword, colors.comment, StyledCodeBlock, colors.value, StyledCodeBlock, colors.coord, StyledCodeBlock, colors.deleted, StyledCodeBlock, colors.diff, StyledCodeBlock, colors.inserted);
 };
-var StyledCodeBlockToken = styled__default['default'].span.attrs({
+var StyledCodeBlockToken = styled__default["default"].span.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.45.0'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledCodeBlockToken",
   componentId: "sc-1hkshdq-0"
@@ -327,9 +327,9 @@ StyledCodeBlockToken.defaultProps = {
 };
 
 var COMPONENT_ID$2 = 'typography.ellipsis';
-var StyledEllipsis = styled__default['default'].div.attrs({
+var StyledEllipsis = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.45.0'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledEllipsis",
   componentId: "sc-1u4uqmy-0"
@@ -349,14 +349,14 @@ var sizeStyles = function sizeStyles(props) {
   var size = props.theme.iconSizes.md;
   return styled.css(["margin-", ":", ";width:", ";height:", ";"], props.theme.rtl ? 'left' : 'right', margin, size, size);
 };
-var StyledIcon = styled__default['default'](function (_ref) {
+var StyledIcon = styled__default["default"](function (_ref) {
   var children = _ref.children;
       _ref.isStart;
       var props = _objectWithoutProperties(_ref, _excluded$e);
-  return React__default['default'].cloneElement(React.Children.only(children), props);
+  return React__default["default"].cloneElement(React.Children.only(children), props);
 }).attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.45.0'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledIcon",
   componentId: "sc-10rfb5b-0"
@@ -374,9 +374,9 @@ var listStyles = function listStyles(props) {
   return styled.css(["direction:", ";margin:0;margin-", ":24px;padding:0;list-style-position:outside;list-style-type:", ";"], rtl ? 'rtl' : 'ltr', rtl ? 'right' : 'left', props.listType);
 };
 var ORDERED_ID$1 = 'typography.ordered_list';
-var StyledOrderedList = styled__default['default'].ol.attrs({
+var StyledOrderedList = styled__default["default"].ol.attrs({
   'data-garden-id': ORDERED_ID$1,
-  'data-garden-version': '8.45.0'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledList__StyledOrderedList",
   componentId: "sc-jdbsfi-0"
@@ -389,9 +389,9 @@ StyledOrderedList.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
 var UNORDERED_ID$1 = 'typography.unordered_list';
-var StyledUnorderedList = styled__default['default'].ul.attrs({
+var StyledUnorderedList = styled__default["default"].ul.attrs({
   'data-garden-id': UNORDERED_ID$1,
-  'data-garden-version': '8.45.0'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledList__StyledUnorderedList",
   componentId: "sc-jdbsfi-1"
@@ -413,9 +413,9 @@ var listItemStyles = function listItemStyles(props) {
   return styled.css(["line-height:", ";", ";"], reactTheming.getLineHeight(props.theme.lineHeights.md, props.theme.fontSizes.md), props.space !== 'small' && listItemPaddingStyles(props));
 };
 var ORDERED_ID = 'typography.ordered_list_item';
-var StyledOrderedListItem = styled__default['default'](StyledFont).attrs({
+var StyledOrderedListItem = styled__default["default"](StyledFont).attrs({
   'data-garden-id': ORDERED_ID,
-  'data-garden-version': '8.45.0',
+  'data-garden-version': '8.47.2',
   as: 'li'
 }).withConfig({
   displayName: "StyledListItem__StyledOrderedListItem",
@@ -438,9 +438,9 @@ StyledOrderedListItem.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
 var UNORDERED_ID = 'typography.unordered_list_item';
-var StyledUnorderedListItem = styled__default['default'](StyledFont).attrs({
+var StyledUnorderedListItem = styled__default["default"](StyledFont).attrs({
   'data-garden-id': UNORDERED_ID,
-  'data-garden-version': '8.45.0',
+  'data-garden-version': '8.47.2',
   as: 'li'
 }).withConfig({
   displayName: "StyledListItem__StyledUnorderedListItem",
@@ -456,9 +456,9 @@ StyledUnorderedListItem.defaultProps = {
 };
 
 var COMPONENT_ID = 'typography.paragraph';
-var StyledParagraph = styled__default['default'].p.attrs({
+var StyledParagraph = styled__default["default"].p.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.45.0'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledParagraph",
   componentId: "sc-zkuftz-0"
@@ -475,10 +475,10 @@ StyledParagraph.defaultProps = {
 };
 
 var _excluded$d = ["tag"];
-var SM = React__default['default'].forwardRef(function (_ref, ref) {
+var SM = React__default["default"].forwardRef(function (_ref, ref) {
   var tag = _ref.tag,
       other = _objectWithoutProperties(_ref, _excluded$d);
-  return React__default['default'].createElement(StyledFont, _extends({
+  return React__default["default"].createElement(StyledFont, _extends({
     as: tag,
     ref: ref,
     size: "sm"
@@ -486,19 +486,19 @@ var SM = React__default['default'].forwardRef(function (_ref, ref) {
 });
 SM.displayName = 'SM';
 SM.propTypes = {
-  tag: PropTypes__default['default'].any,
-  isBold: PropTypes__default['default'].bool,
-  isMonospace: PropTypes__default['default'].bool
+  tag: PropTypes__default["default"].any,
+  isBold: PropTypes__default["default"].bool,
+  isMonospace: PropTypes__default["default"].bool
 };
 SM.defaultProps = {
   tag: 'div'
 };
 
 var _excluded$c = ["tag"];
-var MD = React__default['default'].forwardRef(function (_ref, ref) {
+var MD = React__default["default"].forwardRef(function (_ref, ref) {
   var tag = _ref.tag,
       other = _objectWithoutProperties(_ref, _excluded$c);
-  return React__default['default'].createElement(StyledFont, _extends({
+  return React__default["default"].createElement(StyledFont, _extends({
     as: tag,
     ref: ref,
     size: "md"
@@ -506,19 +506,19 @@ var MD = React__default['default'].forwardRef(function (_ref, ref) {
 });
 MD.displayName = 'MD';
 MD.propTypes = {
-  tag: PropTypes__default['default'].any,
-  isBold: PropTypes__default['default'].bool,
-  isMonospace: PropTypes__default['default'].bool
+  tag: PropTypes__default["default"].any,
+  isBold: PropTypes__default["default"].bool,
+  isMonospace: PropTypes__default["default"].bool
 };
 MD.defaultProps = {
   tag: 'div'
 };
 
 var _excluded$b = ["tag"];
-var LG = React__default['default'].forwardRef(function (_ref, ref) {
+var LG = React__default["default"].forwardRef(function (_ref, ref) {
   var tag = _ref.tag,
       other = _objectWithoutProperties(_ref, _excluded$b);
-  return React__default['default'].createElement(StyledFont, _extends({
+  return React__default["default"].createElement(StyledFont, _extends({
     as: tag,
     ref: ref,
     size: "lg"
@@ -526,19 +526,19 @@ var LG = React__default['default'].forwardRef(function (_ref, ref) {
 });
 LG.displayName = 'LG';
 LG.propTypes = {
-  tag: PropTypes__default['default'].any,
-  isBold: PropTypes__default['default'].bool,
-  isMonospace: PropTypes__default['default'].bool
+  tag: PropTypes__default["default"].any,
+  isBold: PropTypes__default["default"].bool,
+  isMonospace: PropTypes__default["default"].bool
 };
 LG.defaultProps = {
   tag: 'div'
 };
 
 var _excluded$a = ["tag"];
-var XL = React__default['default'].forwardRef(function (_ref, ref) {
+var XL = React__default["default"].forwardRef(function (_ref, ref) {
   var tag = _ref.tag,
       other = _objectWithoutProperties(_ref, _excluded$a);
-  return React__default['default'].createElement(StyledFont, _extends({
+  return React__default["default"].createElement(StyledFont, _extends({
     as: tag,
     ref: ref,
     size: "xl"
@@ -546,18 +546,18 @@ var XL = React__default['default'].forwardRef(function (_ref, ref) {
 });
 XL.displayName = 'XL';
 XL.propTypes = {
-  tag: PropTypes__default['default'].any,
-  isBold: PropTypes__default['default'].bool
+  tag: PropTypes__default["default"].any,
+  isBold: PropTypes__default["default"].bool
 };
 XL.defaultProps = {
   tag: 'div'
 };
 
 var _excluded$9 = ["tag"];
-var XXL = React__default['default'].forwardRef(function (_ref, ref) {
+var XXL = React__default["default"].forwardRef(function (_ref, ref) {
   var tag = _ref.tag,
       other = _objectWithoutProperties(_ref, _excluded$9);
-  return React__default['default'].createElement(StyledFont, _extends({
+  return React__default["default"].createElement(StyledFont, _extends({
     as: tag,
     ref: ref,
     size: "xxl"
@@ -565,18 +565,18 @@ var XXL = React__default['default'].forwardRef(function (_ref, ref) {
 });
 XXL.displayName = 'XXL';
 XXL.propTypes = {
-  tag: PropTypes__default['default'].any,
-  isBold: PropTypes__default['default'].bool
+  tag: PropTypes__default["default"].any,
+  isBold: PropTypes__default["default"].bool
 };
 XXL.defaultProps = {
   tag: 'div'
 };
 
 var _excluded$8 = ["tag"];
-var XXXL = React__default['default'].forwardRef(function (_ref, ref) {
+var XXXL = React__default["default"].forwardRef(function (_ref, ref) {
   var tag = _ref.tag,
       other = _objectWithoutProperties(_ref, _excluded$8);
-  return React__default['default'].createElement(StyledFont, _extends({
+  return React__default["default"].createElement(StyledFont, _extends({
     as: tag,
     ref: ref,
     size: "xxxl"
@@ -584,15 +584,15 @@ var XXXL = React__default['default'].forwardRef(function (_ref, ref) {
 });
 XXXL.displayName = 'XXXL';
 XXXL.propTypes = {
-  tag: PropTypes__default['default'].any,
-  isBold: PropTypes__default['default'].bool
+  tag: PropTypes__default["default"].any,
+  isBold: PropTypes__default["default"].bool
 };
 XXXL.defaultProps = {
   tag: 'div'
 };
 
 var _excluded$7 = ["size", "hue"];
-var Code = React__default['default'].forwardRef(function (_ref, ref) {
+var Code = React__default["default"].forwardRef(function (_ref, ref) {
   var size = _ref.size,
       hue = _ref.hue,
       other = _objectWithoutProperties(_ref, _excluded$7);
@@ -606,7 +606,7 @@ var Code = React__default['default'].forwardRef(function (_ref, ref) {
   } else {
     _size = 'inherit';
   }
-  return React__default['default'].createElement(StyledCode, _extends({
+  return React__default["default"].createElement(StyledCode, _extends({
     ref: ref,
     size: _size,
     hue: hue
@@ -614,8 +614,8 @@ var Code = React__default['default'].forwardRef(function (_ref, ref) {
 });
 Code.displayName = 'Code';
 Code.propTypes = {
-  hue: PropTypes__default['default'].oneOf(['grey', 'red', 'green', 'yellow']),
-  size: PropTypes__default['default'].oneOf(['small', 'medium', 'large', 'inherit'])
+  hue: PropTypes__default["default"].oneOf(['grey', 'red', 'green', 'yellow']),
+  size: PropTypes__default["default"].oneOf(['small', 'medium', 'large', 'inherit'])
 };
 Code.defaultProps = {
   hue: 'grey',
@@ -623,7 +623,7 @@ Code.defaultProps = {
 };
 
 var _excluded$6 = ["size"];
-var Blockquote = React__default['default'].forwardRef(function (_ref, ref) {
+var Blockquote = React__default["default"].forwardRef(function (_ref, ref) {
   var size = _ref.size,
       other = _objectWithoutProperties(_ref, _excluded$6);
   var _size;
@@ -634,14 +634,14 @@ var Blockquote = React__default['default'].forwardRef(function (_ref, ref) {
   } else {
     _size = 'lg';
   }
-  return React__default['default'].createElement(StyledBlockquote, _extends({
+  return React__default["default"].createElement(StyledBlockquote, _extends({
     ref: ref,
     size: _size
   }, other));
 });
 Blockquote.displayName = 'Blockquote';
 Blockquote.propTypes = {
-  size: PropTypes__default['default'].oneOf(['small', 'medium', 'large'])
+  size: PropTypes__default["default"].oneOf(['small', 'medium', 'large'])
 };
 Blockquote.defaultProps = {
   size: 'medium'
@@ -649,7 +649,7 @@ Blockquote.defaultProps = {
 
 var _excluded$5 = ["children", "containerProps", "highlightLines", "isLight", "isNumbered", "language", "size"];
 var LANGUAGES = ['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'];
-var CodeBlock = React__default['default'].forwardRef(function (_ref, ref) {
+var CodeBlock = React__default["default"].forwardRef(function (_ref, ref) {
   var children = _ref.children,
       containerProps = _ref.containerProps,
       highlightLines = _ref.highlightLines,
@@ -692,10 +692,10 @@ var CodeBlock = React__default['default'].forwardRef(function (_ref, ref) {
     }
     return retVal;
   };
-  return React__default['default'].createElement(StyledCodeBlockContainer, _extends({}, containerProps, {
+  return React__default["default"].createElement(StyledCodeBlockContainer, _extends({}, containerProps, {
     ref: containerRef,
     tabIndex: containerTabIndex
-  }), React__default['default'].createElement(Highlight__default['default'], {
+  }), React__default["default"].createElement(Highlight__default["default"], {
     Prism: Highlight.Prism,
     code: code ? code.trim() : '',
     language: LANGUAGES.includes(language) ? language : 'tsx'
@@ -704,12 +704,12 @@ var CodeBlock = React__default['default'].forwardRef(function (_ref, ref) {
         tokens = _ref2.tokens,
         getLineProps = _ref2.getLineProps,
         getTokenProps = _ref2.getTokenProps;
-    return React__default['default'].createElement(StyledCodeBlock, _extends({
+    return React__default["default"].createElement(StyledCodeBlock, _extends({
       className: className,
       ref: ref,
       isLight: isLight
     }, other), tokens.map(function (line, index) {
-      return React__default['default'].createElement(StyledCodeBlockLine, _extends({}, getLineProps({
+      return React__default["default"].createElement(StyledCodeBlockLine, _extends({}, getLineProps({
         line: line
       }), {
         key: index,
@@ -720,7 +720,7 @@ var CodeBlock = React__default['default'].forwardRef(function (_ref, ref) {
         diff: getDiff(line),
         size: size ? SIZES[size] : undefined
       }), line.map(function (token, tokenKey) {
-        return React__default['default'].createElement(StyledCodeBlockToken, _extends({}, getTokenProps({
+        return React__default["default"].createElement(StyledCodeBlockToken, _extends({}, getTokenProps({
           token: token
         }), {
           key: tokenKey,
@@ -737,10 +737,10 @@ CodeBlock.defaultProps = {
 };
 
 var _excluded$4 = ["tag"];
-var Span = React__default['default'].forwardRef(function (_ref, ref) {
+var Span = React__default["default"].forwardRef(function (_ref, ref) {
   var tag = _ref.tag,
       other = _objectWithoutProperties(_ref, _excluded$4);
-  return React__default['default'].createElement(StyledFont, _extends({
+  return React__default["default"].createElement(StyledFont, _extends({
     as: tag,
     ref: ref,
     size: "inherit"
@@ -748,27 +748,27 @@ var Span = React__default['default'].forwardRef(function (_ref, ref) {
 });
 Span.displayName = 'Span';
 Span.propTypes = {
-  tag: PropTypes__default['default'].any,
-  isBold: PropTypes__default['default'].bool,
-  isMonospace: PropTypes__default['default'].bool,
-  hue: PropTypes__default['default'].string
+  tag: PropTypes__default["default"].any,
+  isBold: PropTypes__default["default"].bool,
+  isMonospace: PropTypes__default["default"].bool,
+  hue: PropTypes__default["default"].string
 };
 Span.defaultProps = {
   tag: 'span'
 };
 var StartIcon = function StartIcon(props) {
-  return React__default['default'].createElement(StyledIcon, _extends({
+  return React__default["default"].createElement(StyledIcon, _extends({
     isStart: true
   }, props));
 };
 var Icon = function Icon(props) {
-  return React__default['default'].createElement(StyledIcon, props);
+  return React__default["default"].createElement(StyledIcon, props);
 };
 Span.StartIcon = StartIcon;
 Span.Icon = Icon;
 
 var _excluded$3 = ["children", "title", "tag"];
-var Ellipsis = React__default['default'].forwardRef(function (_ref, ref) {
+var Ellipsis = React__default["default"].forwardRef(function (_ref, ref) {
   var children = _ref.children,
       title = _ref.title,
       tag = _ref.tag,
@@ -779,7 +779,7 @@ var Ellipsis = React__default['default'].forwardRef(function (_ref, ref) {
   } else if (typeof children === 'string') {
     textContent = children;
   }
-  return React__default['default'].createElement(StyledEllipsis, _extends({
+  return React__default["default"].createElement(StyledEllipsis, _extends({
     as: tag,
     ref: ref,
     title: textContent
@@ -787,15 +787,15 @@ var Ellipsis = React__default['default'].forwardRef(function (_ref, ref) {
 });
 Ellipsis.displayName = 'Ellipsis';
 Ellipsis.propTypes = {
-  title: PropTypes__default['default'].string,
-  tag: PropTypes__default['default'].any
+  title: PropTypes__default["default"].string,
+  tag: PropTypes__default["default"].any
 };
 Ellipsis.defaultProps = {
   tag: 'div'
 };
 
 var _excluded$2 = ["size"];
-var Paragraph = React__default['default'].forwardRef(function (_ref, ref) {
+var Paragraph = React__default["default"].forwardRef(function (_ref, ref) {
   var size = _ref.size,
       other = _objectWithoutProperties(_ref, _excluded$2);
   var _size;
@@ -806,14 +806,14 @@ var Paragraph = React__default['default'].forwardRef(function (_ref, ref) {
   } else {
     _size = 'lg';
   }
-  return React__default['default'].createElement(StyledParagraph, _extends({
+  return React__default["default"].createElement(StyledParagraph, _extends({
     ref: ref,
     size: _size
   }, other));
 });
 Paragraph.displayName = 'Paragraph';
 Paragraph.propTypes = {
-  size: PropTypes__default['default'].oneOf(['small', 'medium', 'large'])
+  size: PropTypes__default["default"].oneOf(['small', 'medium', 'large'])
 };
 Paragraph.defaultProps = {
   size: 'medium'
@@ -828,10 +828,10 @@ var useOrderedListContext = function useOrderedListContext() {
   return listContext;
 };
 
-var OrderedListItem = React__default['default'].forwardRef(function (props, ref) {
+var OrderedListItem = React__default["default"].forwardRef(function (props, ref) {
   var _useOrderedListContex = useOrderedListContext(),
       size = _useOrderedListContex.size;
-  return React__default['default'].createElement(StyledOrderedListItem, _extends({
+  return React__default["default"].createElement(StyledOrderedListItem, _extends({
     ref: ref,
     space: size
   }, props));
@@ -839,7 +839,7 @@ var OrderedListItem = React__default['default'].forwardRef(function (props, ref)
 OrderedListItem.displayName = 'OrderedListItem';
 
 var _excluded$1 = ["size", "type"];
-var OrderedList = React__default['default'].forwardRef(function (_ref, ref) {
+var OrderedList = React__default["default"].forwardRef(function (_ref, ref) {
   var size = _ref.size,
       type = _ref.type,
       other = _objectWithoutProperties(_ref, _excluded$1);
@@ -848,17 +848,17 @@ var OrderedList = React__default['default'].forwardRef(function (_ref, ref) {
       size: size
     };
   }, [size]);
-  return React__default['default'].createElement(OrderedListContext.Provider, {
+  return React__default["default"].createElement(OrderedListContext.Provider, {
     value: value
-  }, React__default['default'].createElement(StyledOrderedList, _extends({
+  }, React__default["default"].createElement(StyledOrderedList, _extends({
     ref: ref,
     listType: type
   }, other)));
 });
 OrderedList.displayName = 'OrderedList';
 OrderedList.propTypes = {
-  size: PropTypes__default['default'].oneOf(['small', 'medium', 'large']),
-  type: PropTypes__default['default'].oneOf(['decimal', 'decimal-leading-zero', 'lower-alpha', 'lower-roman', 'upper-alpha', 'upper-roman'])
+  size: PropTypes__default["default"].oneOf(['small', 'medium', 'large']),
+  type: PropTypes__default["default"].oneOf(['decimal', 'decimal-leading-zero', 'lower-alpha', 'lower-roman', 'upper-alpha', 'upper-roman'])
 };
 OrderedList.defaultProps = {
   size: 'medium',
@@ -875,10 +875,10 @@ var useUnorderedListContext = function useUnorderedListContext() {
   return listContext;
 };
 
-var UnorderedListItem = React__default['default'].forwardRef(function (props, ref) {
+var UnorderedListItem = React__default["default"].forwardRef(function (props, ref) {
   var _useUnorderedListCont = useUnorderedListContext(),
       size = _useUnorderedListCont.size;
-  return React__default['default'].createElement(StyledUnorderedListItem, _extends({
+  return React__default["default"].createElement(StyledUnorderedListItem, _extends({
     ref: ref,
     space: size
   }, props));
@@ -886,7 +886,7 @@ var UnorderedListItem = React__default['default'].forwardRef(function (props, re
 UnorderedListItem.displayName = 'UnorderedListItem';
 
 var _excluded = ["size", "type"];
-var UnorderedList = React__default['default'].forwardRef(function (_ref, ref) {
+var UnorderedList = React__default["default"].forwardRef(function (_ref, ref) {
   var size = _ref.size,
       type = _ref.type,
       other = _objectWithoutProperties(_ref, _excluded);
@@ -895,17 +895,17 @@ var UnorderedList = React__default['default'].forwardRef(function (_ref, ref) {
       size: size
     };
   }, [size]);
-  return React__default['default'].createElement(UnorderedListContext.Provider, {
+  return React__default["default"].createElement(UnorderedListContext.Provider, {
     value: value
-  }, React__default['default'].createElement(StyledUnorderedList, _extends({
+  }, React__default["default"].createElement(StyledUnorderedList, _extends({
     ref: ref,
     listType: type
   }, other)));
 });
 UnorderedList.displayName = 'UnorderedList';
 UnorderedList.propTypes = {
-  size: PropTypes__default['default'].oneOf(['small', 'medium', 'large']),
-  type: PropTypes__default['default'].oneOf(['circle', 'disc', 'square'])
+  size: PropTypes__default["default"].oneOf(['small', 'medium', 'large']),
+  type: PropTypes__default["default"].oneOf(['circle', 'disc', 'square'])
 };
 UnorderedList.defaultProps = {
   size: 'medium',

package/dist/index.esm.js

@@ -70,7 +70,7 @@ function _objectWithoutProperties(source, excluded) {
 var COMPONENT_ID$9 = 'typography.blockquote';
 var StyledBlockquote = styled.blockquote.attrs({
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '8.45.0'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledBlockquote",
   componentId: "sc-1tt3ye0-0"
@@ -130,7 +130,7 @@ var fontStyles = function fontStyles(props) {
 };
 var StyledFont = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '8.45.0'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledFont",
   componentId: "sc-1iildbo-0"
@@ -154,7 +154,7 @@ var colorStyles$3 = function colorStyles(props) {
 };
 var StyledCode = styled(StyledFont).attrs({
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '8.45.0',
+  'data-garden-version': '8.47.2',
   as: 'code'
 }).withConfig({
   displayName: "StyledCode",
@@ -181,7 +181,7 @@ var colorStyles$2 = function colorStyles(props) {
 };
 var StyledCodeBlock = styled.pre.attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.45.0'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledCodeBlock",
   componentId: "sc-5wky57-0"
@@ -199,7 +199,7 @@ StyledCodeBlock.defaultProps = {
 var COMPONENT_ID$5 = 'typography.codeblock_container';
 var StyledCodeBlockContainer = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.45.0'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledCodeBlockContainer",
   componentId: "sc-14zgbfw-0"
@@ -254,7 +254,7 @@ var lineNumberStyles = function lineNumberStyles(props) {
 };
 var StyledCodeBlockLine = styled(StyledFont).attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.45.0',
+  'data-garden-version': '8.47.2',
   as: 'code',
   isMonospace: true
 }).withConfig({
@@ -300,7 +300,7 @@ var colorStyles = function colorStyles(props) {
 };
 var StyledCodeBlockToken = styled.span.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.45.0'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledCodeBlockToken",
   componentId: "sc-1hkshdq-0"
@@ -318,7 +318,7 @@ StyledCodeBlockToken.defaultProps = {
 var COMPONENT_ID$2 = 'typography.ellipsis';
 var StyledEllipsis = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.45.0'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledEllipsis",
   componentId: "sc-1u4uqmy-0"
@@ -345,7 +345,7 @@ var StyledIcon = styled(function (_ref) {
   return React.cloneElement(Children.only(children), props);
 }).attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.45.0'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledIcon",
   componentId: "sc-10rfb5b-0"
@@ -365,7 +365,7 @@ var listStyles = function listStyles(props) {
 var ORDERED_ID$1 = 'typography.ordered_list';
 var StyledOrderedList = styled.ol.attrs({
   'data-garden-id': ORDERED_ID$1,
-  'data-garden-version': '8.45.0'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledList__StyledOrderedList",
   componentId: "sc-jdbsfi-0"
@@ -380,7 +380,7 @@ StyledOrderedList.defaultProps = {
 var UNORDERED_ID$1 = 'typography.unordered_list';
 var StyledUnorderedList = styled.ul.attrs({
   'data-garden-id': UNORDERED_ID$1,
-  'data-garden-version': '8.45.0'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledList__StyledUnorderedList",
   componentId: "sc-jdbsfi-1"
@@ -404,7 +404,7 @@ var listItemStyles = function listItemStyles(props) {
 var ORDERED_ID = 'typography.ordered_list_item';
 var StyledOrderedListItem = styled(StyledFont).attrs({
   'data-garden-id': ORDERED_ID,
-  'data-garden-version': '8.45.0',
+  'data-garden-version': '8.47.2',
   as: 'li'
 }).withConfig({
   displayName: "StyledListItem__StyledOrderedListItem",
@@ -429,7 +429,7 @@ StyledOrderedListItem.defaultProps = {
 var UNORDERED_ID = 'typography.unordered_list_item';
 var StyledUnorderedListItem = styled(StyledFont).attrs({
   'data-garden-id': UNORDERED_ID,
-  'data-garden-version': '8.45.0',
+  'data-garden-version': '8.47.2',
   as: 'li'
 }).withConfig({
   displayName: "StyledListItem__StyledUnorderedListItem",
@@ -447,7 +447,7 @@ StyledUnorderedListItem.defaultProps = {
 var COMPONENT_ID = 'typography.paragraph';
 var StyledParagraph = styled.p.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.45.0'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledParagraph",
   componentId: "sc-zkuftz-0"

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

@@ -5,7 +5,7 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React, { HTMLAttributes } from 'react';
-interface IEllipsisProps extends HTMLAttributes<HTMLDivElement> {
+export interface IEllipsisProps extends HTMLAttributes<HTMLDivElement> {
     /** Overrides the auto-generated `title` attribute */
     title?: string;
     /** Updates the element's HTML tag */

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

@@ -5,7 +5,7 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React, { HTMLAttributes } from 'react';
-interface ILGProps extends HTMLAttributes<HTMLDivElement> {
+export interface ILGProps extends HTMLAttributes<HTMLDivElement> {
     /** Updates the element's HTML tag */
     tag?: any;
     /** Applies bold font style */

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

@@ -5,7 +5,7 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React, { HTMLAttributes } from 'react';
-interface IMDProps extends HTMLAttributes<HTMLDivElement> {
+export interface IMDProps extends HTMLAttributes<HTMLDivElement> {
     /** Updates the element's HTML tag */
     tag?: any;
     /** Applies bold font style */

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

@@ -5,7 +5,7 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React, { HTMLAttributes } from 'react';
-interface ISMProps extends HTMLAttributes<HTMLDivElement> {
+export interface ISMProps extends HTMLAttributes<HTMLDivElement> {
     /** Updates the element's HTML tag */
     tag?: any;
     /** Applies bold font style */

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

@@ -5,7 +5,7 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React, { HTMLAttributes } from 'react';
-interface ISpanProps extends HTMLAttributes<HTMLSpanElement> {
+export interface ISpanProps extends HTMLAttributes<HTMLSpanElement> {
     /** Updates the element's HTML tag */
     tag?: any;
     /** Applies bold font style. Font weight is inherited by default. */

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

@@ -5,7 +5,7 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React, { HTMLAttributes } from 'react';
-interface IXLProps extends HTMLAttributes<HTMLDivElement> {
+export interface IXLProps extends HTMLAttributes<HTMLDivElement> {
     /** Updates the element's HTML tag */
     tag?: any;
     /** Applies bold font style */

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

@@ -5,7 +5,7 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React, { HTMLAttributes } from 'react';
-interface IXXLProps extends HTMLAttributes<HTMLDivElement> {
+export interface IXXLProps extends HTMLAttributes<HTMLDivElement> {
     /** Updates the element's HTML tag */
     tag?: any;
     /** Applies bold font style */

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

@@ -5,7 +5,7 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React, { HTMLAttributes } from 'react';
-interface IXXXLProps extends HTMLAttributes<HTMLDivElement> {
+export interface IXXXLProps extends HTMLAttributes<HTMLDivElement> {
     /** Updates the element's HTML tag */
     tag?: any;
     /** Applies bold font style */

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

@@ -6,7 +6,7 @@
  */
 import React, { HTMLAttributes } from 'react';
 import OrderedListItem from './OrderedListItem';
-interface IOrderedListProps extends HTMLAttributes<HTMLOListElement> {
+export interface IOrderedListProps extends HTMLAttributes<HTMLOListElement> {
     /** Adjusts the vertical spacing between list items */
     size?: 'small' | 'medium' | 'large';
     /** Sets the marker style */

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

@@ -6,7 +6,7 @@
  */
 import React, { HTMLAttributes } from 'react';
 import UnorderedListItem from './UnorderedListItem';
-interface IUnorderedListProps extends HTMLAttributes<HTMLUListElement> {
+export interface IUnorderedListProps extends HTMLAttributes<HTMLUListElement> {
     /** Adjusts the vertical spacing between list items */
     size?: 'small' | 'medium' | 'large';
     /** Sets the marker style */

package/dist/typings/index.d.ts

@@ -18,3 +18,17 @@ export { default as Ellipsis } from './elements/Ellipsis';
 export { default as Paragraph } from './elements/Paragraph';
 export { default as OrderedList } from './elements/lists/OrderedList';
 export { default as UnorderedList } from './elements/lists/UnorderedList';
+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 { ISpanProps } from './elements/Span';
+export type { IOrderedListProps } from './elements/lists/OrderedList';
+export type { IUnorderedListProps } from './elements/lists/UnorderedList';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-typography",
-  "version": "8.45.0",
+  "version": "8.47.2",
   "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.45.0"
+    "@zendeskgarden/react-theming": "^8.47.2"
   },
   "keywords": [
     "components",
@@ -45,5 +45,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "7a2f38e395cd0b1e0f09e5925ca721b254c57a5d"
+  "gitHead": "41cb43f285760417ae2145e47eca0e4a600455ab"
 }