@activecollab/components 1.0.70 → 1.0.73

package/dist/esm/components/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":["React","useState","forwardRef","classnames","Popper","FromElement","useForkRef","Portal","useLayerContext","StyledTooltip","TooltipAnimation","children","props","Tooltip","ref","title","className","style","isLight","placement","TransitionComponent","popperTooltipStyle","popperTooltipClassName","disable","zIndex","open","setOpen","childNode","setChildNode","handleEnter","event","childrenProps","type","onMouseOver","removeAttribute","handleLeave","onMouseLeave","currentTarget","handleOwnRef","handleRef","cloneElement","transitionProps","displayName"],"mappings":"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","sourcesContent":["import React, {\n  ReactElement,\n  useState,\n  CSSProperties,\n  MouseEvent,\n  forwardRef,\n  Ref,\n  FC,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { Popper, Placement } from \"../Popper\";\nimport { FromElement } from \"../Transitions/FromElement\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { TransitionProps } from \"../Transitions\";\nimport { Portal, useLayerContext } from \"../../helpers\";\nimport { StyledTooltip } from \"./Styles\";\n\ninterface ElementWithRef<T> extends ReactElement {\n  ref?: Ref<T>;\n}\n\nexport interface ITooltipProps {\n  /** Children element. */\n  children: ElementWithRef<HTMLElement>;\n  /** Title element. */\n  title: ReactElement | string;\n  /** Applies passed styles */\n  style?: CSSProperties;\n  /** Applies passed classes */\n  className?: string;\n  /** Open */\n  open?: boolean;\n  /** Placement */\n  placement?: Placement;\n  /** Transition component */\n  TransitionComponent?: React.FC<TransitionProps>;\n  /** Light tooltip */\n  isLight?: boolean;\n  /** Popper Tooltip style */\n  popperTooltipStyle?: CSSProperties;\n  /** Popper Tooltip class name*/\n  popperTooltipClassName?: string;\n  /** Remove tooltip */\n  disable?: boolean;\n}\n\ninterface ITooltipAnimation extends TransitionProps {\n  children: ReactElement;\n}\n\nconst TooltipAnimation: FC<ITooltipAnimation> = ({ children, ...props }) => {\n  return (\n    <FromElement timeout={0} {...props}>\n      {children}\n    </FromElement>\n  );\n};\n\nexport const Tooltip = forwardRef<HTMLElement, ITooltipProps>(\n  (\n    {\n      children,\n      title,\n      className,\n      style,\n      isLight = false,\n      placement = \"top\",\n      TransitionComponent = TooltipAnimation,\n      popperTooltipStyle,\n      popperTooltipClassName,\n      disable,\n    },\n    ref\n  ) => {\n    const { zIndex } = useLayerContext();\n    const [open, setOpen] = useState(false);\n    const [childNode, setChildNode] = useState<HTMLElement | null>();\n\n    const handleEnter = (event: MouseEvent<HTMLElement>): void => {\n      const childrenProps = children.props;\n\n      if (event.type === \"mouseover\" && childrenProps.onMouseOver) {\n        childrenProps.onMouseOver(event);\n      }\n\n      childNode && childNode.removeAttribute(\"title\");\n\n      setOpen(true);\n    };\n\n    const handleLeave = (event: MouseEvent<HTMLElement>): void => {\n      const childrenProps = children.props;\n\n      if (\n        event.type === \"mouseleave\" &&\n        childrenProps.onMouseLeave &&\n        event.currentTarget === childNode\n      ) {\n        childrenProps.onMouseLeave(event);\n      }\n\n      setOpen(false);\n    };\n\n    const handleOwnRef = useForkRef(children.ref, ref);\n    const handleRef = useForkRef(setChildNode, handleOwnRef);\n\n    const childrenProps = {\n      onMouseOver: handleEnter,\n      onMouseLeave: handleLeave,\n      ref: handleRef,\n    };\n\n    return (\n      <>\n        {React.cloneElement(children, childrenProps)}\n        {!disable && (\n          <Portal>\n            <Popper\n              anchorEl={childNode}\n              open={childNode ? open : false}\n              placement={placement}\n              transition\n              className={popperTooltipClassName}\n              style={{ zIndex, ...popperTooltipStyle }}\n              role=\"tooltip\"\n            >\n              {({ transitionProps = {} }): ReactElement => (\n                <TransitionComponent {...transitionProps} style={style}>\n                  <StyledTooltip\n                    className={classnames(\"c-tooltip-ds\", className)}\n                    $isLight={isLight}\n                  >\n                    {title}\n                  </StyledTooltip>\n                </TransitionComponent>\n              )}\n            </Popper>\n          </Portal>\n        )}\n      </>\n    );\n  }\n);\n\nTooltip.displayName = \"Tooltip\";\n"],"file":"Tooltip.js"}
+{"version":3,"sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":["React","useState","forwardRef","classnames","Popper","FromElement","useForkRef","Portal","useLayerContext","StyledTooltip","TooltipAnimation","children","props","Tooltip","ref","title","className","style","isLight","placement","TransitionComponent","popperTooltipStyle","popperTooltipClassName","disable","zIndex","open","setOpen","childNode","setChildNode","handleEnter","event","childrenProps","type","onMouseOver","removeAttribute","handleLeave","onMouseLeave","currentTarget","handleOwnRef","handleRef","cloneElement","transitionProps","displayName"],"mappings":"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","sourcesContent":["import React, {\n  ReactElement,\n  useState,\n  CSSProperties,\n  MouseEvent,\n  forwardRef,\n  Ref,\n  FC,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { Popper, Placement } from \"../Popper\";\nimport { FromElement } from \"../Transitions/FromElement\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { TransitionProps } from \"../Transitions\";\nimport { Portal, useLayerContext } from \"../../helpers\";\nimport { StyledTooltip } from \"./Styles\";\n\ninterface ElementWithRef<T> extends ReactElement {\n  ref?: Ref<T>;\n}\n\nexport interface ITooltipProps {\n  /** Children element. */\n  children: ElementWithRef<HTMLElement>;\n  /** Title element. */\n  title: ReactElement | string;\n  /** Applies passed styles */\n  style?: CSSProperties;\n  /** Applies passed classes */\n  className?: string;\n  /** Open */\n  open?: boolean;\n  /** Placement */\n  placement?: Placement;\n  /** Transition component */\n  TransitionComponent?: React.FC<TransitionProps>;\n  /** Light tooltip */\n  isLight?: boolean;\n  /** Popper Tooltip style */\n  popperTooltipStyle?: CSSProperties;\n  /** Popper Tooltip class name*/\n  popperTooltipClassName?: string;\n  /** Remove tooltip */\n  disable?: boolean;\n}\n\ninterface ITooltipAnimation extends TransitionProps {\n  children: ReactElement;\n}\n\nconst TooltipAnimation: FC<ITooltipAnimation> = ({ children, ...props }) => {\n  return (\n    <FromElement timeout={0} {...props}>\n      {children}\n    </FromElement>\n  );\n};\n\nexport const Tooltip = forwardRef<HTMLElement, ITooltipProps>(\n  (\n    {\n      children,\n      title,\n      className,\n      style,\n      isLight = false,\n      placement = \"top\",\n      TransitionComponent = TooltipAnimation,\n      popperTooltipStyle,\n      popperTooltipClassName,\n      disable,\n    },\n    ref\n  ) => {\n    const { zIndex = 1300 } = useLayerContext();\n    const [open, setOpen] = useState(false);\n    const [childNode, setChildNode] = useState<HTMLElement | null>();\n\n    const handleEnter = (event: MouseEvent<HTMLElement>): void => {\n      const childrenProps = children.props;\n\n      if (event.type === \"mouseover\" && childrenProps.onMouseOver) {\n        childrenProps.onMouseOver(event);\n      }\n\n      childNode && childNode.removeAttribute(\"title\");\n\n      setOpen(true);\n    };\n\n    const handleLeave = (event: MouseEvent<HTMLElement>): void => {\n      const childrenProps = children.props;\n\n      if (\n        event.type === \"mouseleave\" &&\n        childrenProps.onMouseLeave &&\n        event.currentTarget === childNode\n      ) {\n        childrenProps.onMouseLeave(event);\n      }\n\n      setOpen(false);\n    };\n\n    const handleOwnRef = useForkRef(children.ref, ref);\n    const handleRef = useForkRef(setChildNode, handleOwnRef);\n\n    const childrenProps = {\n      onMouseOver: handleEnter,\n      onMouseLeave: handleLeave,\n      ref: handleRef,\n    };\n\n    return (\n      <>\n        {React.cloneElement(children, childrenProps)}\n        {!disable && (\n          <Portal>\n            <Popper\n              anchorEl={childNode}\n              open={childNode ? open : false}\n              placement={placement}\n              transition\n              className={popperTooltipClassName}\n              style={{ zIndex, ...popperTooltipStyle }}\n              role=\"tooltip\"\n            >\n              {({ transitionProps = {} }): ReactElement => (\n                <TransitionComponent {...transitionProps} style={style}>\n                  <StyledTooltip\n                    className={classnames(\"c-tooltip-ds\", className)}\n                    $isLight={isLight}\n                  >\n                    {title}\n                  </StyledTooltip>\n                </TransitionComponent>\n              )}\n            </Popper>\n          </Portal>\n        )}\n      </>\n    );\n  }\n);\n\nTooltip.displayName = \"Tooltip\";\n"],"file":"Tooltip.js"}

package/dist/esm/components/Typography/Styles.d.ts

@@ -1,5 +1,5 @@
 interface IStyledTypographyProps {
-    $variant: "Title 1" | "Header 2" | "Header 3" | "Body 1" | "Body 2" | "Caption 1" | "Caption 2";
+    $variant: "Title 1" | "Title 2" | "Header 2" | "Header 3" | "Body 1" | "Body 2" | "Caption 1" | "Caption 2";
     $italic: boolean;
     $tabularNums: boolean;
     $letterSpacing: "tight" | "regular" | "wide";

package/dist/esm/components/Typography/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Styles.ts"],"names":[],"mappings":"AAKA,UAAU,sBAAsB;IAC9B,QAAQ,EACJ,SAAS,GACT,UAAU,GACV,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,WAAW,GACX,WAAW,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAC7C,WAAW,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IAC3C,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAChD,WAAW,EAAE,WAAW,GAAG,cAAc,GAAG,MAAM,CAAC;IACnD,UAAU,EAAE,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,SAAS,CAAC;IACjE,SAAS,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;IAC/C,WAAW,CAAC,EACR,SAAS,GACT,SAAS,GACT,KAAK,GACL,UAAU,GACV,UAAU,GACV,cAAc,CAAC;IACnB,UAAU,EAAE,SAAS,GAAG,OAAO,GAAG,KAAK,CAAC;IACxC,MAAM,EACF,SAAS,GACT,WAAW,GACX,UAAU,GACV,YAAY,GACZ,eAAe,GACf,iBAAiB,GACjB,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,SAAS,GACT,OAAO,CAAC;IACZ,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;CACnD;AAgBD,eAAO,MAAM,gBAAgB,wFAoP5B,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Styles.ts"],"names":[],"mappings":"AAKA,UAAU,sBAAsB;IAC9B,QAAQ,EACJ,SAAS,GACT,SAAS,GACT,UAAU,GACV,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,WAAW,GACX,WAAW,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAC7C,WAAW,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IAC3C,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAChD,WAAW,EAAE,WAAW,GAAG,cAAc,GAAG,MAAM,CAAC;IACnD,UAAU,EAAE,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,SAAS,CAAC;IACjE,SAAS,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;IAC/C,WAAW,CAAC,EACR,SAAS,GACT,SAAS,GACT,KAAK,GACL,UAAU,GACV,UAAU,GACV,cAAc,CAAC;IACnB,UAAU,EAAE,SAAS,GAAG,OAAO,GAAG,KAAK,CAAC;IACxC,MAAM,EACF,SAAS,GACT,WAAW,GACX,UAAU,GACV,YAAY,GACZ,eAAe,GACf,iBAAiB,GACjB,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,SAAS,GACT,OAAO,CAAC;IACZ,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;CACnD;AAgBD,eAAO,MAAM,gBAAgB,wFAyP5B,CAAC"}

package/dist/esm/components/Typography/Styles.js

@@ -12,8 +12,7 @@ var colors = {
     "color": "var(--color-theme-600)"
   },
   quaternary: {
-    "color": "var(--color-theme-600)",
-    "opacity": "0.5"
+    "color": "var(--color-theme-transparent-500)"
   },
   "theme-primary": {
     "color": "var(--color-primary)"
@@ -40,10 +39,12 @@ var colors = {
 export var StyledTypography = styled.div.withConfig({
   displayName: "Styles__StyledTypography",
   componentId: "sc-mskw5w-0"
-})(["", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], FontStyle, BoxSizingStyle, function (props) {
+})(["", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], FontStyle, BoxSizingStyle, function (props) {
   return colors[props.$color];
 }, function (props) {
   return props.$variant === "Title 1" && css(["font-size:2rem;"]);
+}, function (props) {
+  return props.$variant === "Title 2" && css(["font-size:1.625rem;"]);
 }, function (props) {
   return props.$variant === "Header 2" && css(["font-size:1.125rem;"]);
 }, function (props) {

package/dist/esm/components/Typography/Styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Typography/Styles.ts"],"names":["styled","css","BoxSizingStyle","FontStyle","colors","primary","secondary","tertiary","quaternary","success","alert","StyledTypography","div","props","$color","$variant","$italic","$tabularNums","$letterSpacing","$lineHeight","$align","$decoration","$transform","$overflow","$whitespace","$wordBreak","$weight","displayName"],"mappings":"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","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\ninterface IStyledTypographyProps {\n  $variant:\n    | \"Title 1\"\n    | \"Header 2\"\n    | \"Header 3\"\n    | \"Body 1\"\n    | \"Body 2\"\n    | \"Caption 1\"\n    | \"Caption 2\";\n  $italic: boolean;\n  $tabularNums: boolean;\n  $letterSpacing: \"tight\" | \"regular\" | \"wide\";\n  $lineHeight: \"tight\" | \"regular\" | \"loose\";\n  $align: \"left\" | \"center\" | \"right\" | \"justify\";\n  $decoration: \"underline\" | \"line-through\" | \"none\";\n  $transform: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"regular\";\n  $overflow: \"truncate\" | \"ellipsis\" | \"visible\";\n  $whitespace?:\n    | \"regular\"\n    | \"no-wrap\"\n    | \"pre\"\n    | \"pre-wrap\"\n    | \"pre-line\"\n    | \"break-spaces\";\n  $wordBreak: \"regular\" | \"smart\" | \"all\";\n  $color:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"quaternary\"\n    | \"theme-primary\"\n    | \"theme-secondary\"\n    | \"only-white\"\n    | \"only-black\"\n    | \"page-paper\"\n    | \"success\"\n    | \"alert\";\n  $weight?: \"light\" | \"regular\" | \"medium\" | \"bold\";\n}\n\nconst colors = {\n  primary: tw`tw-text-theme-900`,\n  secondary: tw`tw-text-theme-700`,\n  tertiary: tw`tw-text-theme-600`,\n  quaternary: tw`tw-text-theme-600 tw-opacity-50`,\n  \"theme-primary\": tw`tw-text-primary`,\n  \"theme-secondary\": tw`tw-text-secondary`,\n  \"page-paper\": tw`tw-text-page-paper-main`,\n  \"only-white\": tw`tw-text-only-white`,\n  \"only-black\": tw`tw-text-only-black`,\n  success: tw`tw-text-success`,\n  alert: tw`tw-text-alert`,\n};\n\nexport const StyledTypography = styled.div<IStyledTypographyProps>`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  //color\n  ${(props) => colors[props.$color]}\n\n  //variant - font size\n  ${(props) =>\n    props.$variant === \"Title 1\" &&\n    css`\n      font-size: 2rem;\n    `}\n  ${(props) =>\n    props.$variant === \"Header 2\" &&\n    css`\n      font-size: 1.125rem;\n    `}\n  ${(props) =>\n    (props.$variant === \"Header 3\" || props.$variant === \"Body 1\") &&\n    css`\n      font-size: 1rem;\n    `}\n  ${(props) =>\n    props.$variant === \"Body 2\" &&\n    css`\n      font-size: 0.875rem;\n    `}\n  ${(props) =>\n    props.$variant === \"Caption 1\" &&\n    css`\n      font-size: 0.75rem;\n    `}\n  ${(props) =>\n    props.$variant === \"Caption 2\" &&\n    css`\n      font-size: 0.625rem;\n    `}\n\n  //italic\n  ${(props) =>\n    props.$italic\n      ? css`\n          font-style: italic;\n        `\n      : css`\n          font-style: normal;\n        `}\n\n  //tabularNums\n  ${(props) =>\n    props.$tabularNums\n      ? css`\n          font-variant-numeric: tabular-nums;\n        `\n      : css`\n          font-variant-numeric: normal;\n        `}\n\n  //letterSpacing\n  ${(props) =>\n    props.$letterSpacing === \"regular\" &&\n    css`\n      letter-spacing: 0.02em;\n    `}\n  ${(props) =>\n    props.$letterSpacing === \"tight\" &&\n    css`\n      letter-spacing: 0em;\n    `}\n  ${(props) =>\n    props.$letterSpacing === \"wide\" &&\n    css`\n      letter-spacing: 0.08em;\n    `}\n\n  //lineHeight\n  ${(props) =>\n    props.$lineHeight === \"regular\" &&\n    css`\n      line-height: 1.375;\n    `}\n  ${(props) =>\n    props.$lineHeight === \"tight\" &&\n    css`\n      line-height: 1;\n    `}\n  ${(props) =>\n    props.$lineHeight === \"loose\" &&\n    css`\n      line-height: 1.625;\n    `}\n\n  //align\n  ${(props) =>\n    props.$align === \"left\" &&\n    css`\n      text-align: left;\n    `}\n  ${(props) =>\n    props.$align === \"right\" &&\n    css`\n      text-align: right;\n    `}\n  ${(props) =>\n    props.$align === \"center\" &&\n    css`\n      text-align: center;\n    `}\n  ${(props) =>\n    props.$align === \"justify\" &&\n    css`\n      text-align: justify;\n    `}\n\n  //decoration\n  ${(props) =>\n    props.$decoration === \"none\" &&\n    css`\n      text-decoration: none;\n    `}\n  ${(props) =>\n    props.$decoration === \"underline\" &&\n    css`\n      text-decoration: underline;\n    `}\n  ${(props) =>\n    props.$decoration === \"line-through\" &&\n    css`\n      text-decoration: line-through;\n    `}\n\n  //transform\n  ${(props) =>\n    props.$transform === \"regular\" &&\n    css`\n      text-transform: none;\n    `}\n  ${(props) =>\n    props.$transform === \"uppercase\" &&\n    css`\n      text-transform: uppercase;\n    `}\n  ${(props) =>\n    props.$transform === \"lowercase\" &&\n    css`\n      text-transform: lowercase;\n    `}\n  ${(props) =>\n    props.$transform === \"capitalize\" &&\n    css`\n      text-transform: capitalize;\n    `}\n\n  //overflow\n  ${(props) =>\n    props.$overflow === \"visible\" &&\n    css`\n      overflow: visible;\n    `}\n  ${(props) =>\n    props.$overflow === \"ellipsis\" &&\n    css`\n      text-overflow: ellipsis;\n    `}\n  ${(props) =>\n    props.$overflow === \"truncate\" &&\n    css`\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    `}\n\n  //whitespace\n  ${(props) =>\n    props.$whitespace === \"regular\" &&\n    css`\n      white-space: normal;\n    `}\n  ${(props) =>\n    props.$whitespace === \"no-wrap\" &&\n    css`\n      white-space: nowrap;\n    `}\n  ${(props) =>\n    props.$whitespace === \"pre\" &&\n    css`\n      white-space: pre;\n    `}\n  ${(props) =>\n    props.$whitespace === \"pre-wrap\" &&\n    css`\n      white-space: pre-wrap;\n    `}\n  ${(props) =>\n    props.$whitespace === \"pre-line\" &&\n    css`\n      white-space: pre-line;\n    `}\n  ${(props) =>\n    props.$whitespace === \"break-spaces\" &&\n    css`\n      white-space: break-spaces;\n    `}\n\n  //wordBreak\n  ${(props) =>\n    props.$wordBreak === \"regular\" &&\n    css`\n      overflow-wrap: normal;\n      word-break: normal;\n    `}\n  ${(props) =>\n    props.$wordBreak === \"smart\" &&\n    css`\n      overflow-wrap: break-word;\n    `}\n  ${(props) =>\n    props.$wordBreak === \"all\" &&\n    css`\n      word-break: break-all;\n    `}\n\n  //weight\n  ${(props) =>\n    props.$weight === \"regular\" &&\n    css`\n      font-weight: 400;\n    `}\n  ${(props) =>\n    props.$weight === \"light\" &&\n    css`\n      font-weight: 300;\n    `}\n  ${(props) =>\n    props.$weight === \"medium\" &&\n    css`\n      font-weight: 500;\n    `}\n  ${(props) =>\n    props.$weight === \"bold\" &&\n    css`\n      font-weight: 700;\n    `}\n`;\n\nStyledTypography.displayName = \"StyledTypography\";\n"],"file":"Styles.js"}
+{"version":3,"sources":["../../../../src/components/Typography/Styles.ts"],"names":["styled","css","BoxSizingStyle","FontStyle","colors","primary","secondary","tertiary","quaternary","success","alert","StyledTypography","div","props","$color","$variant","$italic","$tabularNums","$letterSpacing","$lineHeight","$align","$decoration","$transform","$overflow","$whitespace","$wordBreak","$weight","displayName"],"mappings":"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","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\ninterface IStyledTypographyProps {\n  $variant:\n    | \"Title 1\"\n    | \"Title 2\"\n    | \"Header 2\"\n    | \"Header 3\"\n    | \"Body 1\"\n    | \"Body 2\"\n    | \"Caption 1\"\n    | \"Caption 2\";\n  $italic: boolean;\n  $tabularNums: boolean;\n  $letterSpacing: \"tight\" | \"regular\" | \"wide\";\n  $lineHeight: \"tight\" | \"regular\" | \"loose\";\n  $align: \"left\" | \"center\" | \"right\" | \"justify\";\n  $decoration: \"underline\" | \"line-through\" | \"none\";\n  $transform: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"regular\";\n  $overflow: \"truncate\" | \"ellipsis\" | \"visible\";\n  $whitespace?:\n    | \"regular\"\n    | \"no-wrap\"\n    | \"pre\"\n    | \"pre-wrap\"\n    | \"pre-line\"\n    | \"break-spaces\";\n  $wordBreak: \"regular\" | \"smart\" | \"all\";\n  $color:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"quaternary\"\n    | \"theme-primary\"\n    | \"theme-secondary\"\n    | \"only-white\"\n    | \"only-black\"\n    | \"page-paper\"\n    | \"success\"\n    | \"alert\";\n  $weight?: \"light\" | \"regular\" | \"medium\" | \"bold\";\n}\n\nconst colors = {\n  primary: tw`tw-text-theme-900`,\n  secondary: tw`tw-text-theme-700`,\n  tertiary: tw`tw-text-theme-600`,\n  quaternary: tw`tw-text-theme-transparent-500`,\n  \"theme-primary\": tw`tw-text-primary`,\n  \"theme-secondary\": tw`tw-text-secondary`,\n  \"page-paper\": tw`tw-text-page-paper-main`,\n  \"only-white\": tw`tw-text-only-white`,\n  \"only-black\": tw`tw-text-only-black`,\n  success: tw`tw-text-success`,\n  alert: tw`tw-text-alert`,\n};\n\nexport const StyledTypography = styled.div<IStyledTypographyProps>`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  //color\n  ${(props) => colors[props.$color]}\n\n  //variant - font size\n  ${(props) =>\n    props.$variant === \"Title 1\" &&\n    css`\n      font-size: 2rem;\n    `}\n  ${(props) =>\n    props.$variant === \"Title 2\" &&\n    css`\n      font-size: 1.625rem;\n    `}\n  ${(props) =>\n    props.$variant === \"Header 2\" &&\n    css`\n      font-size: 1.125rem;\n    `}\n  ${(props) =>\n    (props.$variant === \"Header 3\" || props.$variant === \"Body 1\") &&\n    css`\n      font-size: 1rem;\n    `}\n  ${(props) =>\n    props.$variant === \"Body 2\" &&\n    css`\n      font-size: 0.875rem;\n    `}\n  ${(props) =>\n    props.$variant === \"Caption 1\" &&\n    css`\n      font-size: 0.75rem;\n    `}\n  ${(props) =>\n    props.$variant === \"Caption 2\" &&\n    css`\n      font-size: 0.625rem;\n    `}\n\n  //italic\n  ${(props) =>\n    props.$italic\n      ? css`\n          font-style: italic;\n        `\n      : css`\n          font-style: normal;\n        `}\n\n  //tabularNums\n  ${(props) =>\n    props.$tabularNums\n      ? css`\n          font-variant-numeric: tabular-nums;\n        `\n      : css`\n          font-variant-numeric: normal;\n        `}\n\n  //letterSpacing\n  ${(props) =>\n    props.$letterSpacing === \"regular\" &&\n    css`\n      letter-spacing: 0.02em;\n    `}\n  ${(props) =>\n    props.$letterSpacing === \"tight\" &&\n    css`\n      letter-spacing: 0em;\n    `}\n  ${(props) =>\n    props.$letterSpacing === \"wide\" &&\n    css`\n      letter-spacing: 0.08em;\n    `}\n\n  //lineHeight\n  ${(props) =>\n    props.$lineHeight === \"regular\" &&\n    css`\n      line-height: 1.375;\n    `}\n  ${(props) =>\n    props.$lineHeight === \"tight\" &&\n    css`\n      line-height: 1;\n    `}\n  ${(props) =>\n    props.$lineHeight === \"loose\" &&\n    css`\n      line-height: 1.625;\n    `}\n\n  //align\n  ${(props) =>\n    props.$align === \"left\" &&\n    css`\n      text-align: left;\n    `}\n  ${(props) =>\n    props.$align === \"right\" &&\n    css`\n      text-align: right;\n    `}\n  ${(props) =>\n    props.$align === \"center\" &&\n    css`\n      text-align: center;\n    `}\n  ${(props) =>\n    props.$align === \"justify\" &&\n    css`\n      text-align: justify;\n    `}\n\n  //decoration\n  ${(props) =>\n    props.$decoration === \"none\" &&\n    css`\n      text-decoration: none;\n    `}\n  ${(props) =>\n    props.$decoration === \"underline\" &&\n    css`\n      text-decoration: underline;\n    `}\n  ${(props) =>\n    props.$decoration === \"line-through\" &&\n    css`\n      text-decoration: line-through;\n    `}\n\n  //transform\n  ${(props) =>\n    props.$transform === \"regular\" &&\n    css`\n      text-transform: none;\n    `}\n  ${(props) =>\n    props.$transform === \"uppercase\" &&\n    css`\n      text-transform: uppercase;\n    `}\n  ${(props) =>\n    props.$transform === \"lowercase\" &&\n    css`\n      text-transform: lowercase;\n    `}\n  ${(props) =>\n    props.$transform === \"capitalize\" &&\n    css`\n      text-transform: capitalize;\n    `}\n\n  //overflow\n  ${(props) =>\n    props.$overflow === \"visible\" &&\n    css`\n      overflow: visible;\n    `}\n  ${(props) =>\n    props.$overflow === \"ellipsis\" &&\n    css`\n      text-overflow: ellipsis;\n    `}\n  ${(props) =>\n    props.$overflow === \"truncate\" &&\n    css`\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    `}\n\n  //whitespace\n  ${(props) =>\n    props.$whitespace === \"regular\" &&\n    css`\n      white-space: normal;\n    `}\n  ${(props) =>\n    props.$whitespace === \"no-wrap\" &&\n    css`\n      white-space: nowrap;\n    `}\n  ${(props) =>\n    props.$whitespace === \"pre\" &&\n    css`\n      white-space: pre;\n    `}\n  ${(props) =>\n    props.$whitespace === \"pre-wrap\" &&\n    css`\n      white-space: pre-wrap;\n    `}\n  ${(props) =>\n    props.$whitespace === \"pre-line\" &&\n    css`\n      white-space: pre-line;\n    `}\n  ${(props) =>\n    props.$whitespace === \"break-spaces\" &&\n    css`\n      white-space: break-spaces;\n    `}\n\n  //wordBreak\n  ${(props) =>\n    props.$wordBreak === \"regular\" &&\n    css`\n      overflow-wrap: normal;\n      word-break: normal;\n    `}\n  ${(props) =>\n    props.$wordBreak === \"smart\" &&\n    css`\n      overflow-wrap: break-word;\n    `}\n  ${(props) =>\n    props.$wordBreak === \"all\" &&\n    css`\n      word-break: break-all;\n    `}\n\n  //weight\n  ${(props) =>\n    props.$weight === \"regular\" &&\n    css`\n      font-weight: 400;\n    `}\n  ${(props) =>\n    props.$weight === \"light\" &&\n    css`\n      font-weight: 300;\n    `}\n  ${(props) =>\n    props.$weight === \"medium\" &&\n    css`\n      font-weight: 500;\n    `}\n  ${(props) =>\n    props.$weight === \"bold\" &&\n    css`\n      font-weight: 700;\n    `}\n`;\n\nStyledTypography.displayName = \"StyledTypography\";\n"],"file":"Styles.js"}

package/dist/esm/components/Typography/Typography.d.ts

@@ -13,7 +13,7 @@ export interface ITypographyProps extends HTMLAttributes<HTMLElement> {
     whitespace?: "regular" | "no-wrap" | "pre" | "pre-wrap" | "pre-line" | "break-spaces";
     wordBreak?: "regular" | "smart" | "all";
     className?: string;
-    variant?: "Title 1" | "Header 2" | "Header 3" | "Body 1" | "Body 2" | "Caption 1" | "Caption 2";
+    variant?: "Title 1" | "Title 2" | "Header 2" | "Header 3" | "Body 1" | "Body 2" | "Caption 1" | "Caption 2";
     weight?: "light" | "regular" | "medium" | "bold";
     size?: "32" | "18" | "16" | "14" | "12" | "10";
 }

package/dist/esm/components/Typography/Typography.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AAG1D,OAAO,EACL,gCAAgC,EAEjC,MAAM,mBAAmB,CAAC;AAC3B,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAEnE,KAAK,CAAC,EACF,SAAS,GACT,WAAW,GACX,UAAU,GACV,YAAY,GACZ,eAAe,GACf,iBAAiB,GACjB,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,SAAS,GACT,OAAO,CAAC;IAEZ,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAE7C,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IAE3C,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAEhD,UAAU,CAAC,EAAE,WAAW,GAAG,cAAc,GAAG,MAAM,CAAC;IAEnD,SAAS,CAAC,EAAE,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,SAAS,CAAC;IAEjE,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;IAE/C,UAAU,CAAC,EACP,SAAS,GACT,SAAS,GACT,KAAK,GACL,UAAU,GACV,UAAU,GACV,cAAc,CAAC;IAEnB,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,KAAK,CAAC;IAExC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,OAAO,CAAC,EACJ,SAAS,GACT,UAAU,GACV,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,WAAW,GACX,WAAW,CAAC;IAEhB,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;IAEjD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAChD;AAED,oBAAY,eAAe,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IACrD,gCAAgC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC;AAExD,oBAAY,mBAAmB,GAAG,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,EACpE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,KACtB,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;AAE/B,eAAO,MAAM,UAAU,EAAE,mBAAmB,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CAiDlE,CAAC"}
+{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AAG1D,OAAO,EACL,gCAAgC,EAEjC,MAAM,mBAAmB,CAAC;AAC3B,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAEnE,KAAK,CAAC,EACF,SAAS,GACT,WAAW,GACX,UAAU,GACV,YAAY,GACZ,eAAe,GACf,iBAAiB,GACjB,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,SAAS,GACT,OAAO,CAAC;IAEZ,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAE7C,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IAE3C,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAEhD,UAAU,CAAC,EAAE,WAAW,GAAG,cAAc,GAAG,MAAM,CAAC;IAEnD,SAAS,CAAC,EAAE,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,SAAS,CAAC;IAEjE,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;IAE/C,UAAU,CAAC,EACP,SAAS,GACT,SAAS,GACT,KAAK,GACL,UAAU,GACV,UAAU,GACV,cAAc,CAAC;IAEnB,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,KAAK,CAAC;IAExC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,OAAO,CAAC,EACJ,SAAS,GACT,SAAS,GACT,UAAU,GACV,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,WAAW,GACX,WAAW,CAAC;IAEhB,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;IAEjD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAChD;AAED,oBAAY,eAAe,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IACrD,gCAAgC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC;AAExD,oBAAY,mBAAmB,GAAG,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,EACpE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,KACtB,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;AAE/B,eAAO,MAAM,UAAU,EAAE,mBAAmB,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CAiDlE,CAAC"}

package/dist/esm/components/Typography/Typography.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Typography/Typography.tsx"],"names":["React","forwardRef","classNames","StyledTypography","Typography","ref","variant","as","color","italic","tabularNums","letterSpacing","lineHeight","align","decoration","transform","overflow","whitespace","wordBreak","weight","className","children","props","Component","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgCC,UAAhC,QAAkD,OAAlD;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,gBAAT,QAAiC,UAAjC;AAqEA,OAAO,IAAMC,UAA0D,gBACrEH,UAAU,CACR,gBAoBEI,GApBF,EAqBK;AAAA,0BAnBDC,OAmBC;AAAA,MAnBDA,OAmBC,6BAnBS,SAmBT;AAAA,MAlBDC,EAkBC,QAlBDA,EAkBC;AAAA,wBAjBDC,KAiBC;AAAA,MAjBDA,KAiBC,2BAjBO,SAiBP;AAAA,yBAhBDC,MAgBC;AAAA,MAhBDA,MAgBC,4BAhBQ,KAgBR;AAAA,8BAfDC,WAeC;AAAA,MAfDA,WAeC,iCAfa,KAeb;AAAA,gCAdDC,aAcC;AAAA,MAdDA,aAcC,mCAde,SAcf;AAAA,6BAbDC,UAaC;AAAA,MAbDA,UAaC,gCAbY,SAaZ;AAAA,wBAZDC,KAYC;AAAA,MAZDA,KAYC,2BAZO,MAYP;AAAA,6BAXDC,UAWC;AAAA,MAXDA,UAWC,gCAXY,MAWZ;AAAA,4BAVDC,SAUC;AAAA,MAVDA,SAUC,+BAVW,SAUX;AAAA,2BATDC,QASC;AAAA,MATDA,QASC,8BATU,SASV;AAAA,6BARDC,UAQC;AAAA,MARDA,UAQC,gCARY,SAQZ;AAAA,4BAPDC,SAOC;AAAA,MAPDA,SAOC,+BAPW,SAOX;AAAA,yBANDC,MAMC;AAAA,MANDA,MAMC,4BANQ,SAMR;AAAA,MALDC,SAKC,QALDA,SAKC;AAAA,MAJDC,QAIC,QAJDA,QAIC;AAAA,MAHEC,KAGF;;AACH,MAAMC,SAAS,GAAGhB,EAAE,IAAI,KAAxB;AACA,sBACE,oBAAC,gBAAD;AACE,IAAA,EAAE,EAAEgB,SADN;AAEE,IAAA,SAAS,EAAErB,UAAU,CAAC,YAAD,EAAekB,SAAf,CAFvB;AAGE,IAAA,OAAO,EAAEX,MAHX;AAIE,IAAA,YAAY,EAAEC,WAJhB;AAKE,IAAA,cAAc,EAAEC,aALlB;AAME,IAAA,WAAW,EAAEC,UANf;AAOE,IAAA,MAAM,EAAEC,KAPV;AAQE,IAAA,WAAW,EAAEC,UARf;AASE,IAAA,UAAU,EAAEC,SATd;AAUE,IAAA,SAAS,EAAEC,QAVb;AAWE,IAAA,WAAW,EAAEC,UAXf;AAYE,IAAA,UAAU,EAAEC,SAZd;AAaE,IAAA,QAAQ,EAAEZ,OAbZ;AAcE,IAAA,MAAM,EAAEE,KAdV;AAeE,IAAA,OAAO,EAAEW,MAfX;AAgBE,IAAA,GAAG,EAAEd;AAhBP,KAiBMiB,KAjBN,GAmBGD,QAnBH,CADF;AAuBD,CA/CO,CADL;AAmDPjB,UAAU,CAACoB,WAAX,GAAyB,YAAzB","sourcesContent":["import React, { HTMLAttributes, forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledTypography } from \"./Styles\";\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\nexport interface ITypographyProps extends HTMLAttributes<HTMLElement> {\n  /** Font color. */\n  color?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"quaternary\"\n    | \"theme-primary\"\n    | \"theme-secondary\"\n    | \"only-white\"\n    | \"only-black\"\n    | \"page-paper\"\n    | \"success\"\n    | \"alert\";\n  /** Tabular numbers. */\n  tabularNums?: boolean;\n  /** Italic font style. */\n  italic?: boolean;\n  /** Font letter spacing. */\n  letterSpacing?: \"tight\" | \"regular\" | \"wide\";\n  /** Font line height. */\n  lineHeight?: \"tight\" | \"regular\" | \"loose\";\n  /** Font align. */\n  align?: \"left\" | \"center\" | \"right\" | \"justify\";\n  /** Underline font style. */\n  decoration?: \"underline\" | \"line-through\" | \"none\";\n  /** Font transform. */\n  transform?: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"regular\";\n  /** Font overflow. */\n  overflow?: \"truncate\" | \"ellipsis\" | \"visible\";\n  /** Font whitespace. */\n  whitespace?:\n    | \"regular\"\n    | \"no-wrap\"\n    | \"pre\"\n    | \"pre-wrap\"\n    | \"pre-line\"\n    | \"break-spaces\";\n  /** Font word break. */\n  wordBreak?: \"regular\" | \"smart\" | \"all\";\n  /** Custom className for styling. */\n  className?: string;\n  /** Element variant. */\n  variant?:\n    | \"Title 1\"\n    | \"Header 2\"\n    | \"Header 3\"\n    | \"Body 1\"\n    | \"Body 2\"\n    | \"Caption 1\"\n    | \"Caption 2\";\n  /** Font weight. */\n  weight?: \"light\" | \"regular\" | \"medium\" | \"bold\";\n  /** Font size. */\n  size?: \"32\" | \"18\" | \"16\" | \"14\" | \"12\" | \"10\";\n}\n\nexport type TypographyProps<C extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<C, ITypographyProps>;\n\nexport type TypographyComponent = <C extends React.ElementType = \"div\">(\n  props: TypographyProps<C>\n) => React.ReactElement | null;\n\nexport const Typography: TypographyComponent & { displayName?: string } =\n  forwardRef(\n    <C extends React.ElementType = \"div\">(\n      {\n        variant = \"Title 1\",\n        as,\n        color = \"primary\",\n        italic = false,\n        tabularNums = false,\n        letterSpacing = \"regular\",\n        lineHeight = \"regular\",\n        align = \"left\",\n        decoration = \"none\",\n        transform = \"regular\",\n        overflow = \"visible\",\n        whitespace = \"regular\",\n        wordBreak = \"regular\",\n        weight = \"regular\",\n        className,\n        children,\n        ...props\n      }: TypographyProps<C>,\n      ref?: PolymorphicRef<C>\n    ) => {\n      const Component = as || \"div\";\n      return (\n        <StyledTypography\n          as={Component}\n          className={classNames(\"typography\", className)}\n          $italic={italic}\n          $tabularNums={tabularNums}\n          $letterSpacing={letterSpacing}\n          $lineHeight={lineHeight}\n          $align={align}\n          $decoration={decoration}\n          $transform={transform}\n          $overflow={overflow}\n          $whitespace={whitespace}\n          $wordBreak={wordBreak}\n          $variant={variant}\n          $color={color}\n          $weight={weight}\n          ref={ref}\n          {...props}\n        >\n          {children}\n        </StyledTypography>\n      );\n    }\n  );\n\nTypography.displayName = \"Typography\";\n"],"file":"Typography.js"}
+{"version":3,"sources":["../../../../src/components/Typography/Typography.tsx"],"names":["React","forwardRef","classNames","StyledTypography","Typography","ref","variant","as","color","italic","tabularNums","letterSpacing","lineHeight","align","decoration","transform","overflow","whitespace","wordBreak","weight","className","children","props","Component","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgCC,UAAhC,QAAkD,OAAlD;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,gBAAT,QAAiC,UAAjC;AAsEA,OAAO,IAAMC,UAA0D,gBACrEH,UAAU,CACR,gBAoBEI,GApBF,EAqBK;AAAA,0BAnBDC,OAmBC;AAAA,MAnBDA,OAmBC,6BAnBS,SAmBT;AAAA,MAlBDC,EAkBC,QAlBDA,EAkBC;AAAA,wBAjBDC,KAiBC;AAAA,MAjBDA,KAiBC,2BAjBO,SAiBP;AAAA,yBAhBDC,MAgBC;AAAA,MAhBDA,MAgBC,4BAhBQ,KAgBR;AAAA,8BAfDC,WAeC;AAAA,MAfDA,WAeC,iCAfa,KAeb;AAAA,gCAdDC,aAcC;AAAA,MAdDA,aAcC,mCAde,SAcf;AAAA,6BAbDC,UAaC;AAAA,MAbDA,UAaC,gCAbY,SAaZ;AAAA,wBAZDC,KAYC;AAAA,MAZDA,KAYC,2BAZO,MAYP;AAAA,6BAXDC,UAWC;AAAA,MAXDA,UAWC,gCAXY,MAWZ;AAAA,4BAVDC,SAUC;AAAA,MAVDA,SAUC,+BAVW,SAUX;AAAA,2BATDC,QASC;AAAA,MATDA,QASC,8BATU,SASV;AAAA,6BARDC,UAQC;AAAA,MARDA,UAQC,gCARY,SAQZ;AAAA,4BAPDC,SAOC;AAAA,MAPDA,SAOC,+BAPW,SAOX;AAAA,yBANDC,MAMC;AAAA,MANDA,MAMC,4BANQ,SAMR;AAAA,MALDC,SAKC,QALDA,SAKC;AAAA,MAJDC,QAIC,QAJDA,QAIC;AAAA,MAHEC,KAGF;;AACH,MAAMC,SAAS,GAAGhB,EAAE,IAAI,KAAxB;AACA,sBACE,oBAAC,gBAAD;AACE,IAAA,EAAE,EAAEgB,SADN;AAEE,IAAA,SAAS,EAAErB,UAAU,CAAC,YAAD,EAAekB,SAAf,CAFvB;AAGE,IAAA,OAAO,EAAEX,MAHX;AAIE,IAAA,YAAY,EAAEC,WAJhB;AAKE,IAAA,cAAc,EAAEC,aALlB;AAME,IAAA,WAAW,EAAEC,UANf;AAOE,IAAA,MAAM,EAAEC,KAPV;AAQE,IAAA,WAAW,EAAEC,UARf;AASE,IAAA,UAAU,EAAEC,SATd;AAUE,IAAA,SAAS,EAAEC,QAVb;AAWE,IAAA,WAAW,EAAEC,UAXf;AAYE,IAAA,UAAU,EAAEC,SAZd;AAaE,IAAA,QAAQ,EAAEZ,OAbZ;AAcE,IAAA,MAAM,EAAEE,KAdV;AAeE,IAAA,OAAO,EAAEW,MAfX;AAgBE,IAAA,GAAG,EAAEd;AAhBP,KAiBMiB,KAjBN,GAmBGD,QAnBH,CADF;AAuBD,CA/CO,CADL;AAmDPjB,UAAU,CAACoB,WAAX,GAAyB,YAAzB","sourcesContent":["import React, { HTMLAttributes, forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledTypography } from \"./Styles\";\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\nexport interface ITypographyProps extends HTMLAttributes<HTMLElement> {\n  /** Font color. */\n  color?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"quaternary\"\n    | \"theme-primary\"\n    | \"theme-secondary\"\n    | \"only-white\"\n    | \"only-black\"\n    | \"page-paper\"\n    | \"success\"\n    | \"alert\";\n  /** Tabular numbers. */\n  tabularNums?: boolean;\n  /** Italic font style. */\n  italic?: boolean;\n  /** Font letter spacing. */\n  letterSpacing?: \"tight\" | \"regular\" | \"wide\";\n  /** Font line height. */\n  lineHeight?: \"tight\" | \"regular\" | \"loose\";\n  /** Font align. */\n  align?: \"left\" | \"center\" | \"right\" | \"justify\";\n  /** Underline font style. */\n  decoration?: \"underline\" | \"line-through\" | \"none\";\n  /** Font transform. */\n  transform?: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"regular\";\n  /** Font overflow. */\n  overflow?: \"truncate\" | \"ellipsis\" | \"visible\";\n  /** Font whitespace. */\n  whitespace?:\n    | \"regular\"\n    | \"no-wrap\"\n    | \"pre\"\n    | \"pre-wrap\"\n    | \"pre-line\"\n    | \"break-spaces\";\n  /** Font word break. */\n  wordBreak?: \"regular\" | \"smart\" | \"all\";\n  /** Custom className for styling. */\n  className?: string;\n  /** Element variant. */\n  variant?:\n    | \"Title 1\"\n    | \"Title 2\"\n    | \"Header 2\"\n    | \"Header 3\"\n    | \"Body 1\"\n    | \"Body 2\"\n    | \"Caption 1\"\n    | \"Caption 2\";\n  /** Font weight. */\n  weight?: \"light\" | \"regular\" | \"medium\" | \"bold\";\n  /** Font size. */\n  size?: \"32\" | \"18\" | \"16\" | \"14\" | \"12\" | \"10\";\n}\n\nexport type TypographyProps<C extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<C, ITypographyProps>;\n\nexport type TypographyComponent = <C extends React.ElementType = \"div\">(\n  props: TypographyProps<C>\n) => React.ReactElement | null;\n\nexport const Typography: TypographyComponent & { displayName?: string } =\n  forwardRef(\n    <C extends React.ElementType = \"div\">(\n      {\n        variant = \"Title 1\",\n        as,\n        color = \"primary\",\n        italic = false,\n        tabularNums = false,\n        letterSpacing = \"regular\",\n        lineHeight = \"regular\",\n        align = \"left\",\n        decoration = \"none\",\n        transform = \"regular\",\n        overflow = \"visible\",\n        whitespace = \"regular\",\n        wordBreak = \"regular\",\n        weight = \"regular\",\n        className,\n        children,\n        ...props\n      }: TypographyProps<C>,\n      ref?: PolymorphicRef<C>\n    ) => {\n      const Component = as || \"div\";\n      return (\n        <StyledTypography\n          as={Component}\n          className={classNames(\"typography\", className)}\n          $italic={italic}\n          $tabularNums={tabularNums}\n          $letterSpacing={letterSpacing}\n          $lineHeight={lineHeight}\n          $align={align}\n          $decoration={decoration}\n          $transform={transform}\n          $overflow={overflow}\n          $whitespace={whitespace}\n          $wordBreak={wordBreak}\n          $variant={variant}\n          $color={color}\n          $weight={weight}\n          ref={ref}\n          {...props}\n        >\n          {children}\n        </StyledTypography>\n      );\n    }\n  );\n\nTypography.displayName = \"Typography\";\n"],"file":"Typography.js"}

package/dist/esm/components/Typography/Variants/Body1.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Body1.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Variants/Body1.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAc,MAAM,eAAe,CAAC;AAE7D,UAAU,UAAU;IAElB,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;CACxC;AAED,eAAO,MAAM,KAAK,kIAUhB,CAAC"}
+{"version":3,"file":"Body1.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Variants/Body1.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAc,MAAM,eAAe,CAAC;AAE7D,UAAU,UAAU;IAElB,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;CACxC;AAED,eAAO,MAAM,KAAK,kIAShB,CAAC"}

package/dist/esm/components/Typography/Variants/Body1.js

@@ -13,7 +13,7 @@ export var Body1 = /*#__PURE__*/forwardRef(function (_ref, ref) {
     variant: "Body 1",
     weight: weight,
     ref: ref
-  }, props), " ", children, " ");
+  }, props), children);
 });
 Body1.displayName = "Body1";
 //# sourceMappingURL=Body1.js.map

package/dist/esm/components/Typography/Variants/Body1.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Variants/Body1.tsx"],"names":["React","forwardRef","Typography","Body1","ref","weight","children","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAA2BC,UAA3B,QAA6C,eAA7C;AAOA,OAAO,IAAMC,KAAK,gBAAGF,UAAU,CAG7B,gBAA6CG,GAA7C,EAAqD;AAAA,yBAAlDC,MAAkD;AAAA,MAAlDA,MAAkD,4BAAzC,SAAyC;AAAA,MAA9BC,QAA8B,QAA9BA,QAA8B;AAAA,MAAjBC,KAAiB;;AACrD,sBACE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,QAApB;AAA6B,IAAA,MAAM,EAAEF,MAArC;AAA6C,IAAA,GAAG,EAAED;AAAlD,KAA2DG,KAA3D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CAV8B,CAAxB;AAYPH,KAAK,CAACK,WAAN,GAAoB,OAApB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface IBodyProps {\n  /** Font weight. */\n  weight?: \"regular\" | \"bold\" | \"medium\";\n}\n\nexport const Body1 = forwardRef<\n  HTMLDivElement,\n  IBodyProps & Omit<ITypographyProps, keyof IBodyProps | \"variant\">\n>(({ weight = \"regular\", children, ...props }, ref) => {\n  return (\n    <Typography variant=\"Body 1\" weight={weight} ref={ref} {...props}>\n      {\" \"}\n      {children}{\" \"}\n    </Typography>\n  );\n});\n\nBody1.displayName = \"Body1\";\n"],"file":"Body1.js"}
+{"version":3,"sources":["../../../../../src/components/Typography/Variants/Body1.tsx"],"names":["React","forwardRef","Typography","Body1","ref","weight","children","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAA2BC,UAA3B,QAA6C,eAA7C;AAOA,OAAO,IAAMC,KAAK,gBAAGF,UAAU,CAG7B,gBAA6CG,GAA7C,EAAqD;AAAA,yBAAlDC,MAAkD;AAAA,MAAlDA,MAAkD,4BAAzC,SAAyC;AAAA,MAA9BC,QAA8B,QAA9BA,QAA8B;AAAA,MAAjBC,KAAiB;;AACrD,sBACE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,QAApB;AAA6B,IAAA,MAAM,EAAEF,MAArC;AAA6C,IAAA,GAAG,EAAED;AAAlD,KAA2DG,KAA3D,GACGD,QADH,CADF;AAKD,CAT8B,CAAxB;AAWPH,KAAK,CAACK,WAAN,GAAoB,OAApB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface IBodyProps {\n  /** Font weight. */\n  weight?: \"regular\" | \"bold\" | \"medium\";\n}\n\nexport const Body1 = forwardRef<\n  HTMLDivElement,\n  IBodyProps & Omit<ITypographyProps, keyof IBodyProps | \"variant\">\n>(({ weight = \"regular\", children, ...props }, ref) => {\n  return (\n    <Typography variant=\"Body 1\" weight={weight} ref={ref} {...props}>\n      {children}\n    </Typography>\n  );\n});\n\nBody1.displayName = \"Body1\";\n"],"file":"Body1.js"}

package/dist/esm/components/Typography/Variants/Body2.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Body2.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Variants/Body2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAc,MAAM,eAAe,CAAC;AAC7D,MAAM,WAAW,UAAU;IAEzB,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;CACxC;AAED,eAAO,MAAM,KAAK,kIAUhB,CAAC"}
+{"version":3,"file":"Body2.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Variants/Body2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAc,MAAM,eAAe,CAAC;AAC7D,MAAM,WAAW,UAAU;IAEzB,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;CACxC;AAED,eAAO,MAAM,KAAK,kIAShB,CAAC"}

package/dist/esm/components/Typography/Variants/Body2.js

@@ -13,7 +13,7 @@ export var Body2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
     variant: "Body 2",
     weight: weight,
     ref: ref
-  }, props), " ", children, " ");
+  }, props), children);
 });
 Body2.displayName = "Body2";
 //# sourceMappingURL=Body2.js.map

package/dist/esm/components/Typography/Variants/Body2.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Variants/Body2.tsx"],"names":["React","forwardRef","Typography","Body2","ref","weight","children","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAA2BC,UAA3B,QAA6C,eAA7C;AAMA,OAAO,IAAMC,KAAK,gBAAGF,UAAU,CAG7B,gBAA6CG,GAA7C,EAAqD;AAAA,yBAAlDC,MAAkD;AAAA,MAAlDA,MAAkD,4BAAzC,SAAyC;AAAA,MAA9BC,QAA8B,QAA9BA,QAA8B;AAAA,MAAjBC,KAAiB;;AACrD,sBACE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,QAApB;AAA6B,IAAA,MAAM,EAAEF,MAArC;AAA6C,IAAA,GAAG,EAAED;AAAlD,KAA2DG,KAA3D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CAV8B,CAAxB;AAYPH,KAAK,CAACK,WAAN,GAAoB,OAApB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\nexport interface IBodyProps {\n  /** Font weight. */\n  weight?: \"regular\" | \"bold\" | \"medium\";\n}\n\nexport const Body2 = forwardRef<\n  HTMLDivElement,\n  IBodyProps & Omit<ITypographyProps, keyof IBodyProps | \"variant\">\n>(({ weight = \"regular\", children, ...props }, ref) => {\n  return (\n    <Typography variant=\"Body 2\" weight={weight} ref={ref} {...props}>\n      {\" \"}\n      {children}{\" \"}\n    </Typography>\n  );\n});\n\nBody2.displayName = \"Body2\";\n"],"file":"Body2.js"}
+{"version":3,"sources":["../../../../../src/components/Typography/Variants/Body2.tsx"],"names":["React","forwardRef","Typography","Body2","ref","weight","children","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAA2BC,UAA3B,QAA6C,eAA7C;AAMA,OAAO,IAAMC,KAAK,gBAAGF,UAAU,CAG7B,gBAA6CG,GAA7C,EAAqD;AAAA,yBAAlDC,MAAkD;AAAA,MAAlDA,MAAkD,4BAAzC,SAAyC;AAAA,MAA9BC,QAA8B,QAA9BA,QAA8B;AAAA,MAAjBC,KAAiB;;AACrD,sBACE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,QAApB;AAA6B,IAAA,MAAM,EAAEF,MAArC;AAA6C,IAAA,GAAG,EAAED;AAAlD,KAA2DG,KAA3D,GACGD,QADH,CADF;AAKD,CAT8B,CAAxB;AAWPH,KAAK,CAACK,WAAN,GAAoB,OAApB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\nexport interface IBodyProps {\n  /** Font weight. */\n  weight?: \"regular\" | \"bold\" | \"medium\";\n}\n\nexport const Body2 = forwardRef<\n  HTMLDivElement,\n  IBodyProps & Omit<ITypographyProps, keyof IBodyProps | \"variant\">\n>(({ weight = \"regular\", children, ...props }, ref) => {\n  return (\n    <Typography variant=\"Body 2\" weight={weight} ref={ref} {...props}>\n      {children}\n    </Typography>\n  );\n});\n\nBody2.displayName = \"Body2\";\n"],"file":"Body2.js"}

package/dist/esm/components/Typography/Variants/Caption1.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Caption1.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Variants/Caption1.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAc,MAAM,eAAe,CAAC;AAE7D,UAAU,aAAa;IAErB,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,QAAQ,qIAUnB,CAAC"}
+{"version":3,"file":"Caption1.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Variants/Caption1.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAc,MAAM,eAAe,CAAC;AAE7D,UAAU,aAAa;IAErB,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,QAAQ,qIASnB,CAAC"}

package/dist/esm/components/Typography/Variants/Caption1.js

@@ -13,7 +13,7 @@ export var Caption1 = /*#__PURE__*/forwardRef(function (_ref, ref) {
     variant: "Caption 1",
     weight: weight,
     ref: ref
-  }, props), " ", children, " ");
+  }, props), children);
 });
 Caption1.displayName = "Caption1";
 //# sourceMappingURL=Caption1.js.map

package/dist/esm/components/Typography/Variants/Caption1.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Variants/Caption1.tsx"],"names":["React","forwardRef","Typography","Caption1","ref","weight","children","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAA2BC,UAA3B,QAA6C,eAA7C;AAOA,OAAO,IAAMC,QAAQ,gBAAGF,UAAU,CAGhC,gBAA6CG,GAA7C,EAAqD;AAAA,yBAAlDC,MAAkD;AAAA,MAAlDA,MAAkD,4BAAzC,SAAyC;AAAA,MAA9BC,QAA8B,QAA9BA,QAA8B;AAAA,MAAjBC,KAAiB;;AACrD,sBACE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,WAApB;AAAgC,IAAA,MAAM,EAAEF,MAAxC;AAAgD,IAAA,GAAG,EAAED;AAArD,KAA8DG,KAA9D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CAViC,CAA3B;AAYPH,QAAQ,CAACK,WAAT,GAAuB,UAAvB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface ICaptionProps {\n  /** Font weight. */\n  weight?: \"regular\" | \"bold\";\n}\n\nexport const Caption1 = forwardRef<\n  HTMLDivElement,\n  ICaptionProps & Omit<ITypographyProps, keyof ICaptionProps | \"variant\">\n>(({ weight = \"regular\", children, ...props }, ref) => {\n  return (\n    <Typography variant=\"Caption 1\" weight={weight} ref={ref} {...props}>\n      {\" \"}\n      {children}{\" \"}\n    </Typography>\n  );\n});\n\nCaption1.displayName = \"Caption1\";\n"],"file":"Caption1.js"}
+{"version":3,"sources":["../../../../../src/components/Typography/Variants/Caption1.tsx"],"names":["React","forwardRef","Typography","Caption1","ref","weight","children","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAA2BC,UAA3B,QAA6C,eAA7C;AAOA,OAAO,IAAMC,QAAQ,gBAAGF,UAAU,CAGhC,gBAA6CG,GAA7C,EAAqD;AAAA,yBAAlDC,MAAkD;AAAA,MAAlDA,MAAkD,4BAAzC,SAAyC;AAAA,MAA9BC,QAA8B,QAA9BA,QAA8B;AAAA,MAAjBC,KAAiB;;AACrD,sBACE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,WAApB;AAAgC,IAAA,MAAM,EAAEF,MAAxC;AAAgD,IAAA,GAAG,EAAED;AAArD,KAA8DG,KAA9D,GACGD,QADH,CADF;AAKD,CATiC,CAA3B;AAWPH,QAAQ,CAACK,WAAT,GAAuB,UAAvB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface ICaptionProps {\n  /** Font weight. */\n  weight?: \"regular\" | \"bold\";\n}\n\nexport const Caption1 = forwardRef<\n  HTMLDivElement,\n  ICaptionProps & Omit<ITypographyProps, keyof ICaptionProps | \"variant\">\n>(({ weight = \"regular\", children, ...props }, ref) => {\n  return (\n    <Typography variant=\"Caption 1\" weight={weight} ref={ref} {...props}>\n      {children}\n    </Typography>\n  );\n});\n\nCaption1.displayName = \"Caption1\";\n"],"file":"Caption1.js"}

package/dist/esm/components/Typography/Variants/Caption2.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Caption2.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Variants/Caption2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAc,MAAM,eAAe,CAAC;AAE7D,UAAU,aAAa;IAErB,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,QAAQ,qIAUnB,CAAC"}
+{"version":3,"file":"Caption2.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Variants/Caption2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAc,MAAM,eAAe,CAAC;AAE7D,UAAU,aAAa;IAErB,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,QAAQ,qIASnB,CAAC"}

package/dist/esm/components/Typography/Variants/Caption2.js

@@ -13,7 +13,7 @@ export var Caption2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
     variant: "Caption 2",
     weight: weight,
     ref: ref
-  }, props), " ", children, " ");
+  }, props), children);
 });
 Caption2.displayName = "Caption2";
 //# sourceMappingURL=Caption2.js.map

package/dist/esm/components/Typography/Variants/Caption2.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Variants/Caption2.tsx"],"names":["React","forwardRef","Typography","Caption2","ref","weight","children","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAA2BC,UAA3B,QAA6C,eAA7C;AAOA,OAAO,IAAMC,QAAQ,gBAAGF,UAAU,CAGhC,gBAA6CG,GAA7C,EAAqD;AAAA,yBAAlDC,MAAkD;AAAA,MAAlDA,MAAkD,4BAAzC,SAAyC;AAAA,MAA9BC,QAA8B,QAA9BA,QAA8B;AAAA,MAAjBC,KAAiB;;AACrD,sBACE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,WAApB;AAAgC,IAAA,MAAM,EAAEF,MAAxC;AAAgD,IAAA,GAAG,EAAED;AAArD,KAA8DG,KAA9D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CAViC,CAA3B;AAYPH,QAAQ,CAACK,WAAT,GAAuB,UAAvB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface ICaptionProps {\n  /** Font weight. */\n  weight?: \"regular\" | \"bold\";\n}\n\nexport const Caption2 = forwardRef<\n  HTMLDivElement,\n  ICaptionProps & Omit<ITypographyProps, keyof ICaptionProps | \"variant\">\n>(({ weight = \"regular\", children, ...props }, ref) => {\n  return (\n    <Typography variant=\"Caption 2\" weight={weight} ref={ref} {...props}>\n      {\" \"}\n      {children}{\" \"}\n    </Typography>\n  );\n});\n\nCaption2.displayName = \"Caption2\";\n"],"file":"Caption2.js"}
+{"version":3,"sources":["../../../../../src/components/Typography/Variants/Caption2.tsx"],"names":["React","forwardRef","Typography","Caption2","ref","weight","children","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAA2BC,UAA3B,QAA6C,eAA7C;AAOA,OAAO,IAAMC,QAAQ,gBAAGF,UAAU,CAGhC,gBAA6CG,GAA7C,EAAqD;AAAA,yBAAlDC,MAAkD;AAAA,MAAlDA,MAAkD,4BAAzC,SAAyC;AAAA,MAA9BC,QAA8B,QAA9BA,QAA8B;AAAA,MAAjBC,KAAiB;;AACrD,sBACE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,WAApB;AAAgC,IAAA,MAAM,EAAEF,MAAxC;AAAgD,IAAA,GAAG,EAAED;AAArD,KAA8DG,KAA9D,GACGD,QADH,CADF;AAKD,CATiC,CAA3B;AAWPH,QAAQ,CAACK,WAAT,GAAuB,UAAvB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface ICaptionProps {\n  /** Font weight. */\n  weight?: \"regular\" | \"bold\";\n}\n\nexport const Caption2 = forwardRef<\n  HTMLDivElement,\n  ICaptionProps & Omit<ITypographyProps, keyof ICaptionProps | \"variant\">\n>(({ weight = \"regular\", children, ...props }, ref) => {\n  return (\n    <Typography variant=\"Caption 2\" weight={weight} ref={ref} {...props}>\n      {children}\n    </Typography>\n  );\n});\n\nCaption2.displayName = \"Caption2\";\n"],"file":"Caption2.js"}

package/dist/esm/components/Typography/Variants/Header2.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header2.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Variants/Header2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAc,MAAM,eAAe,CAAC;AAE7D,eAAO,MAAM,OAAO,qHAUlB,CAAC"}
+{"version":3,"file":"Header2.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Variants/Header2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAc,MAAM,eAAe,CAAC;AAE7D,eAAO,MAAM,OAAO,qHASlB,CAAC"}

package/dist/esm/components/Typography/Variants/Header2.js

@@ -11,7 +11,7 @@ export var Header2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
     weight: "bold",
     variant: "Header 2",
     ref: ref
-  }, props), " ", children, " ");
+  }, props), children);
 });
 Header2.displayName = "Header2";
 //# sourceMappingURL=Header2.js.map

package/dist/esm/components/Typography/Variants/Header2.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Variants/Header2.tsx"],"names":["React","forwardRef","Typography","Header2","ref","children","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAA2BC,UAA3B,QAA6C,eAA7C;AAEA,OAAO,IAAMC,OAAO,gBAAGF,UAAU,CAG/B,gBAAyBG,GAAzB,EAAiC;AAAA,MAA9BC,QAA8B,QAA9BA,QAA8B;AAAA,MAAjBC,KAAiB;;AACjC,sBACE,oBAAC,UAAD;AAAY,IAAA,MAAM,EAAC,MAAnB;AAA0B,IAAA,OAAO,EAAC,UAAlC;AAA6C,IAAA,GAAG,EAAEF;AAAlD,KAA2DE,KAA3D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CAVgC,CAA1B;AAYPF,OAAO,CAACI,WAAR,GAAsB,SAAtB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\nexport const Header2 = forwardRef<\n  HTMLDivElement,\n  Omit<ITypographyProps, \"weight\" | \"variant\">\n>(({ children, ...props }, ref) => {\n  return (\n    <Typography weight=\"bold\" variant=\"Header 2\" ref={ref} {...props}>\n      {\" \"}\n      {children}{\" \"}\n    </Typography>\n  );\n});\n\nHeader2.displayName = \"Header2\";\n"],"file":"Header2.js"}
+{"version":3,"sources":["../../../../../src/components/Typography/Variants/Header2.tsx"],"names":["React","forwardRef","Typography","Header2","ref","children","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAA2BC,UAA3B,QAA6C,eAA7C;AAEA,OAAO,IAAMC,OAAO,gBAAGF,UAAU,CAG/B,gBAAyBG,GAAzB,EAAiC;AAAA,MAA9BC,QAA8B,QAA9BA,QAA8B;AAAA,MAAjBC,KAAiB;;AACjC,sBACE,oBAAC,UAAD;AAAY,IAAA,MAAM,EAAC,MAAnB;AAA0B,IAAA,OAAO,EAAC,UAAlC;AAA6C,IAAA,GAAG,EAAEF;AAAlD,KAA2DE,KAA3D,GACGD,QADH,CADF;AAKD,CATgC,CAA1B;AAWPF,OAAO,CAACI,WAAR,GAAsB,SAAtB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\nexport const Header2 = forwardRef<\n  HTMLDivElement,\n  Omit<ITypographyProps, \"weight\" | \"variant\">\n>(({ children, ...props }, ref) => {\n  return (\n    <Typography weight=\"bold\" variant=\"Header 2\" ref={ref} {...props}>\n      {children}\n    </Typography>\n  );\n});\n\nHeader2.displayName = \"Header2\";\n"],"file":"Header2.js"}

package/dist/esm/components/Typography/Variants/Header3.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header3.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Variants/Header3.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAc,MAAM,eAAe,CAAC;AAE7D,eAAO,MAAM,OAAO,qHAUlB,CAAC"}
+{"version":3,"file":"Header3.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Variants/Header3.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAc,MAAM,eAAe,CAAC;AAE7D,eAAO,MAAM,OAAO,qHASlB,CAAC"}

package/dist/esm/components/Typography/Variants/Header3.js

@@ -11,7 +11,7 @@ export var Header3 = /*#__PURE__*/forwardRef(function (_ref, ref) {
     weight: "bold",
     variant: "Header 3",
     ref: ref
-  }, props), " ", children, " ");
+  }, props), children);
 });
 Header3.displayName = "Header3";
 //# sourceMappingURL=Header3.js.map

package/dist/esm/components/Typography/Variants/Header3.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Variants/Header3.tsx"],"names":["React","forwardRef","Typography","Header3","ref","children","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAA2BC,UAA3B,QAA6C,eAA7C;AAEA,OAAO,IAAMC,OAAO,gBAAGF,UAAU,CAG/B,gBAAyBG,GAAzB,EAAiC;AAAA,MAA9BC,QAA8B,QAA9BA,QAA8B;AAAA,MAAjBC,KAAiB;;AACjC,sBACE,oBAAC,UAAD;AAAY,IAAA,MAAM,EAAC,MAAnB;AAA0B,IAAA,OAAO,EAAC,UAAlC;AAA6C,IAAA,GAAG,EAAEF;AAAlD,KAA2DE,KAA3D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CAVgC,CAA1B;AAYPF,OAAO,CAACI,WAAR,GAAsB,SAAtB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\nexport const Header3 = forwardRef<\n  HTMLDivElement,\n  Omit<ITypographyProps, \"weight\" | \"variant\">\n>(({ children, ...props }, ref) => {\n  return (\n    <Typography weight=\"bold\" variant=\"Header 3\" ref={ref} {...props}>\n      {\" \"}\n      {children}{\" \"}\n    </Typography>\n  );\n});\n\nHeader3.displayName = \"Header3\";\n"],"file":"Header3.js"}
+{"version":3,"sources":["../../../../../src/components/Typography/Variants/Header3.tsx"],"names":["React","forwardRef","Typography","Header3","ref","children","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAA2BC,UAA3B,QAA6C,eAA7C;AAEA,OAAO,IAAMC,OAAO,gBAAGF,UAAU,CAG/B,gBAAyBG,GAAzB,EAAiC;AAAA,MAA9BC,QAA8B,QAA9BA,QAA8B;AAAA,MAAjBC,KAAiB;;AACjC,sBACE,oBAAC,UAAD;AAAY,IAAA,MAAM,EAAC,MAAnB;AAA0B,IAAA,OAAO,EAAC,UAAlC;AAA6C,IAAA,GAAG,EAAEF;AAAlD,KAA2DE,KAA3D,GACGD,QADH,CADF;AAKD,CATgC,CAA1B;AAWPF,OAAO,CAACI,WAAR,GAAsB,SAAtB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\nexport const Header3 = forwardRef<\n  HTMLDivElement,\n  Omit<ITypographyProps, \"weight\" | \"variant\">\n>(({ children, ...props }, ref) => {\n  return (\n    <Typography weight=\"bold\" variant=\"Header 3\" ref={ref} {...props}>\n      {children}\n    </Typography>\n  );\n});\n\nHeader3.displayName = \"Header3\";\n"],"file":"Header3.js"}

package/dist/esm/components/Typography/Variants/Title1.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Title1.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Variants/Title1.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAc,MAAM,eAAe,CAAC;AAE7D,UAAU,WAAW;IAEnB,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,MAAM,mIAUjB,CAAC"}
+{"version":3,"file":"Title1.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Variants/Title1.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAc,MAAM,eAAe,CAAC;AAE7D,UAAU,WAAW;IAEnB,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,MAAM,mIASjB,CAAC"}

package/dist/esm/components/Typography/Variants/Title1.js

@@ -13,7 +13,7 @@ export var Title1 = /*#__PURE__*/forwardRef(function (_ref, ref) {
     weight: weight,
     variant: "Title 1",
     ref: ref
-  }, props), " ", children, " ");
+  }, props), children);
 });
 Title1.displayName = "Title1";
 //# sourceMappingURL=Title1.js.map

package/dist/esm/components/Typography/Variants/Title1.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Variants/Title1.tsx"],"names":["React","forwardRef","Typography","Title1","ref","weight","children","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAA2BC,UAA3B,QAA6C,eAA7C;AAOA,OAAO,IAAMC,MAAM,gBAAGF,UAAU,CAG9B,gBAA2CG,GAA3C,EAAmD;AAAA,yBAAhDC,MAAgD;AAAA,MAAhDA,MAAgD,4BAAvC,OAAuC;AAAA,MAA9BC,QAA8B,QAA9BA,QAA8B;AAAA,MAAjBC,KAAiB;;AACnD,sBACE,oBAAC,UAAD;AAAY,IAAA,MAAM,EAAEF,MAApB;AAA4B,IAAA,OAAO,EAAC,SAApC;AAA8C,IAAA,GAAG,EAAED;AAAnD,KAA4DG,KAA5D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CAV+B,CAAzB;AAYPH,MAAM,CAACK,WAAP,GAAqB,QAArB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface ITitleProps {\n  /** Font weight. */\n  weight?: \"light\" | \"bold\";\n}\n\nexport const Title1 = forwardRef<\n  HTMLDivElement,\n  ITitleProps & Omit<ITypographyProps, keyof ITitleProps | \"variant\">\n>(({ weight = \"light\", children, ...props }, ref) => {\n  return (\n    <Typography weight={weight} variant=\"Title 1\" ref={ref} {...props}>\n      {\" \"}\n      {children}{\" \"}\n    </Typography>\n  );\n});\n\nTitle1.displayName = \"Title1\";\n"],"file":"Title1.js"}
+{"version":3,"sources":["../../../../../src/components/Typography/Variants/Title1.tsx"],"names":["React","forwardRef","Typography","Title1","ref","weight","children","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAA2BC,UAA3B,QAA6C,eAA7C;AAOA,OAAO,IAAMC,MAAM,gBAAGF,UAAU,CAG9B,gBAA2CG,GAA3C,EAAmD;AAAA,yBAAhDC,MAAgD;AAAA,MAAhDA,MAAgD,4BAAvC,OAAuC;AAAA,MAA9BC,QAA8B,QAA9BA,QAA8B;AAAA,MAAjBC,KAAiB;;AACnD,sBACE,oBAAC,UAAD;AAAY,IAAA,MAAM,EAAEF,MAApB;AAA4B,IAAA,OAAO,EAAC,SAApC;AAA8C,IAAA,GAAG,EAAED;AAAnD,KAA4DG,KAA5D,GACGD,QADH,CADF;AAKD,CAT+B,CAAzB;AAWPH,MAAM,CAACK,WAAP,GAAqB,QAArB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface ITitleProps {\n  /** Font weight. */\n  weight?: \"light\" | \"bold\";\n}\n\nexport const Title1 = forwardRef<\n  HTMLDivElement,\n  ITitleProps & Omit<ITypographyProps, keyof ITitleProps | \"variant\">\n>(({ weight = \"light\", children, ...props }, ref) => {\n  return (\n    <Typography weight={weight} variant=\"Title 1\" ref={ref} {...props}>\n      {children}\n    </Typography>\n  );\n});\n\nTitle1.displayName = \"Title1\";\n"],"file":"Title1.js"}

package/dist/esm/components/Typography/Variants/Title2.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { ITypographyProps } from "../Typography";
+interface ITitleProps {
+    weight?: "light" | "bold";
+}
+export declare const Title2: React.ForwardRefExoticComponent<ITitleProps & Omit<ITypographyProps, "variant" | "weight"> & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=Title2.d.ts.map

package/dist/esm/components/Typography/Variants/Title2.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Title2.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Variants/Title2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAc,MAAM,eAAe,CAAC;AAE7D,UAAU,WAAW;IAEnB,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,MAAM,mIASjB,CAAC"}

package/dist/esm/components/Typography/Variants/Title2.js

@@ -0,0 +1,19 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["weight", "children"];
+import React, { forwardRef } from "react";
+import { Typography } from "../Typography";
+export var Title2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _ref$weight = _ref.weight,
+      weight = _ref$weight === void 0 ? "light" : _ref$weight,
+      children = _ref.children,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(Typography, _extends({
+    weight: weight,
+    variant: "Title 2",
+    ref: ref
+  }, props), children);
+});
+Title2.displayName = "Title2";
+//# sourceMappingURL=Title2.js.map

package/dist/esm/components/Typography/Variants/Title2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Typography/Variants/Title2.tsx"],"names":["React","forwardRef","Typography","Title2","ref","weight","children","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAA2BC,UAA3B,QAA6C,eAA7C;AAOA,OAAO,IAAMC,MAAM,gBAAGF,UAAU,CAG9B,gBAA2CG,GAA3C,EAAmD;AAAA,yBAAhDC,MAAgD;AAAA,MAAhDA,MAAgD,4BAAvC,OAAuC;AAAA,MAA9BC,QAA8B,QAA9BA,QAA8B;AAAA,MAAjBC,KAAiB;;AACnD,sBACE,oBAAC,UAAD;AAAY,IAAA,MAAM,EAAEF,MAApB;AAA4B,IAAA,OAAO,EAAC,SAApC;AAA8C,IAAA,GAAG,EAAED;AAAnD,KAA4DG,KAA5D,GACGD,QADH,CADF;AAKD,CAT+B,CAAzB;AAWPH,MAAM,CAACK,WAAP,GAAqB,QAArB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface ITitleProps {\n  /** Font weight. */\n  weight?: \"light\" | \"bold\";\n}\n\nexport const Title2 = forwardRef<\n  HTMLDivElement,\n  ITitleProps & Omit<ITypographyProps, keyof ITitleProps | \"variant\">\n>(({ weight = \"light\", children, ...props }, ref) => {\n  return (\n    <Typography weight={weight} variant=\"Title 2\" ref={ref} {...props}>\n      {children}\n    </Typography>\n  );\n});\n\nTitle2.displayName = \"Title2\";\n"],"file":"Title2.js"}

package/dist/esm/components/Typography/index.d.ts

@@ -1,4 +1,5 @@
 export * from "./Variants/Title1";
+export * from "./Variants/Title2";
 export * from "./Variants/Header2";
 export * from "./Variants/Header3";
 export * from "./Variants/Body1";

package/dist/esm/components/Typography/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC"}

package/dist/esm/components/Typography/index.js

@@ -1,4 +1,5 @@
 export * from "./Variants/Title1";
+export * from "./Variants/Title2";
 export * from "./Variants/Header2";
 export * from "./Variants/Header3";
 export * from "./Variants/Body1";

package/dist/esm/components/Typography/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Typography/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAd;AACA,cAAc,oBAAd;AACA,cAAc,oBAAd;AACA,cAAc,kBAAd;AACA,cAAc,kBAAd;AACA,cAAc,qBAAd;AACA,cAAc,qBAAd","sourcesContent":["export * from \"./Variants/Title1\";\nexport * from \"./Variants/Header2\";\nexport * from \"./Variants/Header3\";\nexport * from \"./Variants/Body1\";\nexport * from \"./Variants/Body2\";\nexport * from \"./Variants/Caption1\";\nexport * from \"./Variants/Caption2\";\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/components/Typography/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAd;AACA,cAAc,mBAAd;AACA,cAAc,oBAAd;AACA,cAAc,oBAAd;AACA,cAAc,kBAAd;AACA,cAAc,kBAAd;AACA,cAAc,qBAAd;AACA,cAAc,qBAAd","sourcesContent":["export * from \"./Variants/Title1\";\nexport * from \"./Variants/Title2\";\nexport * from \"./Variants/Header2\";\nexport * from \"./Variants/Header3\";\nexport * from \"./Variants/Body1\";\nexport * from \"./Variants/Body2\";\nexport * from \"./Variants/Caption1\";\nexport * from \"./Variants/Caption2\";\n"],"file":"index.js"}