@elliemae/ds-header 2.3.0-next.0 → 3.0.0-alpha.0

package/dist/cjs/Header.js

@@ -0,0 +1,106 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var Header_exports = {};
+__export(Header_exports, {
+  DSHeader: () => DSHeader,
+  HeaderWithSchema: () => HeaderWithSchema,
+  default: () => Header_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_styled_components = __toESM(require("styled-components"));
+var import_styled_components2 = require("@xstyled/styled-components");
+const H = import_styled_components.default.h3`
+  font-weight: unset;
+  font-size: unset;
+  line-height: unset;
+  margin: 0;
+  padding: 0;
+  ${import_styled_components2.space}
+  ${import_styled_components2.sizing}
+  ${import_styled_components2.typography}
+`;
+const DSHeader = ({
+  color,
+  fontFamily,
+  fontSize,
+  fontWeight,
+  height,
+  level,
+  lineHeight,
+  text,
+  width,
+  ...rest
+}) => /* @__PURE__ */ import_react.default.createElement(H, {
+  as: `h${level}`,
+  color,
+  fontFamily,
+  fontSize,
+  fontWeight,
+  h: height,
+  lineHeight,
+  w: width,
+  "data-testid": "em-ds-header",
+  ...rest
+}, text);
+DSHeader.defaultProps = {
+  level: 3,
+  lineHeight: 1.2
+};
+const headerProps = {
+  color: import_react_desc.PropTypes.string.description("Colors aliases from theme. I.e. `brand.400`"),
+  fontFamily: import_react_desc.PropTypes.string.description("font-family aliases from theme. I.e. `default`"),
+  fontSize: import_react_desc.PropTypes.string.description("any valid value format. I.e. `16px`"),
+  fontWeight: import_react_desc.PropTypes.string.description("any alias from theme. I.e. `semibold`"),
+  height: import_react_desc.PropTypes.string.description("any valid value format. I.e. `200px`"),
+  level: import_react_desc.PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description("Depth of header tag. I.e. level `2` renders a h2 tag").defaultValue(2),
+  lineHeight: import_react_desc.PropTypes.number.description("float numbers for line-height. I.e. 1.5").defaultValue(1.2),
+  m: import_react_desc.PropTypes.oneOf(["xxs", "xs", "s", "m", "l", "xl", "xxl"]).description("margin"),
+  mb: import_react_desc.PropTypes.oneOf(["xxs", "xs", "s", "m", "l", "xl", "xxl"]).description("margin-bottom"),
+  ml: import_react_desc.PropTypes.oneOf(["xxs", "xs", "s", "m", "l", "xl", "xxl"]).description("margin-left"),
+  mr: import_react_desc.PropTypes.oneOf(["xxs", "xs", "s", "m", "l", "xl", "xxl"]).description("margin-right"),
+  mt: import_react_desc.PropTypes.oneOf(["xxs", "xs", "s", "m", "l", "xl", "xxl"]).description("margin-top"),
+  mx: import_react_desc.PropTypes.oneOf(["xxs", "xs", "s", "m", "l", "xl", "xxl"]).description("margin x"),
+  my: import_react_desc.PropTypes.oneOf(["xxs", "xs", "s", "m", "l", "xl", "xxl"]).description("margin y"),
+  p: import_react_desc.PropTypes.oneOf(["xxs", "xs", "s", "m", "l", "xl", "xxl"]).description("padding"),
+  pb: import_react_desc.PropTypes.oneOf(["xxs", "xs", "s", "m", "l", "xl", "xxl"]).description("padding-bottom"),
+  pl: import_react_desc.PropTypes.oneOf(["xxs", "xs", "s", "m", "l", "xl", "xxl"]).description("padding-left"),
+  pr: import_react_desc.PropTypes.oneOf(["xxs", "xs", "s", "m", "l", "xl", "xxl"]).description("padding-right"),
+  pt: import_react_desc.PropTypes.oneOf(["xxs", "xs", "s", "m", "l", "xl", "xxl"]).description("padding-top"),
+  px: import_react_desc.PropTypes.oneOf(["xxs", "xs", "s", "m", "l", "xl", "xxl"]).description("padding x"),
+  py: import_react_desc.PropTypes.oneOf(["xxs", "xs", "s", "m", "l", "xl", "xxl"]).description("padding y"),
+  text: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.element]).description("Header s text").isRequired,
+  width: import_react_desc.PropTypes.string.description("text width")
+};
+DSHeader.propTypes = headerProps;
+const HeaderWithSchema = (0, import_react_desc.describe)(DSHeader);
+HeaderWithSchema.propTypes = headerProps;
+var Header_default = DSHeader;
+module.exports = __toCommonJS(Header_exports);
+//# sourceMappingURL=Header.js.map

package/dist/cjs/Header.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Header.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport { space, sizing, typography } from '@xstyled/styled-components';\n\nconst H = styled.h3`\n  font-weight: unset;\n  font-size: unset;\n  line-height: unset;\n  margin: 0;\n  padding: 0;\n  ${space}\n  ${sizing}\n  ${typography}\n`;\n\nconst DSHeader = ({\n  color,\n  fontFamily,\n  fontSize,\n  fontWeight,\n  height,\n  level,\n  lineHeight,\n  text,\n  width,\n  ...rest\n}) => (\n  <H\n    as={`h${level}`}\n    color={color}\n    fontFamily={fontFamily}\n    fontSize={fontSize}\n    fontWeight={fontWeight}\n    h={height}\n    lineHeight={lineHeight}\n    w={width}\n    data-testid=\"em-ds-header\"\n    {...rest}\n  >\n    {text}\n  </H>\n);\n\nDSHeader.defaultProps = {\n  level: 3,\n  lineHeight: 1.2,\n};\n\nconst headerProps = {\n  color: PropTypes.string.description('Colors aliases from theme. I.e. `brand.400`'),\n  fontFamily: PropTypes.string.description('font-family aliases from theme. I.e. `default`'),\n  fontSize: PropTypes.string.description('any valid value format. I.e. `16px`'),\n  fontWeight: PropTypes.string.description('any alias from theme. I.e. `semibold`'),\n  height: PropTypes.string.description('any valid value format. I.e. `200px`'),\n  level: PropTypes.oneOf([1, 2, 3, 4, 5, 6])\n    .description('Depth of header tag. I.e. level `2` renders a h2 tag')\n    .defaultValue(2),\n  lineHeight: PropTypes.number.description('float numbers for line-height. I.e. 1.5').defaultValue(1.2),\n  m: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('margin'),\n  mb: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('margin-bottom'),\n  ml: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('margin-left'),\n  mr: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('margin-right'),\n  mt: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('margin-top'),\n  mx: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('margin x'),\n  my: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('margin y'),\n  p: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('padding'),\n  pb: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('padding-bottom'),\n  pl: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('padding-left'),\n  pr: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('padding-right'),\n  pt: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('padding-top'),\n  px: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('padding x'),\n  py: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('padding y'),\n  text: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description('Header s text').isRequired,\n  width: PropTypes.string.description('text width'),\n};\n\nDSHeader.propTypes = headerProps;\n\nconst HeaderWithSchema = describe(DSHeader);\nHeaderWithSchema.propTypes = headerProps;\n\nexport { DSHeader, HeaderWithSchema };\nexport default DSHeader;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,28 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var src_exports = {};
+var React = __toESM(require("react"));
+__reExport(src_exports, require("./Header"));
+module.exports = __toCommonJS(src_exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export * from './Header';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;ADAvB,wBAAc;",
+  "names": []
+}

package/dist/esm/Header.js

@@ -0,0 +1,77 @@
+import * as React from "react";
+import React2 from "react";
+import { describe, PropTypes } from "react-desc";
+import styled from "styled-components";
+import { space, sizing, typography } from "@xstyled/styled-components";
+const H = styled.h3`
+  font-weight: unset;
+  font-size: unset;
+  line-height: unset;
+  margin: 0;
+  padding: 0;
+  ${space}
+  ${sizing}
+  ${typography}
+`;
+const DSHeader = ({
+  color,
+  fontFamily,
+  fontSize,
+  fontWeight,
+  height,
+  level,
+  lineHeight,
+  text,
+  width,
+  ...rest
+}) => /* @__PURE__ */ React2.createElement(H, {
+  as: `h${level}`,
+  color,
+  fontFamily,
+  fontSize,
+  fontWeight,
+  h: height,
+  lineHeight,
+  w: width,
+  "data-testid": "em-ds-header",
+  ...rest
+}, text);
+DSHeader.defaultProps = {
+  level: 3,
+  lineHeight: 1.2
+};
+const headerProps = {
+  color: PropTypes.string.description("Colors aliases from theme. I.e. `brand.400`"),
+  fontFamily: PropTypes.string.description("font-family aliases from theme. I.e. `default`"),
+  fontSize: PropTypes.string.description("any valid value format. I.e. `16px`"),
+  fontWeight: PropTypes.string.description("any alias from theme. I.e. `semibold`"),
+  height: PropTypes.string.description("any valid value format. I.e. `200px`"),
+  level: PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description("Depth of header tag. I.e. level `2` renders a h2 tag").defaultValue(2),
+  lineHeight: PropTypes.number.description("float numbers for line-height. I.e. 1.5").defaultValue(1.2),
+  m: PropTypes.oneOf(["xxs", "xs", "s", "m", "l", "xl", "xxl"]).description("margin"),
+  mb: PropTypes.oneOf(["xxs", "xs", "s", "m", "l", "xl", "xxl"]).description("margin-bottom"),
+  ml: PropTypes.oneOf(["xxs", "xs", "s", "m", "l", "xl", "xxl"]).description("margin-left"),
+  mr: PropTypes.oneOf(["xxs", "xs", "s", "m", "l", "xl", "xxl"]).description("margin-right"),
+  mt: PropTypes.oneOf(["xxs", "xs", "s", "m", "l", "xl", "xxl"]).description("margin-top"),
+  mx: PropTypes.oneOf(["xxs", "xs", "s", "m", "l", "xl", "xxl"]).description("margin x"),
+  my: PropTypes.oneOf(["xxs", "xs", "s", "m", "l", "xl", "xxl"]).description("margin y"),
+  p: PropTypes.oneOf(["xxs", "xs", "s", "m", "l", "xl", "xxl"]).description("padding"),
+  pb: PropTypes.oneOf(["xxs", "xs", "s", "m", "l", "xl", "xxl"]).description("padding-bottom"),
+  pl: PropTypes.oneOf(["xxs", "xs", "s", "m", "l", "xl", "xxl"]).description("padding-left"),
+  pr: PropTypes.oneOf(["xxs", "xs", "s", "m", "l", "xl", "xxl"]).description("padding-right"),
+  pt: PropTypes.oneOf(["xxs", "xs", "s", "m", "l", "xl", "xxl"]).description("padding-top"),
+  px: PropTypes.oneOf(["xxs", "xs", "s", "m", "l", "xl", "xxl"]).description("padding x"),
+  py: PropTypes.oneOf(["xxs", "xs", "s", "m", "l", "xl", "xxl"]).description("padding y"),
+  text: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description("Header s text").isRequired,
+  width: PropTypes.string.description("text width")
+};
+DSHeader.propTypes = headerProps;
+const HeaderWithSchema = describe(DSHeader);
+HeaderWithSchema.propTypes = headerProps;
+var Header_default = DSHeader;
+export {
+  DSHeader,
+  HeaderWithSchema,
+  Header_default as default
+};
+//# sourceMappingURL=Header.js.map

package/dist/esm/Header.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/Header.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport { space, sizing, typography } from '@xstyled/styled-components';\n\nconst H = styled.h3`\n  font-weight: unset;\n  font-size: unset;\n  line-height: unset;\n  margin: 0;\n  padding: 0;\n  ${space}\n  ${sizing}\n  ${typography}\n`;\n\nconst DSHeader = ({\n  color,\n  fontFamily,\n  fontSize,\n  fontWeight,\n  height,\n  level,\n  lineHeight,\n  text,\n  width,\n  ...rest\n}) => (\n  <H\n    as={`h${level}`}\n    color={color}\n    fontFamily={fontFamily}\n    fontSize={fontSize}\n    fontWeight={fontWeight}\n    h={height}\n    lineHeight={lineHeight}\n    w={width}\n    data-testid=\"em-ds-header\"\n    {...rest}\n  >\n    {text}\n  </H>\n);\n\nDSHeader.defaultProps = {\n  level: 3,\n  lineHeight: 1.2,\n};\n\nconst headerProps = {\n  color: PropTypes.string.description('Colors aliases from theme. I.e. `brand.400`'),\n  fontFamily: PropTypes.string.description('font-family aliases from theme. I.e. `default`'),\n  fontSize: PropTypes.string.description('any valid value format. I.e. `16px`'),\n  fontWeight: PropTypes.string.description('any alias from theme. I.e. `semibold`'),\n  height: PropTypes.string.description('any valid value format. I.e. `200px`'),\n  level: PropTypes.oneOf([1, 2, 3, 4, 5, 6])\n    .description('Depth of header tag. I.e. level `2` renders a h2 tag')\n    .defaultValue(2),\n  lineHeight: PropTypes.number.description('float numbers for line-height. I.e. 1.5').defaultValue(1.2),\n  m: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('margin'),\n  mb: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('margin-bottom'),\n  ml: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('margin-left'),\n  mr: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('margin-right'),\n  mt: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('margin-top'),\n  mx: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('margin x'),\n  my: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('margin y'),\n  p: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('padding'),\n  pb: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('padding-bottom'),\n  pl: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('padding-left'),\n  pr: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('padding-right'),\n  pt: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('padding-top'),\n  px: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('padding x'),\n  py: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('padding y'),\n  text: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description('Header s text').isRequired,\n  width: PropTypes.string.description('text width'),\n};\n\nDSHeader.propTypes = headerProps;\n\nconst HeaderWithSchema = describe(DSHeader);\nHeaderWithSchema.propTypes = headerProps;\n\nexport { DSHeader, HeaderWithSchema };\nexport default DSHeader;\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AAEA,MAAM,IAAI,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMb;AAAA,IACA;AAAA,IACA;AAAA;AAGJ,MAAM,WAAW,CAAC;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,MAEH,qCAAC,GAAD;AAAA,EACE,IAAI,IAAI;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AAAA,EACH;AAAA,EACA,GAAG;AAAA,EACH,eAAY;AAAA,KACR;AAAA,GAEH;AAIL,SAAS,eAAe;AAAA,EACtB,OAAO;AAAA,EACP,YAAY;AAAA;AAGd,MAAM,cAAc;AAAA,EAClB,OAAO,UAAU,OAAO,YAAY;AAAA,EACpC,YAAY,UAAU,OAAO,YAAY;AAAA,EACzC,UAAU,UAAU,OAAO,YAAY;AAAA,EACvC,YAAY,UAAU,OAAO,YAAY;AAAA,EACzC,QAAQ,UAAU,OAAO,YAAY;AAAA,EACrC,OAAO,UAAU,MAAM,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,IACpC,YAAY,wDACZ,aAAa;AAAA,EAChB,YAAY,UAAU,OAAO,YAAY,2CAA2C,aAAa;AAAA,EACjG,GAAG,UAAU,MAAM,CAAC,OAAO,MAAM,KAAK,KAAK,KAAK,MAAM,QAAQ,YAAY;AAAA,EAC1E,IAAI,UAAU,MAAM,CAAC,OAAO,MAAM,KAAK,KAAK,KAAK,MAAM,QAAQ,YAAY;AAAA,EAC3E,IAAI,UAAU,MAAM,CAAC,OAAO,MAAM,KAAK,KAAK,KAAK,MAAM,QAAQ,YAAY;AAAA,EAC3E,IAAI,UAAU,MAAM,CAAC,OAAO,MAAM,KAAK,KAAK,KAAK,MAAM,QAAQ,YAAY;AAAA,EAC3E,IAAI,UAAU,MAAM,CAAC,OAAO,MAAM,KAAK,KAAK,KAAK,MAAM,QAAQ,YAAY;AAAA,EAC3E,IAAI,UAAU,MAAM,CAAC,OAAO,MAAM,KAAK,KAAK,KAAK,MAAM,QAAQ,YAAY;AAAA,EAC3E,IAAI,UAAU,MAAM,CAAC,OAAO,MAAM,KAAK,KAAK,KAAK,MAAM,QAAQ,YAAY;AAAA,EAC3E,GAAG,UAAU,MAAM,CAAC,OAAO,MAAM,KAAK,KAAK,KAAK,MAAM,QAAQ,YAAY;AAAA,EAC1E,IAAI,UAAU,MAAM,CAAC,OAAO,MAAM,KAAK,KAAK,KAAK,MAAM,QAAQ,YAAY;AAAA,EAC3E,IAAI,UAAU,MAAM,CAAC,OAAO,MAAM,KAAK,KAAK,KAAK,MAAM,QAAQ,YAAY;AAAA,EAC3E,IAAI,UAAU,MAAM,CAAC,OAAO,MAAM,KAAK,KAAK,KAAK,MAAM,QAAQ,YAAY;AAAA,EAC3E,IAAI,UAAU,MAAM,CAAC,OAAO,MAAM,KAAK,KAAK,KAAK,MAAM,QAAQ,YAAY;AAAA,EAC3E,IAAI,UAAU,MAAM,CAAC,OAAO,MAAM,KAAK,KAAK,KAAK,MAAM,QAAQ,YAAY;AAAA,EAC3E,IAAI,UAAU,MAAM,CAAC,OAAO,MAAM,KAAK,KAAK,KAAK,MAAM,QAAQ,YAAY;AAAA,EAC3E,MAAM,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,UAAU,YAAY,iBAAiB;AAAA,EAC9F,OAAO,UAAU,OAAO,YAAY;AAAA;AAGtC,SAAS,YAAY;AAErB,MAAM,mBAAmB,SAAS;AAClC,iBAAiB,YAAY;AAG7B,IAAO,iBAAQ;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,3 @@
+import * as React from "react";
+export * from "./Header";
+//# 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.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './Header';\n"],
+  "mappings": "AAAA;ACAA;",
+  "names": []
+}

package/package.json

@@ -1,19 +1,22 @@
 {
   "name": "@elliemae/ds-header",
-  "version": "2.3.0-next.0",
+  "version": "3.0.0-alpha.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Header",
-  "module": "./esm/index.js",
-  "main": "./cjs/index.js",
-  "types": "./types/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./esm/index.js",
-      "require": "./cjs/index.js"
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
     },
     "./Header": {
-      "import": "./esm/Header.js",
-      "require": "./cjs/Header.js"
+      "import": "./dist/esm/Header.js",
+      "require": "./dist/cjs/Header.js"
     }
   },
   "sideEffects": [
@@ -25,18 +28,18 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "npm": ">=7",
-    "node": ">=14"
+    "pnpm": ">=6",
+    "node": ">=16"
   },
   "author": "ICE MT",
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
-    "prebuild": "exit 0",
-    "predev": "exit 0",
-    "build": "node ../../scripts/build/build.js"
+  "jestSonar": {
+    "sonar56x": true,
+    "reportPath": "reports",
+    "reportFile": "tests.xml",
+    "indent": 4
   },
   "dependencies": {
-    "@xstyled/styled-components": "~3.1.1",
+    "@xstyled/styled-components": "~3.1.2",
     "react-desc": "~4.1.3"
   },
   "devDependencies": {
@@ -51,7 +54,12 @@
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist",
-    "generateSubmodules": true
+    "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",
+    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
   }
 }

package/cjs/Header.js

@@ -1,96 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-require('react');
-var reactDesc = require('react-desc');
-var styled = require('styled-components');
-var styledComponents = require('@xstyled/styled-components');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const _excluded = ["color", "fontFamily", "fontSize", "fontWeight", "height", "level", "lineHeight", "text", "width"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const H = /*#__PURE__*/styled__default["default"].h3.withConfig({
-  componentId: "sc-hpgkwz-0"
-})(["font-weight:unset;font-size:unset;line-height:unset;margin:0;padding:0;", " ", " ", ""], styledComponents.space, styledComponents.sizing, styledComponents.typography);
-
-const DSHeader = _ref => {
-  let {
-    color,
-    fontFamily,
-    fontSize,
-    fontWeight,
-    height,
-    level,
-    lineHeight,
-    text,
-    width
-  } = _ref,
-      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
-
-  return /*#__PURE__*/jsxRuntime.jsx(H, _objectSpread(_objectSpread({
-    as: "h".concat(level),
-    color: color,
-    fontFamily: fontFamily,
-    fontSize: fontSize,
-    fontWeight: fontWeight,
-    h: height,
-    lineHeight: lineHeight,
-    w: width,
-    "data-testid": "em-ds-header"
-  }, rest), {}, {
-    children: text
-  }));
-};
-
-DSHeader.defaultProps = {
-  level: 3,
-  lineHeight: 1.2
-};
-const headerProps = {
-  color: reactDesc.PropTypes.string.description('Colors aliases from theme. I.e. `brand.400`'),
-  fontFamily: reactDesc.PropTypes.string.description('font-family aliases from theme. I.e. `default`'),
-  fontSize: reactDesc.PropTypes.string.description('any valid value format. I.e. `16px`'),
-  fontWeight: reactDesc.PropTypes.string.description('any alias from theme. I.e. `semibold`'),
-  height: reactDesc.PropTypes.string.description('any valid value format. I.e. `200px`'),
-  level: reactDesc.PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description('Depth of header tag. I.e. level `2` renders a h2 tag').defaultValue(2),
-  lineHeight: reactDesc.PropTypes.number.description('float numbers for line-height. I.e. 1.5').defaultValue(1.2),
-  m: reactDesc.PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('margin'),
-  mb: reactDesc.PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('margin-bottom'),
-  ml: reactDesc.PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('margin-left'),
-  mr: reactDesc.PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('margin-right'),
-  mt: reactDesc.PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('margin-top'),
-  mx: reactDesc.PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('margin x'),
-  my: reactDesc.PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('margin y'),
-  p: reactDesc.PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('padding'),
-  pb: reactDesc.PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('padding-bottom'),
-  pl: reactDesc.PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('padding-left'),
-  pr: reactDesc.PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('padding-right'),
-  pt: reactDesc.PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('padding-top'),
-  px: reactDesc.PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('padding x'),
-  py: reactDesc.PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('padding y'),
-  text: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.element]).description('Header s text').isRequired,
-  width: reactDesc.PropTypes.string.description('text width')
-};
-const HeaderWithSchema = reactDesc.describe(DSHeader);
-HeaderWithSchema.propTypes = headerProps;
-
-exports.DSHeader = DSHeader;
-exports.HeaderWithSchema = HeaderWithSchema;
-exports["default"] = DSHeader;

package/cjs/index.js

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Header = require('./Header.js');
-
-
-
-exports.DSHeader = Header.DSHeader;
-exports.HeaderWithSchema = Header.HeaderWithSchema;

package/esm/Header.js

@@ -1,84 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import { PropTypes, describe } from 'react-desc';
-import styled from 'styled-components';
-import { space, sizing, typography } from '@xstyled/styled-components';
-import { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["color", "fontFamily", "fontSize", "fontWeight", "height", "level", "lineHeight", "text", "width"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const H = /*#__PURE__*/styled.h3.withConfig({
-  componentId: "sc-hpgkwz-0"
-})(["font-weight:unset;font-size:unset;line-height:unset;margin:0;padding:0;", " ", " ", ""], space, sizing, typography);
-
-const DSHeader = _ref => {
-  let {
-    color,
-    fontFamily,
-    fontSize,
-    fontWeight,
-    height,
-    level,
-    lineHeight,
-    text,
-    width
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/jsx(H, _objectSpread(_objectSpread({
-    as: "h".concat(level),
-    color: color,
-    fontFamily: fontFamily,
-    fontSize: fontSize,
-    fontWeight: fontWeight,
-    h: height,
-    lineHeight: lineHeight,
-    w: width,
-    "data-testid": "em-ds-header"
-  }, rest), {}, {
-    children: text
-  }));
-};
-
-DSHeader.defaultProps = {
-  level: 3,
-  lineHeight: 1.2
-};
-const headerProps = {
-  color: PropTypes.string.description('Colors aliases from theme. I.e. `brand.400`'),
-  fontFamily: PropTypes.string.description('font-family aliases from theme. I.e. `default`'),
-  fontSize: PropTypes.string.description('any valid value format. I.e. `16px`'),
-  fontWeight: PropTypes.string.description('any alias from theme. I.e. `semibold`'),
-  height: PropTypes.string.description('any valid value format. I.e. `200px`'),
-  level: PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description('Depth of header tag. I.e. level `2` renders a h2 tag').defaultValue(2),
-  lineHeight: PropTypes.number.description('float numbers for line-height. I.e. 1.5').defaultValue(1.2),
-  m: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('margin'),
-  mb: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('margin-bottom'),
-  ml: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('margin-left'),
-  mr: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('margin-right'),
-  mt: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('margin-top'),
-  mx: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('margin x'),
-  my: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('margin y'),
-  p: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('padding'),
-  pb: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('padding-bottom'),
-  pl: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('padding-left'),
-  pr: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('padding-right'),
-  pt: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('padding-top'),
-  px: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('padding x'),
-  py: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl']).description('padding y'),
-  text: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description('Header s text').isRequired,
-  width: PropTypes.string.description('text width')
-};
-const HeaderWithSchema = describe(DSHeader);
-HeaderWithSchema.propTypes = headerProps;
-
-export { DSHeader, HeaderWithSchema, DSHeader as default };

package/esm/index.js

@@ -1 +0,0 @@
-export { DSHeader, HeaderWithSchema } from './Header.js';