@zendeskgarden/react-typography 8.38.0 → 8.40.1

package/dist/index.cjs.js

@@ -78,24 +78,14 @@ function _objectWithoutProperties(source, excluded) {
   return target;
 }
 
-function _taggedTemplateLiteral(strings, raw) {
-  if (!raw) {
-    raw = strings.slice(0);
-  }
-
-  return Object.freeze(Object.defineProperties(strings, {
-    raw: {
-      value: Object.freeze(raw)
-    }
-  }));
-}
-
-var _templateObject$b;
 var COMPONENT_ID$9 = 'typography.blockquote';
 var StyledBlockquote = styled__default['default'].blockquote.attrs({
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '8.38.0'
-})(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral(["\n  margin: 0;\n  /* stylelint-disable property-no-unknown */\n  border-", ": ", " solid;\n  border-color: ", ";\n  padding: 0;\n  padding-", ": ", "px;\n  /* stylelint-enable property-no-unknown */\n  direction: ", ";\n\n  p + &,\n  & + & {\n    margin-top: ", ";\n  }\n\n  ", ";\n"])), function (props) {
+  'data-garden-version': '8.40.1'
+}).withConfig({
+  displayName: "StyledBlockquote",
+  componentId: "sc-1tt3ye0-0"
+})(["margin:0;border-", ":", " solid;border-color:", ";padding:0;padding-", ":", "px;direction:", ";p + &,& + &{margin-top:", ";}", ";"], function (props) {
   return props.theme.rtl ? 'right' : 'left';
 }, function (props) {
   return props.theme.shadowWidths.sm;
@@ -117,7 +107,6 @@ StyledBlockquote.defaultProps = {
   size: 'md'
 };
 
-var _templateObject$a;
 var COMPONENT_ID$8 = 'typography.font';
 var fontStyles = function fontStyles(props) {
   var monospace = props.isMonospace && ['sm', 'md', 'lg', 'inherit'].indexOf(props.size) !== -1;
@@ -152,8 +141,11 @@ var fontStyles = function fontStyles(props) {
 };
 var StyledFont = styled__default['default'].div.attrs({
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '8.38.0'
-})(_templateObject$a || (_templateObject$a = _taggedTemplateLiteral(["\n  ", ";\n  ", ";\n"])), function (props) {
+  'data-garden-version': '8.40.1'
+}).withConfig({
+  displayName: "StyledFont",
+  componentId: "sc-1iildbo-0"
+})(["", ";", ";"], function (props) {
   return fontStyles(props);
 }, function (props) {
   return reactTheming.retrieveComponentStyles(COMPONENT_ID$8, props);
@@ -163,7 +155,6 @@ StyledFont.defaultProps = {
   size: 'inherit'
 };
 
-var _templateObject$9;
 var COMPONENT_ID$7 = 'typography.code';
 var colorStyles$2 = function colorStyles(props) {
   var hue = props.hue || 'neutralHue';
@@ -174,9 +165,12 @@ var colorStyles$2 = function colorStyles(props) {
 };
 var StyledCode = styled__default['default'](StyledFont).attrs({
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '8.38.0',
+  'data-garden-version': '8.40.1',
   as: 'code'
-})(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteral(["\n  border-radius: ", ";\n  padding: 1.5px;\n\n  ", ";\n\n  ", ";\n"])), function (props) {
+}).withConfig({
+  displayName: "StyledCode",
+  componentId: "sc-l8yvmf-0"
+})(["border-radius:", ";padding:1.5px;", ";", ";"], function (props) {
   return props.theme.borderRadii.sm;
 }, function (props) {
   return colorStyles$2(props);
@@ -190,7 +184,6 @@ StyledCode.defaultProps = {
   size: 'inherit'
 };
 
-var _templateObject$8;
 var COMPONENT_ID$6 = 'typography.codeblock';
 var colorStyles$1 = function colorStyles(props) {
   var backgroundColor = reactTheming.getColor('neutralHue', props.isLight ? 100 : 1000, props.theme);
@@ -199,8 +192,11 @@ var colorStyles$1 = function colorStyles(props) {
 };
 var StyledCodeBlock = styled__default['default'].pre.attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.38.0'
-})(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteral(["\n  display: table;\n  margin: 0;\n  padding: ", "px;\n  box-sizing: border-box;\n  width: 100%;\n  direction: ltr;\n  white-space: pre;\n  counter-reset: linenumber;\n\n  ", ";\n\n  ", ";\n"])), function (props) {
+  'data-garden-version': '8.40.1'
+}).withConfig({
+  displayName: "StyledCodeBlock",
+  componentId: "sc-5wky57-0"
+})(["display:table;margin:0;padding:", "px;box-sizing:border-box;width:100%;direction:ltr;white-space:pre;counter-reset:linenumber;", ";", ";"], function (props) {
   return props.theme.space.base * 3;
 }, function (props) {
   return colorStyles$1(props);
@@ -211,12 +207,14 @@ StyledCodeBlock.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
 
-var _templateObject$7;
 var COMPONENT_ID$5 = 'typography.codeblock_container';
 var StyledCodeBlockContainer = styled__default['default'].div.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.38.0'
-})(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteral(["\n  overflow: auto;\n\n  &:focus {\n    outline: none;\n  }\n\n  &[data-garden-focus-visible] {\n    box-shadow: ", ";\n  }\n\n  ", ";\n"])), function (props) {
+  'data-garden-version': '8.40.1'
+}).withConfig({
+  displayName: "StyledCodeBlockContainer",
+  componentId: "sc-14zgbfw-0"
+})(["overflow:auto;&:focus{outline:none;}&[data-garden-focus-visible]{box-shadow:", ";}", ";"], function (props) {
   return props.theme.shadows.md(reactTheming.getColor('primaryHue', 600, props.theme, 0.35));
 }, function (props) {
   return reactTheming.retrieveComponentStyles(COMPONENT_ID$5, props);
@@ -225,7 +223,6 @@ StyledCodeBlockContainer.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
 
-var _templateObject$6;
 var COMPONENT_ID$4 = 'typography.codeblock_code';
 var highlightStyles = function highlightStyles(props) {
   var hue = props.isLight ? props.theme.palette.black : props.theme.palette.white;
@@ -239,10 +236,13 @@ var lineNumberStyles = function lineNumberStyles(props) {
 };
 var StyledCodeBlockLine = styled__default['default'](StyledFont).attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.38.0',
+  'data-garden-version': '8.40.1',
   as: 'code',
   isMonospace: true
-})(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteral(["\n  display: table-row;\n  height: ", "; /* [1] */\n  direction: ltr;\n\n  ", ";\n\n  ", ";\n\n  &::after {\n    display: inline-block;\n    width: ", "px; /* [2] */\n    content: '';\n  }\n\n  ", ";\n"])), function (props) {
+}).withConfig({
+  displayName: "StyledCodeBlockLine",
+  componentId: "sc-1goay17-0"
+})(["display:table-row;height:", ";direction:ltr;", ";", ";&::after{display:inline-block;width:", "px;content:'';}", ";"], function (props) {
   return props.theme.lineHeights[props.size];
 }, function (props) {
   return props.isHighlighted && highlightStyles(props);
@@ -258,7 +258,6 @@ StyledCodeBlockLine.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
 
-var _templateObject$5;
 var COMPONENT_ID$3 = 'typography.codeblock_token';
 var colorStyles = function colorStyles(props) {
   var palette = props.theme.palette;
@@ -279,8 +278,11 @@ var colorStyles = function colorStyles(props) {
 };
 var StyledCodeBlockToken = styled__default['default'].span.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.38.0'
-})(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral(["\n  display: inline-block;\n\n  &.bold {\n    font-weight: ", ";\n  }\n\n  &.italic {\n    font-style: italic;\n  }\n\n  ", ";\n\n  ", ";\n"])), function (props) {
+  'data-garden-version': '8.40.1'
+}).withConfig({
+  displayName: "StyledCodeBlockToken",
+  componentId: "sc-1hkshdq-0"
+})(["display:inline-block;&.bold{font-weight:", ";}&.italic{font-style:italic;}", ";", ";"], function (props) {
   return props.theme.fontWeights.semibold;
 }, function (props) {
   return colorStyles(props);
@@ -291,12 +293,14 @@ StyledCodeBlockToken.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
 
-var _templateObject$4;
 var COMPONENT_ID$2 = 'typography.ellipsis';
 var StyledEllipsis = styled__default['default'].div.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.38.0'
-})(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  direction: ", ";\n\n  ", ";\n"])), function (props) {
+  'data-garden-version': '8.40.1'
+}).withConfig({
+  displayName: "StyledEllipsis",
+  componentId: "sc-1u4uqmy-0"
+})(["overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:", ";", ";"], function (props) {
   return reactTheming.isRtl(props) ? 'rtl' : 'ltr';
 }, function (props) {
   return reactTheming.retrieveComponentStyles(COMPONENT_ID$2, props);
@@ -306,7 +310,6 @@ StyledEllipsis.defaultProps = {
 };
 
 var _excluded$e = ["children", "isStart"];
-var _templateObject$3;
 var COMPONENT_ID$1 = 'typography.icon';
 var sizeStyles = function sizeStyles(props) {
   var margin = props.isStart && "".concat(props.theme.space.base * 2, "px");
@@ -320,8 +323,11 @@ var StyledIcon = styled__default['default'](function (_ref) {
   return React__default['default'].cloneElement(React.Children.only(children), props);
 }).attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.38.0'
-})(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n  position: relative;\n  top: -1px;\n  vertical-align: middle;\n\n  ", ";\n\n  ", ";\n"])), function (props) {
+  'data-garden-version': '8.40.1'
+}).withConfig({
+  displayName: "StyledIcon",
+  componentId: "sc-10rfb5b-0"
+})(["position:relative;top:-1px;vertical-align:middle;", ";", ";"], function (props) {
   return sizeStyles(props);
 }, function (props) {
   return reactTheming.retrieveComponentStyles(COMPONENT_ID$1, props);
@@ -330,7 +336,6 @@ StyledIcon.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
 
-var _templateObject$2, _templateObject2$1;
 var listStyles = function listStyles(props) {
   var rtl = reactTheming.isRtl(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);
@@ -338,8 +343,11 @@ var listStyles = function listStyles(props) {
 var ORDERED_ID$1 = 'typography.ordered_list';
 var StyledOrderedList = styled__default['default'].ol.attrs({
   'data-garden-id': ORDERED_ID$1,
-  'data-garden-version': '8.38.0'
-})(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n  ", ";\n  ", ";\n"])), function (props) {
+  'data-garden-version': '8.40.1'
+}).withConfig({
+  displayName: "StyledList__StyledOrderedList",
+  componentId: "sc-jdbsfi-0"
+})(["", ";", ";"], function (props) {
   return listStyles(props);
 }, function (props) {
   return reactTheming.retrieveComponentStyles(ORDERED_ID$1, props);
@@ -350,8 +358,11 @@ StyledOrderedList.defaultProps = {
 var UNORDERED_ID$1 = 'typography.unordered_list';
 var StyledUnorderedList = styled__default['default'].ul.attrs({
   'data-garden-id': UNORDERED_ID$1,
-  'data-garden-version': '8.38.0'
-})(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n  ", ";\n  ", ";\n"])), function (props) {
+  'data-garden-version': '8.40.1'
+}).withConfig({
+  displayName: "StyledList__StyledUnorderedList",
+  componentId: "sc-jdbsfi-1"
+})(["", ";", ";"], function (props) {
   return listStyles(props);
 }, function (props) {
   return reactTheming.retrieveComponentStyles(UNORDERED_ID$1, props);
@@ -360,7 +371,6 @@ StyledUnorderedList.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
 
-var _templateObject$1, _templateObject2;
 var listItemPaddingStyles = function listItemPaddingStyles(props) {
   var base = props.theme.space.base;
   var paddingTop = props.space === 'large' ? "".concat(base * 2, "px") : "".concat(base, "px");
@@ -372,9 +382,12 @@ var listItemStyles = function listItemStyles(props) {
 var ORDERED_ID = 'typography.ordered_list_item';
 var StyledOrderedListItem = styled__default['default'](StyledFont).attrs({
   'data-garden-id': ORDERED_ID,
-  'data-garden-version': '8.38.0',
+  'data-garden-version': '8.40.1',
   as: 'li'
-})(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n  /* stylelint-disable */\n  margin-", ": ", ";\n  padding-", ": ", ";\n  /* stylelint-enable */\n\n  ", ";\n\n  ", ";\n"])), function (props) {
+}).withConfig({
+  displayName: "StyledListItem__StyledOrderedListItem",
+  componentId: "sc-9rsipg-0"
+})(["margin-", ":", ";padding-", ":", ";", ";", ";"], function (props) {
   return reactTheming.isRtl(props) ? 'right' : 'left';
 }, function (props) {
   return polished.math("".concat(props.theme.space.base, " * -1px"));
@@ -394,9 +407,12 @@ StyledOrderedListItem.defaultProps = {
 var UNORDERED_ID = 'typography.unordered_list_item';
 var StyledUnorderedListItem = styled__default['default'](StyledFont).attrs({
   'data-garden-id': UNORDERED_ID,
-  'data-garden-version': '8.38.0',
+  'data-garden-version': '8.40.1',
   as: 'li'
-})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", ";\n\n  ", ";\n"])), function (props) {
+}).withConfig({
+  displayName: "StyledListItem__StyledUnorderedListItem",
+  componentId: "sc-9rsipg-1"
+})(["", ";", ";"], function (props) {
   return listItemStyles(props);
 }, function (props) {
   return reactTheming.retrieveComponentStyles(UNORDERED_ID, props);
@@ -406,12 +422,14 @@ StyledUnorderedListItem.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
 
-var _templateObject;
 var COMPONENT_ID = 'typography.paragraph';
 var StyledParagraph = styled__default['default'].p.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.38.0'
-})(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin: 0;\n  padding: 0;\n  direction: ", ";\n\n  blockquote + &,\n  & + & {\n    margin-top: ", ";\n  }\n\n  ", ";\n"])), function (props) {
+  'data-garden-version': '8.40.1'
+}).withConfig({
+  displayName: "StyledParagraph",
+  componentId: "sc-zkuftz-0"
+})(["margin:0;padding:0;direction:", ";blockquote + &,& + &{margin-top:", ";}", ";"], function (props) {
   return props.theme.rtl ? 'rtl' : 'ltr';
 }, function (props) {
   return props.theme.lineHeights[props.size];

package/dist/index.esm.js

@@ -67,24 +67,14 @@ function _objectWithoutProperties(source, excluded) {
   return target;
 }
 
-function _taggedTemplateLiteral(strings, raw) {
-  if (!raw) {
-    raw = strings.slice(0);
-  }
-
-  return Object.freeze(Object.defineProperties(strings, {
-    raw: {
-      value: Object.freeze(raw)
-    }
-  }));
-}
-
-var _templateObject$b;
 var COMPONENT_ID$9 = 'typography.blockquote';
 var StyledBlockquote = styled.blockquote.attrs({
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '8.38.0'
-})(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral(["\n  margin: 0;\n  /* stylelint-disable property-no-unknown */\n  border-", ": ", " solid;\n  border-color: ", ";\n  padding: 0;\n  padding-", ": ", "px;\n  /* stylelint-enable property-no-unknown */\n  direction: ", ";\n\n  p + &,\n  & + & {\n    margin-top: ", ";\n  }\n\n  ", ";\n"])), function (props) {
+  'data-garden-version': '8.40.1'
+}).withConfig({
+  displayName: "StyledBlockquote",
+  componentId: "sc-1tt3ye0-0"
+})(["margin:0;border-", ":", " solid;border-color:", ";padding:0;padding-", ":", "px;direction:", ";p + &,& + &{margin-top:", ";}", ";"], function (props) {
   return props.theme.rtl ? 'right' : 'left';
 }, function (props) {
   return props.theme.shadowWidths.sm;
@@ -106,7 +96,6 @@ StyledBlockquote.defaultProps = {
   size: 'md'
 };
 
-var _templateObject$a;
 var COMPONENT_ID$8 = 'typography.font';
 var fontStyles = function fontStyles(props) {
   var monospace = props.isMonospace && ['sm', 'md', 'lg', 'inherit'].indexOf(props.size) !== -1;
@@ -141,8 +130,11 @@ var fontStyles = function fontStyles(props) {
 };
 var StyledFont = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '8.38.0'
-})(_templateObject$a || (_templateObject$a = _taggedTemplateLiteral(["\n  ", ";\n  ", ";\n"])), function (props) {
+  'data-garden-version': '8.40.1'
+}).withConfig({
+  displayName: "StyledFont",
+  componentId: "sc-1iildbo-0"
+})(["", ";", ";"], function (props) {
   return fontStyles(props);
 }, function (props) {
   return retrieveComponentStyles(COMPONENT_ID$8, props);
@@ -152,7 +144,6 @@ StyledFont.defaultProps = {
   size: 'inherit'
 };
 
-var _templateObject$9;
 var COMPONENT_ID$7 = 'typography.code';
 var colorStyles$2 = function colorStyles(props) {
   var hue = props.hue || 'neutralHue';
@@ -163,9 +154,12 @@ var colorStyles$2 = function colorStyles(props) {
 };
 var StyledCode = styled(StyledFont).attrs({
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '8.38.0',
+  'data-garden-version': '8.40.1',
   as: 'code'
-})(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteral(["\n  border-radius: ", ";\n  padding: 1.5px;\n\n  ", ";\n\n  ", ";\n"])), function (props) {
+}).withConfig({
+  displayName: "StyledCode",
+  componentId: "sc-l8yvmf-0"
+})(["border-radius:", ";padding:1.5px;", ";", ";"], function (props) {
   return props.theme.borderRadii.sm;
 }, function (props) {
   return colorStyles$2(props);
@@ -179,7 +173,6 @@ StyledCode.defaultProps = {
   size: 'inherit'
 };
 
-var _templateObject$8;
 var COMPONENT_ID$6 = 'typography.codeblock';
 var colorStyles$1 = function colorStyles(props) {
   var backgroundColor = getColor('neutralHue', props.isLight ? 100 : 1000, props.theme);
@@ -188,8 +181,11 @@ var colorStyles$1 = function colorStyles(props) {
 };
 var StyledCodeBlock = styled.pre.attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.38.0'
-})(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteral(["\n  display: table;\n  margin: 0;\n  padding: ", "px;\n  box-sizing: border-box;\n  width: 100%;\n  direction: ltr;\n  white-space: pre;\n  counter-reset: linenumber;\n\n  ", ";\n\n  ", ";\n"])), function (props) {
+  'data-garden-version': '8.40.1'
+}).withConfig({
+  displayName: "StyledCodeBlock",
+  componentId: "sc-5wky57-0"
+})(["display:table;margin:0;padding:", "px;box-sizing:border-box;width:100%;direction:ltr;white-space:pre;counter-reset:linenumber;", ";", ";"], function (props) {
   return props.theme.space.base * 3;
 }, function (props) {
   return colorStyles$1(props);
@@ -200,12 +196,14 @@ StyledCodeBlock.defaultProps = {
   theme: DEFAULT_THEME
 };
 
-var _templateObject$7;
 var COMPONENT_ID$5 = 'typography.codeblock_container';
 var StyledCodeBlockContainer = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.38.0'
-})(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteral(["\n  overflow: auto;\n\n  &:focus {\n    outline: none;\n  }\n\n  &[data-garden-focus-visible] {\n    box-shadow: ", ";\n  }\n\n  ", ";\n"])), function (props) {
+  'data-garden-version': '8.40.1'
+}).withConfig({
+  displayName: "StyledCodeBlockContainer",
+  componentId: "sc-14zgbfw-0"
+})(["overflow:auto;&:focus{outline:none;}&[data-garden-focus-visible]{box-shadow:", ";}", ";"], function (props) {
   return props.theme.shadows.md(getColor('primaryHue', 600, props.theme, 0.35));
 }, function (props) {
   return retrieveComponentStyles(COMPONENT_ID$5, props);
@@ -214,7 +212,6 @@ StyledCodeBlockContainer.defaultProps = {
   theme: DEFAULT_THEME
 };
 
-var _templateObject$6;
 var COMPONENT_ID$4 = 'typography.codeblock_code';
 var highlightStyles = function highlightStyles(props) {
   var hue = props.isLight ? props.theme.palette.black : props.theme.palette.white;
@@ -228,10 +225,13 @@ var lineNumberStyles = function lineNumberStyles(props) {
 };
 var StyledCodeBlockLine = styled(StyledFont).attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.38.0',
+  'data-garden-version': '8.40.1',
   as: 'code',
   isMonospace: true
-})(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteral(["\n  display: table-row;\n  height: ", "; /* [1] */\n  direction: ltr;\n\n  ", ";\n\n  ", ";\n\n  &::after {\n    display: inline-block;\n    width: ", "px; /* [2] */\n    content: '';\n  }\n\n  ", ";\n"])), function (props) {
+}).withConfig({
+  displayName: "StyledCodeBlockLine",
+  componentId: "sc-1goay17-0"
+})(["display:table-row;height:", ";direction:ltr;", ";", ";&::after{display:inline-block;width:", "px;content:'';}", ";"], function (props) {
   return props.theme.lineHeights[props.size];
 }, function (props) {
   return props.isHighlighted && highlightStyles(props);
@@ -247,7 +247,6 @@ StyledCodeBlockLine.defaultProps = {
   theme: DEFAULT_THEME
 };
 
-var _templateObject$5;
 var COMPONENT_ID$3 = 'typography.codeblock_token';
 var colorStyles = function colorStyles(props) {
   var palette = props.theme.palette;
@@ -268,8 +267,11 @@ var colorStyles = function colorStyles(props) {
 };
 var StyledCodeBlockToken = styled.span.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.38.0'
-})(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral(["\n  display: inline-block;\n\n  &.bold {\n    font-weight: ", ";\n  }\n\n  &.italic {\n    font-style: italic;\n  }\n\n  ", ";\n\n  ", ";\n"])), function (props) {
+  'data-garden-version': '8.40.1'
+}).withConfig({
+  displayName: "StyledCodeBlockToken",
+  componentId: "sc-1hkshdq-0"
+})(["display:inline-block;&.bold{font-weight:", ";}&.italic{font-style:italic;}", ";", ";"], function (props) {
   return props.theme.fontWeights.semibold;
 }, function (props) {
   return colorStyles(props);
@@ -280,12 +282,14 @@ StyledCodeBlockToken.defaultProps = {
   theme: DEFAULT_THEME
 };
 
-var _templateObject$4;
 var COMPONENT_ID$2 = 'typography.ellipsis';
 var StyledEllipsis = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.38.0'
-})(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  direction: ", ";\n\n  ", ";\n"])), function (props) {
+  'data-garden-version': '8.40.1'
+}).withConfig({
+  displayName: "StyledEllipsis",
+  componentId: "sc-1u4uqmy-0"
+})(["overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:", ";", ";"], function (props) {
   return isRtl(props) ? 'rtl' : 'ltr';
 }, function (props) {
   return retrieveComponentStyles(COMPONENT_ID$2, props);
@@ -295,7 +299,6 @@ StyledEllipsis.defaultProps = {
 };
 
 var _excluded$e = ["children", "isStart"];
-var _templateObject$3;
 var COMPONENT_ID$1 = 'typography.icon';
 var sizeStyles = function sizeStyles(props) {
   var margin = props.isStart && "".concat(props.theme.space.base * 2, "px");
@@ -309,8 +312,11 @@ var StyledIcon = styled(function (_ref) {
   return React.cloneElement(Children.only(children), props);
 }).attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.38.0'
-})(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n  position: relative;\n  top: -1px;\n  vertical-align: middle;\n\n  ", ";\n\n  ", ";\n"])), function (props) {
+  'data-garden-version': '8.40.1'
+}).withConfig({
+  displayName: "StyledIcon",
+  componentId: "sc-10rfb5b-0"
+})(["position:relative;top:-1px;vertical-align:middle;", ";", ";"], function (props) {
   return sizeStyles(props);
 }, function (props) {
   return retrieveComponentStyles(COMPONENT_ID$1, props);
@@ -319,7 +325,6 @@ StyledIcon.defaultProps = {
   theme: DEFAULT_THEME
 };
 
-var _templateObject$2, _templateObject2$1;
 var listStyles = function listStyles(props) {
   var rtl = isRtl(props);
   return css(["direction:", ";margin:0;margin-", ":24px;padding:0;list-style-position:outside;list-style-type:", ";"], rtl ? 'rtl' : 'ltr', rtl ? 'right' : 'left', props.listType);
@@ -327,8 +332,11 @@ 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.38.0'
-})(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n  ", ";\n  ", ";\n"])), function (props) {
+  'data-garden-version': '8.40.1'
+}).withConfig({
+  displayName: "StyledList__StyledOrderedList",
+  componentId: "sc-jdbsfi-0"
+})(["", ";", ";"], function (props) {
   return listStyles(props);
 }, function (props) {
   return retrieveComponentStyles(ORDERED_ID$1, props);
@@ -339,8 +347,11 @@ StyledOrderedList.defaultProps = {
 var UNORDERED_ID$1 = 'typography.unordered_list';
 var StyledUnorderedList = styled.ul.attrs({
   'data-garden-id': UNORDERED_ID$1,
-  'data-garden-version': '8.38.0'
-})(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n  ", ";\n  ", ";\n"])), function (props) {
+  'data-garden-version': '8.40.1'
+}).withConfig({
+  displayName: "StyledList__StyledUnorderedList",
+  componentId: "sc-jdbsfi-1"
+})(["", ";", ";"], function (props) {
   return listStyles(props);
 }, function (props) {
   return retrieveComponentStyles(UNORDERED_ID$1, props);
@@ -349,7 +360,6 @@ StyledUnorderedList.defaultProps = {
   theme: DEFAULT_THEME
 };
 
-var _templateObject$1, _templateObject2;
 var listItemPaddingStyles = function listItemPaddingStyles(props) {
   var base = props.theme.space.base;
   var paddingTop = props.space === 'large' ? "".concat(base * 2, "px") : "".concat(base, "px");
@@ -361,9 +371,12 @@ 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.38.0',
+  'data-garden-version': '8.40.1',
   as: 'li'
-})(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n  /* stylelint-disable */\n  margin-", ": ", ";\n  padding-", ": ", ";\n  /* stylelint-enable */\n\n  ", ";\n\n  ", ";\n"])), function (props) {
+}).withConfig({
+  displayName: "StyledListItem__StyledOrderedListItem",
+  componentId: "sc-9rsipg-0"
+})(["margin-", ":", ";padding-", ":", ";", ";", ";"], function (props) {
   return isRtl(props) ? 'right' : 'left';
 }, function (props) {
   return math("".concat(props.theme.space.base, " * -1px"));
@@ -383,9 +396,12 @@ StyledOrderedListItem.defaultProps = {
 var UNORDERED_ID = 'typography.unordered_list_item';
 var StyledUnorderedListItem = styled(StyledFont).attrs({
   'data-garden-id': UNORDERED_ID,
-  'data-garden-version': '8.38.0',
+  'data-garden-version': '8.40.1',
   as: 'li'
-})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", ";\n\n  ", ";\n"])), function (props) {
+}).withConfig({
+  displayName: "StyledListItem__StyledUnorderedListItem",
+  componentId: "sc-9rsipg-1"
+})(["", ";", ";"], function (props) {
   return listItemStyles(props);
 }, function (props) {
   return retrieveComponentStyles(UNORDERED_ID, props);
@@ -395,12 +411,14 @@ StyledUnorderedListItem.defaultProps = {
   theme: DEFAULT_THEME
 };
 
-var _templateObject;
 var COMPONENT_ID = 'typography.paragraph';
 var StyledParagraph = styled.p.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.38.0'
-})(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin: 0;\n  padding: 0;\n  direction: ", ";\n\n  blockquote + &,\n  & + & {\n    margin-top: ", ";\n  }\n\n  ", ";\n"])), function (props) {
+  'data-garden-version': '8.40.1'
+}).withConfig({
+  displayName: "StyledParagraph",
+  componentId: "sc-zkuftz-0"
+})(["margin:0;padding:0;direction:", ";blockquote + &,& + &{margin-top:", ";}", ";"], function (props) {
   return props.theme.rtl ? 'rtl' : 'ltr';
 }, function (props) {
   return props.theme.lineHeights[props.size];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-typography",
-  "version": "8.38.0",
+  "version": "8.40.1",
   "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.38.0"
+    "@zendeskgarden/react-theming": "^8.40.1"
   },
   "keywords": [
     "components",
@@ -45,5 +45,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "275611910f485c64e06cd8a7f7b9296aca30d73a"
+  "gitHead": "7feeb65e934f41f48757fcd3bd0d36287b893fae"
 }