@elliemae/ds-typography 3.4.3-rc.1 → 3.4.3

package/dist/cjs/DSTypographyDatatestId.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DSTypographyDatatestId_exports = {};
 __export(DSTypographyDatatestId_exports, {

package/dist/cjs/DSTypographyDatatestId.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/DSTypographyDatatestId.ts", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export const DSTypographyName = 'DSTypography';\n\nexport const DSTypographyDataTestId = {\n  TYPOGRAPHY_ELEMENT: 'ds-typography-element',\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,mBAAmB;AAEzB,MAAM,yBAAyB;AAAA,EACpC,oBAAoB;AACtB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,mBAAmB;AAEzB,MAAM,yBAAyB;AAAA,EACpC,oBAAoB;AACtB;",
   "names": []
 }

package/dist/cjs/Typography.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Typography_exports = {};
 __export(Typography_exports, {
@@ -26,7 +29,7 @@ __export(Typography_exports, {
 });
 module.exports = __toCommonJS(Typography_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_useTypography = require("./config/useTypography");
 var import_react_desc_prop_types = require("./react-desc-prop-types");
@@ -38,15 +41,16 @@ const DSTypography = (props) => {
     xstyledProps,
     propsWithDefault: { color, as, variant, fontSize }
   } = (0, import_useTypography.useTypography)(props);
-  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledTypography, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledTypography, {
     "data-testid": import_DSTypographyDatatestId.DSTypographyDataTestId.TYPOGRAPHY_ELEMENT,
     ...othersGlobalAttributes,
     ...xstyledProps,
     as,
     variant,
     color,
-    fontSize
-  }, props.children);
+    fontSize,
+    children: props.children
+  });
 };
 DSTypography.displayName = import_DSTypographyDatatestId.DSTypographyName;
 DSTypography.propTypes = import_react_desc_prop_types.DSTypographyPropTypes;

package/dist/cjs/Typography.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Typography.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { useTypography } from './config/useTypography';\nimport { type DSTypographyT, DSTypographyPropTypes } from './react-desc-prop-types';\nimport { DSTypographyName, DSTypographyDataTestId } from './DSTypographyDatatestId';\nimport { StyledTypography } from './styled';\n\nconst DSTypography: React.ComponentType<DSTypographyT.Props> = (props) => {\n  const {\n    globalAttributes: { ...othersGlobalAttributes },\n    xstyledProps,\n    propsWithDefault: { color, as, variant, fontSize },\n  } = useTypography(props);\n  return (\n    <StyledTypography\n      data-testid={DSTypographyDataTestId.TYPOGRAPHY_ELEMENT}\n      {...othersGlobalAttributes}\n      {...xstyledProps}\n      as={as}\n      variant={variant}\n      color={color}\n      fontSize={fontSize}\n    >\n      {props.children}\n    </StyledTypography>\n  );\n};\n\nDSTypography.displayName = DSTypographyName;\nDSTypography.propTypes = DSTypographyPropTypes;\nconst DSTypographyWithSchema = describe(DSTypography);\nDSTypographyWithSchema.propTypes = DSTypographyPropTypes;\n\nexport { DSTypography, DSTypographyWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAAyB;AACzB,2BAA8B;AAC9B,mCAA0D;AAC1D,oCAAyD;AACzD,oBAAiC;AAEjC,MAAM,eAAyD,CAAC,UAAU;AACxE,QAAM;AAAA,IACJ,kBAAkB,KAAK;AAAA,IACvB;AAAA,IACA,kBAAkB,EAAE,OAAO,IAAI,SAAS;AAAA,MACtC,wCAAc,KAAK;AACvB,SACE,mDAAC;AAAA,IACC,eAAa,qDAAuB;AAAA,IACnC,GAAG;AAAA,IACH,GAAG;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KAEC,MAAM,QACT;AAEJ;AAEA,aAAa,cAAc;AAC3B,aAAa,YAAY;AACzB,MAAM,yBAAyB,kCAAS,YAAY;AACpD,uBAAuB,YAAY;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,0BAAyB;AACzB,2BAA8B;AAC9B,mCAA0D;AAC1D,oCAAyD;AACzD,oBAAiC;AAEjC,MAAM,eAAyD,CAAC,UAAU;AACxE,QAAM;AAAA,IACJ,kBAAkB,KAAK,uBAAuB;AAAA,IAC9C;AAAA,IACA,kBAAkB,EAAE,OAAO,IAAI,SAAS,SAAS;AAAA,EACnD,QAAI,oCAAc,KAAK;AACvB,SACE,4CAAC;AAAA,IACC,eAAa,qDAAuB;AAAA,IACnC,GAAG;AAAA,IACH,GAAG;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEC,gBAAM;AAAA,GACT;AAEJ;AAEA,aAAa,cAAc;AAC3B,aAAa,YAAY;AACzB,MAAM,6BAAyB,8BAAS,YAAY;AACpD,uBAAuB,YAAY;",
   "names": []
 }

package/dist/cjs/config/useDefaultProps.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var useDefaultProps_exports = {};
 __export(useDefaultProps_exports, {

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/config/useDefaultProps.ts", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { DSTypographyT } from '../react-desc-prop-types';\n\nconst VariantToAsMap: Record<DSTypographyT.Props['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};\nexport const useDefaultProps = ({ variant, as: userAs }: DSTypographyT.Props) => {\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,iBAAsF;AAAA,EAC1F,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;AACN;AACO,MAAM,kBAAkB,CAAC,EAAE,SAAS,IAAI,aAAkC;AAC/E,QAAM,YAAY,UAAU,eAAe;AAC3C,QAAM,eAAe,qBAAM,QAAQ,MAAO,GAAE,IAAI,UAAU,IAAI,CAAC,SAAS,CAAC;AACzE,SAAO;AACT;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAGlB,MAAM,iBAAsF;AAAA,EAC1F,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;AACN;AACO,MAAM,kBAAkB,CAAC,EAAE,SAAS,IAAI,OAAO,MAA2B;AAC/E,QAAM,YAAY,UAAU,eAAe;AAC3C,QAAM,eAAe,aAAAA,QAAM,QAAQ,OAAO,EAAE,IAAI,UAAU,IAAI,CAAC,SAAS,CAAC;AACzE,SAAO;AACT;",
+  "names": ["React"]
 }

package/dist/cjs/config/useTypography.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var useTypography_exports = {};
 __export(useTypography_exports, {
@@ -35,6 +38,9 @@ const useTypography = (props) => {
   const propsWithDefault = (0, import_ds_utilities.useMemoMergePropsWithDefault)(props, defaultProps);
   const globalAttributes = (0, import_ds_utilities.useGetGlobalAttributes)(propsWithDefault);
   const xstyledProps = (0, import_ds_utilities.useGetXstyledProps)(propsWithDefault);
-  return import_react.default.useMemo(() => ({ propsWithDefault, globalAttributes, xstyledProps }), [globalAttributes, propsWithDefault, xstyledProps]);
+  return import_react.default.useMemo(
+    () => ({ propsWithDefault, globalAttributes, xstyledProps }),
+    [globalAttributes, propsWithDefault, xstyledProps]
+  );
 };
 //# sourceMappingURL=useTypography.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/config/useTypography.ts", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport {\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n  GlobalAttributesT,\n  XstyledProps,\n} from '@elliemae/ds-utilities';\n\nimport { DSTypographyPropTypes, DSTypographyT } from '../react-desc-prop-types';\nimport { useDefaultProps } from './useDefaultProps';\n\ninterface UseTypographyT {\n  propsWithDefault: DSTypographyT.InternalProps;\n  globalAttributes: GlobalAttributesT;\n  xstyledProps: XstyledProps;\n}\n\nexport const useTypography = (props: DSTypographyT.Props): UseTypographyT => {\n  useValidateTypescriptPropTypes(props, DSTypographyPropTypes);\n  const defaultProps = useDefaultProps(props);\n  const propsWithDefault = useMemoMergePropsWithDefault<DSTypographyT.InternalProps>(props, defaultProps);\n  const globalAttributes = useGetGlobalAttributes(propsWithDefault);\n\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  return React.useMemo(\n    () => ({ propsWithDefault, globalAttributes, xstyledProps }),\n    [globalAttributes, propsWithDefault, xstyledProps],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAOO;AAEP,mCAAqD;AACrD,6BAAgC;AAQzB,MAAM,gBAAgB,CAAC,UAA+C;AAC3E,0DAA+B,OAAO,kDAAqB;AAC3D,QAAM,eAAe,4CAAgB,KAAK;AAC1C,QAAM,mBAAmB,sDAA0D,OAAO,YAAY;AACtG,QAAM,mBAAmB,gDAAuB,gBAAgB;AAEhE,QAAM,eAAe,4CAAmB,gBAAgB;AACxD,SAAO,qBAAM,QACX,MAAO,GAAE,kBAAkB,kBAAkB,aAAa,IAC1D,CAAC,kBAAkB,kBAAkB,YAAY,CACnD;AACF;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAOO;AAEP,mCAAqD;AACrD,6BAAgC;AAQzB,MAAM,gBAAgB,CAAC,UAA+C;AAC3E,0DAA+B,OAAO,kDAAqB;AAC3D,QAAM,mBAAe,wCAAgB,KAAK;AAC1C,QAAM,uBAAmB,kDAA0D,OAAO,YAAY;AACtG,QAAM,uBAAmB,4CAAuB,gBAAgB;AAEhE,QAAM,mBAAe,wCAAmB,gBAAgB;AACxD,SAAO,aAAAA,QAAM;AAAA,IACX,OAAO,EAAE,kBAAkB,kBAAkB,aAAa;AAAA,IAC1D,CAAC,kBAAkB,kBAAkB,YAAY;AAAA,EACnD;AACF;",
+  "names": ["React"]
 }

package/dist/cjs/index.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var src_exports = {};
 __export(src_exports, {

package/dist/cjs/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export { DSTypography, DSTypographyWithSchema } from './Typography';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAqD;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAqD;",
   "names": []
 }

package/dist/cjs/react-desc-prop-types.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var react_desc_prop_types_exports = {};
 __export(react_desc_prop_types_exports, {
@@ -29,7 +32,8 @@ var import_ds_utilities = require("@elliemae/ds-utilities");
 const DSTypographyPropTypes = {
   ...import_ds_utilities.globalAttributesPropTypes,
   ...import_ds_utilities.xstyledPropTypes,
-  variant: import_ds_utilities.PropTypes.oneOf(["h1", "h2", "h3", "h4", "h5", "b1", "b2", "b3", "b4"]).description(`
+  variant: import_ds_utilities.PropTypes.oneOf(["h1", "h2", "h3", "h4", "h5", "b1", "b2", "b3", "b4"]).description(
+    `
     render the default style based on the variant and the default mapping HTML tag:
     Variant to HTML Tag
       h1 => <h1 />
@@ -41,7 +45,8 @@ const DSTypographyPropTypes = {
       b2 => <p />
       b3 => <p />
       b4 => <p />
-  `).isRequired,
+  `
+  ).isRequired,
   children: import_ds_utilities.PropTypes.node.description("Children element").isRequired,
   as: import_ds_utilities.PropTypes.string.description("Use to override the printed HTML tag, ex: `span` or `strong`")
 };

package/dist/cjs/react-desc-prop-types.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/react-desc-prop-types.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import {\n  PropTypes,\n  GlobalAttributesT,\n  XstyledProps,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n} from '@elliemae/ds-utilities';\nimport { FontSizeProps, ColorProps } from '@elliemae/ds-system';\nimport { WeakValidationMap } from 'react';\n\nexport declare namespace DSTypographyT {\n  type Ivariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'b1' | 'b2' | 'b3' | 'b4';\n  interface IProps {\n    variant: Ivariant;\n    as?: keyof JSX.IntrinsicElements;\n    children: React.ReactNode | React.ReactNode[];\n  }\n\n  export interface Props\n    extends IProps,\n      Omit<GlobalAttributesT<HTMLElement>, keyof IProps | 'color'>,\n      XstyledProps,\n      FontSizeProps,\n      ColorProps {}\n  export interface InternalProps extends Props {\n    as: keyof JSX.IntrinsicElements;\n  }\n}\n\nexport const DSTypographyPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  variant: PropTypes.oneOf(['h1', 'h2', 'h3', 'h4', 'h5', 'b1', 'b2', 'b3', 'b4']).description(\n    `\n    render the default style based on the variant and the default mapping HTML tag:\n    Variant to HTML Tag\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  `,\n  ).isRequired,\n  children: PropTypes.node.description('Children element').isRequired,\n  as: PropTypes.string.description('Use to override the printed HTML tag, ex: `span` or `strong`'),\n} as WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAMO;AAuBA,MAAM,wBAAwB;AAAA,EACnC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,SAAS,8BAAU,MAAM,CAAC,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,IAAI,CAAC,EAAE,YAC/E;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAaF,EAAE;AAAA,EACF,UAAU,8BAAU,KAAK,YAAY,kBAAkB,EAAE;AAAA,EACzD,IAAI,8BAAU,OAAO,YAAY,8DAA8D;AACjG;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAMO;AAuBA,MAAM,wBAAwB;AAAA,EACnC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,SAAS,8BAAU,MAAM,CAAC,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,IAAI,CAAC,EAAE;AAAA,IAC/E;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaF,EAAE;AAAA,EACF,UAAU,8BAAU,KAAK,YAAY,kBAAkB,EAAE;AAAA,EACzD,IAAI,8BAAU,OAAO,YAAY,8DAA8D;AACjG;",
   "names": []
 }

package/dist/cjs/styled.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var styled_exports = {};
 __export(styled_exports, {

package/dist/cjs/styled.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/styled.ts", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { styled, css, space, sizing, layout, color, fontSize } from '@elliemae/ds-system';\nimport { DSTypographyName, DSTypographyDataTestId } from './DSTypographyDatatestId';\nimport { DSTypographyT } from './react-desc-prop-types';\n\nexport const styleMap = {\n  h1: {\n    fontSize: '34px',\n    lineHeight: '41px',\n  },\n  h2: {\n    fontSize: '24px',\n    lineHeight: '31px',\n  },\n  h3: {\n    fontSize: '18px',\n    lineHeight: '22px',\n  },\n  h4: {\n    fontSize: '16px',\n    lineHeight: '20px',\n  },\n  h5: {\n    fontSize: '14px',\n    lineHeight: '17px',\n  },\n  b1: {\n    fontSize: '14px',\n    lineHeight: '18px',\n  },\n  b2: {\n    fontSize: '13px',\n    lineHeight: '17px',\n  },\n  b3: {\n    fontSize: '12px',\n    lineHeight: '16px',\n  },\n  b4: {\n    fontSize: '11px',\n    lineHeight: '13px',\n  },\n};\n\nconst mapper = {\n  h1: css`\n    font-size: ${styleMap.h1.fontSize};\n    line-height: ${styleMap.h1.lineHeight};\n  `,\n  h2: css`\n    font-size: ${styleMap.h2.fontSize};\n    line-height: ${styleMap.h2.lineHeight};\n  `,\n  h3: css`\n    font-size: ${styleMap.h3.fontSize};\n    line-height: ${styleMap.h3.lineHeight};\n  `,\n  h4: css`\n    font-size: ${styleMap.h4.fontSize};\n    line-height: ${styleMap.h4.lineHeight};\n  `,\n  h5: css`\n    font-size: ${styleMap.h5.fontSize};\n    line-height: ${styleMap.h5.lineHeight};\n  `,\n  b1: css`\n    font-size: ${styleMap.b1.fontSize};\n    line-height: ${styleMap.b1.lineHeight};\n  `,\n  b2: css`\n    font-size: ${styleMap.b2.fontSize};\n    line-height: ${styleMap.b2.lineHeight};\n  `,\n  b3: css`\n    font-size: ${styleMap.b3.fontSize};\n    line-height: ${styleMap.b3.lineHeight};\n  `,\n  b4: css`\n    font-size: ${styleMap.b4.fontSize};\n    line-height: ${styleMap.b4.lineHeight};\n  `,\n};\n\ntype StyleIProp = DSTypographyT.InternalProps & {\n  children: DSTypographyT.InternalProps['children'];\n};\n\nexport const StyledTypography = styled('div', {\n  name: DSTypographyName,\n  slot: DSTypographyDataTestId.TYPOGRAPHY_ELEMENT,\n}).withConfig({\n  shouldForwardProp: (prop, defaultValidatorFn) =>\n    !['fontSize', 'color', 'as', 'variant'].includes(prop) && defaultValidatorFn(prop),\n})<StyleIProp>`\n  margin: 0;\n  padding: 0;\n  ${(props: StyleIProp) => mapper[props.variant]}\n  ${fontSize}\n  ${space}\n  ${sizing}\n  ${layout}\n  ${color}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAoE;AACpE,oCAAyD;AAGlD,MAAM,WAAW;AAAA,EACtB,IAAI;AAAA,IACF,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AACF;AAEA,MAAM,SAAS;AAAA,EACb,IAAI;AAAA,iBACW,SAAS,GAAG;AAAA,mBACV,SAAS,GAAG;AAAA;AAAA,EAE7B,IAAI;AAAA,iBACW,SAAS,GAAG;AAAA,mBACV,SAAS,GAAG;AAAA;AAAA,EAE7B,IAAI;AAAA,iBACW,SAAS,GAAG;AAAA,mBACV,SAAS,GAAG;AAAA;AAAA,EAE7B,IAAI;AAAA,iBACW,SAAS,GAAG;AAAA,mBACV,SAAS,GAAG;AAAA;AAAA,EAE7B,IAAI;AAAA,iBACW,SAAS,GAAG;AAAA,mBACV,SAAS,GAAG;AAAA;AAAA,EAE7B,IAAI;AAAA,iBACW,SAAS,GAAG;AAAA,mBACV,SAAS,GAAG;AAAA;AAAA,EAE7B,IAAI;AAAA,iBACW,SAAS,GAAG;AAAA,mBACV,SAAS,GAAG;AAAA;AAAA,EAE7B,IAAI;AAAA,iBACW,SAAS,GAAG;AAAA,mBACV,SAAS,GAAG;AAAA;AAAA,EAE7B,IAAI;AAAA,iBACW,SAAS,GAAG;AAAA,mBACV,SAAS,GAAG;AAAA;AAE/B;AAMO,MAAM,mBAAmB,6BAAO,OAAO;AAAA,EAC5C,MAAM;AAAA,EACN,MAAM,qDAAuB;AAC/B,CAAC,EAAE,WAAW;AAAA,EACZ,mBAAmB,CAAC,MAAM,uBACxB,CAAC,CAAC,YAAY,SAAS,MAAM,SAAS,EAAE,SAAS,IAAI,KAAK,mBAAmB,IAAI;AACrF,CAAC;AAAA;AAAA;AAAA,IAGG,CAAC,UAAsB,OAAO,MAAM;AAAA,IACpC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAoE;AACpE,oCAAyD;AAGlD,MAAM,WAAW;AAAA,EACtB,IAAI;AAAA,IACF,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AACF;AAEA,MAAM,SAAS;AAAA,EACb,IAAI;AAAA,iBACW,SAAS,GAAG;AAAA,mBACV,SAAS,GAAG;AAAA;AAAA,EAE7B,IAAI;AAAA,iBACW,SAAS,GAAG;AAAA,mBACV,SAAS,GAAG;AAAA;AAAA,EAE7B,IAAI;AAAA,iBACW,SAAS,GAAG;AAAA,mBACV,SAAS,GAAG;AAAA;AAAA,EAE7B,IAAI;AAAA,iBACW,SAAS,GAAG;AAAA,mBACV,SAAS,GAAG;AAAA;AAAA,EAE7B,IAAI;AAAA,iBACW,SAAS,GAAG;AAAA,mBACV,SAAS,GAAG;AAAA;AAAA,EAE7B,IAAI;AAAA,iBACW,SAAS,GAAG;AAAA,mBACV,SAAS,GAAG;AAAA;AAAA,EAE7B,IAAI;AAAA,iBACW,SAAS,GAAG;AAAA,mBACV,SAAS,GAAG;AAAA;AAAA,EAE7B,IAAI;AAAA,iBACW,SAAS,GAAG;AAAA,mBACV,SAAS,GAAG;AAAA;AAAA,EAE7B,IAAI;AAAA,iBACW,SAAS,GAAG;AAAA,mBACV,SAAS,GAAG;AAAA;AAE/B;AAMO,MAAM,uBAAmB,yBAAO,OAAO;AAAA,EAC5C,MAAM;AAAA,EACN,MAAM,qDAAuB;AAC/B,CAAC,EAAE,WAAW;AAAA,EACZ,mBAAmB,CAAC,MAAM,uBACxB,CAAC,CAAC,YAAY,SAAS,MAAM,SAAS,EAAE,SAAS,IAAI,KAAK,mBAAmB,IAAI;AACrF,CAAC;AAAA;AAAA;AAAA,IAGG,CAAC,UAAsB,OAAO,MAAM;AAAA,IACpC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;",
   "names": []
 }

package/dist/esm/DSTypographyDatatestId.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSTypographyDatatestId.ts"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSTypographyName = 'DSTypography';\n\nexport const DSTypographyDataTestId = {\n  TYPOGRAPHY_ELEMENT: 'ds-typography-element',\n};\n"],
-  "mappings": "AAAA;ACAO,MAAM,mBAAmB;AAEzB,MAAM,yBAAyB;AAAA,EACpC,oBAAoB;AACtB;",
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,mBAAmB;AAEzB,MAAM,yBAAyB;AAAA,EACpC,oBAAoB;AACtB;",
   "names": []
 }

package/dist/esm/Typography.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx } from "react/jsx-runtime";
 import { describe } from "@elliemae/ds-utilities";
 import { useTypography } from "./config/useTypography";
 import { DSTypographyPropTypes } from "./react-desc-prop-types";
@@ -11,15 +11,16 @@ const DSTypography = (props) => {
     xstyledProps,
     propsWithDefault: { color, as, variant, fontSize }
   } = useTypography(props);
-  return /* @__PURE__ */ React2.createElement(StyledTypography, {
+  return /* @__PURE__ */ jsx(StyledTypography, {
     "data-testid": DSTypographyDataTestId.TYPOGRAPHY_ELEMENT,
     ...othersGlobalAttributes,
     ...xstyledProps,
     as,
     variant,
     color,
-    fontSize
-  }, props.children);
+    fontSize,
+    children: props.children
+  });
 };
 DSTypography.displayName = DSTypographyName;
 DSTypography.propTypes = DSTypographyPropTypes;

package/dist/esm/Typography.js.map

@@ -2,6 +2,6 @@
   "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-utilities';\nimport { useTypography } from './config/useTypography';\nimport { type DSTypographyT, DSTypographyPropTypes } from './react-desc-prop-types';\nimport { DSTypographyName, DSTypographyDataTestId } from './DSTypographyDatatestId';\nimport { StyledTypography } from './styled';\n\nconst DSTypography: React.ComponentType<DSTypographyT.Props> = (props) => {\n  const {\n    globalAttributes: { ...othersGlobalAttributes },\n    xstyledProps,\n    propsWithDefault: { color, as, variant, fontSize },\n  } = useTypography(props);\n  return (\n    <StyledTypography\n      data-testid={DSTypographyDataTestId.TYPOGRAPHY_ELEMENT}\n      {...othersGlobalAttributes}\n      {...xstyledProps}\n      as={as}\n      variant={variant}\n      color={color}\n      fontSize={fontSize}\n    >\n      {props.children}\n    </StyledTypography>\n  );\n};\n\nDSTypography.displayName = DSTypographyName;\nDSTypography.propTypes = DSTypographyPropTypes;\nconst DSTypographyWithSchema = describe(DSTypography);\nDSTypographyWithSchema.propTypes = DSTypographyPropTypes;\n\nexport { DSTypography, DSTypographyWithSchema };\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,eAAyD,CAAC,UAAU;AACxE,QAAM;AAAA,IACJ,kBAAkB,KAAK;AAAA,IACvB;AAAA,IACA,kBAAkB,EAAE,OAAO,IAAI,SAAS;AAAA,MACtC,cAAc,KAAK;AACvB,SACE,qCAAC;AAAA,IACC,eAAa,uBAAuB;AAAA,IACnC,GAAG;AAAA,IACH,GAAG;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KAEC,MAAM,QACT;AAEJ;AAEA,aAAa,cAAc;AAC3B,aAAa,YAAY;AACzB,MAAM,yBAAyB,SAAS,YAAY;AACpD,uBAAuB,YAAY;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,gBAAgB;AACzB,SAAS,qBAAqB;AAC9B,SAA6B,6BAA6B;AAC1D,SAAS,kBAAkB,8BAA8B;AACzD,SAAS,wBAAwB;AAEjC,MAAM,eAAyD,CAAC,UAAU;AACxE,QAAM;AAAA,IACJ,kBAAkB,KAAK,uBAAuB;AAAA,IAC9C;AAAA,IACA,kBAAkB,EAAE,OAAO,IAAI,SAAS,SAAS;AAAA,EACnD,IAAI,cAAc,KAAK;AACvB,SACE,oBAAC;AAAA,IACC,eAAa,uBAAuB;AAAA,IACnC,GAAG;AAAA,IACH,GAAG;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEC,gBAAM;AAAA,GACT;AAEJ;AAEA,aAAa,cAAc;AAC3B,aAAa,YAAY;AACzB,MAAM,yBAAyB,SAAS,YAAY;AACpD,uBAAuB,YAAY;",
   "names": []
 }

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

@@ -2,6 +2,6 @@
   "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 { DSTypographyT } from '../react-desc-prop-types';\n\nconst VariantToAsMap: Record<DSTypographyT.Props['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};\nexport const useDefaultProps = ({ variant, as: userAs }: DSTypographyT.Props) => {\n  const defaultAs = userAs || VariantToAsMap[variant];\n  const defaultProps = React.useMemo(() => ({ as: defaultAs }), [defaultAs]);\n  return defaultProps;\n};\n"],
-  "mappings": "AAAA;ACAA;AAGA,MAAM,iBAAsF;AAAA,EAC1F,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;AACN;AACO,MAAM,kBAAkB,CAAC,EAAE,SAAS,IAAI,aAAkC;AAC/E,QAAM,YAAY,UAAU,eAAe;AAC3C,QAAM,eAAe,OAAM,QAAQ,MAAO,GAAE,IAAI,UAAU,IAAI,CAAC,SAAS,CAAC;AACzE,SAAO;AACT;",
-  "names": []
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAGlB,MAAM,iBAAsF;AAAA,EAC1F,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;AACN;AACO,MAAM,kBAAkB,CAAC,EAAE,SAAS,IAAI,OAAO,MAA2B;AAC/E,QAAM,YAAY,UAAU,eAAe;AAC3C,QAAM,eAAeA,OAAM,QAAQ,OAAO,EAAE,IAAI,UAAU,IAAI,CAAC,SAAS,CAAC;AACzE,SAAO;AACT;",
+  "names": ["React"]
 }

package/dist/esm/config/useTypography.js

@@ -14,7 +14,10 @@ const useTypography = (props) => {
   const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
   const globalAttributes = useGetGlobalAttributes(propsWithDefault);
   const xstyledProps = useGetXstyledProps(propsWithDefault);
-  return React2.useMemo(() => ({ propsWithDefault, globalAttributes, xstyledProps }), [globalAttributes, propsWithDefault, xstyledProps]);
+  return React2.useMemo(
+    () => ({ propsWithDefault, globalAttributes, xstyledProps }),
+    [globalAttributes, propsWithDefault, xstyledProps]
+  );
 };
 export {
   useTypography

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useTypography.ts"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport {\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n  GlobalAttributesT,\n  XstyledProps,\n} from '@elliemae/ds-utilities';\n\nimport { DSTypographyPropTypes, DSTypographyT } from '../react-desc-prop-types';\nimport { useDefaultProps } from './useDefaultProps';\n\ninterface UseTypographyT {\n  propsWithDefault: DSTypographyT.InternalProps;\n  globalAttributes: GlobalAttributesT;\n  xstyledProps: XstyledProps;\n}\n\nexport const useTypography = (props: DSTypographyT.Props): UseTypographyT => {\n  useValidateTypescriptPropTypes(props, DSTypographyPropTypes);\n  const defaultProps = useDefaultProps(props);\n  const propsWithDefault = useMemoMergePropsWithDefault<DSTypographyT.InternalProps>(props, defaultProps);\n  const globalAttributes = useGetGlobalAttributes(propsWithDefault);\n\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  return React.useMemo(\n    () => ({ propsWithDefault, globalAttributes, xstyledProps }),\n    [globalAttributes, propsWithDefault, xstyledProps],\n  );\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA;AACA;AAQO,MAAM,gBAAgB,CAAC,UAA+C;AAC3E,iCAA+B,OAAO,qBAAqB;AAC3D,QAAM,eAAe,gBAAgB,KAAK;AAC1C,QAAM,mBAAmB,6BAA0D,OAAO,YAAY;AACtG,QAAM,mBAAmB,uBAAuB,gBAAgB;AAEhE,QAAM,eAAe,mBAAmB,gBAAgB;AACxD,SAAO,OAAM,QACX,MAAO,GAAE,kBAAkB,kBAAkB,aAAa,IAC1D,CAAC,kBAAkB,kBAAkB,YAAY,CACnD;AACF;",
-  "names": []
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AAEP,SAAS,6BAA4C;AACrD,SAAS,uBAAuB;AAQzB,MAAM,gBAAgB,CAAC,UAA+C;AAC3E,iCAA+B,OAAO,qBAAqB;AAC3D,QAAM,eAAe,gBAAgB,KAAK;AAC1C,QAAM,mBAAmB,6BAA0D,OAAO,YAAY;AACtG,QAAM,mBAAmB,uBAAuB,gBAAgB;AAEhE,QAAM,eAAe,mBAAmB,gBAAgB;AACxD,SAAOA,OAAM;AAAA,IACX,OAAO,EAAE,kBAAkB,kBAAkB,aAAa;AAAA,IAC1D,CAAC,kBAAkB,kBAAkB,YAAY;AAAA,EACnD;AACF;",
+  "names": ["React"]
 }

package/dist/esm/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.ts"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSTypography, DSTypographyWithSchema } from './Typography';\n"],
-  "mappings": "AAAA;ACAA;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc,8BAA8B;",
   "names": []
 }

package/dist/esm/react-desc-prop-types.js

@@ -7,7 +7,8 @@ import {
 const DSTypographyPropTypes = {
   ...globalAttributesPropTypes,
   ...xstyledPropTypes,
-  variant: PropTypes.oneOf(["h1", "h2", "h3", "h4", "h5", "b1", "b2", "b3", "b4"]).description(`
+  variant: PropTypes.oneOf(["h1", "h2", "h3", "h4", "h5", "b1", "b2", "b3", "b4"]).description(
+    `
     render the default style based on the variant and the default mapping HTML tag:
     Variant to HTML Tag
       h1 => <h1 />
@@ -19,7 +20,8 @@ const DSTypographyPropTypes = {
       b2 => <p />
       b3 => <p />
       b4 => <p />
-  `).isRequired,
+  `
+  ).isRequired,
   children: PropTypes.node.description("Children element").isRequired,
   as: PropTypes.string.description("Use to override the printed HTML tag, ex: `span` or `strong`")
 };

package/dist/esm/react-desc-prop-types.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import {\n  PropTypes,\n  GlobalAttributesT,\n  XstyledProps,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n} from '@elliemae/ds-utilities';\nimport { FontSizeProps, ColorProps } from '@elliemae/ds-system';\nimport { WeakValidationMap } from 'react';\n\nexport declare namespace DSTypographyT {\n  type Ivariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'b1' | 'b2' | 'b3' | 'b4';\n  interface IProps {\n    variant: Ivariant;\n    as?: keyof JSX.IntrinsicElements;\n    children: React.ReactNode | React.ReactNode[];\n  }\n\n  export interface Props\n    extends IProps,\n      Omit<GlobalAttributesT<HTMLElement>, keyof IProps | 'color'>,\n      XstyledProps,\n      FontSizeProps,\n      ColorProps {}\n  export interface InternalProps extends Props {\n    as: keyof JSX.IntrinsicElements;\n  }\n}\n\nexport const DSTypographyPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  variant: PropTypes.oneOf(['h1', 'h2', 'h3', 'h4', 'h5', 'b1', 'b2', 'b3', 'b4']).description(\n    `\n    render the default style based on the variant and the default mapping HTML tag:\n    Variant to HTML Tag\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  `,\n  ).isRequired,\n  children: PropTypes.node.description('Children element').isRequired,\n  as: PropTypes.string.description('Use to override the printed HTML tag, ex: `span` or `strong`'),\n} as WeakValidationMap<unknown>;\n"],
-  "mappings": "AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AA6BO,MAAM,wBAAwB;AAAA,EACnC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,SAAS,UAAU,MAAM,CAAC,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,IAAI,CAAC,EAAE,YAC/E;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAaF,EAAE;AAAA,EACF,UAAU,UAAU,KAAK,YAAY,kBAAkB,EAAE;AAAA,EACzD,IAAI,UAAU,OAAO,YAAY,8DAA8D;AACjG;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,EACE;AAAA,EAGA;AAAA,EACA;AAAA,OACK;AAuBA,MAAM,wBAAwB;AAAA,EACnC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,SAAS,UAAU,MAAM,CAAC,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,IAAI,CAAC,EAAE;AAAA,IAC/E;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaF,EAAE;AAAA,EACF,UAAU,UAAU,KAAK,YAAY,kBAAkB,EAAE;AAAA,EACzD,IAAI,UAAU,OAAO,YAAY,8DAA8D;AACjG;",
   "names": []
 }

package/dist/esm/styled.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/styled.ts"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, css, space, sizing, layout, color, fontSize } from '@elliemae/ds-system';\nimport { DSTypographyName, DSTypographyDataTestId } from './DSTypographyDatatestId';\nimport { DSTypographyT } from './react-desc-prop-types';\n\nexport const styleMap = {\n  h1: {\n    fontSize: '34px',\n    lineHeight: '41px',\n  },\n  h2: {\n    fontSize: '24px',\n    lineHeight: '31px',\n  },\n  h3: {\n    fontSize: '18px',\n    lineHeight: '22px',\n  },\n  h4: {\n    fontSize: '16px',\n    lineHeight: '20px',\n  },\n  h5: {\n    fontSize: '14px',\n    lineHeight: '17px',\n  },\n  b1: {\n    fontSize: '14px',\n    lineHeight: '18px',\n  },\n  b2: {\n    fontSize: '13px',\n    lineHeight: '17px',\n  },\n  b3: {\n    fontSize: '12px',\n    lineHeight: '16px',\n  },\n  b4: {\n    fontSize: '11px',\n    lineHeight: '13px',\n  },\n};\n\nconst mapper = {\n  h1: css`\n    font-size: ${styleMap.h1.fontSize};\n    line-height: ${styleMap.h1.lineHeight};\n  `,\n  h2: css`\n    font-size: ${styleMap.h2.fontSize};\n    line-height: ${styleMap.h2.lineHeight};\n  `,\n  h3: css`\n    font-size: ${styleMap.h3.fontSize};\n    line-height: ${styleMap.h3.lineHeight};\n  `,\n  h4: css`\n    font-size: ${styleMap.h4.fontSize};\n    line-height: ${styleMap.h4.lineHeight};\n  `,\n  h5: css`\n    font-size: ${styleMap.h5.fontSize};\n    line-height: ${styleMap.h5.lineHeight};\n  `,\n  b1: css`\n    font-size: ${styleMap.b1.fontSize};\n    line-height: ${styleMap.b1.lineHeight};\n  `,\n  b2: css`\n    font-size: ${styleMap.b2.fontSize};\n    line-height: ${styleMap.b2.lineHeight};\n  `,\n  b3: css`\n    font-size: ${styleMap.b3.fontSize};\n    line-height: ${styleMap.b3.lineHeight};\n  `,\n  b4: css`\n    font-size: ${styleMap.b4.fontSize};\n    line-height: ${styleMap.b4.lineHeight};\n  `,\n};\n\ntype StyleIProp = DSTypographyT.InternalProps & {\n  children: DSTypographyT.InternalProps['children'];\n};\n\nexport const StyledTypography = styled('div', {\n  name: DSTypographyName,\n  slot: DSTypographyDataTestId.TYPOGRAPHY_ELEMENT,\n}).withConfig({\n  shouldForwardProp: (prop, defaultValidatorFn) =>\n    !['fontSize', 'color', 'as', 'variant'].includes(prop) && defaultValidatorFn(prop),\n})<StyleIProp>`\n  margin: 0;\n  padding: 0;\n  ${(props: StyleIProp) => mapper[props.variant]}\n  ${fontSize}\n  ${space}\n  ${sizing}\n  ${layout}\n  ${color}\n`;\n"],
-  "mappings": "AAAA;ACAA;AACA;AAGO,MAAM,WAAW;AAAA,EACtB,IAAI;AAAA,IACF,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AACF;AAEA,MAAM,SAAS;AAAA,EACb,IAAI;AAAA,iBACW,SAAS,GAAG;AAAA,mBACV,SAAS,GAAG;AAAA;AAAA,EAE7B,IAAI;AAAA,iBACW,SAAS,GAAG;AAAA,mBACV,SAAS,GAAG;AAAA;AAAA,EAE7B,IAAI;AAAA,iBACW,SAAS,GAAG;AAAA,mBACV,SAAS,GAAG;AAAA;AAAA,EAE7B,IAAI;AAAA,iBACW,SAAS,GAAG;AAAA,mBACV,SAAS,GAAG;AAAA;AAAA,EAE7B,IAAI;AAAA,iBACW,SAAS,GAAG;AAAA,mBACV,SAAS,GAAG;AAAA;AAAA,EAE7B,IAAI;AAAA,iBACW,SAAS,GAAG;AAAA,mBACV,SAAS,GAAG;AAAA;AAAA,EAE7B,IAAI;AAAA,iBACW,SAAS,GAAG;AAAA,mBACV,SAAS,GAAG;AAAA;AAAA,EAE7B,IAAI;AAAA,iBACW,SAAS,GAAG;AAAA,mBACV,SAAS,GAAG;AAAA;AAAA,EAE7B,IAAI;AAAA,iBACW,SAAS,GAAG;AAAA,mBACV,SAAS,GAAG;AAAA;AAE/B;AAMO,MAAM,mBAAmB,OAAO,OAAO;AAAA,EAC5C,MAAM;AAAA,EACN,MAAM,uBAAuB;AAC/B,CAAC,EAAE,WAAW;AAAA,EACZ,mBAAmB,CAAC,MAAM,uBACxB,CAAC,CAAC,YAAY,SAAS,MAAM,SAAS,EAAE,SAAS,IAAI,KAAK,mBAAmB,IAAI;AACrF,CAAC;AAAA;AAAA;AAAA,IAGG,CAAC,UAAsB,OAAO,MAAM;AAAA,IACpC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,KAAK,OAAO,QAAQ,QAAQ,OAAO,gBAAgB;AACpE,SAAS,kBAAkB,8BAA8B;AAGlD,MAAM,WAAW;AAAA,EACtB,IAAI;AAAA,IACF,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AACF;AAEA,MAAM,SAAS;AAAA,EACb,IAAI;AAAA,iBACW,SAAS,GAAG;AAAA,mBACV,SAAS,GAAG;AAAA;AAAA,EAE7B,IAAI;AAAA,iBACW,SAAS,GAAG;AAAA,mBACV,SAAS,GAAG;AAAA;AAAA,EAE7B,IAAI;AAAA,iBACW,SAAS,GAAG;AAAA,mBACV,SAAS,GAAG;AAAA;AAAA,EAE7B,IAAI;AAAA,iBACW,SAAS,GAAG;AAAA,mBACV,SAAS,GAAG;AAAA;AAAA,EAE7B,IAAI;AAAA,iBACW,SAAS,GAAG;AAAA,mBACV,SAAS,GAAG;AAAA;AAAA,EAE7B,IAAI;AAAA,iBACW,SAAS,GAAG;AAAA,mBACV,SAAS,GAAG;AAAA;AAAA,EAE7B,IAAI;AAAA,iBACW,SAAS,GAAG;AAAA,mBACV,SAAS,GAAG;AAAA;AAAA,EAE7B,IAAI;AAAA,iBACW,SAAS,GAAG;AAAA,mBACV,SAAS,GAAG;AAAA;AAAA,EAE7B,IAAI;AAAA,iBACW,SAAS,GAAG;AAAA,mBACV,SAAS,GAAG;AAAA;AAE/B;AAMO,MAAM,mBAAmB,OAAO,OAAO;AAAA,EAC5C,MAAM;AAAA,EACN,MAAM,uBAAuB;AAC/B,CAAC,EAAE,WAAW;AAAA,EACZ,mBAAmB,CAAC,MAAM,uBACxB,CAAC,CAAC,YAAY,SAAS,MAAM,SAAS,EAAE,SAAS,IAAI,KAAK,mBAAmB,IAAI;AACrF,CAAC;AAAA;AAAA;AAAA,IAGG,CAAC,UAAsB,OAAO,MAAM;AAAA,IACpC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-typography",
-  "version": "3.4.3-rc.1",
+  "version": "3.4.3",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Typography",
   "files": [
@@ -35,8 +35,8 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-system": "3.4.3-rc.1",
-    "@elliemae/ds-utilities": "3.4.3-rc.1"
+    "@elliemae/ds-system": "3.4.3",
+    "@elliemae/ds-utilities": "3.4.3"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "~5.16.4",