@zendeskgarden/react-typography 8.49.0 → 8.49.3

package/dist/index.cjs.js

@@ -78,40 +78,61 @@ function _objectWithoutProperties(source, excluded) {
   return target;
 }
 
-var COMPONENT_ID$9 = 'typography.blockquote';
-var StyledBlockquote = styled__default["default"].blockquote.attrs({
-  'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '8.49.0'
-}).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;
-}, function (props) {
-  return reactTheming.getColor('neutralHue', 400, props.theme);
-}, function (props) {
-  return props.theme.rtl ? 'right' : 'left';
-}, function (props) {
-  return props.theme.space.base * 4;
-}, function (props) {
-  return props.theme.rtl ? 'rtl' : 'ltr';
-}, function (props) {
-  return props.theme.lineHeights[props.size];
-}, function (props) {
-  return reactTheming.retrieveComponentStyles(COMPONENT_ID$9, props);
-});
-StyledBlockquote.defaultProps = {
-  theme: reactTheming.DEFAULT_THEME,
-  size: 'md'
-};
+function _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+}
+
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+}
 
-var COMPONENT_ID$8 = 'typography.font';
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+
+  return arr2;
+}
+
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+var HUE = ['grey', 'red', 'green', 'yellow'];
+var SIZE = ['small', 'medium', 'large'];
+var INHERIT_SIZE = ['inherit'].concat(SIZE);
+var TYPE_ORDERED_LIST = ['decimal', 'decimal-leading-zero', 'lower-alpha', 'lower-roman', 'upper-alpha', 'upper-roman'];
+var TYPE_UNORDERED_LIST = ['circle', 'disc', 'square'];
+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 COMPONENT_ID$9 = 'typography.font';
+var TYPOGRAPHY_SIZE = [].concat(_toConsumableArray(SIZE), ['extralarge', '2xlarge', '3xlarge']);
+['inherit'].concat(_toConsumableArray(TYPOGRAPHY_SIZE));
+var THEME_SIZES = {
+  small: 'sm',
+  medium: 'md',
+  large: 'lg',
+  extralarge: 'xl',
+  '2xlarge': 'xxl',
+  '3xlarge': 'xxxl'
+};
 var fontStyles = function fontStyles(props) {
-  var monospace = props.isMonospace && ['sm', 'md', 'lg', 'inherit'].indexOf(props.size) !== -1;
+  var monospace = props.isMonospace && ['inherit', 'small', 'medium', 'large'].indexOf(props.size) !== -1;
   var fontFamily = monospace && props.theme.fonts.mono;
-  var direction = reactTheming.isRtl(props) ? 'rtl' : 'ltr';
+  var direction = props.theme.rtl ? 'rtl' : 'ltr';
   var fontSize;
   var fontWeight;
   var lineHeight;
@@ -121,12 +142,14 @@ var fontStyles = function fontStyles(props) {
       fontSize = 'calc(1em - 1px)';
       lineHeight = 'normal';
     } else {
-      fontSize = polished.math("".concat(props.theme.fontSizes[props.size], " - 1px"));
-      lineHeight = polished.math("".concat(props.theme.lineHeights[props.size], " - 1px"));
+      var themeSize = THEME_SIZES[props.size];
+      fontSize = polished.math("".concat(props.theme.fontSizes[themeSize], " - 1px"));
+      lineHeight = polished.math("".concat(props.theme.lineHeights[themeSize], " - 1px"));
     }
   } else if (props.size !== 'inherit') {
-    fontSize = props.theme.fontSizes[props.size];
-    lineHeight = props.theme.lineHeights[props.size];
+    var _themeSize = THEME_SIZES[props.size];
+    fontSize = props.theme.fontSizes[_themeSize];
+    lineHeight = props.theme.lineHeights[_themeSize];
   }
   if (props.isBold === true) {
     fontWeight = props.theme.fontWeights.semibold;
@@ -140,21 +163,49 @@ 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({
-  'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '8.49.0'
+  'data-garden-id': COMPONENT_ID$9,
+  'data-garden-version': '8.49.3'
 }).withConfig({
   displayName: "StyledFont",
   componentId: "sc-1iildbo-0"
 })(["", ";", ";"], function (props) {
   return fontStyles(props);
 }, function (props) {
-  return reactTheming.retrieveComponentStyles(COMPONENT_ID$8, props);
+  return reactTheming.retrieveComponentStyles(COMPONENT_ID$9, props);
 });
 StyledFont.defaultProps = {
   theme: reactTheming.DEFAULT_THEME,
   size: 'inherit'
 };
 
+var COMPONENT_ID$8 = 'typography.blockquote';
+var StyledBlockquote = styled__default["default"].blockquote.attrs({
+  'data-garden-id': COMPONENT_ID$8,
+  'data-garden-version': '8.49.3'
+}).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;
+}, function (props) {
+  return reactTheming.getColor('neutralHue', 400, props.theme);
+}, function (props) {
+  return props.theme.rtl ? 'right' : 'left';
+}, function (props) {
+  return props.theme.space.base * 4;
+}, function (props) {
+  return props.theme.rtl ? 'rtl' : 'ltr';
+}, function (props) {
+  return props.theme.lineHeights[THEME_SIZES[props.size]];
+}, function (props) {
+  return reactTheming.retrieveComponentStyles(COMPONENT_ID$8, props);
+});
+StyledBlockquote.defaultProps = {
+  theme: reactTheming.DEFAULT_THEME
+};
+
 var COMPONENT_ID$7 = 'typography.code';
 var colorStyles$3 = function colorStyles(props) {
   var hue = props.hue || 'neutralHue';
@@ -165,7 +216,7 @@ var colorStyles$3 = function colorStyles(props) {
 };
 var StyledCode = styled__default["default"](StyledFont).attrs({
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '8.49.0',
+  'data-garden-version': '8.49.3',
   as: 'code'
 }).withConfig({
   displayName: "StyledCode",
@@ -192,7 +243,7 @@ var colorStyles$2 = function colorStyles(props) {
 };
 var StyledCodeBlock = styled__default["default"].pre.attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.49.0'
+  'data-garden-version': '8.49.3'
 }).withConfig({
   displayName: "StyledCodeBlock",
   componentId: "sc-5wky57-0"
@@ -210,7 +261,7 @@ StyledCodeBlock.defaultProps = {
 var COMPONENT_ID$5 = 'typography.codeblock_container';
 var StyledCodeBlockContainer = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.49.0'
+  'data-garden-version': '8.49.3'
 }).withConfig({
   displayName: "StyledCodeBlockContainer",
   componentId: "sc-14zgbfw-0"
@@ -254,9 +305,9 @@ var lineNumberStyles = function lineNumberStyles(props) {
   var padding;
   if (props.language && props.language === 'diff') {
     padding = 0;
-  } else if (props.size === 'sm') {
+  } else if (props.size === 'small') {
     padding = props.theme.space.base * 4;
-  } else if (props.size === 'lg') {
+  } else if (props.size === 'large') {
     padding = props.theme.space.base * 7;
   } else {
     padding = props.theme.space.base * 6;
@@ -265,14 +316,14 @@ var lineNumberStyles = function lineNumberStyles(props) {
 };
 var StyledCodeBlockLine = styled__default["default"](StyledFont).attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.49.0',
+  'data-garden-version': '8.49.3',
   as: 'code',
   isMonospace: true
 }).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];
+  return props.theme.lineHeights[THEME_SIZES[props.size]];
 }, function (props) {
   return colorStyles$1(props);
 }, function (props) {
@@ -283,7 +334,6 @@ var StyledCodeBlockLine = styled__default["default"](StyledFont).attrs({
   return reactTheming.retrieveComponentStyles(COMPONENT_ID$4, props);
 });
 StyledCodeBlockLine.defaultProps = {
-  size: 'md',
   theme: reactTheming.DEFAULT_THEME
 };
 
@@ -311,7 +361,7 @@ var colorStyles = function colorStyles(props) {
 };
 var StyledCodeBlockToken = styled__default["default"].span.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.49.0'
+  'data-garden-version': '8.49.3'
 }).withConfig({
   displayName: "StyledCodeBlockToken",
   componentId: "sc-1hkshdq-0"
@@ -329,12 +379,12 @@ StyledCodeBlockToken.defaultProps = {
 var COMPONENT_ID$2 = 'typography.ellipsis';
 var StyledEllipsis = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.49.0'
+  'data-garden-version': '8.49.3'
 }).withConfig({
   displayName: "StyledEllipsis",
   componentId: "sc-1u4uqmy-0"
 })(["overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:", ";", ";"], function (props) {
-  return reactTheming.isRtl(props) ? 'rtl' : 'ltr';
+  return props.theme.rtl ? 'rtl' : 'ltr';
 }, function (props) {
   return reactTheming.retrieveComponentStyles(COMPONENT_ID$2, props);
 });
@@ -342,7 +392,7 @@ StyledEllipsis.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
 
-var _excluded$e = ["children", "isStart"];
+var _excluded$c = ["children", "isStart"];
 var COMPONENT_ID$1 = 'typography.icon';
 var sizeStyles = function sizeStyles(props) {
   var margin = props.isStart && "".concat(props.theme.space.base * 2, "px");
@@ -352,11 +402,11 @@ var sizeStyles = function sizeStyles(props) {
 var StyledIcon = styled__default["default"](function (_ref) {
   var children = _ref.children;
       _ref.isStart;
-      var props = _objectWithoutProperties(_ref, _excluded$e);
+      var props = _objectWithoutProperties(_ref, _excluded$c);
   return React__default["default"].cloneElement(React.Children.only(children), props);
 }).attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.49.0'
+  'data-garden-version': '8.49.3'
 }).withConfig({
   displayName: "StyledIcon",
   componentId: "sc-10rfb5b-0"
@@ -370,13 +420,13 @@ StyledIcon.defaultProps = {
 };
 
 var listStyles = function listStyles(props) {
-  var rtl = reactTheming.isRtl(props);
+  var rtl = props.theme.rtl;
   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({
   'data-garden-id': ORDERED_ID$1,
-  'data-garden-version': '8.49.0'
+  'data-garden-version': '8.49.3'
 }).withConfig({
   displayName: "StyledList__StyledOrderedList",
   componentId: "sc-jdbsfi-0"
@@ -391,7 +441,7 @@ 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.49.0'
+  'data-garden-version': '8.49.3'
 }).withConfig({
   displayName: "StyledList__StyledUnorderedList",
   componentId: "sc-jdbsfi-1"
@@ -415,17 +465,17 @@ 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.49.0',
+  'data-garden-version': '8.49.3',
   as: 'li'
 }).withConfig({
   displayName: "StyledListItem__StyledOrderedListItem",
   componentId: "sc-9rsipg-0"
 })(["margin-", ":", ";padding-", ":", ";", ";", ";"], function (props) {
-  return reactTheming.isRtl(props) ? 'right' : 'left';
+  return props.theme.rtl ? 'right' : 'left';
 }, function (props) {
   return polished.math("".concat(props.theme.space.base, " * -1px"));
 }, function (props) {
-  return reactTheming.isRtl(props) ? 'right' : 'left';
+  return props.theme.rtl ? 'right' : 'left';
 }, function (props) {
   return polished.math("".concat(props.theme.space.base, " * 1px"));
 }, function (props) {
@@ -440,7 +490,7 @@ 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.49.0',
+  'data-garden-version': '8.49.3',
   as: 'li'
 }).withConfig({
   displayName: "StyledListItem__StyledUnorderedListItem",
@@ -458,30 +508,29 @@ StyledUnorderedListItem.defaultProps = {
 var COMPONENT_ID = 'typography.paragraph';
 var StyledParagraph = styled__default["default"].p.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.49.0'
+  'data-garden-version': '8.49.3'
 }).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];
+  return props.theme.lineHeights[THEME_SIZES[props.size]];
 }, function (props) {
   return reactTheming.retrieveComponentStyles(COMPONENT_ID, props);
 });
 StyledParagraph.defaultProps = {
-  theme: reactTheming.DEFAULT_THEME,
-  size: 'md'
+  theme: reactTheming.DEFAULT_THEME
 };
 
-var _excluded$d = ["tag"];
+var _excluded$b = ["tag"];
 var SM = React.forwardRef(function (_ref, ref) {
   var tag = _ref.tag,
-      other = _objectWithoutProperties(_ref, _excluded$d);
+      other = _objectWithoutProperties(_ref, _excluded$b);
   return React__default["default"].createElement(StyledFont, _extends({
     as: tag,
     ref: ref,
-    size: "sm"
+    size: "small"
   }, other));
 });
 SM.displayName = 'SM';
@@ -494,14 +543,14 @@ SM.defaultProps = {
   tag: 'div'
 };
 
-var _excluded$c = ["tag"];
+var _excluded$a = ["tag"];
 var MD = React.forwardRef(function (_ref, ref) {
   var tag = _ref.tag,
-      other = _objectWithoutProperties(_ref, _excluded$c);
+      other = _objectWithoutProperties(_ref, _excluded$a);
   return React__default["default"].createElement(StyledFont, _extends({
     as: tag,
     ref: ref,
-    size: "md"
+    size: "medium"
   }, other));
 });
 MD.displayName = 'MD';
@@ -514,14 +563,14 @@ MD.defaultProps = {
   tag: 'div'
 };
 
-var _excluded$b = ["tag"];
+var _excluded$9 = ["tag"];
 var LG = React.forwardRef(function (_ref, ref) {
   var tag = _ref.tag,
-      other = _objectWithoutProperties(_ref, _excluded$b);
+      other = _objectWithoutProperties(_ref, _excluded$9);
   return React__default["default"].createElement(StyledFont, _extends({
     as: tag,
     ref: ref,
-    size: "lg"
+    size: "large"
   }, other));
 });
 LG.displayName = 'LG';
@@ -534,14 +583,14 @@ LG.defaultProps = {
   tag: 'div'
 };
 
-var _excluded$a = ["tag"];
+var _excluded$8 = ["tag"];
 var XL = React.forwardRef(function (_ref, ref) {
   var tag = _ref.tag,
-      other = _objectWithoutProperties(_ref, _excluded$a);
+      other = _objectWithoutProperties(_ref, _excluded$8);
   return React__default["default"].createElement(StyledFont, _extends({
     as: tag,
     ref: ref,
-    size: "xl"
+    size: "extralarge"
   }, other));
 });
 XL.displayName = 'XL';
@@ -553,14 +602,14 @@ XL.defaultProps = {
   tag: 'div'
 };
 
-var _excluded$9 = ["tag"];
+var _excluded$7 = ["tag"];
 var XXL = React.forwardRef(function (_ref, ref) {
   var tag = _ref.tag,
-      other = _objectWithoutProperties(_ref, _excluded$9);
+      other = _objectWithoutProperties(_ref, _excluded$7);
   return React__default["default"].createElement(StyledFont, _extends({
     as: tag,
     ref: ref,
-    size: "xxl"
+    size: "2xlarge"
   }, other));
 });
 XXL.displayName = 'XXL';
@@ -572,14 +621,14 @@ XXL.defaultProps = {
   tag: 'div'
 };
 
-var _excluded$8 = ["tag"];
+var _excluded$6 = ["tag"];
 var XXXL = React.forwardRef(function (_ref, ref) {
   var tag = _ref.tag,
-      other = _objectWithoutProperties(_ref, _excluded$8);
+      other = _objectWithoutProperties(_ref, _excluded$6);
   return React__default["default"].createElement(StyledFont, _extends({
     as: tag,
     ref: ref,
-    size: "xxxl"
+    size: "3xlarge"
   }, other));
 });
 XXXL.displayName = 'XXXL';
@@ -591,64 +640,39 @@ XXXL.defaultProps = {
   tag: 'div'
 };
 
-var _excluded$7 = ["size"];
-var Blockquote = React__default["default"].forwardRef(function (_ref, ref) {
-  var size = _ref.size,
-      other = _objectWithoutProperties(_ref, _excluded$7);
-  var _size;
-  if (size === 'small') {
-    _size = 'sm';
-  } else if (size === 'medium') {
-    _size = 'md';
-  } else {
-    _size = 'lg';
-  }
+var Blockquote = React__default["default"].forwardRef(function (props, ref) {
   return React__default["default"].createElement(StyledBlockquote, _extends({
-    ref: ref,
-    size: _size
-  }, other));
+    ref: ref
+  }, props));
 });
 Blockquote.displayName = 'Blockquote';
 Blockquote.propTypes = {
-  size: PropTypes__default["default"].oneOf(['small', 'medium', 'large'])
+  size: PropTypes__default["default"].oneOf(SIZE)
 };
 Blockquote.defaultProps = {
   size: 'medium'
 };
 
-var _excluded$6 = ["size", "hue"];
+var _excluded$5 = ["hue"];
 var Code = React.forwardRef(function (_ref, ref) {
-  var size = _ref.size,
-      hue = _ref.hue,
-      other = _objectWithoutProperties(_ref, _excluded$6);
-  var _size;
-  if (size === 'small') {
-    _size = 'sm';
-  } else if (size === 'medium') {
-    _size = 'md';
-  } else if (size === 'large') {
-    _size = 'lg';
-  } else {
-    _size = 'inherit';
-  }
+  var hue = _ref.hue,
+      other = _objectWithoutProperties(_ref, _excluded$5);
   return React__default["default"].createElement(StyledCode, _extends({
     ref: ref,
-    size: _size,
     hue: hue
   }, other));
 });
 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(HUE),
+  size: PropTypes__default["default"].oneOf(INHERIT_SIZE)
 };
 Code.defaultProps = {
   hue: 'grey',
   size: 'inherit'
 };
 
-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 _excluded$4 = ["children", "containerProps", "highlightLines", "isLight", "isNumbered", "language", "size"];
 var CodeBlock = React__default["default"].forwardRef(function (_ref, ref) {
   var children = _ref.children,
       containerProps = _ref.containerProps,
@@ -657,14 +681,9 @@ var CodeBlock = React__default["default"].forwardRef(function (_ref, ref) {
       isNumbered = _ref.isNumbered,
       language = _ref.language,
       size = _ref.size,
-      other = _objectWithoutProperties(_ref, _excluded$5);
+      other = _objectWithoutProperties(_ref, _excluded$4);
   var containerRef = React.useRef(null);
   var code = Array.isArray(children) ? children[0] : children;
-  var SIZES = {
-    small: 'sm',
-    medium: 'md',
-    large: 'lg'
-  };
   var dependency = React.useMemo(function () {
     return [size, children];
   }, [size, children]);
@@ -718,7 +737,7 @@ var CodeBlock = React__default["default"].forwardRef(function (_ref, ref) {
         isLight: isLight,
         isNumbered: isNumbered,
         diff: getDiff(line),
-        size: size ? SIZES[size] : undefined
+        size: size
       }), line.map(function (token, tokenKey) {
         return React__default["default"].createElement(StyledCodeBlockToken, _extends({}, getTokenProps({
           token: token
@@ -736,12 +755,12 @@ CodeBlock.defaultProps = {
   size: 'medium'
 };
 
-var _excluded$4 = ["children", "title", "tag"];
+var _excluded$3 = ["children", "title", "tag"];
 var Ellipsis = React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
       title = _ref.title,
       tag = _ref.tag,
-      other = _objectWithoutProperties(_ref, _excluded$4);
+      other = _objectWithoutProperties(_ref, _excluded$3);
   var textContent = undefined;
   if (title !== undefined) {
     textContent = title;
@@ -763,26 +782,14 @@ Ellipsis.defaultProps = {
   tag: 'div'
 };
 
-var _excluded$3 = ["size"];
-var Paragraph = React.forwardRef(function (_ref, ref) {
-  var size = _ref.size,
-      other = _objectWithoutProperties(_ref, _excluded$3);
-  var _size;
-  if (size === 'small') {
-    _size = 'sm';
-  } else if (size === 'medium') {
-    _size = 'md';
-  } else {
-    _size = 'lg';
-  }
+var Paragraph = React.forwardRef(function (props, ref) {
   return React__default["default"].createElement(StyledParagraph, _extends({
-    ref: ref,
-    size: _size
-  }, other));
+    ref: ref
+  }, props));
 });
 Paragraph.displayName = 'Paragraph';
 Paragraph.propTypes = {
-  size: PropTypes__default["default"].oneOf(['small', 'medium', 'large'])
+  size: PropTypes__default["default"].oneOf(SIZE)
 };
 Paragraph.defaultProps = {
   size: 'medium'
@@ -827,8 +834,8 @@ var OrderedListComponent = React__default["default"].forwardRef(function (_ref,
 });
 OrderedListComponent.displayName = 'OrderedList';
 OrderedListComponent.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(SIZE),
+  type: PropTypes__default["default"].oneOf(TYPE_ORDERED_LIST)
 };
 OrderedListComponent.defaultProps = {
   size: 'medium',
@@ -876,8 +883,8 @@ var UnorderedListComponent = React.forwardRef(function (_ref, ref) {
 });
 UnorderedListComponent.displayName = 'UnorderedList';
 UnorderedListComponent.propTypes = {
-  size: PropTypes__default["default"].oneOf(['small', 'medium', 'large']),
-  type: PropTypes__default["default"].oneOf(['circle', 'disc', 'square'])
+  size: PropTypes__default["default"].oneOf(SIZE),
+  type: PropTypes__default["default"].oneOf(TYPE_UNORDERED_LIST)
 };
 UnorderedListComponent.defaultProps = {
   size: 'medium',