@elliemae/ds-typography 3.26.1-rc.1 → 3.27.0-next.2

package/dist/cjs/Typography.js

@@ -43,7 +43,7 @@ const DSTypography = (props) => {
   const {
     globalAttributes: { ...othersGlobalAttributes },
     xstyledProps,
-    propsWithDefault: { as, component, variant, fontSize, innerRef, truncateWithEllipsis, truncateWithReadMore }
+    propsWithDefault: { as, variant, fontSize, innerRef, truncateWithEllipsis, truncateWithReadMore }
   } = (0, import_useTypography.useTypography)(props);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_styled.StyledTypography,
@@ -51,7 +51,7 @@ const DSTypography = (props) => {
       "data-testid": import_constants.TYPOGRAPHY_DATA_TESTID[import_constants.TYPOGRAPHY_SLOTS.TYPOGRAPHY_ELEMENT],
       ...othersGlobalAttributes,
       ...xstyledProps,
-      as: as || component,
+      as,
       variant,
       fontSize,
       innerRef,

package/dist/cjs/Typography.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Typography.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { useTypography } from './config/useTypography.js';\nimport { type DSTypographyT, DSTypographyPropTypesSchema } from './react-desc-prop-types.js';\nimport { DSTypographyName, TYPOGRAPHY_DATA_TESTID, TYPOGRAPHY_SLOTS } from './constants/index.js';\nimport { StyledTypography } from './parts/styled.js';\n\nconst DSTypography: React.FC<DSTypographyT.Props> = (props) => {\n  const {\n    globalAttributes: { ...othersGlobalAttributes },\n    xstyledProps,\n    propsWithDefault: { as, component, variant, fontSize, innerRef, truncateWithEllipsis, truncateWithReadMore },\n  } = useTypography(props);\n  return (\n    <StyledTypography\n      // we can't use the out-of-the-box data-testid because legacy reasons\n      //  check the \"constant\" file where this constant is coming from for more info\n      data-testid={TYPOGRAPHY_DATA_TESTID[TYPOGRAPHY_SLOTS.TYPOGRAPHY_ELEMENT]}\n      {...othersGlobalAttributes}\n      {...xstyledProps}\n      as={as || component}\n      variant={variant}\n      fontSize={fontSize}\n      innerRef={innerRef}\n      $truncateWithEllipsis={truncateWithEllipsis}\n      $truncateWithReadMore={truncateWithReadMore}\n    >\n      {props.children}\n    </StyledTypography>\n  );\n};\n\nDSTypography.displayName = DSTypographyName;\nDSTypography.propTypes = DSTypographyPropTypesSchema;\nconst DSTypographyWithSchema = describe(DSTypography);\nDSTypographyWithSchema.propTypes = DSTypographyPropTypesSchema;\n\nexport { DSTypography, DSTypographyWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcnB;AAbJ,8BAAyB;AACzB,2BAA8B;AAC9B,mCAAgE;AAChE,uBAA2E;AAC3E,oBAAiC;AAEjC,MAAM,eAA8C,CAAC,UAAU;AAC7D,QAAM;AAAA,IACJ,kBAAkB,EAAE,GAAG,uBAAuB;AAAA,IAC9C;AAAA,IACA,kBAAkB,EAAE,IAAI,WAAW,SAAS,UAAU,UAAU,sBAAsB,qBAAqB;AAAA,EAC7G,QAAI,oCAAc,KAAK;AACvB,SACE;AAAA,IAAC;AAAA;AAAA,MAGC,eAAa,wCAAuB,kCAAiB,kBAAkB;AAAA,MACtE,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,IAAI,MAAM;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA,uBAAuB;AAAA,MACvB,uBAAuB;AAAA,MAEtB,gBAAM;AAAA;AAAA,EACT;AAEJ;AAEA,aAAa,cAAc;AAC3B,aAAa,YAAY;AACzB,MAAM,6BAAyB,kCAAS,YAAY;AACpD,uBAAuB,YAAY;",
+  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { useTypography } from './config/useTypography.js';\nimport { type DSTypographyT, DSTypographyPropTypesSchema } from './react-desc-prop-types.js';\nimport { DSTypographyName, TYPOGRAPHY_DATA_TESTID, TYPOGRAPHY_SLOTS } from './constants/index.js';\nimport { StyledTypography } from './parts/styled.js';\n\nconst DSTypography: React.FC<DSTypographyT.Props> = (props) => {\n  const {\n    globalAttributes: { ...othersGlobalAttributes },\n    xstyledProps,\n    propsWithDefault: { as, variant, fontSize, innerRef, truncateWithEllipsis, truncateWithReadMore },\n  } = useTypography(props);\n\n  return (\n    <StyledTypography\n      // we can't use the out-of-the-box data-testid because legacy reasons\n      //  check the \"constant\" file where this constant is coming from for more info\n      data-testid={TYPOGRAPHY_DATA_TESTID[TYPOGRAPHY_SLOTS.TYPOGRAPHY_ELEMENT]}\n      {...othersGlobalAttributes}\n      {...xstyledProps}\n      as={as}\n      variant={variant}\n      fontSize={fontSize}\n      innerRef={innerRef}\n      $truncateWithEllipsis={truncateWithEllipsis}\n      $truncateWithReadMore={truncateWithReadMore}\n    >\n      {props.children}\n    </StyledTypography>\n  );\n};\n\nDSTypography.displayName = DSTypographyName;\nDSTypography.propTypes = DSTypographyPropTypesSchema;\nconst DSTypographyWithSchema = describe(DSTypography);\nDSTypographyWithSchema.propTypes = DSTypographyPropTypesSchema;\n\nexport { DSTypography, DSTypographyWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADenB;AAdJ,8BAAyB;AACzB,2BAA8B;AAC9B,mCAAgE;AAChE,uBAA2E;AAC3E,oBAAiC;AAEjC,MAAM,eAA8C,CAAC,UAAU;AAC7D,QAAM;AAAA,IACJ,kBAAkB,EAAE,GAAG,uBAAuB;AAAA,IAC9C;AAAA,IACA,kBAAkB,EAAE,IAAI,SAAS,UAAU,UAAU,sBAAsB,qBAAqB;AAAA,EAClG,QAAI,oCAAc,KAAK;AAEvB,SACE;AAAA,IAAC;AAAA;AAAA,MAGC,eAAa,wCAAuB,kCAAiB,kBAAkB;AAAA,MACtE,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,uBAAuB;AAAA,MACvB,uBAAuB;AAAA,MAEtB,gBAAM;AAAA;AAAA,EACT;AAEJ;AAEA,aAAa,cAAc;AAC3B,aAAa,YAAY;AACzB,MAAM,6BAAyB,kCAAS,YAAY;AACpD,uBAAuB,YAAY;",
   "names": []
 }

package/dist/cjs/config/useDefaultProps.js

@@ -60,8 +60,12 @@ const VariantToAsMap = {
   "b2-article": "p",
   "b3-article": "p"
 };
-const useDefaultProps = ({ variant, as: userAs }) => {
-  const defaultAs = userAs || VariantToAsMap[variant];
+const useDefaultProps = ({
+  variant,
+  component,
+  as: userAs
+}) => {
+  const defaultAs = component || userAs || VariantToAsMap[variant];
   const defaultProps = import_react.default.useMemo(() => ({ as: defaultAs }), [defaultAs]);
   return defaultProps;
 };

package/dist/cjs/config/useDefaultProps.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/config/useDefaultProps.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport type { DSTypographyT } from '../react-desc-prop-types.js';\n\nconst VariantToAsMap: Record<DSTypographyT.Variant, keyof JSX.IntrinsicElements> = {\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  h4: 'h4',\n  h5: 'h5',\n  b1: 'p',\n  b2: 'p',\n  b3: 'p',\n  b4: 'p',\n  button: 'button',\n  link: 'a',\n  'quote-brand': 'pre',\n  'quote-neutral': 'pre',\n  'highlight-neutral': 'span',\n  'highlight-brand': 'span',\n  'highlight-important': 'span',\n  'highlight-critical': 'span',\n  'h1-article': 'h1',\n  'h2-article': 'h2',\n  'h3-article': 'h3',\n  'h4-article': 'h4',\n  'h5-article': 'h5',\n  'b1-article': 'p',\n  'b2-article': 'p',\n  'b3-article': 'p',\n};\nexport const useDefaultProps = ({ variant, as: userAs }: DSTypographyT.Props): { as: keyof JSX.IntrinsicElements } => {\n  const defaultAs = userAs || VariantToAsMap[variant];\n  const defaultProps = React.useMemo(() => ({ as: defaultAs }), [defaultAs]);\n  return defaultProps;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAGlB,MAAM,iBAA6E;AAAA,EACjF,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,qBAAqB;AAAA,EACrB,mBAAmB;AAAA,EACnB,uBAAuB;AAAA,EACvB,sBAAsB;AAAA,EACtB,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAChB;AACO,MAAM,kBAAkB,CAAC,EAAE,SAAS,IAAI,OAAO,MAAgE;AACpH,QAAM,YAAY,UAAU,eAAe,OAAO;AAClD,QAAM,eAAe,aAAAA,QAAM,QAAQ,OAAO,EAAE,IAAI,UAAU,IAAI,CAAC,SAAS,CAAC;AACzE,SAAO;AACT;",
+  "sourcesContent": ["import React from 'react';\nimport type { DSTypographyT } from '../react-desc-prop-types.js';\n\nconst VariantToAsMap: Record<DSTypographyT.Variant, keyof JSX.IntrinsicElements> = {\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  h4: 'h4',\n  h5: 'h5',\n  b1: 'p',\n  b2: 'p',\n  b3: 'p',\n  b4: 'p',\n  button: 'button',\n  link: 'a',\n  'quote-brand': 'pre',\n  'quote-neutral': 'pre',\n  'highlight-neutral': 'span',\n  'highlight-brand': 'span',\n  'highlight-important': 'span',\n  'highlight-critical': 'span',\n  'h1-article': 'h1',\n  'h2-article': 'h2',\n  'h3-article': 'h3',\n  'h4-article': 'h4',\n  'h5-article': 'h5',\n  'b1-article': 'p',\n  'b2-article': 'p',\n  'b3-article': 'p',\n};\nexport const useDefaultProps = ({\n  variant,\n  component,\n  as: userAs,\n}: DSTypographyT.Props): { as: keyof JSX.IntrinsicElements } => {\n  // component prop has higher priority than as prop and variant prop\n  const defaultAs = component || userAs || VariantToAsMap[variant];\n  const defaultProps = React.useMemo(() => ({ as: defaultAs }), [defaultAs]);\n  return defaultProps;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAGlB,MAAM,iBAA6E;AAAA,EACjF,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,qBAAqB;AAAA,EACrB,mBAAmB;AAAA,EACnB,uBAAuB;AAAA,EACvB,sBAAsB;AAAA,EACtB,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAChB;AACO,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA,IAAI;AACN,MAAgE;AAE9D,QAAM,YAAY,aAAa,UAAU,eAAe,OAAO;AAC/D,QAAM,eAAe,aAAAA,QAAM,QAAQ,OAAO,EAAE,IAAI,UAAU,IAAI,CAAC,SAAS,CAAC;AACzE,SAAO;AACT;",
   "names": ["React"]
 }

package/dist/esm/Typography.js

@@ -9,7 +9,7 @@ const DSTypography = (props) => {
   const {
     globalAttributes: { ...othersGlobalAttributes },
     xstyledProps,
-    propsWithDefault: { as, component, variant, fontSize, innerRef, truncateWithEllipsis, truncateWithReadMore }
+    propsWithDefault: { as, variant, fontSize, innerRef, truncateWithEllipsis, truncateWithReadMore }
   } = useTypography(props);
   return /* @__PURE__ */ jsx(
     StyledTypography,
@@ -17,7 +17,7 @@ const DSTypography = (props) => {
       "data-testid": TYPOGRAPHY_DATA_TESTID[TYPOGRAPHY_SLOTS.TYPOGRAPHY_ELEMENT],
       ...othersGlobalAttributes,
       ...xstyledProps,
-      as: as || component,
+      as,
       variant,
       fontSize,
       innerRef,

package/dist/esm/Typography.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/Typography.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { useTypography } from './config/useTypography.js';\nimport { type DSTypographyT, DSTypographyPropTypesSchema } from './react-desc-prop-types.js';\nimport { DSTypographyName, TYPOGRAPHY_DATA_TESTID, TYPOGRAPHY_SLOTS } from './constants/index.js';\nimport { StyledTypography } from './parts/styled.js';\n\nconst DSTypography: React.FC<DSTypographyT.Props> = (props) => {\n  const {\n    globalAttributes: { ...othersGlobalAttributes },\n    xstyledProps,\n    propsWithDefault: { as, component, variant, fontSize, innerRef, truncateWithEllipsis, truncateWithReadMore },\n  } = useTypography(props);\n  return (\n    <StyledTypography\n      // we can't use the out-of-the-box data-testid because legacy reasons\n      //  check the \"constant\" file where this constant is coming from for more info\n      data-testid={TYPOGRAPHY_DATA_TESTID[TYPOGRAPHY_SLOTS.TYPOGRAPHY_ELEMENT]}\n      {...othersGlobalAttributes}\n      {...xstyledProps}\n      as={as || component}\n      variant={variant}\n      fontSize={fontSize}\n      innerRef={innerRef}\n      $truncateWithEllipsis={truncateWithEllipsis}\n      $truncateWithReadMore={truncateWithReadMore}\n    >\n      {props.children}\n    </StyledTypography>\n  );\n};\n\nDSTypography.displayName = DSTypographyName;\nDSTypography.propTypes = DSTypographyPropTypesSchema;\nconst DSTypographyWithSchema = describe(DSTypography);\nDSTypographyWithSchema.propTypes = DSTypographyPropTypesSchema;\n\nexport { DSTypography, DSTypographyWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACcnB;AAbJ,SAAS,gBAAgB;AACzB,SAAS,qBAAqB;AAC9B,SAA6B,mCAAmC;AAChE,SAAS,kBAAkB,wBAAwB,wBAAwB;AAC3E,SAAS,wBAAwB;AAEjC,MAAM,eAA8C,CAAC,UAAU;AAC7D,QAAM;AAAA,IACJ,kBAAkB,EAAE,GAAG,uBAAuB;AAAA,IAC9C;AAAA,IACA,kBAAkB,EAAE,IAAI,WAAW,SAAS,UAAU,UAAU,sBAAsB,qBAAqB;AAAA,EAC7G,IAAI,cAAc,KAAK;AACvB,SACE;AAAA,IAAC;AAAA;AAAA,MAGC,eAAa,uBAAuB,iBAAiB,kBAAkB;AAAA,MACtE,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,IAAI,MAAM;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA,uBAAuB;AAAA,MACvB,uBAAuB;AAAA,MAEtB,gBAAM;AAAA;AAAA,EACT;AAEJ;AAEA,aAAa,cAAc;AAC3B,aAAa,YAAY;AACzB,MAAM,yBAAyB,SAAS,YAAY;AACpD,uBAAuB,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { useTypography } from './config/useTypography.js';\nimport { type DSTypographyT, DSTypographyPropTypesSchema } from './react-desc-prop-types.js';\nimport { DSTypographyName, TYPOGRAPHY_DATA_TESTID, TYPOGRAPHY_SLOTS } from './constants/index.js';\nimport { StyledTypography } from './parts/styled.js';\n\nconst DSTypography: React.FC<DSTypographyT.Props> = (props) => {\n  const {\n    globalAttributes: { ...othersGlobalAttributes },\n    xstyledProps,\n    propsWithDefault: { as, variant, fontSize, innerRef, truncateWithEllipsis, truncateWithReadMore },\n  } = useTypography(props);\n\n  return (\n    <StyledTypography\n      // we can't use the out-of-the-box data-testid because legacy reasons\n      //  check the \"constant\" file where this constant is coming from for more info\n      data-testid={TYPOGRAPHY_DATA_TESTID[TYPOGRAPHY_SLOTS.TYPOGRAPHY_ELEMENT]}\n      {...othersGlobalAttributes}\n      {...xstyledProps}\n      as={as}\n      variant={variant}\n      fontSize={fontSize}\n      innerRef={innerRef}\n      $truncateWithEllipsis={truncateWithEllipsis}\n      $truncateWithReadMore={truncateWithReadMore}\n    >\n      {props.children}\n    </StyledTypography>\n  );\n};\n\nDSTypography.displayName = DSTypographyName;\nDSTypography.propTypes = DSTypographyPropTypesSchema;\nconst DSTypographyWithSchema = describe(DSTypography);\nDSTypographyWithSchema.propTypes = DSTypographyPropTypesSchema;\n\nexport { DSTypography, DSTypographyWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACenB;AAdJ,SAAS,gBAAgB;AACzB,SAAS,qBAAqB;AAC9B,SAA6B,mCAAmC;AAChE,SAAS,kBAAkB,wBAAwB,wBAAwB;AAC3E,SAAS,wBAAwB;AAEjC,MAAM,eAA8C,CAAC,UAAU;AAC7D,QAAM;AAAA,IACJ,kBAAkB,EAAE,GAAG,uBAAuB;AAAA,IAC9C;AAAA,IACA,kBAAkB,EAAE,IAAI,SAAS,UAAU,UAAU,sBAAsB,qBAAqB;AAAA,EAClG,IAAI,cAAc,KAAK;AAEvB,SACE;AAAA,IAAC;AAAA;AAAA,MAGC,eAAa,uBAAuB,iBAAiB,kBAAkB;AAAA,MACtE,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,uBAAuB;AAAA,MACvB,uBAAuB;AAAA,MAEtB,gBAAM;AAAA;AAAA,EACT;AAEJ;AAEA,aAAa,cAAc;AAC3B,aAAa,YAAY;AACzB,MAAM,yBAAyB,SAAS,YAAY;AACpD,uBAAuB,YAAY;",
   "names": []
 }

package/dist/esm/config/useDefaultProps.js

@@ -27,8 +27,12 @@ const VariantToAsMap = {
   "b2-article": "p",
   "b3-article": "p"
 };
-const useDefaultProps = ({ variant, as: userAs }) => {
-  const defaultAs = userAs || VariantToAsMap[variant];
+const useDefaultProps = ({
+  variant,
+  component,
+  as: userAs
+}) => {
+  const defaultAs = component || userAs || VariantToAsMap[variant];
   const defaultProps = React2.useMemo(() => ({ as: defaultAs }), [defaultAs]);
   return defaultProps;
 };

package/dist/esm/config/useDefaultProps.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useDefaultProps.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport type { DSTypographyT } from '../react-desc-prop-types.js';\n\nconst VariantToAsMap: Record<DSTypographyT.Variant, keyof JSX.IntrinsicElements> = {\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  h4: 'h4',\n  h5: 'h5',\n  b1: 'p',\n  b2: 'p',\n  b3: 'p',\n  b4: 'p',\n  button: 'button',\n  link: 'a',\n  'quote-brand': 'pre',\n  'quote-neutral': 'pre',\n  'highlight-neutral': 'span',\n  'highlight-brand': 'span',\n  'highlight-important': 'span',\n  'highlight-critical': 'span',\n  'h1-article': 'h1',\n  'h2-article': 'h2',\n  'h3-article': 'h3',\n  'h4-article': 'h4',\n  'h5-article': 'h5',\n  'b1-article': 'p',\n  'b2-article': 'p',\n  'b3-article': 'p',\n};\nexport const useDefaultProps = ({ variant, as: userAs }: DSTypographyT.Props): { as: keyof JSX.IntrinsicElements } => {\n  const defaultAs = userAs || VariantToAsMap[variant];\n  const defaultProps = React.useMemo(() => ({ as: defaultAs }), [defaultAs]);\n  return defaultProps;\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAGlB,MAAM,iBAA6E;AAAA,EACjF,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,qBAAqB;AAAA,EACrB,mBAAmB;AAAA,EACnB,uBAAuB;AAAA,EACvB,sBAAsB;AAAA,EACtB,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAChB;AACO,MAAM,kBAAkB,CAAC,EAAE,SAAS,IAAI,OAAO,MAAgE;AACpH,QAAM,YAAY,UAAU,eAAe,OAAO;AAClD,QAAM,eAAeA,OAAM,QAAQ,OAAO,EAAE,IAAI,UAAU,IAAI,CAAC,SAAS,CAAC;AACzE,SAAO;AACT;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport type { DSTypographyT } from '../react-desc-prop-types.js';\n\nconst VariantToAsMap: Record<DSTypographyT.Variant, keyof JSX.IntrinsicElements> = {\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  h4: 'h4',\n  h5: 'h5',\n  b1: 'p',\n  b2: 'p',\n  b3: 'p',\n  b4: 'p',\n  button: 'button',\n  link: 'a',\n  'quote-brand': 'pre',\n  'quote-neutral': 'pre',\n  'highlight-neutral': 'span',\n  'highlight-brand': 'span',\n  'highlight-important': 'span',\n  'highlight-critical': 'span',\n  'h1-article': 'h1',\n  'h2-article': 'h2',\n  'h3-article': 'h3',\n  'h4-article': 'h4',\n  'h5-article': 'h5',\n  'b1-article': 'p',\n  'b2-article': 'p',\n  'b3-article': 'p',\n};\nexport const useDefaultProps = ({\n  variant,\n  component,\n  as: userAs,\n}: DSTypographyT.Props): { as: keyof JSX.IntrinsicElements } => {\n  // component prop has higher priority than as prop and variant prop\n  const defaultAs = component || userAs || VariantToAsMap[variant];\n  const defaultProps = React.useMemo(() => ({ as: defaultAs }), [defaultAs]);\n  return defaultProps;\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAGlB,MAAM,iBAA6E;AAAA,EACjF,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,qBAAqB;AAAA,EACrB,mBAAmB;AAAA,EACnB,uBAAuB;AAAA,EACvB,sBAAsB;AAAA,EACtB,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAChB;AACO,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA,IAAI;AACN,MAAgE;AAE9D,QAAM,YAAY,aAAa,UAAU,eAAe,OAAO;AAC/D,QAAM,eAAeA,OAAM,QAAQ,OAAO,EAAE,IAAI,UAAU,IAAI,CAAC,SAAS,CAAC;AACzE,SAAO;AACT;",
   "names": ["React"]
 }

package/dist/types/config/useDefaultProps.d.ts

@@ -1,4 +1,4 @@
 import type { DSTypographyT } from '../react-desc-prop-types.js';
-export declare const useDefaultProps: ({ variant, as: userAs }: DSTypographyT.Props) => {
+export declare const useDefaultProps: ({ variant, component, as: userAs, }: DSTypographyT.Props) => {
     as: keyof JSX.IntrinsicElements;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-typography",
-  "version": "3.26.1-rc.1",
+  "version": "3.27.0-next.2",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Typography",
   "files": [
@@ -37,16 +37,16 @@
   "dependencies": {
     "@xstyled/system": "~3.7.3",
     "@xstyled/util": "3.7.0",
-    "@elliemae/ds-props-helpers": "3.26.1-rc.1",
-    "@elliemae/ds-system": "3.26.1-rc.1",
-    "@elliemae/ds-utilities": "3.26.1-rc.1"
+    "@elliemae/ds-system": "3.27.0-next.2",
+    "@elliemae/ds-props-helpers": "3.27.0-next.2",
+    "@elliemae/ds-utilities": "3.27.0-next.2"
   },
   "devDependencies": {
     "@elliemae/pui-cli": "~9.0.0-next.31",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-test-renderer": "~17.0.2",
-    "@elliemae/ds-monorepo-devops": "3.26.1-rc.1"
+    "@elliemae/ds-monorepo-devops": "3.27.0-next.2"
   },
   "peerDependencies": {
     "react": "^17.0.2",