@elliemae/ds-typography 3.1.0-next.10

package/dist/cjs/DSTypographyDatatestId.js

@@ -0,0 +1,32 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DSTypographyDatatestId_exports = {};
+__export(DSTypographyDatatestId_exports, {
+  DSTypographyDataTestId: () => DSTypographyDataTestId,
+  DSTypographyName: () => DSTypographyName
+});
+module.exports = __toCommonJS(DSTypographyDatatestId_exports);
+var React = __toESM(require("react"));
+const DSTypographyName = "DSTypography";
+const DSTypographyDataTestId = {
+  TYPOGRAPHY_ELEMENT: "ds-typography-element"
+};
+//# sourceMappingURL=DSTypographyDatatestId.js.map

package/dist/cjs/DSTypographyDatatestId.js.map

@@ -0,0 +1,7 @@
+{
+  "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;",
+  "names": []
+}

package/dist/cjs/Typography.js

@@ -0,0 +1,70 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Typography_exports = {};
+__export(Typography_exports, {
+  DSTypography: () => DSTypography,
+  DSTypographyWithSchema: () => DSTypographyWithSchema
+});
+module.exports = __toCommonJS(Typography_exports);
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+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");
+var import_DSTypographyDatatestId = require("./DSTypographyDatatestId");
+var import_styled = require("./styled");
+const DSTypography = (props) => {
+  const {
+    globalAttributes,
+    xstyledProps,
+    propsWithDefault: { as, variant, color, fontSize }
+  } = (0, import_useTypography.useTypography)(props);
+  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledTypography, __spreadProps(__spreadValues(__spreadValues({
+    "data-testid": import_DSTypographyDatatestId.DSTypographyDataTestId.TYPOGRAPHY_ELEMENT
+  }, globalAttributes), xstyledProps), {
+    $as: as,
+    $variant: variant,
+    $color: color,
+    $fontSize: fontSize
+  }), props.children);
+};
+DSTypography.displayName = import_DSTypographyDatatestId.DSTypographyName;
+DSTypography.propTypes = import_react_desc_prop_types.DSTypographyPropTypes;
+const DSTypographyWithSchema = (0, import_ds_utilities.describe)(DSTypography);
+DSTypographyWithSchema.propTypes = import_react_desc_prop_types.DSTypographyPropTypes;
+//# sourceMappingURL=Typography.js.map

package/dist/cjs/Typography.js.map

@@ -0,0 +1,7 @@
+{
+  "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 = (props: DSTypographyT.Props) => {\n  const {\n    globalAttributes,\n    xstyledProps,\n    propsWithDefault: { as, variant, color, fontSize },\n  } = useTypography(props);\n  return (\n    <StyledTypography\n      data-testid={DSTypographyDataTestId.TYPOGRAPHY_ELEMENT}\n      {...globalAttributes}\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,eAAe,CAAC,UAA+B;AACnD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,kBAAkB,EAAE,IAAI,SAAS,OAAO;AAAA,MACtC,wCAAc,KAAK;AACvB,SACE,mDAAC;AAAA,IACC,eAAa,qDAAuB;AAAA,KAChC,mBACA,eAHL;AAAA,IAIC,KAAK;AAAA,IACL,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,WAAW;AAAA,MAEV,MAAM,QACT;AAEJ;AAEA,aAAa,cAAc;AAC3B,aAAa,YAAY;AACzB,MAAM,yBAAyB,kCAAS,YAAY;AACpD,uBAAuB,YAAY;",
+  "names": []
+}

package/dist/cjs/config/useDefaultProps.js

@@ -0,0 +1,44 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useDefaultProps_exports = {};
+__export(useDefaultProps_exports, {
+  useDefaultProps: () => useDefaultProps
+});
+module.exports = __toCommonJS(useDefaultProps_exports);
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+const VariantToAsMap = {
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  h5: "h5",
+  b1: "p",
+  b2: "p",
+  b3: "p",
+  b4: "p"
+};
+const useDefaultProps = ({ variant, as: userAs }) => {
+  const defaultAs = userAs || VariantToAsMap[variant];
+  const defaultProps = import_react.default.useMemo(() => ({ as: defaultAs }), [defaultAs]);
+  return defaultProps;
+};
+//# sourceMappingURL=useDefaultProps.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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 = {\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,iBAAiB;AAAA,EACrB,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": []
+}

package/dist/cjs/config/useTypography.js

@@ -0,0 +1,39 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useTypography_exports = {};
+__export(useTypography_exports, {
+  useTypography: () => useTypography
+});
+module.exports = __toCommonJS(useTypography_exports);
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_react_desc_prop_types = require("../react-desc-prop-types");
+var import_useDefaultProps = require("./useDefaultProps");
+const useTypography = (props) => {
+  (0, import_ds_utilities.useValidateTypescriptPropTypes)(props, import_react_desc_prop_types.DSTypographyPropTypes);
+  const defaultProps = (0, import_useDefaultProps.useDefaultProps)(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]);
+};
+//# sourceMappingURL=useTypography.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,29 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+__export(src_exports, {
+  DSTypography: () => import_Typography.DSTypography,
+  DSTypographyWithSchema: () => import_Typography.DSTypographyWithSchema
+});
+module.exports = __toCommonJS(src_exports);
+var React = __toESM(require("react"));
+var import_Typography = require("./Typography");
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "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;",
+  "names": []
+}

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

@@ -0,0 +1,62 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var react_desc_prop_types_exports = {};
+__export(react_desc_prop_types_exports, {
+  DSTypographyPropTypes: () => DSTypographyPropTypes
+});
+module.exports = __toCommonJS(react_desc_prop_types_exports);
+var React = __toESM(require("react"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+const DSTypographyPropTypes = __spreadProps(__spreadValues(__spreadValues({}, import_ds_utilities.globalAttributesPropTypes), import_ds_utilities.xstyledPropTypes), {
+  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 />
+      h2 => <h2 />
+      h3 => <h3 />
+      h4 => <h4 />
+      h5 => <h5 />
+      b1 => <p />
+      b2 => <p />
+      b3 => <p />
+      b4 => <p />
+  `).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`")
+});
+//# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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 { 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?: string;\n    children: React.ReactNode | React.ReactNode[];\n  }\n\n  export interface Props extends IProps, Omit<GlobalAttributesT<HTMLElement>, keyof IProps>, XstyledProps {}\n  export interface InternalProps extends Props {\n    as: string;\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;AAiBA,MAAM,wBAAwB,gDAChC,gDACA,uCAFgC;AAAA,EAGnC,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;",
+  "names": []
+}

package/dist/cjs/styled.js

@@ -0,0 +1,119 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var styled_exports = {};
+__export(styled_exports, {
+  StyledTypography: () => StyledTypography,
+  styleMap: () => styleMap
+});
+module.exports = __toCommonJS(styled_exports);
+var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
+var import_DSTypographyDatatestId = require("./DSTypographyDatatestId");
+const styleMap = {
+  h1: {
+    fontSize: "34px",
+    lineHeight: "41px"
+  },
+  h2: {
+    fontSize: "24px",
+    lineHeight: "31px"
+  },
+  h3: {
+    fontSize: "18px",
+    lineHeight: "22px"
+  },
+  h4: {
+    fontSize: "16px",
+    lineHeight: "20px"
+  },
+  h5: {
+    fontSize: "14px",
+    lineHeight: "17px"
+  },
+  b1: {
+    fontSize: "14px",
+    lineHeight: "18px"
+  },
+  b2: {
+    fontSize: "13px",
+    lineHeight: "17px"
+  },
+  b3: {
+    fontSize: "12px",
+    lineHeight: "16px"
+  },
+  b4: {
+    fontSize: "11px",
+    lineHeight: "13px"
+  }
+};
+const mapper = {
+  h1: import_ds_system.css`
+    font-size: ${styleMap.h1.fontSize};
+    line-height: ${styleMap.h1.lineHeight};
+  `,
+  h2: import_ds_system.css`
+    font-size: ${styleMap.h2.fontSize};
+    line-height: ${styleMap.h2.lineHeight};
+  `,
+  h3: import_ds_system.css`
+    font-size: ${styleMap.h3.fontSize};
+    line-height: ${styleMap.h3.lineHeight};
+  `,
+  h4: import_ds_system.css`
+    font-size: ${styleMap.h4.fontSize};
+    line-height: ${styleMap.h4.lineHeight};
+  `,
+  h5: import_ds_system.css`
+    font-size: ${styleMap.h5.fontSize};
+    line-height: ${styleMap.h5.lineHeight};
+  `,
+  b1: import_ds_system.css`
+    font-size: ${styleMap.b1.fontSize};
+    line-height: ${styleMap.b1.lineHeight};
+  `,
+  b2: import_ds_system.css`
+    font-size: ${styleMap.b2.fontSize};
+    line-height: ${styleMap.b2.lineHeight};
+  `,
+  b3: import_ds_system.css`
+    font-size: ${styleMap.b3.fontSize};
+    line-height: ${styleMap.b3.lineHeight};
+  `,
+  b4: import_ds_system.css`
+    font-size: ${styleMap.b4.fontSize};
+    line-height: ${styleMap.b4.lineHeight};
+  `
+};
+const StyledTypography = (0, import_ds_system.styled)("div", {
+  name: import_DSTypographyDatatestId.DSTypographyName,
+  slot: import_DSTypographyDatatestId.DSTypographyDataTestId.TYPOGRAPHY_ELEMENT
+})`
+  margin: 0;
+  padding: 0;
+  ${(props) => mapper[props.$variant]}
+  ${import_ds_system.fontSize}
+  ${import_ds_system.space}
+  ${import_ds_system.sizing}
+  ${import_ds_system.layout}
+  ${import_ds_system.color}
+`;
+//# sourceMappingURL=styled.js.map

package/dist/cjs/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "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  $as: DSTypographyT.InternalProps['as'];\n  $variant: DSTypographyT.InternalProps['variant'];\n  children: DSTypographyT.InternalProps['children'];\n};\n\nexport const StyledTypography = styled('div', {\n  name: DSTypographyName,\n  slot: DSTypographyDataTestId.TYPOGRAPHY_ELEMENT,\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;AAQO,MAAM,mBAAmB,6BAAO,OAAO;AAAA,EAC5C,MAAM;AAAA,EACN,MAAM,qDAAuB;AAC/B,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

@@ -0,0 +1,10 @@
+import * as React from "react";
+const DSTypographyName = "DSTypography";
+const DSTypographyDataTestId = {
+  TYPOGRAPHY_ELEMENT: "ds-typography-element"
+};
+export {
+  DSTypographyDataTestId,
+  DSTypographyName
+};
+//# sourceMappingURL=DSTypographyDatatestId.js.map

package/dist/esm/DSTypographyDatatestId.js.map

@@ -0,0 +1,7 @@
+{
+  "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;",
+  "names": []
+}

package/dist/esm/Typography.js

@@ -0,0 +1,50 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import * as React from "react";
+import React2 from "react";
+import { describe } from "@elliemae/ds-utilities";
+import { useTypography } from "./config/useTypography";
+import { DSTypographyPropTypes } from "./react-desc-prop-types";
+import { DSTypographyName, DSTypographyDataTestId } from "./DSTypographyDatatestId";
+import { StyledTypography } from "./styled";
+const DSTypography = (props) => {
+  const {
+    globalAttributes,
+    xstyledProps,
+    propsWithDefault: { as, variant, color, fontSize }
+  } = useTypography(props);
+  return /* @__PURE__ */ React2.createElement(StyledTypography, __spreadProps(__spreadValues(__spreadValues({
+    "data-testid": DSTypographyDataTestId.TYPOGRAPHY_ELEMENT
+  }, globalAttributes), xstyledProps), {
+    $as: as,
+    $variant: variant,
+    $color: color,
+    $fontSize: fontSize
+  }), props.children);
+};
+DSTypography.displayName = DSTypographyName;
+DSTypography.propTypes = DSTypographyPropTypes;
+const DSTypographyWithSchema = describe(DSTypography);
+DSTypographyWithSchema.propTypes = DSTypographyPropTypes;
+export {
+  DSTypography,
+  DSTypographyWithSchema
+};
+//# sourceMappingURL=Typography.js.map

package/dist/esm/Typography.js.map

@@ -0,0 +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-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 = (props: DSTypographyT.Props) => {\n  const {\n    globalAttributes,\n    xstyledProps,\n    propsWithDefault: { as, variant, color, fontSize },\n  } = useTypography(props);\n  return (\n    <StyledTypography\n      data-testid={DSTypographyDataTestId.TYPOGRAPHY_ELEMENT}\n      {...globalAttributes}\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,eAAe,CAAC,UAA+B;AACnD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,kBAAkB,EAAE,IAAI,SAAS,OAAO;AAAA,MACtC,cAAc,KAAK;AACvB,SACE,qCAAC;AAAA,IACC,eAAa,uBAAuB;AAAA,KAChC,mBACA,eAHL;AAAA,IAIC,KAAK;AAAA,IACL,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,WAAW;AAAA,MAEV,MAAM,QACT;AAEJ;AAEA,aAAa,cAAc;AAC3B,aAAa,YAAY;AACzB,MAAM,yBAAyB,SAAS,YAAY;AACpD,uBAAuB,YAAY;",
+  "names": []
+}

package/dist/esm/config/useDefaultProps.js

@@ -0,0 +1,22 @@
+import * as React from "react";
+import React2 from "react";
+const VariantToAsMap = {
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  h5: "h5",
+  b1: "p",
+  b2: "p",
+  b3: "p",
+  b4: "p"
+};
+const useDefaultProps = ({ variant, as: userAs }) => {
+  const defaultAs = userAs || VariantToAsMap[variant];
+  const defaultProps = React2.useMemo(() => ({ as: defaultAs }), [defaultAs]);
+  return defaultProps;
+};
+export {
+  useDefaultProps
+};
+//# sourceMappingURL=useDefaultProps.js.map

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

@@ -0,0 +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 { DSTypographyT } from '../react-desc-prop-types';\n\nconst VariantToAsMap = {\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,iBAAiB;AAAA,EACrB,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": []
+}

package/dist/esm/config/useTypography.js

@@ -0,0 +1,22 @@
+import * as React from "react";
+import React2 from "react";
+import {
+  useGetGlobalAttributes,
+  useGetXstyledProps,
+  useMemoMergePropsWithDefault,
+  useValidateTypescriptPropTypes
+} from "@elliemae/ds-utilities";
+import { DSTypographyPropTypes } from "../react-desc-prop-types";
+import { useDefaultProps } from "./useDefaultProps";
+const useTypography = (props) => {
+  useValidateTypescriptPropTypes(props, DSTypographyPropTypes);
+  const defaultProps = useDefaultProps(props);
+  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
+  const globalAttributes = useGetGlobalAttributes(propsWithDefault);
+  const xstyledProps = useGetXstyledProps(propsWithDefault);
+  return React2.useMemo(() => ({ propsWithDefault, globalAttributes, xstyledProps }), [globalAttributes, propsWithDefault, xstyledProps]);
+};
+export {
+  useTypography
+};
+//# sourceMappingURL=useTypography.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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": []
+}

package/dist/esm/index.js

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { DSTypography, DSTypographyWithSchema } from "./Typography";
+export {
+  DSTypography,
+  DSTypographyWithSchema
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "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;",
+  "names": []
+}

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

@@ -0,0 +1,46 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import * as React from "react";
+import {
+  PropTypes,
+  globalAttributesPropTypes,
+  xstyledPropTypes
+} from "@elliemae/ds-utilities";
+const DSTypographyPropTypes = __spreadProps(__spreadValues(__spreadValues({}, globalAttributesPropTypes), xstyledPropTypes), {
+  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 />
+      h2 => <h2 />
+      h3 => <h3 />
+      h4 => <h4 />
+      h5 => <h5 />
+      b1 => <p />
+      b2 => <p />
+      b3 => <p />
+      b4 => <p />
+  `).isRequired,
+  children: PropTypes.node.description("Children element").isRequired,
+  as: PropTypes.string.description("Use to override the printed HTML tag, ex: `span` or `strong`")
+});
+export {
+  DSTypographyPropTypes
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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 { 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?: string;\n    children: React.ReactNode | React.ReactNode[];\n  }\n\n  export interface Props extends IProps, Omit<GlobalAttributesT<HTMLElement>, keyof IProps>, XstyledProps {}\n  export interface InternalProps extends Props {\n    as: string;\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;AAuBO,MAAM,wBAAwB,gDAChC,4BACA,mBAFgC;AAAA,EAGnC,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;",
+  "names": []
+}

package/dist/esm/styled.js

@@ -0,0 +1,97 @@
+import * as React from "react";
+import { styled, css, space, sizing, layout, color, fontSize } from "@elliemae/ds-system";
+import { DSTypographyName, DSTypographyDataTestId } from "./DSTypographyDatatestId";
+const styleMap = {
+  h1: {
+    fontSize: "34px",
+    lineHeight: "41px"
+  },
+  h2: {
+    fontSize: "24px",
+    lineHeight: "31px"
+  },
+  h3: {
+    fontSize: "18px",
+    lineHeight: "22px"
+  },
+  h4: {
+    fontSize: "16px",
+    lineHeight: "20px"
+  },
+  h5: {
+    fontSize: "14px",
+    lineHeight: "17px"
+  },
+  b1: {
+    fontSize: "14px",
+    lineHeight: "18px"
+  },
+  b2: {
+    fontSize: "13px",
+    lineHeight: "17px"
+  },
+  b3: {
+    fontSize: "12px",
+    lineHeight: "16px"
+  },
+  b4: {
+    fontSize: "11px",
+    lineHeight: "13px"
+  }
+};
+const mapper = {
+  h1: css`
+    font-size: ${styleMap.h1.fontSize};
+    line-height: ${styleMap.h1.lineHeight};
+  `,
+  h2: css`
+    font-size: ${styleMap.h2.fontSize};
+    line-height: ${styleMap.h2.lineHeight};
+  `,
+  h3: css`
+    font-size: ${styleMap.h3.fontSize};
+    line-height: ${styleMap.h3.lineHeight};
+  `,
+  h4: css`
+    font-size: ${styleMap.h4.fontSize};
+    line-height: ${styleMap.h4.lineHeight};
+  `,
+  h5: css`
+    font-size: ${styleMap.h5.fontSize};
+    line-height: ${styleMap.h5.lineHeight};
+  `,
+  b1: css`
+    font-size: ${styleMap.b1.fontSize};
+    line-height: ${styleMap.b1.lineHeight};
+  `,
+  b2: css`
+    font-size: ${styleMap.b2.fontSize};
+    line-height: ${styleMap.b2.lineHeight};
+  `,
+  b3: css`
+    font-size: ${styleMap.b3.fontSize};
+    line-height: ${styleMap.b3.lineHeight};
+  `,
+  b4: css`
+    font-size: ${styleMap.b4.fontSize};
+    line-height: ${styleMap.b4.lineHeight};
+  `
+};
+const StyledTypography = styled("div", {
+  name: DSTypographyName,
+  slot: DSTypographyDataTestId.TYPOGRAPHY_ELEMENT
+})`
+  margin: 0;
+  padding: 0;
+  ${(props) => mapper[props.$variant]}
+  ${fontSize}
+  ${space}
+  ${sizing}
+  ${layout}
+  ${color}
+`;
+export {
+  StyledTypography,
+  styleMap
+};
+//# sourceMappingURL=styled.js.map

package/dist/esm/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "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  $as: DSTypographyT.InternalProps['as'];\n  $variant: DSTypographyT.InternalProps['variant'];\n  children: DSTypographyT.InternalProps['children'];\n};\n\nexport const StyledTypography = styled('div', {\n  name: DSTypographyName,\n  slot: DSTypographyDataTestId.TYPOGRAPHY_ELEMENT,\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;AAQO,MAAM,mBAAmB,OAAO,OAAO;AAAA,EAC5C,MAAM;AAAA,EACN,MAAM,uBAAuB;AAC/B,CAAC;AAAA;AAAA;AAAA,IAGG,CAAC,UAAsB,OAAO,MAAM;AAAA,IACpC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;",
+  "names": []
+}

package/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "@elliemae/ds-typography",
+  "version": "3.1.0-next.10",
+  "license": "MIT",
+  "description": "ICE MT - Dimsum - Typography",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    }
+  },
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "pnpm": ">=6",
+    "node": ">=16"
+  },
+  "author": "ICE MT",
+  "jestSonar": {
+    "sonar56x": true,
+    "reportPath": "reports",
+    "reportFile": "tests.xml",
+    "indent": 4
+  },
+  "dependencies": {
+    "@elliemae/ds-system": "3.1.0-next.10",
+    "@elliemae/ds-utilities": "3.1.0-next.10"
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "~5.16.2",
+    "@testing-library/react": "~12.1.2",
+    "@testing-library/user-event": "~13.5.0",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
+  },
+  "peerDependencies": {
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "^5.3.3"
+  },
+  "publishConfig": {
+    "access": "public",
+    "typeSafety": false
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
+    "test": "node ../../scripts/testing/test.mjs",
+    "lint": "node ../../scripts/lint.mjs",
+    "dts": "node ../../scripts/dts.mjs",
+    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
+  }
+}