@elliemae/ds-chat-message-delimeter 3.16.0 → 3.16.1

package/dist/cjs/DSMessageDelimiterDefinitions.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/dist/cjs/DSMessageDelimiterDefinitions.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/DSMessageDelimiterDefinitions.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export const DSMessageDelimiterName = 'DSMessageDelimiter';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,yBAAyB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,yBAAyB;",
   "names": []
 }

package/dist/cjs/MessageDelimiter.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -31,9 +35,9 @@ module.exports = __toCommonJS(MessageDelimiter_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_styled = require("./styled");
-var import_react_desc_prop_types = require("./react-desc-prop-types");
-var import_DSMessageDelimiterDefinitions = require("./DSMessageDelimiterDefinitions");
+var import_styled = require("./styled.js");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_DSMessageDelimiterDefinitions = require("./DSMessageDelimiterDefinitions.js");
 const MessageDelimiter = (props) => {
   const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultProps);
   (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefault, import_react_desc_prop_types.messageDelimiterProps, import_DSMessageDelimiterDefinitions.DSMessageDelimiterName);

package/dist/cjs/MessageDelimiter.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/MessageDelimiter.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport {\n  describe,\n  useGetGlobalAttributes,\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n} from '@elliemae/ds-props-helpers';\nimport { Wrapper, Line, Text } from './styled';\nimport type { DSChatMessageDelimeterT } from './react-desc-prop-types';\nimport { defaultProps, messageDelimiterProps } from './react-desc-prop-types';\nimport { DSMessageDelimiterName } from './DSMessageDelimiterDefinitions';\n\nconst MessageDelimiter: React.ComponentType<DSChatMessageDelimeterT.Props> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSChatMessageDelimeterT.Props>(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, messageDelimiterProps, DSMessageDelimiterName);\n  const globalAttrs = useGetGlobalAttributes(propsWithDefault);\n  const { title, size, verticalMargin } = propsWithDefault;\n  return (\n    <div {...globalAttrs}>\n      <Wrapper cols={['1fr', 'auto', '1fr']}>\n        <Line />\n        <Text size={size} verticalMargin={verticalMargin} data-testid=\"chat-message-delimiter-title\">\n          {title}\n        </Text>\n        <Line />\n      </Wrapper>\n    </div>\n  );\n};\n\nMessageDelimiter.propTypes = messageDelimiterProps as WeakValidationMap<unknown>;\nMessageDelimiter.displayName = DSMessageDelimiterName;\nconst MessageDelimiterWithSchema = describe(MessageDelimiter);\nMessageDelimiterWithSchema.propTypes = messageDelimiterProps as WeakValidationMap<unknown>;\n\nexport { MessageDelimiter, MessageDelimiterWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoBjB;AAlBN,8BAKO;AACP,oBAAoC;AAEpC,mCAAoD;AACpD,2CAAuC;AAEvC,MAAM,mBAAuE,CAAC,UAAU;AACtF,QAAM,uBAAmB,sDAA4D,OAAO,yCAAY;AACxG,8DAA+B,kBAAkB,oDAAuB,2DAAsB;AAC9F,QAAM,kBAAc,gDAAuB,gBAAgB;AAC3D,QAAM,EAAE,OAAO,MAAM,eAAe,IAAI;AACxC,SACE,4CAAC,SAAK,GAAG,aACP,uDAAC,yBAAQ,MAAM,CAAC,OAAO,QAAQ,KAAK,GAClC;AAAA,gDAAC,sBAAK;AAAA,IACN,4CAAC,sBAAK,MAAY,gBAAgC,eAAY,gCAC3D,iBACH;AAAA,IACA,4CAAC,sBAAK;AAAA,KACR,GACF;AAEJ;AAEA,iBAAiB,YAAY;AAC7B,iBAAiB,cAAc;AAC/B,MAAM,iCAA6B,kCAAS,gBAAgB;AAC5D,2BAA2B,YAAY;",
+  "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport {\n  describe,\n  useGetGlobalAttributes,\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n} from '@elliemae/ds-props-helpers';\nimport { Wrapper, Line, Text } from './styled.js';\nimport type { DSChatMessageDelimeterT } from './react-desc-prop-types.js';\nimport { defaultProps, messageDelimiterProps } from './react-desc-prop-types.js';\nimport { DSMessageDelimiterName } from './DSMessageDelimiterDefinitions.js';\n\nconst MessageDelimiter: React.ComponentType<DSChatMessageDelimeterT.Props> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSChatMessageDelimeterT.Props>(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, messageDelimiterProps, DSMessageDelimiterName);\n  const globalAttrs = useGetGlobalAttributes(propsWithDefault);\n  const { title, size, verticalMargin } = propsWithDefault;\n  return (\n    <div {...globalAttrs}>\n      <Wrapper cols={['1fr', 'auto', '1fr']}>\n        <Line />\n        <Text size={size} verticalMargin={verticalMargin} data-testid=\"chat-message-delimiter-title\">\n          {title}\n        </Text>\n        <Line />\n      </Wrapper>\n    </div>\n  );\n};\n\nMessageDelimiter.propTypes = messageDelimiterProps as WeakValidationMap<unknown>;\nMessageDelimiter.displayName = DSMessageDelimiterName;\nconst MessageDelimiterWithSchema = describe(MessageDelimiter);\nMessageDelimiterWithSchema.propTypes = messageDelimiterProps as WeakValidationMap<unknown>;\n\nexport { MessageDelimiter, MessageDelimiterWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoBjB;AAlBN,8BAKO;AACP,oBAAoC;AAEpC,mCAAoD;AACpD,2CAAuC;AAEvC,MAAM,mBAAuE,CAAC,UAAU;AACtF,QAAM,uBAAmB,sDAA4D,OAAO,yCAAY;AACxG,8DAA+B,kBAAkB,oDAAuB,2DAAsB;AAC9F,QAAM,kBAAc,gDAAuB,gBAAgB;AAC3D,QAAM,EAAE,OAAO,MAAM,eAAe,IAAI;AACxC,SACE,4CAAC,SAAK,GAAG,aACP,uDAAC,yBAAQ,MAAM,CAAC,OAAO,QAAQ,KAAK,GAClC;AAAA,gDAAC,sBAAK;AAAA,IACN,4CAAC,sBAAK,MAAY,gBAAgC,eAAY,gCAC3D,iBACH;AAAA,IACA,4CAAC,sBAAK;AAAA,KACR,GACF;AAEJ;AAEA,iBAAiB,YAAY;AAC7B,iBAAiB,cAAc;AAC/B,MAAM,iCAA6B,kCAAS,gBAAgB;AAC5D,2BAA2B,YAAY;",
   "names": []
 }

package/dist/cjs/index.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -29,5 +33,5 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
-var import_MessageDelimiter = require("./MessageDelimiter");
+var import_MessageDelimiter = require("./MessageDelimiter.js");
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type {} from '@elliemae/ds-props-helpers';\nexport { MessageDelimiter, MessageDelimiterWithSchema } from './MessageDelimiter';\nexport type { DSChatMessageDelimeterT } from './react-desc-prop-types';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAA6D;",
+  "sourcesContent": ["import type {} from '@elliemae/ds-props-helpers';\nexport { MessageDelimiter, MessageDelimiterWithSchema } from './MessageDelimiter.js';\nexport type { DSChatMessageDelimeterT } from './react-desc-prop-types.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAA6D;",
   "names": []
 }

package/dist/cjs/package.json

@@ -0,0 +1,4 @@
+{
+  "type": "commonjs",
+  "sideEffects": false
+}

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

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

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 { PropTypes, globalAttributesPropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSChatMessageDelimeterT {\n  export interface RequiredProps {\n    title: string;\n  }\n\n  export interface DefaultProps extends Record<string, unknown> {\n    size?: 's' | 'l';\n    verticalMargin?: number | string | undefined;\n  }\n\n  export interface Props extends DefaultProps, RequiredProps, Record<string, unknown> {}\n}\n\nexport const defaultProps: DSChatMessageDelimeterT.DefaultProps = {\n  size: 's',\n  verticalMargin: 0,\n};\n\nexport const messageDelimiterProps = {\n  ...globalAttributesPropTypes,\n  title: PropTypes.string.isRequired.description('Text to display in the delimiter'),\n  size: PropTypes.oneOf(['s', 'l']).description('size of the delimiter').defaultValue('s'),\n  verticalMargin: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n    'Configurable css vertical margin property for flexibilty',\n  ),\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAqD;AAe9C,MAAM,eAAqD;AAAA,EAChE,MAAM;AAAA,EACN,gBAAgB;AAClB;AAEO,MAAM,wBAAwB;AAAA,EACnC,GAAG;AAAA,EACH,OAAO,kCAAU,OAAO,WAAW,YAAY,kCAAkC;AAAA,EACjF,MAAM,kCAAU,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,YAAY,uBAAuB,EAAE,aAAa,GAAG;AAAA,EACvF,gBAAgB,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,MAAM,CAAC,EAAE;AAAA,IACxE;AAAA,EACF;AACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAqD;AAe9C,MAAM,eAAqD;AAAA,EAChE,MAAM;AAAA,EACN,gBAAgB;AAClB;AAEO,MAAM,wBAAwB;AAAA,EACnC,GAAG;AAAA,EACH,OAAO,kCAAU,OAAO,WAAW,YAAY,kCAAkC;AAAA,EACjF,MAAM,kCAAU,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,YAAY,uBAAuB,EAAE,aAAa,GAAG;AAAA,EACvF,gBAAgB,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,MAAM,CAAC,EAAE;AAAA,IACxE;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/cjs/styled.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/dist/cjs/styled.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/styled.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { Grid } from '@elliemae/ds-grid';\nimport { styled } from '@elliemae/ds-system';\nimport type { DSChatMessageDelimeterT } from './react-desc-prop-types';\n\nexport const Wrapper = styled(Grid)`\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  min-height: 8px;\n`;\n\nexport const Line = styled.span`\n  border-top: 1px solid ${(props) => props.theme.colors.neutral['400']};\n`;\n\nexport const Text = styled.p<DSChatMessageDelimeterT.DefaultProps>`\n  color: ${(props) => props.theme.colors.neutral['600']};\n  font-size: ${(props) => (props.size === 's' ? '12px' : '14px')};\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  ${({ verticalMargin }) => `margin: ${verticalMargin}px 8px`};\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qBAAqB;AACrB,uBAAuB;AAGhB,MAAM,cAAU,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAO3B,MAAM,OAAO,wBAAO;AAAA,0BACD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAGzD,MAAM,OAAO,wBAAO;AAAA,WAChB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,eAClC,CAAC,UAAW,MAAM,SAAS,MAAM,SAAS;AAAA,iBACxC,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,IAChD,CAAC,EAAE,eAAe,MAAM,WAAW;AAAA;",
+  "sourcesContent": ["import { Grid } from '@elliemae/ds-grid';\nimport { styled } from '@elliemae/ds-system';\nimport type { DSChatMessageDelimeterT } from './react-desc-prop-types.js';\n\nexport const Wrapper = styled(Grid)`\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  min-height: 8px;\n`;\n\nexport const Line = styled.span`\n  border-top: 1px solid ${(props) => props.theme.colors.neutral['400']};\n`;\n\nexport const Text = styled.p<DSChatMessageDelimeterT.DefaultProps>`\n  color: ${(props) => props.theme.colors.neutral['600']};\n  font-size: ${(props) => (props.size === 's' ? '12px' : '14px')};\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  ${({ verticalMargin }) => `margin: ${verticalMargin}px 8px`};\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qBAAqB;AACrB,uBAAuB;AAGhB,MAAM,cAAU,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAO3B,MAAM,OAAO,wBAAO;AAAA,0BACD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAG9D,MAAM,OAAO,wBAAO;AAAA,WAChB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA,eACvC,CAAC,UAAW,MAAM,SAAS,MAAM,SAAS;AAAA,iBACxC,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,IAChD,CAAC,EAAE,eAAe,MAAM,WAAW;AAAA;",
   "names": []
 }

package/dist/esm/MessageDelimiter.js

@@ -6,9 +6,9 @@ import {
   useValidateTypescriptPropTypes,
   useMemoMergePropsWithDefault
 } from "@elliemae/ds-props-helpers";
-import { Wrapper, Line, Text } from "./styled";
-import { defaultProps, messageDelimiterProps } from "./react-desc-prop-types";
-import { DSMessageDelimiterName } from "./DSMessageDelimiterDefinitions";
+import { Wrapper, Line, Text } from "./styled.js";
+import { defaultProps, messageDelimiterProps } from "./react-desc-prop-types.js";
+import { DSMessageDelimiterName } from "./DSMessageDelimiterDefinitions.js";
 const MessageDelimiter = (props) => {
   const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
   useValidateTypescriptPropTypes(propsWithDefault, messageDelimiterProps, DSMessageDelimiterName);

package/dist/esm/MessageDelimiter.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/MessageDelimiter.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport {\n  describe,\n  useGetGlobalAttributes,\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n} from '@elliemae/ds-props-helpers';\nimport { Wrapper, Line, Text } from './styled';\nimport type { DSChatMessageDelimeterT } from './react-desc-prop-types';\nimport { defaultProps, messageDelimiterProps } from './react-desc-prop-types';\nimport { DSMessageDelimiterName } from './DSMessageDelimiterDefinitions';\n\nconst MessageDelimiter: React.ComponentType<DSChatMessageDelimeterT.Props> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSChatMessageDelimeterT.Props>(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, messageDelimiterProps, DSMessageDelimiterName);\n  const globalAttrs = useGetGlobalAttributes(propsWithDefault);\n  const { title, size, verticalMargin } = propsWithDefault;\n  return (\n    <div {...globalAttrs}>\n      <Wrapper cols={['1fr', 'auto', '1fr']}>\n        <Line />\n        <Text size={size} verticalMargin={verticalMargin} data-testid=\"chat-message-delimiter-title\">\n          {title}\n        </Text>\n        <Line />\n      </Wrapper>\n    </div>\n  );\n};\n\nMessageDelimiter.propTypes = messageDelimiterProps as WeakValidationMap<unknown>;\nMessageDelimiter.displayName = DSMessageDelimiterName;\nconst MessageDelimiterWithSchema = describe(MessageDelimiter);\nMessageDelimiterWithSchema.propTypes = messageDelimiterProps as WeakValidationMap<unknown>;\n\nexport { MessageDelimiter, MessageDelimiterWithSchema };\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport {\n  describe,\n  useGetGlobalAttributes,\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n} from '@elliemae/ds-props-helpers';\nimport { Wrapper, Line, Text } from './styled.js';\nimport type { DSChatMessageDelimeterT } from './react-desc-prop-types.js';\nimport { defaultProps, messageDelimiterProps } from './react-desc-prop-types.js';\nimport { DSMessageDelimiterName } from './DSMessageDelimiterDefinitions.js';\n\nconst MessageDelimiter: React.ComponentType<DSChatMessageDelimeterT.Props> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSChatMessageDelimeterT.Props>(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, messageDelimiterProps, DSMessageDelimiterName);\n  const globalAttrs = useGetGlobalAttributes(propsWithDefault);\n  const { title, size, verticalMargin } = propsWithDefault;\n  return (\n    <div {...globalAttrs}>\n      <Wrapper cols={['1fr', 'auto', '1fr']}>\n        <Line />\n        <Text size={size} verticalMargin={verticalMargin} data-testid=\"chat-message-delimiter-title\">\n          {title}\n        </Text>\n        <Line />\n      </Wrapper>\n    </div>\n  );\n};\n\nMessageDelimiter.propTypes = messageDelimiterProps as WeakValidationMap<unknown>;\nMessageDelimiter.displayName = DSMessageDelimiterName;\nconst MessageDelimiterWithSchema = describe(MessageDelimiter);\nMessageDelimiterWithSchema.propTypes = messageDelimiterProps as WeakValidationMap<unknown>;\n\nexport { MessageDelimiter, MessageDelimiterWithSchema };\n"],
   "mappings": "AAAA,YAAY,WAAW;ACoBjB,SACE,KADF;AAlBN;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,SAAS,MAAM,YAAY;AAEpC,SAAS,cAAc,6BAA6B;AACpD,SAAS,8BAA8B;AAEvC,MAAM,mBAAuE,CAAC,UAAU;AACtF,QAAM,mBAAmB,6BAA4D,OAAO,YAAY;AACxG,iCAA+B,kBAAkB,uBAAuB,sBAAsB;AAC9F,QAAM,cAAc,uBAAuB,gBAAgB;AAC3D,QAAM,EAAE,OAAO,MAAM,eAAe,IAAI;AACxC,SACE,oBAAC,SAAK,GAAG,aACP,+BAAC,WAAQ,MAAM,CAAC,OAAO,QAAQ,KAAK,GAClC;AAAA,wBAAC,QAAK;AAAA,IACN,oBAAC,QAAK,MAAY,gBAAgC,eAAY,gCAC3D,iBACH;AAAA,IACA,oBAAC,QAAK;AAAA,KACR,GACF;AAEJ;AAEA,iBAAiB,YAAY;AAC7B,iBAAiB,cAAc;AAC/B,MAAM,6BAA6B,SAAS,gBAAgB;AAC5D,2BAA2B,YAAY;",
   "names": []
 }

package/dist/esm/index.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { MessageDelimiter, MessageDelimiterWithSchema } from "./MessageDelimiter";
+import { MessageDelimiter, MessageDelimiterWithSchema } from "./MessageDelimiter.js";
 export {
   MessageDelimiter,
   MessageDelimiterWithSchema

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type {} from '@elliemae/ds-props-helpers';\nexport { MessageDelimiter, MessageDelimiterWithSchema } from './MessageDelimiter';\nexport type { DSChatMessageDelimeterT } from './react-desc-prop-types';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type {} from '@elliemae/ds-props-helpers';\nexport { MessageDelimiter, MessageDelimiterWithSchema } from './MessageDelimiter.js';\nexport type { DSChatMessageDelimeterT } from './react-desc-prop-types.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,kBAAkB,kCAAkC;",
   "names": []
 }

package/dist/esm/package.json

@@ -0,0 +1,4 @@
+{
+  "type": "module",
+  "sideEffects": false
+}

package/dist/esm/styled.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { Grid } from '@elliemae/ds-grid';\nimport { styled } from '@elliemae/ds-system';\nimport type { DSChatMessageDelimeterT } from './react-desc-prop-types';\n\nexport const Wrapper = styled(Grid)`\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  min-height: 8px;\n`;\n\nexport const Line = styled.span`\n  border-top: 1px solid ${(props) => props.theme.colors.neutral['400']};\n`;\n\nexport const Text = styled.p<DSChatMessageDelimeterT.DefaultProps>`\n  color: ${(props) => props.theme.colors.neutral['600']};\n  font-size: ${(props) => (props.size === 's' ? '12px' : '14px')};\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  ${({ verticalMargin }) => `margin: ${verticalMargin}px 8px`};\n`;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,YAAY;AACrB,SAAS,cAAc;AAGhB,MAAM,UAAU,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAO3B,MAAM,OAAO,OAAO;AAAA,0BACD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAGzD,MAAM,OAAO,OAAO;AAAA,WAChB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,eAClC,CAAC,UAAW,MAAM,SAAS,MAAM,SAAS;AAAA,iBACxC,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,IAChD,CAAC,EAAE,eAAe,MAAM,WAAW;AAAA;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { Grid } from '@elliemae/ds-grid';\nimport { styled } from '@elliemae/ds-system';\nimport type { DSChatMessageDelimeterT } from './react-desc-prop-types.js';\n\nexport const Wrapper = styled(Grid)`\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  min-height: 8px;\n`;\n\nexport const Line = styled.span`\n  border-top: 1px solid ${(props) => props.theme.colors.neutral['400']};\n`;\n\nexport const Text = styled.p<DSChatMessageDelimeterT.DefaultProps>`\n  color: ${(props) => props.theme.colors.neutral['600']};\n  font-size: ${(props) => (props.size === 's' ? '12px' : '14px')};\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  ${({ verticalMargin }) => `margin: ${verticalMargin}px 8px`};\n`;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,YAAY;AACrB,SAAS,cAAc;AAGhB,MAAM,UAAU,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAO3B,MAAM,OAAO,OAAO;AAAA,0BACD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAG9D,MAAM,OAAO,OAAO;AAAA,WAChB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA,eACvC,CAAC,UAAW,MAAM,SAAS,MAAM,SAAS;AAAA,iBACxC,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,IAChD,CAAC,EAAE,eAAe,MAAM,WAAW;AAAA;",
   "names": []
 }

package/dist/types/MessageDelimiter.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { DSChatMessageDelimeterT } from './react-desc-prop-types';
+import type { DSChatMessageDelimeterT } from './react-desc-prop-types.js';
 declare const MessageDelimiter: React.ComponentType<DSChatMessageDelimeterT.Props>;
-declare const MessageDelimiterWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<DSChatMessageDelimeterT.Props>;
+declare const MessageDelimiterWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSChatMessageDelimeterT.Props>;
 export { MessageDelimiter, MessageDelimiterWithSchema };

package/dist/types/index.d.ts

@@ -1,2 +1,2 @@
-export { MessageDelimiter, MessageDelimiterWithSchema } from './MessageDelimiter';
-export type { DSChatMessageDelimeterT } from './react-desc-prop-types';
+export { MessageDelimiter, MessageDelimiterWithSchema } from './MessageDelimiter.js';
+export type { DSChatMessageDelimeterT } from './react-desc-prop-types.js';

package/dist/types/styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { DSChatMessageDelimeterT } from './react-desc-prop-types';
-export declare const Wrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, object, never>;
+import type { DSChatMessageDelimeterT } from './react-desc-prop-types.js';
+export declare const Wrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types.js").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, object, never>;
 export declare const Line: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;
 export declare const Text: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & DSChatMessageDelimeterT.DefaultProps, never>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-chat-message-delimeter",
-  "version": "3.16.0",
+  "version": "3.16.1",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Chat Message Delimeter",
   "files": [
@@ -47,13 +47,13 @@
     "typeSafety": true
   },
   "dependencies": {
-    "@elliemae/ds-grid": "3.16.0",
-    "@elliemae/ds-props-helpers": "3.16.0",
-    "@elliemae/ds-system": "3.16.0",
-    "@elliemae/ds-utilities": "3.16.0"
+    "@elliemae/ds-grid": "3.16.1",
+    "@elliemae/ds-props-helpers": "3.16.1",
+    "@elliemae/ds-system": "3.16.1",
+    "@elliemae/ds-utilities": "3.16.1"
   },
   "devDependencies": {
-    "styled-components": "~5.3.6"
+    "styled-components": "~5.3.9"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",