@zendeskgarden/react-typography - npm Package Compare versions

Comparing version 8.32.2 to 8.33.0

dist/index.cjs.js

@@ -150,14 +150,8 @@ /**
 
-function _templateObject() {
-  var data = _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"]);
-  _templateObject = function _templateObject() {
-    return data;
-  };
-  return data;
-}
-var COMPONENT_ID = 'typography.blockquote';
+var _templateObject$b;
+var COMPONENT_ID$9 = 'typography.blockquote';
 var StyledBlockquote = styled__default['default'].blockquote.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.32.2'
-})(_templateObject(), function (props) {
+  'data-garden-id': COMPONENT_ID$9,
+  'data-garden-version': '8.33.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) {
   return props.theme.rtl ? 'right' : 'left';
@@ -177,3 +171,3 @@ }, function (props) {
 }, function (props) {
-  return reactTheming.retrieveComponentStyles(COMPONENT_ID, props);
+  return reactTheming.retrieveComponentStyles(COMPONENT_ID$9, props);
 });
@@ -185,10 +179,4 @@ StyledBlockquote.defaultProps = {
 
-function _templateObject$1() {
-  var data = _taggedTemplateLiteral(["\n  ", ";\n  ", ";\n"]);
-  _templateObject$1 = function _templateObject() {
-    return data;
-  };
-  return data;
-}
-var COMPONENT_ID$1 = 'typography.font';
+var _templateObject$a;
+var COMPONENT_ID$8 = 'typography.font';
 var fontStyles = function fontStyles(props) {
@@ -226,8 +214,8 @@ var monospace = props.isMonospace && ['sm', 'md', 'lg', 'inherit'].indexOf(props.size) !== -1;
 var StyledFont = styled__default['default'].div.attrs({
-  'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.32.2'
-})(_templateObject$1(), function (props) {
+  'data-garden-id': COMPONENT_ID$8,
+  'data-garden-version': '8.33.0'
+})(_templateObject$a || (_templateObject$a = _taggedTemplateLiteral(["\n  ", ";\n  ", ";\n"])), function (props) {
   return fontStyles(props);
 }, function (props) {
-  return reactTheming.retrieveComponentStyles(COMPONENT_ID$1, props);
+  return reactTheming.retrieveComponentStyles(COMPONENT_ID$8, props);
 });
@@ -239,11 +227,5 @@ StyledFont.defaultProps = {
 
-function _templateObject$2() {
-  var data = _taggedTemplateLiteral(["\n  border-radius: ", ";\n  padding: 1.5px;\n\n  ", ";\n\n  ", ";\n"]);
-  _templateObject$2 = function _templateObject() {
-    return data;
-  };
-  return data;
-}
-var COMPONENT_ID$2 = 'typography.code';
-var colorStyles = function colorStyles(props) {
+var _templateObject$9;
+var COMPONENT_ID$7 = 'typography.code';
+var colorStyles$2 = function colorStyles(props) {
   var hue = props.hue || 'neutralHue';
@@ -256,11 +238,11 @@ var backgroundColor = reactTheming.getColor(hue, 200, props.theme);
 var StyledCode = styled__default['default'](StyledFont).attrs({
-  'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.32.2',
+  'data-garden-id': COMPONENT_ID$7,
+  'data-garden-version': '8.33.0',
   as: 'code'
-})(_templateObject$2(), function (props) {
+})(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteral(["\n  border-radius: ", ";\n  padding: 1.5px;\n\n  ", ";\n\n  ", ";\n"])), function (props) {
   return props.theme.borderRadii.sm;
 }, function (props) {
-  return colorStyles(props);
+  return colorStyles$2(props);
 }, function (props) {
-  return reactTheming.retrieveComponentStyles(COMPONENT_ID$2, props);
+  return reactTheming.retrieveComponentStyles(COMPONENT_ID$7, props);
 });
@@ -274,10 +256,4 @@ StyledCode.defaultProps = {
 
-function _templateObject$3() {
-  var data = _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"]);
-  _templateObject$3 = function _templateObject() {
-    return data;
-  };
-  return data;
-}
-var COMPONENT_ID$3 = 'typography.codeblock';
+var _templateObject$8;
+var COMPONENT_ID$6 = 'typography.codeblock';
 var colorStyles$1 = function colorStyles(props) {
@@ -289,5 +265,5 @@ var backgroundColor = reactTheming.getColor('neutralHue', props.isLight ? 100 : 1000, props.theme);
 var StyledCodeBlock = styled__default['default'].pre.attrs({
-  'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.32.2'
-})(_templateObject$3(), function (props) {
+  'data-garden-id': COMPONENT_ID$6,
+  'data-garden-version': '8.33.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) {
   return props.theme.space.base * 3;
@@ -297,3 +273,3 @@ }, function (props) {
 }, function (props) {
-  return reactTheming.retrieveComponentStyles(COMPONENT_ID$3, props);
+  return reactTheming.retrieveComponentStyles(COMPONENT_ID$6, props);
 });
@@ -304,17 +280,11 @@ StyledCodeBlock.defaultProps = {
 
-function _templateObject$4() {
-  var data = _taggedTemplateLiteral(["\n  overflow: auto;\n\n  &:focus {\n    outline: none;\n  }\n\n  &[data-garden-focus-visible] {\n    box-shadow: ", ";\n  }\n\n  ", ";\n"]);
-  _templateObject$4 = function _templateObject() {
-    return data;
-  };
-  return data;
-}
-var COMPONENT_ID$4 = 'typography.codeblock_container';
+var _templateObject$7;
+var COMPONENT_ID$5 = 'typography.codeblock_container';
 var StyledCodeBlockContainer = styled__default['default'].div.attrs({
-  'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.32.2'
-})(_templateObject$4(), function (props) {
+  'data-garden-id': COMPONENT_ID$5,
+  'data-garden-version': '8.33.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) {
   return props.theme.shadows.md(reactTheming.getColor('primaryHue', 600, props.theme, 0.35));
 }, function (props) {
-  return reactTheming.retrieveComponentStyles(COMPONENT_ID$4, props);
+  return reactTheming.retrieveComponentStyles(COMPONENT_ID$5, props);
 });
@@ -325,10 +295,4 @@ StyledCodeBlockContainer.defaultProps = {
 
-function _templateObject$5() {
-  var data = _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"]);
-  _templateObject$5 = function _templateObject() {
-    return data;
-  };
-  return data;
-}
-var COMPONENT_ID$5 = 'typography.codeblock_code';
+var _templateObject$6;
+var COMPONENT_ID$4 = 'typography.codeblock_code';
 var highlightStyles = function highlightStyles(props) {
@@ -345,7 +309,7 @@ var hue = props.isLight ? props.theme.palette.black : props.theme.palette.white;
 var StyledCodeBlockLine = styled__default['default'](StyledFont).attrs({
-  'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.32.2',
+  'data-garden-id': COMPONENT_ID$4,
+  'data-garden-version': '8.33.0',
   as: 'code',
   isMonospace: true
-})(_templateObject$5(), function (props) {
+})(_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) {
   return props.theme.lineHeights[props.size];
@@ -359,3 +323,3 @@ }, function (props) {
 }, function (props) {
-  return reactTheming.retrieveComponentStyles(COMPONENT_ID$5, props);
+  return reactTheming.retrieveComponentStyles(COMPONENT_ID$4, props);
 });
@@ -367,11 +331,5 @@ StyledCodeBlockLine.defaultProps = {
 
-function _templateObject$6() {
-  var data = _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"]);
-  _templateObject$6 = function _templateObject() {
-    return data;
-  };
-  return data;
-}
-var COMPONENT_ID$6 = 'typography.codeblock_token';
-var colorStyles$2 = function colorStyles(props) {
+var _templateObject$5;
+var COMPONENT_ID$3 = 'typography.codeblock_token';
+var colorStyles = function colorStyles(props) {
   var palette = props.theme.palette;
@@ -394,10 +352,10 @@ var colors = {
 var StyledCodeBlockToken = styled__default['default'].span.attrs({
-  'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.32.2'
-})(_templateObject$6(), function (props) {
+  'data-garden-id': COMPONENT_ID$3,
+  'data-garden-version': '8.33.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) {
   return props.theme.fontWeights.semibold;
 }, function (props) {
-  return colorStyles$2(props);
+  return colorStyles(props);
 }, function (props) {
-  return reactTheming.retrieveComponentStyles(COMPONENT_ID$6, props);
+  return reactTheming.retrieveComponentStyles(COMPONENT_ID$3, props);
 });
@@ -408,17 +366,11 @@ StyledCodeBlockToken.defaultProps = {
 
-function _templateObject$7() {
-  var data = _taggedTemplateLiteral(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  direction: ", ";\n\n  ", ";\n"]);
-  _templateObject$7 = function _templateObject() {
-    return data;
-  };
-  return data;
-}
-var COMPONENT_ID$7 = 'typography.ellipsis';
+var _templateObject$4;
+var COMPONENT_ID$2 = 'typography.ellipsis';
 var StyledEllipsis = styled__default['default'].div.attrs({
-  'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '8.32.2'
-})(_templateObject$7(), function (props) {
+  'data-garden-id': COMPONENT_ID$2,
+  'data-garden-version': '8.33.0'
+})(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  direction: ", ";\n\n  ", ";\n"])), function (props) {
   return reactTheming.isRtl(props) ? 'rtl' : 'ltr';
 }, function (props) {
-  return reactTheming.retrieveComponentStyles(COMPONENT_ID$7, props);
+  return reactTheming.retrieveComponentStyles(COMPONENT_ID$2, props);
 });
@@ -429,10 +381,4 @@ StyledEllipsis.defaultProps = {
 
-function _templateObject$8() {
-  var data = _taggedTemplateLiteral(["\n  position: relative;\n  top: -1px;\n  vertical-align: middle;\n\n  ", ";\n\n  ", ";\n"]);
-  _templateObject$8 = function _templateObject() {
-    return data;
-  };
-  return data;
-}
-var COMPONENT_ID$8 = 'typography.icon';
+var _templateObject$3;
+var COMPONENT_ID$1 = 'typography.icon';
 var sizeStyles = function sizeStyles(props) {
@@ -449,8 +395,8 @@ var margin = props.isStart && "".concat(props.theme.space.base * 2, "px");
 }).attrs({
-  'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '8.32.2'
-})(_templateObject$8(), function (props) {
+  'data-garden-id': COMPONENT_ID$1,
+  'data-garden-version': '8.33.0'
+})(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n  position: relative;\n  top: -1px;\n  vertical-align: middle;\n\n  ", ";\n\n  ", ";\n"])), function (props) {
   return sizeStyles(props);
 }, function (props) {
-  return reactTheming.retrieveComponentStyles(COMPONENT_ID$8, props);
+  return reactTheming.retrieveComponentStyles(COMPONENT_ID$1, props);
 });
@@ -461,16 +407,3 @@ StyledIcon.defaultProps = {
 
-function _templateObject2() {
-  var data = _taggedTemplateLiteral(["\n  ", ";\n  ", ";\n"]);
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-  return data;
-}
-function _templateObject$9() {
-  var data = _taggedTemplateLiteral(["\n  ", ";\n  ", ";\n"]);
-  _templateObject$9 = function _templateObject() {
-    return data;
-  };
-  return data;
-}
+var _templateObject$2, _templateObject2$1;
 var listStyles = function listStyles(props) {
@@ -480,10 +413,10 @@ var rtl = reactTheming.isRtl(props);
 };
-var ORDERED_ID = 'typography.ordered_list';
+var ORDERED_ID$1 = 'typography.ordered_list';
 var StyledOrderedList = styled__default['default'].ol.attrs({
-  'data-garden-id': ORDERED_ID,
-  'data-garden-version': '8.32.2'
-})(_templateObject$9(), function (props) {
+  'data-garden-id': ORDERED_ID$1,
+  'data-garden-version': '8.33.0'
+})(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n  ", ";\n  ", ";\n"])), function (props) {
   return listStyles(props);
 }, function (props) {
-  return reactTheming.retrieveComponentStyles(ORDERED_ID, props);
+  return reactTheming.retrieveComponentStyles(ORDERED_ID$1, props);
 });
@@ -493,10 +426,10 @@ StyledOrderedList.defaultProps = {
 };
-var UNORDERED_ID = 'typography.unordered_list';
+var UNORDERED_ID$1 = 'typography.unordered_list';
 var StyledUnorderedList = styled__default['default'].ul.attrs({
-  'data-garden-id': UNORDERED_ID,
-  'data-garden-version': '8.32.2'
-})(_templateObject2(), function (props) {
+  'data-garden-id': UNORDERED_ID$1,
+  'data-garden-version': '8.33.0'
+})(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n  ", ";\n  ", ";\n"])), function (props) {
   return listStyles(props);
 }, function (props) {
-  return reactTheming.retrieveComponentStyles(UNORDERED_ID, props);
+  return reactTheming.retrieveComponentStyles(UNORDERED_ID$1, props);
 });
@@ -507,16 +440,3 @@ StyledUnorderedList.defaultProps = {
 
-function _templateObject2$1() {
-  var data = _taggedTemplateLiteral(["\n  ", ";\n\n  ", ";\n"]);
-  _templateObject2$1 = function _templateObject2() {
-    return data;
-  };
-  return data;
-}
-function _templateObject$a() {
-  var data = _taggedTemplateLiteral(["\n  /* stylelint-disable */\n  margin-", ": ", ";\n  padding-", ": ", ";\n  /* stylelint-enable */\n\n  ", ";\n\n  ", ";\n"]);
-  _templateObject$a = function _templateObject() {
-    return data;
-  };
-  return data;
-}
+var _templateObject$1, _templateObject2;
 var listItemPaddingStyles = function listItemPaddingStyles(props) {
@@ -530,8 +450,8 @@ var base = props.theme.space.base;
 };
-var ORDERED_ID$1 = 'typography.ordered_list_item';
+var ORDERED_ID = 'typography.ordered_list_item';
 var StyledOrderedListItem = styled__default['default'](StyledFont).attrs({
-  'data-garden-id': ORDERED_ID$1,
-  'data-garden-version': '8.32.2',
+  'data-garden-id': ORDERED_ID,
+  'data-garden-version': '8.33.0',
   as: 'li'
-})(_templateObject$a(), function (props) {
+})(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n  /* stylelint-disable */\n  margin-", ": ", ";\n  padding-", ": ", ";\n  /* stylelint-enable */\n\n  ", ";\n\n  ", ";\n"])), function (props) {
   return reactTheming.isRtl(props) ? 'right' : 'left';
@@ -547,3 +467,3 @@ }, function (props) {
 }, function (props) {
-  return reactTheming.retrieveComponentStyles(ORDERED_ID$1, props);
+  return reactTheming.retrieveComponentStyles(ORDERED_ID, props);
 });
@@ -554,11 +474,11 @@ StyledOrderedListItem.defaultProps = {
 };
-var UNORDERED_ID$1 = 'typography.unordered_list_item';
+var UNORDERED_ID = 'typography.unordered_list_item';
 var StyledUnorderedListItem = styled__default['default'](StyledFont).attrs({
-  'data-garden-id': UNORDERED_ID$1,
-  'data-garden-version': '8.32.2',
+  'data-garden-id': UNORDERED_ID,
+  'data-garden-version': '8.33.0',
   as: 'li'
-})(_templateObject2$1(), function (props) {
+})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", ";\n\n  ", ";\n"])), function (props) {
   return listItemStyles(props);
 }, function (props) {
-  return reactTheming.retrieveComponentStyles(UNORDERED_ID$1, props);
+  return reactTheming.retrieveComponentStyles(UNORDERED_ID, props);
 });
@@ -570,14 +490,8 @@ StyledUnorderedListItem.defaultProps = {
 
-function _templateObject$b() {
-  var data = _taggedTemplateLiteral(["\n  margin: 0;\n  padding: 0;\n  direction: ", ";\n\n  blockquote + &,\n  & + & {\n    margin-top: ", ";\n  }\n\n  ", ";\n"]);
-  _templateObject$b = function _templateObject() {
-    return data;
-  };
-  return data;
-}
-var COMPONENT_ID$9 = 'typography.paragraph';
+var _templateObject;
+var COMPONENT_ID = 'typography.paragraph';
 var StyledParagraph = styled__default['default'].p.attrs({
-  'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '8.32.2'
-})(_templateObject$b(), function (props) {
+  'data-garden-id': COMPONENT_ID,
+  'data-garden-version': '8.33.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) {
   return props.theme.rtl ? 'rtl' : 'ltr';
@@ -587,3 +501,3 @@ }, function (props) {
 }, function (props) {
-  return reactTheming.retrieveComponentStyles(COMPONENT_ID$9, props);
+  return reactTheming.retrieveComponentStyles(COMPONENT_ID, props);
 });
@@ -590,0 +504,0 @@ StyledParagraph.defaultProps = {

dist/index.esm.js

@@ -138,14 +138,8 @@ /**
 
-function _templateObject() {
-  var data = _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"]);
-  _templateObject = function _templateObject() {
-    return data;
-  };
-  return data;
-}
-var COMPONENT_ID = 'typography.blockquote';
+var _templateObject$b;
+var COMPONENT_ID$9 = 'typography.blockquote';
 var StyledBlockquote = styled.blockquote.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.32.2'
-})(_templateObject(), function (props) {
+  'data-garden-id': COMPONENT_ID$9,
+  'data-garden-version': '8.33.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) {
   return props.theme.rtl ? 'right' : 'left';
@@ -165,3 +159,3 @@ }, function (props) {
 }, function (props) {
-  return retrieveComponentStyles(COMPONENT_ID, props);
+  return retrieveComponentStyles(COMPONENT_ID$9, props);
 });
@@ -173,10 +167,4 @@ StyledBlockquote.defaultProps = {
 
-function _templateObject$1() {
-  var data = _taggedTemplateLiteral(["\n  ", ";\n  ", ";\n"]);
-  _templateObject$1 = function _templateObject() {
-    return data;
-  };
-  return data;
-}
-var COMPONENT_ID$1 = 'typography.font';
+var _templateObject$a;
+var COMPONENT_ID$8 = 'typography.font';
 var fontStyles = function fontStyles(props) {
@@ -214,8 +202,8 @@ var monospace = props.isMonospace && ['sm', 'md', 'lg', 'inherit'].indexOf(props.size) !== -1;
 var StyledFont = styled.div.attrs({
-  'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.32.2'
-})(_templateObject$1(), function (props) {
+  'data-garden-id': COMPONENT_ID$8,
+  'data-garden-version': '8.33.0'
+})(_templateObject$a || (_templateObject$a = _taggedTemplateLiteral(["\n  ", ";\n  ", ";\n"])), function (props) {
   return fontStyles(props);
 }, function (props) {
-  return retrieveComponentStyles(COMPONENT_ID$1, props);
+  return retrieveComponentStyles(COMPONENT_ID$8, props);
 });
@@ -227,11 +215,5 @@ StyledFont.defaultProps = {
 
-function _templateObject$2() {
-  var data = _taggedTemplateLiteral(["\n  border-radius: ", ";\n  padding: 1.5px;\n\n  ", ";\n\n  ", ";\n"]);
-  _templateObject$2 = function _templateObject() {
-    return data;
-  };
-  return data;
-}
-var COMPONENT_ID$2 = 'typography.code';
-var colorStyles = function colorStyles(props) {
+var _templateObject$9;
+var COMPONENT_ID$7 = 'typography.code';
+var colorStyles$2 = function colorStyles(props) {
   var hue = props.hue || 'neutralHue';
@@ -244,11 +226,11 @@ var backgroundColor = getColor(hue, 200, props.theme);
 var StyledCode = styled(StyledFont).attrs({
-  'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.32.2',
+  'data-garden-id': COMPONENT_ID$7,
+  'data-garden-version': '8.33.0',
   as: 'code'
-})(_templateObject$2(), function (props) {
+})(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteral(["\n  border-radius: ", ";\n  padding: 1.5px;\n\n  ", ";\n\n  ", ";\n"])), function (props) {
   return props.theme.borderRadii.sm;
 }, function (props) {
-  return colorStyles(props);
+  return colorStyles$2(props);
 }, function (props) {
-  return retrieveComponentStyles(COMPONENT_ID$2, props);
+  return retrieveComponentStyles(COMPONENT_ID$7, props);
 });
@@ -262,10 +244,4 @@ StyledCode.defaultProps = {
 
-function _templateObject$3() {
-  var data = _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"]);
-  _templateObject$3 = function _templateObject() {
-    return data;
-  };
-  return data;
-}
-var COMPONENT_ID$3 = 'typography.codeblock';
+var _templateObject$8;
+var COMPONENT_ID$6 = 'typography.codeblock';
 var colorStyles$1 = function colorStyles(props) {
@@ -277,5 +253,5 @@ var backgroundColor = getColor('neutralHue', props.isLight ? 100 : 1000, props.theme);
 var StyledCodeBlock = styled.pre.attrs({
-  'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.32.2'
-})(_templateObject$3(), function (props) {
+  'data-garden-id': COMPONENT_ID$6,
+  'data-garden-version': '8.33.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) {
   return props.theme.space.base * 3;
@@ -285,3 +261,3 @@ }, function (props) {
 }, function (props) {
-  return retrieveComponentStyles(COMPONENT_ID$3, props);
+  return retrieveComponentStyles(COMPONENT_ID$6, props);
 });
@@ -292,17 +268,11 @@ StyledCodeBlock.defaultProps = {
 
-function _templateObject$4() {
-  var data = _taggedTemplateLiteral(["\n  overflow: auto;\n\n  &:focus {\n    outline: none;\n  }\n\n  &[data-garden-focus-visible] {\n    box-shadow: ", ";\n  }\n\n  ", ";\n"]);
-  _templateObject$4 = function _templateObject() {
-    return data;
-  };
-  return data;
-}
-var COMPONENT_ID$4 = 'typography.codeblock_container';
+var _templateObject$7;
+var COMPONENT_ID$5 = 'typography.codeblock_container';
 var StyledCodeBlockContainer = styled.div.attrs({
-  'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.32.2'
-})(_templateObject$4(), function (props) {
+  'data-garden-id': COMPONENT_ID$5,
+  'data-garden-version': '8.33.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) {
   return props.theme.shadows.md(getColor('primaryHue', 600, props.theme, 0.35));
 }, function (props) {
-  return retrieveComponentStyles(COMPONENT_ID$4, props);
+  return retrieveComponentStyles(COMPONENT_ID$5, props);
 });
@@ -313,10 +283,4 @@ StyledCodeBlockContainer.defaultProps = {
 
-function _templateObject$5() {
-  var data = _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"]);
-  _templateObject$5 = function _templateObject() {
-    return data;
-  };
-  return data;
-}
-var COMPONENT_ID$5 = 'typography.codeblock_code';
+var _templateObject$6;
+var COMPONENT_ID$4 = 'typography.codeblock_code';
 var highlightStyles = function highlightStyles(props) {
@@ -333,7 +297,7 @@ var hue = props.isLight ? props.theme.palette.black : props.theme.palette.white;
 var StyledCodeBlockLine = styled(StyledFont).attrs({
-  'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.32.2',
+  'data-garden-id': COMPONENT_ID$4,
+  'data-garden-version': '8.33.0',
   as: 'code',
   isMonospace: true
-})(_templateObject$5(), function (props) {
+})(_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) {
   return props.theme.lineHeights[props.size];
@@ -347,3 +311,3 @@ }, function (props) {
 }, function (props) {
-  return retrieveComponentStyles(COMPONENT_ID$5, props);
+  return retrieveComponentStyles(COMPONENT_ID$4, props);
 });
@@ -355,11 +319,5 @@ StyledCodeBlockLine.defaultProps = {
 
-function _templateObject$6() {
-  var data = _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"]);
-  _templateObject$6 = function _templateObject() {
-    return data;
-  };
-  return data;
-}
-var COMPONENT_ID$6 = 'typography.codeblock_token';
-var colorStyles$2 = function colorStyles(props) {
+var _templateObject$5;
+var COMPONENT_ID$3 = 'typography.codeblock_token';
+var colorStyles = function colorStyles(props) {
   var palette = props.theme.palette;
@@ -382,10 +340,10 @@ var colors = {
 var StyledCodeBlockToken = styled.span.attrs({
-  'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.32.2'
-})(_templateObject$6(), function (props) {
+  'data-garden-id': COMPONENT_ID$3,
+  'data-garden-version': '8.33.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) {
   return props.theme.fontWeights.semibold;
 }, function (props) {
-  return colorStyles$2(props);
+  return colorStyles(props);
 }, function (props) {
-  return retrieveComponentStyles(COMPONENT_ID$6, props);
+  return retrieveComponentStyles(COMPONENT_ID$3, props);
 });
@@ -396,17 +354,11 @@ StyledCodeBlockToken.defaultProps = {
 
-function _templateObject$7() {
-  var data = _taggedTemplateLiteral(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  direction: ", ";\n\n  ", ";\n"]);
-  _templateObject$7 = function _templateObject() {
-    return data;
-  };
-  return data;
-}
-var COMPONENT_ID$7 = 'typography.ellipsis';
+var _templateObject$4;
+var COMPONENT_ID$2 = 'typography.ellipsis';
 var StyledEllipsis = styled.div.attrs({
-  'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '8.32.2'
-})(_templateObject$7(), function (props) {
+  'data-garden-id': COMPONENT_ID$2,
+  'data-garden-version': '8.33.0'
+})(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  direction: ", ";\n\n  ", ";\n"])), function (props) {
   return isRtl(props) ? 'rtl' : 'ltr';
 }, function (props) {
-  return retrieveComponentStyles(COMPONENT_ID$7, props);
+  return retrieveComponentStyles(COMPONENT_ID$2, props);
 });
@@ -417,10 +369,4 @@ StyledEllipsis.defaultProps = {
 
-function _templateObject$8() {
-  var data = _taggedTemplateLiteral(["\n  position: relative;\n  top: -1px;\n  vertical-align: middle;\n\n  ", ";\n\n  ", ";\n"]);
-  _templateObject$8 = function _templateObject() {
-    return data;
-  };
-  return data;
-}
-var COMPONENT_ID$8 = 'typography.icon';
+var _templateObject$3;
+var COMPONENT_ID$1 = 'typography.icon';
 var sizeStyles = function sizeStyles(props) {
@@ -437,8 +383,8 @@ var margin = props.isStart && "".concat(props.theme.space.base * 2, "px");
 }).attrs({
-  'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '8.32.2'
-})(_templateObject$8(), function (props) {
+  'data-garden-id': COMPONENT_ID$1,
+  'data-garden-version': '8.33.0'
+})(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n  position: relative;\n  top: -1px;\n  vertical-align: middle;\n\n  ", ";\n\n  ", ";\n"])), function (props) {
   return sizeStyles(props);
 }, function (props) {
-  return retrieveComponentStyles(COMPONENT_ID$8, props);
+  return retrieveComponentStyles(COMPONENT_ID$1, props);
 });
@@ -449,16 +395,3 @@ StyledIcon.defaultProps = {
 
-function _templateObject2() {
-  var data = _taggedTemplateLiteral(["\n  ", ";\n  ", ";\n"]);
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-  return data;
-}
-function _templateObject$9() {
-  var data = _taggedTemplateLiteral(["\n  ", ";\n  ", ";\n"]);
-  _templateObject$9 = function _templateObject() {
-    return data;
-  };
-  return data;
-}
+var _templateObject$2, _templateObject2$1;
 var listStyles = function listStyles(props) {
@@ -468,10 +401,10 @@ var rtl = isRtl(props);
 };
-var ORDERED_ID = 'typography.ordered_list';
+var ORDERED_ID$1 = 'typography.ordered_list';
 var StyledOrderedList = styled.ol.attrs({
-  'data-garden-id': ORDERED_ID,
-  'data-garden-version': '8.32.2'
-})(_templateObject$9(), function (props) {
+  'data-garden-id': ORDERED_ID$1,
+  'data-garden-version': '8.33.0'
+})(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n  ", ";\n  ", ";\n"])), function (props) {
   return listStyles(props);
 }, function (props) {
-  return retrieveComponentStyles(ORDERED_ID, props);
+  return retrieveComponentStyles(ORDERED_ID$1, props);
 });
@@ -481,10 +414,10 @@ StyledOrderedList.defaultProps = {
 };
-var UNORDERED_ID = 'typography.unordered_list';
+var UNORDERED_ID$1 = 'typography.unordered_list';
 var StyledUnorderedList = styled.ul.attrs({
-  'data-garden-id': UNORDERED_ID,
-  'data-garden-version': '8.32.2'
-})(_templateObject2(), function (props) {
+  'data-garden-id': UNORDERED_ID$1,
+  'data-garden-version': '8.33.0'
+})(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n  ", ";\n  ", ";\n"])), function (props) {
   return listStyles(props);
 }, function (props) {
-  return retrieveComponentStyles(UNORDERED_ID, props);
+  return retrieveComponentStyles(UNORDERED_ID$1, props);
 });
@@ -495,16 +428,3 @@ StyledUnorderedList.defaultProps = {
 
-function _templateObject2$1() {
-  var data = _taggedTemplateLiteral(["\n  ", ";\n\n  ", ";\n"]);
-  _templateObject2$1 = function _templateObject2() {
-    return data;
-  };
-  return data;
-}
-function _templateObject$a() {
-  var data = _taggedTemplateLiteral(["\n  /* stylelint-disable */\n  margin-", ": ", ";\n  padding-", ": ", ";\n  /* stylelint-enable */\n\n  ", ";\n\n  ", ";\n"]);
-  _templateObject$a = function _templateObject() {
-    return data;
-  };
-  return data;
-}
+var _templateObject$1, _templateObject2;
 var listItemPaddingStyles = function listItemPaddingStyles(props) {
@@ -518,8 +438,8 @@ var base = props.theme.space.base;
 };
-var ORDERED_ID$1 = 'typography.ordered_list_item';
+var ORDERED_ID = 'typography.ordered_list_item';
 var StyledOrderedListItem = styled(StyledFont).attrs({
-  'data-garden-id': ORDERED_ID$1,
-  'data-garden-version': '8.32.2',
+  'data-garden-id': ORDERED_ID,
+  'data-garden-version': '8.33.0',
   as: 'li'
-})(_templateObject$a(), function (props) {
+})(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n  /* stylelint-disable */\n  margin-", ": ", ";\n  padding-", ": ", ";\n  /* stylelint-enable */\n\n  ", ";\n\n  ", ";\n"])), function (props) {
   return isRtl(props) ? 'right' : 'left';
@@ -535,3 +455,3 @@ }, function (props) {
 }, function (props) {
-  return retrieveComponentStyles(ORDERED_ID$1, props);
+  return retrieveComponentStyles(ORDERED_ID, props);
 });
@@ -542,11 +462,11 @@ StyledOrderedListItem.defaultProps = {
 };
-var UNORDERED_ID$1 = 'typography.unordered_list_item';
+var UNORDERED_ID = 'typography.unordered_list_item';
 var StyledUnorderedListItem = styled(StyledFont).attrs({
-  'data-garden-id': UNORDERED_ID$1,
-  'data-garden-version': '8.32.2',
+  'data-garden-id': UNORDERED_ID,
+  'data-garden-version': '8.33.0',
   as: 'li'
-})(_templateObject2$1(), function (props) {
+})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", ";\n\n  ", ";\n"])), function (props) {
   return listItemStyles(props);
 }, function (props) {
-  return retrieveComponentStyles(UNORDERED_ID$1, props);
+  return retrieveComponentStyles(UNORDERED_ID, props);
 });
@@ -558,14 +478,8 @@ StyledUnorderedListItem.defaultProps = {
 
-function _templateObject$b() {
-  var data = _taggedTemplateLiteral(["\n  margin: 0;\n  padding: 0;\n  direction: ", ";\n\n  blockquote + &,\n  & + & {\n    margin-top: ", ";\n  }\n\n  ", ";\n"]);
-  _templateObject$b = function _templateObject() {
-    return data;
-  };
-  return data;
-}
-var COMPONENT_ID$9 = 'typography.paragraph';
+var _templateObject;
+var COMPONENT_ID = 'typography.paragraph';
 var StyledParagraph = styled.p.attrs({
-  'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '8.32.2'
-})(_templateObject$b(), function (props) {
+  'data-garden-id': COMPONENT_ID,
+  'data-garden-version': '8.33.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) {
   return props.theme.rtl ? 'rtl' : 'ltr';
@@ -575,3 +489,3 @@ }, function (props) {
 }, function (props) {
-  return retrieveComponentStyles(COMPONENT_ID$9, props);
+  return retrieveComponentStyles(COMPONENT_ID, props);
 });
@@ -578,0 +492,0 @@ StyledParagraph.defaultProps = {

package.json

@@ -11,3 +11,3 @@ {
   },
-  "version": "8.32.2",
+  "version": "8.33.0",
   "main": "dist/index.cjs.js",
@@ -38,3 +38,3 @@ "module": "dist/index.esm.js",
     "@types/lodash.debounce": "4.0.6",
-    "@zendeskgarden/react-theming": "^8.32.2"
+    "@zendeskgarden/react-theming": "^8.33.0"
   },
@@ -51,3 +51,3 @@ "keywords": [
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "80e40a69f6de7871e4113c5560e4d4318b64d3d8"
+  "gitHead": "cb00a1ff098437eb1be610671b407e8cbfe0eb8d"
 }

No alert changes

Worsened metrics

Total package byte prevSize

97605

decreased by-2.51%

Lines of code

2263

decreased by-7.06%

No dependency changes