@zendeskgarden/react-typography 9.12.2 → 9.12.4

package/dist/esm/styled/StyledCodeBlockLine.js

@@ -8,13 +8,12 @@ import styled, { css } from 'styled-components';
 import { componentStyles, getColor } from '@zendeskgarden/react-theming';
 import { StyledFont, THEME_SIZES } from './StyledFont.js';
 
-const COMPONENT_ID = 'typography.codeblock_code';
-const colorStyles = _ref => {
-  let {
-    theme,
-    $diff,
-    $isHighlighted
-  } = _ref;
+const COMPONENT_ID$5 = 'typography.codeblock_code';
+const colorStyles$1 = ({
+  theme,
+  $diff,
+  $isHighlighted
+}) => {
   let backgroundColor;
   if ($diff) {
     const hues = {
@@ -49,12 +48,11 @@ const colorStyles = _ref => {
   }
   return css(["background-color:", ";"], backgroundColor);
 };
-const lineNumberStyles = _ref2 => {
-  let {
-    theme,
-    $language,
-    $size
-  } = _ref2;
+const lineNumberStyles = ({
+  theme,
+  $language,
+  $size
+}) => {
   const color = getColor({
     theme,
     variable: 'foreground.subtle',
@@ -85,13 +83,13 @@ const lineNumberStyles = _ref2 => {
   `;
 };
 const StyledCodeBlockLine = styled(StyledFont).attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.2',
+  'data-garden-id': COMPONENT_ID$5,
+  'data-garden-version': '9.12.4',
   as: 'code',
   $isMonospace: true
 }).withConfig({
   displayName: "StyledCodeBlockLine",
   componentId: "sc-1goay17-0"
-})(["display:table-row;height:", ";direction:ltr;", ";", ";&::after{display:inline-block;width:", "px;content:'';}", ";"], props => props.theme.lineHeights[THEME_SIZES[props.$size]], colorStyles, props => props.$isNumbered && lineNumberStyles(props), props => props.theme.space.base * 3, componentStyles);
+})(["display:table-row;height:", ";direction:ltr;", ";", ";&::after{display:inline-block;width:", "px;content:'';}", ";"], props => props.theme.lineHeights[THEME_SIZES[props.$size]], colorStyles$1, props => props.$isNumbered && lineNumberStyles(props), props => props.theme.space.base * 3, componentStyles);
 
 export { StyledCodeBlockLine };

package/dist/esm/styled/StyledCodeBlockToken.js

@@ -8,11 +8,10 @@ import styled, { css } from 'styled-components';
 import { componentStyles, getColor } from '@zendeskgarden/react-theming';
 import { StyledCodeBlock } from './StyledCodeBlock.js';
 
-const COMPONENT_ID = 'typography.codeblock_token';
-const colorStyles = _ref => {
-  let {
-    theme
-  } = _ref;
+const COMPONENT_ID$4 = 'typography.codeblock_token';
+const colorStyles = ({
+  theme
+}) => {
   const colors = {
     boolean: getColor({
       theme,
@@ -170,8 +169,8 @@ const colorStyles = _ref => {
   return 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);
 };
 const StyledCodeBlockToken = styled.span.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.2'
+  'data-garden-id': COMPONENT_ID$4,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledCodeBlockToken",
   componentId: "sc-1hkshdq-0"

package/dist/esm/styled/StyledEllipsis.js

@@ -7,10 +7,10 @@
 import styled from 'styled-components';
 import { componentStyles } from '@zendeskgarden/react-theming';
 
-const COMPONENT_ID = 'typography.ellipsis';
+const COMPONENT_ID$3 = 'typography.ellipsis';
 const StyledEllipsis = styled.div.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.2'
+  'data-garden-id': COMPONENT_ID$3,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledEllipsis",
   componentId: "sc-1u4uqmy-0"

package/dist/esm/styled/StyledFont.js

@@ -9,7 +9,7 @@ import { hideVisually, math } from 'polished';
 import { componentStyles, getColor } from '@zendeskgarden/react-theming';
 import { SIZE } from '../types/index.js';
 
-const COMPONENT_ID = 'typography.font';
+const COMPONENT_ID$a = 'typography.font';
 [...SIZE, 'extralarge', '2xlarge', '3xlarge'];
 const THEME_SIZES = {
   small: 'sm',
@@ -19,14 +19,13 @@ const THEME_SIZES = {
   '2xlarge': 'xxl',
   '3xlarge': 'xxxl'
 };
-const fontStyles = _ref => {
-  let {
-    $hue,
-    $isBold,
-    $isMonospace,
-    $size,
-    theme
-  } = _ref;
+const fontStyles = ({
+  $hue,
+  $isBold,
+  $isMonospace,
+  $size,
+  theme
+}) => {
   const monospace = $isMonospace && ['inherit', 'small', 'medium', 'large'].indexOf($size) !== -1;
   const fontFamily = monospace && theme.fonts.mono;
   const direction = theme.rtl ? 'rtl' : 'ltr';
@@ -66,8 +65,8 @@ const fontStyles = _ref => {
   return css(["transition:color 0.1s ease-in-out;line-height:", ";color:", ";font-family:", ";font-size:", ";font-weight:", ";direction:", ";"], lineHeight, color, fontFamily, fontSize, fontWeight, direction);
 };
 const StyledFont = styled.div.attrs(props => ({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.2',
+  'data-garden-id': COMPONENT_ID$a,
+  'data-garden-version': '9.12.4',
   $size: props.$size ?? 'inherit'
 })).withConfig({
   displayName: "StyledFont",

package/dist/esm/styled/StyledIcon.js

@@ -7,18 +7,18 @@
 import styled, { css } from 'styled-components';
 import { StyledBaseIcon, componentStyles } from '@zendeskgarden/react-theming';
 
-const COMPONENT_ID = 'typography.icon';
-const sizeStyles = props => {
+const COMPONENT_ID$2 = 'typography.icon';
+const sizeStyles$1 = props => {
   const margin = props.$isStart && `${props.theme.space.base * 2}px`;
   const size = props.theme.iconSizes.md;
   return css(["margin-", ":", ";width:", ";height:", ";"], props.theme.rtl ? 'left' : 'right', margin, size, size);
 };
 const StyledIcon = styled(StyledBaseIcon).attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.2'
+  'data-garden-id': COMPONENT_ID$2,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledIcon",
   componentId: "sc-10rfb5b-0"
-})(["position:relative;top:-1px;vertical-align:middle;", ";", ";"], props => sizeStyles(props), componentStyles);
+})(["position:relative;top:-1px;vertical-align:middle;", ";", ";"], props => sizeStyles$1(props), componentStyles);
 
 export { StyledIcon };

package/dist/esm/styled/StyledKbd.js

@@ -9,12 +9,11 @@ import { stripUnit, math } from 'polished';
 import { componentStyles } from '@zendeskgarden/react-theming';
 import { StyledCode } from './StyledCode.js';
 
-const COMPONENT_ID = 'typography.kbd';
-const sizeStyles = _ref => {
-  let {
-    theme,
-    $size
-  } = _ref;
+const COMPONENT_ID$1 = 'typography.kbd';
+const sizeStyles = ({
+  theme,
+  $size
+}) => {
   let minWidth;
   let paddingHorizontal;
   let paddingVertical = '0';
@@ -41,8 +40,8 @@ const sizeStyles = _ref => {
   return css(["&&{box-sizing:border-box;padding:", ";min-width:", ";}"], padding, minWidth);
 };
 const StyledKbd = styled(StyledCode).attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.2',
+  'data-garden-id': COMPONENT_ID$1,
+  'data-garden-version': '9.12.4',
   as: 'kbd'
 }).withConfig({
   displayName: "StyledKbd",

package/dist/esm/styled/StyledList.js

@@ -11,18 +11,18 @@ const listStyles = props => {
   const rtl = props.theme.rtl;
   return css(["direction:", ";margin:0;margin-", ":24px;padding:0;list-style-position:outside;list-style-type:", ";"], rtl ? 'rtl' : 'ltr', rtl ? 'right' : 'left', props.$listType);
 };
-const ORDERED_ID = 'typography.ordered_list';
+const ORDERED_ID$1 = 'typography.ordered_list';
 const StyledOrderedList = styled.ol.attrs({
-  'data-garden-id': ORDERED_ID,
-  'data-garden-version': '9.12.2'
+  'data-garden-id': ORDERED_ID$1,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledList__StyledOrderedList",
   componentId: "sc-jdbsfi-0"
 })(["", ";", ";"], listStyles, componentStyles);
-const UNORDERED_ID = 'typography.unordered_list';
+const UNORDERED_ID$1 = 'typography.unordered_list';
 const StyledUnorderedList = styled.ul.attrs({
-  'data-garden-id': UNORDERED_ID,
-  'data-garden-version': '9.12.2'
+  'data-garden-id': UNORDERED_ID$1,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledList__StyledUnorderedList",
   componentId: "sc-jdbsfi-1"

package/dist/esm/styled/StyledListItem.js

@@ -21,7 +21,7 @@ const listItemStyles = props => {
 const ORDERED_ID = 'typography.ordered_list_item';
 const StyledOrderedListItem = styled(StyledFont).attrs(props => ({
   'data-garden-id': ORDERED_ID,
-  'data-garden-version': '9.12.2',
+  'data-garden-version': '9.12.4',
   as: 'li',
   $space: props.$space ?? 'medium'
 })).withConfig({
@@ -31,7 +31,7 @@ const StyledOrderedListItem = styled(StyledFont).attrs(props => ({
 const UNORDERED_ID = 'typography.unordered_list_item';
 const StyledUnorderedListItem = styled(StyledFont).attrs(props => ({
   'data-garden-id': UNORDERED_ID,
-  'data-garden-version': '9.12.2',
+  'data-garden-version': '9.12.4',
   as: 'li',
   $space: props.$space ?? 'medium'
 })).withConfig({

package/dist/esm/styled/StyledParagraph.js

@@ -11,7 +11,7 @@ import { THEME_SIZES } from './StyledFont.js';
 const COMPONENT_ID = 'typography.paragraph';
 const StyledParagraph = styled.p.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.2'
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledParagraph",
   componentId: "sc-zkuftz-0"