@elliemae/ds-comments 3.18.0-next.0 → 3.18.0-next.10

package/dist/cjs/styled.js

@@ -0,0 +1,122 @@
+"use strict";
+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(
+  // 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
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var styled_exports = {};
+__export(styled_exports, {
+  CommentCardContent: () => CommentCardContent,
+  CommentCardData: () => CommentCardData,
+  CommentCardHeader: () => CommentCardHeader,
+  CommentCardLeft: () => CommentCardLeft,
+  CommentCardMenu: () => CommentCardMenu,
+  CommentCardName: () => CommentCardName,
+  CommentCardWrapper: () => CommentCardWrapper
+});
+module.exports = __toCommonJS(styled_exports);
+var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
+var import_DSCommentCardDefinitions = require("./config/DSCommentCardDefinitions.js");
+const CommentCardWrapper = (0, import_ds_system.styled)("div", { name: import_DSCommentCardDefinitions.DSCommentCardName, slot: import_DSCommentCardDefinitions.DSCommentCardSlots.ROOT })`
+  min-height: 5.80923rem;
+  min-width: 18.80615rem;
+  margin-left: 1.84615rem;
+  margin-right: 1.84615rem;
+  width: auto;
+  border-radius: 2px;
+  &:focus {
+    outline: none;
+    position: relative;
+
+    &:after {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      pointer-events: none;
+      border-radius: 2px;
+      border: 2px solid brand-700;
+    }
+  }
+  ${({ borderBot, theme }) => {
+  if (borderBot) {
+    return `
+        border-top: solid 0 ${theme.colors.neutral[100]};
+        border-bottom: solid 1px ${theme.colors.neutral[100]};
+        margin-bottom: 1.23077rem;
+      `;
+  }
+  return ``;
+}}
+  ${import_ds_system.xStyledCommonProps}
+`;
+const CommentCardHeader = (0, import_ds_system.styled)("div", { name: import_DSCommentCardDefinitions.DSCommentCardName, slot: import_DSCommentCardDefinitions.DSCommentCardSlots.HEADER })`
+  border-top: solid 1px neutral-100;
+  display: flex;
+  padding: 0.30769rem 0.30769rem 0.30769rem 0.61538rem;
+
+  ${({ borderBottom, theme }) => {
+  if (borderBottom) {
+    return `
+        border-top: solid 0 ${theme.colors.neutral[100]};
+      `;
+  }
+  return ``;
+}}
+`;
+const CommentCardContent = (0, import_ds_system.styled)("div", { name: import_DSCommentCardDefinitions.DSCommentCardName, slot: import_DSCommentCardDefinitions.DSCommentCardSlots.CONTENT })`
+  padding: 0 0.61538rem 0.61538rem 0.61538rem;
+  font-size: 1rem;
+  line-height: ${() => "1.3"};
+  color: neutral-500;
+  button {
+    display: inline-block;
+    height: auto;
+    padding-left: 0.61538rem;
+    padding-right: 0.61538rem;
+  }
+`;
+const CommentCardLeft = (0, import_ds_system.styled)("div", { name: import_DSCommentCardDefinitions.DSCommentCardName, slot: import_DSCommentCardDefinitions.DSCommentCardSlots.LEFT })`
+  flex: 1;
+`;
+const CommentCardName = (0, import_ds_system.styled)("div", { name: import_DSCommentCardDefinitions.DSCommentCardName, slot: import_DSCommentCardDefinitions.DSCommentCardSlots.NAME })`
+  font-size: 1.0769rem;
+  font-weight: 600;
+  color: neutral-700;
+  padding-bottom: 0.15385rem;
+`;
+const CommentCardData = (0, import_ds_system.styled)("div", { name: import_DSCommentCardDefinitions.DSCommentCardName, slot: import_DSCommentCardDefinitions.DSCommentCardSlots.DATA })`
+  font-size: 0.923rem;
+  font-weight: 300;
+  color: neutral-500;
+  span {
+    padding: 0 0.30769rem;
+  }
+`;
+const CommentCardMenu = (0, import_ds_system.styled)("div", { name: import_DSCommentCardDefinitions.DSCommentCardName, slot: import_DSCommentCardDefinitions.DSCommentCardSlots.MENU })``;
+//# 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, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSCommentCardName, DSCommentCardSlots } from './config/DSCommentCardDefinitions.js';\n\nexport const CommentCardWrapper = styled('div', { name: DSCommentCardName, slot: DSCommentCardSlots.ROOT })<{\n  borderBot: boolean;\n}>`\n  min-height: 5.80923rem;\n  min-width: 18.80615rem;\n  margin-left: 1.84615rem;\n  margin-right: 1.84615rem;\n  width: auto;\n  border-radius: 2px;\n  &:focus {\n    outline: none;\n    position: relative;\n\n    &:after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      pointer-events: none;\n      border-radius: 2px;\n      border: 2px solid brand-700;\n    }\n  }\n  ${({ borderBot, theme }) => {\n    if (borderBot) {\n      return `\n        border-top: solid 0 ${theme.colors.neutral[100]};\n        border-bottom: solid 1px ${theme.colors.neutral[100]};\n        margin-bottom: 1.23077rem;\n      `;\n    }\n    return ``;\n  }}\n  ${xStyledCommonProps}\n`;\n\nexport const CommentCardHeader = styled('div', { name: DSCommentCardName, slot: DSCommentCardSlots.HEADER })<{\n  borderBottom: boolean;\n}>`\n  border-top: solid 1px neutral-100;\n  display: flex;\n  padding: 0.30769rem 0.30769rem 0.30769rem 0.61538rem;\n\n  ${({ borderBottom, theme }) => {\n    if (borderBottom) {\n      return `\n        border-top: solid 0 ${theme.colors.neutral[100]};\n      `;\n    }\n    return ``;\n  }}\n`;\n\nexport const CommentCardContent = styled('div', { name: DSCommentCardName, slot: DSCommentCardSlots.CONTENT })`\n  padding: 0 0.61538rem 0.61538rem 0.61538rem;\n  font-size: 1rem;\n  line-height: ${() => '1.3'};\n  color: neutral-500;\n  button {\n    display: inline-block;\n    height: auto;\n    padding-left: 0.61538rem;\n    padding-right: 0.61538rem;\n  }\n`;\n\nexport const CommentCardLeft = styled('div', { name: DSCommentCardName, slot: DSCommentCardSlots.LEFT })`\n  flex: 1;\n`;\n\nexport const CommentCardName = styled('div', { name: DSCommentCardName, slot: DSCommentCardSlots.NAME })`\n  font-size: 1.0769rem;\n  font-weight: 600;\n  color: neutral-700;\n  padding-bottom: 0.15385rem;\n`;\n\nexport const CommentCardData = styled('div', { name: DSCommentCardName, slot: DSCommentCardSlots.DATA })`\n  font-size: 0.923rem;\n  font-weight: 300;\n  color: neutral-500;\n  span {\n    padding: 0 0.30769rem;\n  }\n`;\n\nexport const CommentCardMenu = styled('div', { name: DSCommentCardName, slot: DSCommentCardSlots.MENU })``;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA2C;AAC3C,sCAAsD;AAE/C,MAAM,yBAAqB,yBAAO,OAAO,EAAE,MAAM,mDAAmB,MAAM,mDAAmB,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAyBtG,CAAC,EAAE,WAAW,MAAM,MAAM;AAC1B,MAAI,WAAW;AACb,WAAO;AAAA,8BACiB,MAAM,OAAO,QAAQ,GAAG;AAAA,mCACnB,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA;AAAA,EAGvD;AACA,SAAO;AACT;AAAA,IACE;AAAA;AAGG,MAAM,wBAAoB,yBAAO,OAAO,EAAE,MAAM,mDAAmB,MAAM,mDAAmB,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,IAOvG,CAAC,EAAE,cAAc,MAAM,MAAM;AAC7B,MAAI,cAAc;AAChB,WAAO;AAAA,8BACiB,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA,EAElD;AACA,SAAO;AACT;AAAA;AAGK,MAAM,yBAAqB,yBAAO,OAAO,EAAE,MAAM,mDAAmB,MAAM,mDAAmB,QAAQ,CAAC;AAAA;AAAA;AAAA,iBAG5F,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUhB,MAAM,sBAAkB,yBAAO,OAAO,EAAE,MAAM,mDAAmB,MAAM,mDAAmB,KAAK,CAAC;AAAA;AAAA;AAIhG,MAAM,sBAAkB,yBAAO,OAAO,EAAE,MAAM,mDAAmB,MAAM,mDAAmB,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAOhG,MAAM,sBAAkB,yBAAO,OAAO,EAAE,MAAM,mDAAmB,MAAM,mDAAmB,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAShG,MAAM,sBAAkB,yBAAO,OAAO,EAAE,MAAM,mDAAmB,MAAM,mDAAmB,KAAK,CAAC;",
+  "names": []
+}

package/dist/esm/DSCommentCard.js

@@ -0,0 +1,133 @@
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { describe } from "@elliemae/ds-props-helpers";
+import { DSReadMore } from "@elliemae/ds-read-more";
+import {
+  CommentCardWrapper,
+  CommentCardHeader,
+  CommentCardContent,
+  CommentCardName,
+  CommentCardData,
+  CommentCardMenu,
+  CommentCardLeft
+} from "./styled.js";
+import { DSCommentCardName } from "./config/DSCommentCardDefinitions.js";
+import { useCommentCard } from "./config/useCommentCard.js";
+import { DSCommentCardPropTypesSchema } from "./react-desc-prop-types.js";
+import { DeprecatedMenu } from "./DeprecatedMenu.js";
+const DSCommentCard = (props) => {
+  const {
+    propsWithDefault: {
+      containerProps,
+      name,
+      type,
+      content,
+      style,
+      borderBottom,
+      maxLines,
+      options,
+      selection,
+      customDropdownMenuProps,
+      Menu,
+      menuProps
+    },
+    xstyledProps,
+    getOwnerProps,
+    getOwnerPropsArguments,
+    displayDate,
+    displayTime
+  } = useCommentCard(props);
+  return /* @__PURE__ */ jsxs(
+    CommentCardWrapper,
+    {
+      className: `em-ds-comments__comment-card-wrapper em-ds-comments__comment-card-wrapper--default${borderBottom ? "em-ds-comments__comment-card-wrapper--borderBottom" : ""}`,
+      borderBot: borderBottom,
+      tabIndex: 0,
+      role: "listitem",
+      ...containerProps,
+      ...xstyledProps,
+      style: { ...style, ...containerProps.style || {} },
+      getOwnerProps,
+      getOwnerPropsArguments,
+      children: [
+        /* @__PURE__ */ jsxs(
+          CommentCardHeader,
+          {
+            className: `em-ds-comments__comment-card-header em-ds-comments__comment-card-header--default${borderBottom ? "em-ds-comments__comment-card-header--borderBottom" : ""}`,
+            borderBottom,
+            getOwnerProps,
+            getOwnerPropsArguments,
+            children: [
+              /* @__PURE__ */ jsxs(
+                CommentCardLeft,
+                {
+                  className: "em-ds-comments__comment-card-left",
+                  getOwnerProps,
+                  getOwnerPropsArguments,
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      CommentCardName,
+                      {
+                        className: "em-ds-comments__comment-card-name",
+                        getOwnerProps,
+                        getOwnerPropsArguments,
+                        children: name
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs(
+                      CommentCardData,
+                      {
+                        className: "em-ds-comments__comment-card-data",
+                        getOwnerProps,
+                        getOwnerPropsArguments,
+                        children: [
+                          displayDate,
+                          displayTime && /* @__PURE__ */ jsxs(Fragment, { children: [
+                            /* @__PURE__ */ jsx("span", { children: "\u2022" }),
+                            displayTime
+                          ] }),
+                          type && /* @__PURE__ */ jsxs(Fragment, { children: [
+                            /* @__PURE__ */ jsx("span", { children: "\u2022" }),
+                            type
+                          ] })
+                        ]
+                      }
+                    )
+                  ]
+                }
+              ),
+              options && options.length > 0 && /* @__PURE__ */ jsx(
+                DeprecatedMenu,
+                {
+                  getOwnerProps,
+                  getOwnerPropsArguments,
+                  options,
+                  selection,
+                  customDropdownMenuProps
+                }
+              ),
+              Menu && /* @__PURE__ */ jsx(CommentCardMenu, { getOwnerProps, getOwnerPropsArguments, children: /* @__PURE__ */ jsx(Menu, { ...menuProps }) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          CommentCardContent,
+          {
+            className: "em-ds-comments__comment-card-content",
+            getOwnerProps,
+            getOwnerPropsArguments,
+            children: /* @__PURE__ */ jsx(DSReadMore, { lines: maxLines, content: `${content} `, more: "MORE", less: "LESS", ellipsis: "... " })
+          }
+        )
+      ]
+    }
+  );
+};
+DSCommentCard.displayName = DSCommentCardName;
+const DSCommentCardWithSchema = describe(DSCommentCard);
+DSCommentCardWithSchema.propTypes = DSCommentCardPropTypesSchema;
+export {
+  DSCommentCard,
+  DSCommentCardWithSchema
+};
+//# sourceMappingURL=DSCommentCard.js.map

package/dist/esm/DSCommentCard.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSCommentCard.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { DSReadMore } from '@elliemae/ds-read-more';\nimport {\n  CommentCardWrapper,\n  CommentCardHeader,\n  CommentCardContent,\n  CommentCardName,\n  CommentCardData,\n  CommentCardMenu,\n  CommentCardLeft,\n} from './styled.js';\nimport { DSCommentCardName } from './config/DSCommentCardDefinitions.js';\nimport { useCommentCard } from './config/useCommentCard.js';\nimport { DSCommentCardPropTypesSchema, type DSCommentCardT } from './react-desc-prop-types.js';\nimport { DeprecatedMenu } from './DeprecatedMenu.js';\n\nexport const DSCommentCard: React.ComponentType<DSCommentCardT.Props> = (props) => {\n  const {\n    propsWithDefault: {\n      containerProps,\n      name,\n      type,\n      content,\n      style,\n      borderBottom,\n      maxLines,\n      options,\n      selection,\n      customDropdownMenuProps,\n      Menu,\n      menuProps,\n    },\n    xstyledProps,\n    getOwnerProps,\n    getOwnerPropsArguments,\n    displayDate,\n    displayTime,\n  } = useCommentCard(props);\n\n  return (\n    <CommentCardWrapper\n      className={`em-ds-comments__comment-card-wrapper em-ds-comments__comment-card-wrapper--default${\n        borderBottom ? 'em-ds-comments__comment-card-wrapper--borderBottom' : ''\n      }`}\n      borderBot={borderBottom}\n      tabIndex={0}\n      role=\"listitem\"\n      {...containerProps}\n      {...xstyledProps}\n      style={{ ...style, ...(containerProps.style || {}) }}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      <CommentCardHeader\n        className={`em-ds-comments__comment-card-header em-ds-comments__comment-card-header--default${\n          borderBottom ? 'em-ds-comments__comment-card-header--borderBottom' : ''\n        }`}\n        borderBottom={borderBottom}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        <CommentCardLeft\n          className=\"em-ds-comments__comment-card-left\"\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          <CommentCardName\n            className=\"em-ds-comments__comment-card-name\"\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\n            {name}\n          </CommentCardName>\n          <CommentCardData\n            className=\"em-ds-comments__comment-card-data\"\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\n            {displayDate}\n            {displayTime && (\n              <>\n                <span>\u2022</span>\n                {displayTime}\n              </>\n            )}\n            {type && (\n              <>\n                <span>\u2022</span>\n                {type}\n              </>\n            )}\n          </CommentCardData>\n        </CommentCardLeft>\n        {options && options.length > 0 && (\n          <DeprecatedMenu\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n            options={options}\n            selection={selection}\n            customDropdownMenuProps={customDropdownMenuProps}\n          />\n        )}\n        {Menu && (\n          <CommentCardMenu getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n            <Menu {...menuProps} />\n          </CommentCardMenu>\n        )}\n      </CommentCardHeader>\n      <CommentCardContent\n        className=\"em-ds-comments__comment-card-content\"\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        <DSReadMore lines={maxLines} content={`${content} `} more=\"MORE\" less=\"LESS\" ellipsis=\"... \" />\n      </CommentCardContent>\n    </CommentCardWrapper>\n  );\n};\n\nDSCommentCard.displayName = DSCommentCardName;\nexport const DSCommentCardWithSchema = describe(DSCommentCard);\nDSCommentCardWithSchema.propTypes = DSCommentCardPropTypesSchema;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACoEb,SAcI,UAdJ,KAcI,YAdJ;AAlEV,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AAC3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,yBAAyB;AAClC,SAAS,sBAAsB;AAC/B,SAAS,oCAAyD;AAClE,SAAS,sBAAsB;AAExB,MAAM,gBAA2D,CAAC,UAAU;AACjF,QAAM;AAAA,IACJ,kBAAkB;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,eAAe,KAAK;AAExB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,qFACT,eAAe,uDAAuD;AAAA,MAExE,WAAW;AAAA,MACX,UAAU;AAAA,MACV,MAAK;AAAA,MACJ,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,OAAO,EAAE,GAAG,OAAO,GAAI,eAAe,SAAS,CAAC,EAAG;AAAA,MACnD;AAAA,MACA;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,mFACT,eAAe,sDAAsD;AAAA,YAEvE;AAAA,YACA;AAAA,YACA;AAAA,YAEA;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAU;AAAA,kBACV;AAAA,kBACA;AAAA,kBAEA;AAAA;AAAA,sBAAC;AAAA;AAAA,wBACC,WAAU;AAAA,wBACV;AAAA,wBACA;AAAA,wBAEC;AAAA;AAAA,oBACH;AAAA,oBACA;AAAA,sBAAC;AAAA;AAAA,wBACC,WAAU;AAAA,wBACV;AAAA,wBACA;AAAA,wBAEC;AAAA;AAAA,0BACA,eACC,iCACE;AAAA,gDAAC,UAAK,oBAAC;AAAA,4BACN;AAAA,6BACH;AAAA,0BAED,QACC,iCACE;AAAA,gDAAC,UAAK,oBAAC;AAAA,4BACN;AAAA,6BACH;AAAA;AAAA;AAAA,oBAEJ;AAAA;AAAA;AAAA,cACF;AAAA,cACC,WAAW,QAAQ,SAAS,KAC3B;AAAA,gBAAC;AAAA;AAAA,kBACC;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA;AAAA,cACF;AAAA,cAED,QACC,oBAAC,mBAAgB,eAA8B,wBAC7C,8BAAC,QAAM,GAAG,WAAW,GACvB;AAAA;AAAA;AAAA,QAEJ;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV;AAAA,YACA;AAAA,YAEA,8BAAC,cAAW,OAAO,UAAU,SAAS,GAAG,YAAY,MAAK,QAAO,MAAK,QAAO,UAAS,QAAO;AAAA;AAAA,QAC/F;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,cAAc,cAAc;AACrB,MAAM,0BAA0B,SAAS,aAAa;AAC7D,wBAAwB,YAAY;",
+  "names": []
+}

package/dist/esm/DeprecatedMenu.js

@@ -0,0 +1,43 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { useCallback, useRef } from "react";
+import { DSButtonV2 } from "@elliemae/ds-button-v2";
+import DSDropdownMenu from "@elliemae/ds-dropdownmenu";
+import { MoreOptionsVert } from "@elliemae/ds-icons";
+import { CommentCardMenu } from "./styled.js";
+const DeprecatedMenu = ({
+  getOwnerProps,
+  getOwnerPropsArguments,
+  customDropdownMenuProps,
+  options,
+  selection
+}) => {
+  const ref = useRef(null);
+  const handleCloseMenu = useCallback(() => {
+    ref.current?.focus();
+    return null;
+  }, []);
+  return /* @__PURE__ */ jsx(
+    CommentCardMenu,
+    {
+      className: "em-ds-comments__comment-card-menu",
+      getOwnerProps,
+      getOwnerPropsArguments,
+      children: /* @__PURE__ */ jsx(
+        DSDropdownMenu,
+        {
+          ...customDropdownMenuProps,
+          onClose: handleCloseMenu,
+          options,
+          selection,
+          triggerComponent: /* @__PURE__ */ jsx(DSButtonV2, { buttonType: "icon", innerRef: ref, "aria-label": "More options", "aria-haspopup": "menu", children: /* @__PURE__ */ jsx(MoreOptionsVert, {}) }),
+          zIndex: 11
+        }
+      )
+    }
+  );
+};
+export {
+  DeprecatedMenu
+};
+//# sourceMappingURL=DeprecatedMenu.js.map

package/dist/esm/DeprecatedMenu.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DeprecatedMenu.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { useCallback, useRef } from 'react';\nimport { DSButtonV2 } from '@elliemae/ds-button-v2';\nimport DSDropdownMenu from '@elliemae/ds-dropdownmenu';\nimport { MoreOptionsVert } from '@elliemae/ds-icons';\nimport { CommentCardMenu } from './styled.js';\n\ninterface DeprecatedMenuProps {\n  getOwnerProps: () => object;\n  getOwnerPropsArguments: () => object;\n  options: unknown[];\n  selection: unknown;\n  customDropdownMenuProps: Record<string, unknown>;\n}\n\nexport const DeprecatedMenu: React.ComponentType<DeprecatedMenuProps> = ({\n  getOwnerProps,\n  getOwnerPropsArguments,\n  customDropdownMenuProps,\n  options,\n  selection,\n}) => {\n  const ref = useRef<HTMLButtonElement | null>(null);\n\n  const handleCloseMenu = useCallback(() => {\n    ref.current?.focus();\n    return null;\n  }, []);\n\n  return (\n    <CommentCardMenu\n      className=\"em-ds-comments__comment-card-menu\"\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      <DSDropdownMenu\n        {...customDropdownMenuProps}\n        onClose={handleCloseMenu}\n        options={options}\n        selection={selection}\n        triggerComponent={\n          <DSButtonV2 buttonType=\"icon\" innerRef={ref} aria-label=\"More options\" aria-haspopup=\"menu\">\n            <MoreOptionsVert />\n          </DSButtonV2>\n        }\n        zIndex={11} // https://jira.elliemae.io/browse/PUI-1664\n      />\n    </CommentCardMenu>\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC2CX;AAzCZ,SAAS,aAAa,cAAc;AACpC,SAAS,kBAAkB;AAC3B,OAAO,oBAAoB;AAC3B,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAUzB,MAAM,iBAA2D,CAAC;AAAA,EACvE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,MAAM,OAAiC,IAAI;AAEjD,QAAM,kBAAkB,YAAY,MAAM;AACxC,QAAI,SAAS,MAAM;AACnB,WAAO;AAAA,EACT,GAAG,CAAC,CAAC;AAEL,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV;AAAA,MACA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACE,GAAG;AAAA,UACJ,SAAS;AAAA,UACT;AAAA,UACA;AAAA,UACA,kBACE,oBAAC,cAAW,YAAW,QAAO,UAAU,KAAK,cAAW,gBAAe,iBAAc,QACnF,8BAAC,mBAAgB,GACnB;AAAA,UAEF,QAAQ;AAAA;AAAA,MACV;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}

package/dist/esm/config/DSCommentCardDefinitions.js

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { slotObjectToDataTestIds } from "@elliemae/ds-system";
+const DSCommentCardName = "DSCommentCard";
+const DSCommentCardSlots = {
+  ROOT: "root",
+  HEADER: "header",
+  CONTENT: "content",
+  LEFT: "left",
+  NAME: "name",
+  DATA: "data",
+  MENU: "menu"
+};
+const DSCommentCardDataTestIds = slotObjectToDataTestIds(DSCommentCardName, DSCommentCardSlots);
+export {
+  DSCommentCardDataTestIds,
+  DSCommentCardName,
+  DSCommentCardSlots
+};
+//# sourceMappingURL=DSCommentCardDefinitions.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/DSCommentCardDefinitions.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSCommentCardName = 'DSCommentCard';\n\nexport const DSCommentCardSlots = {\n  ROOT: 'root',\n  HEADER: 'header',\n  CONTENT: 'content',\n  LEFT: 'left',\n  NAME: 'name',\n  DATA: 'data',\n  MENU: 'menu',\n};\n\nexport const DSCommentCardDataTestIds = slotObjectToDataTestIds(DSCommentCardName, DSCommentCardSlots);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AAEjC,MAAM,oBAAoB;AAE1B,MAAM,qBAAqB;AAAA,EAChC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACR;AAEO,MAAM,2BAA2B,wBAAwB,mBAAmB,kBAAkB;",
+  "names": []
+}

package/dist/esm/config/useCommentCard.js

@@ -0,0 +1,27 @@
+import * as React from "react";
+import { useCallback } from "react";
+import { omit } from "lodash";
+import { useGetXstyledProps, useMemoMergePropsWithDefault } from "@elliemae/ds-props-helpers";
+import { getTime, getDisplayDate } from "../helpers.js";
+import { defaultProps } from "../react-desc-prop-types.js";
+const useCommentCard = (props) => {
+  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
+  const { date, dateFormat, timeFormat } = propsWithDefault;
+  const xstyledProps = useGetXstyledProps(omit(propsWithDefault, "borderBottom"));
+  const displayDate = date ? getDisplayDate(date, dateFormat) : null;
+  const displayTime = date ? getTime(date, timeFormat) : null;
+  const getOwnerProps = useCallback(() => propsWithDefault, [propsWithDefault]);
+  const getOwnerPropsArguments = useCallback(() => ({}), []);
+  return {
+    propsWithDefault,
+    xstyledProps,
+    getOwnerProps,
+    getOwnerPropsArguments,
+    displayDate,
+    displayTime
+  };
+};
+export {
+  useCommentCard
+};
+//# sourceMappingURL=useCommentCard.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useCommentCard.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useCallback } from 'react';\nimport { omit } from 'lodash';\nimport { useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { getTime, getDisplayDate } from '../helpers.js';\nimport { type DSCommentCardT, defaultProps } from '../react-desc-prop-types.js';\n\nexport const useCommentCard = (props: DSCommentCardT.Props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSCommentCardT.InternalProps>(props, defaultProps);\n  const { date, dateFormat, timeFormat } = propsWithDefault;\n\n  const xstyledProps = useGetXstyledProps(omit(propsWithDefault, 'borderBottom'));\n\n  const displayDate = date ? getDisplayDate(date, dateFormat) : null;\n  const displayTime = date ? getTime(date, timeFormat) : null;\n\n  const getOwnerProps = useCallback(() => propsWithDefault, [propsWithDefault]);\n  const getOwnerPropsArguments = useCallback(() => ({}), []);\n\n  return {\n    propsWithDefault,\n    xstyledProps,\n    getOwnerProps,\n    getOwnerPropsArguments,\n    displayDate,\n    displayTime,\n  };\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,mBAAmB;AAC5B,SAAS,YAAY;AACrB,SAAS,oBAAoB,oCAAoC;AACjE,SAAS,SAAS,sBAAsB;AACxC,SAA8B,oBAAoB;AAE3C,MAAM,iBAAiB,CAAC,UAAgC;AAC7D,QAAM,mBAAmB,6BAA2D,OAAO,YAAY;AACvG,QAAM,EAAE,MAAM,YAAY,WAAW,IAAI;AAEzC,QAAM,eAAe,mBAAmB,KAAK,kBAAkB,cAAc,CAAC;AAE9E,QAAM,cAAc,OAAO,eAAe,MAAM,UAAU,IAAI;AAC9D,QAAM,cAAc,OAAO,QAAQ,MAAM,UAAU,IAAI;AAEvD,QAAM,gBAAgB,YAAY,MAAM,kBAAkB,CAAC,gBAAgB,CAAC;AAC5E,QAAM,yBAAyB,YAAY,OAAO,CAAC,IAAI,CAAC,CAAC;AAEzD,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/esm/{components/helper.js → helpers.js}

@@ -14,4 +14,4 @@ export {
   getMaxSize,
   getTime
 };
-//# sourceMappingURL=helper.js.map
+//# sourceMappingURL=helpers.js.map

package/dist/esm/helpers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/helpers.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import moment from 'moment';\n\nexport function getMaxSize() {\n  return 113;\n}\nexport function getTime(date: Date, formatString = 'hh:mm a') {\n  return moment(date).format(formatString);\n}\nexport function getDisplayDate(date: Date, formatString = 'MM/DD/YYYY') {\n  return moment(date).format(formatString);\n}\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAO,YAAY;AAEZ,SAAS,aAAa;AAC3B,SAAO;AACT;AACO,SAAS,QAAQ,MAAY,eAAe,WAAW;AAC5D,SAAO,OAAO,IAAI,EAAE,OAAO,YAAY;AACzC;AACO,SAAS,eAAe,MAAY,eAAe,cAAc;AACtE,SAAO,OAAO,IAAI,EAAE,OAAO,YAAY;AACzC;",
+  "names": []
+}

package/dist/esm/index.js

@@ -1,9 +1,13 @@
 import * as React from "react";
-import DSComments, { DSCommentCardWithSchema } from "./components/DSComments.js";
-const { DSCommentCard } = DSComments;
+import { DSCommentCard } from "./DSCommentCard.js";
+import { DSCommentCard as DSCommentCard2, DSCommentCardWithSchema } from "./DSCommentCard.js";
+import { DSCommentCardName, DSCommentCardSlots, DSCommentCardDataTestIds } from "./config/DSCommentCardDefinitions.js";
 var src_default = DSCommentCard;
 export {
-  DSCommentCard,
+  DSCommentCard2 as DSCommentCard,
+  DSCommentCardDataTestIds,
+  DSCommentCardName,
+  DSCommentCardSlots,
   DSCommentCardWithSchema,
   src_default as default
 };

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 DSComments, { DSCommentCardWithSchema } from './components/DSComments.js';\n\nexport const { DSCommentCard } = DSComments;\nexport default DSCommentCard;\nexport { DSCommentCardWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAO,cAAc,+BAA+B;AAE7C,MAAM,EAAE,cAAc,IAAI;AACjC,IAAO,cAAQ;",
-  "names": []
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// Workaround for TS2742\nimport type {} from '@xstyled/system';\nimport type {} from '@xstyled/util';\n\nimport { DSCommentCard } from './DSCommentCard.js';\n\nexport { DSCommentCard, DSCommentCardWithSchema } from './DSCommentCard.js';\nexport { DSCommentCardName, DSCommentCardSlots, DSCommentCardDataTestIds } from './config/DSCommentCardDefinitions.js';\nexport default DSCommentCard;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACIvB,SAAS,qBAAqB;AAE9B,SAAS,iBAAAA,gBAAe,+BAA+B;AACvD,SAAS,mBAAmB,oBAAoB,gCAAgC;AAChF,IAAO,cAAQ;",
+  "names": ["DSCommentCard"]
 }

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

@@ -0,0 +1,69 @@
+import * as React from "react";
+import { globalAttributesPropTypes, PropTypes, xstyledPropTypes } from "@elliemae/ds-props-helpers";
+const defaultProps = {
+  containerProps: {},
+  name: "",
+  date: /* @__PURE__ */ new Date(),
+  type: "",
+  content: "",
+  style: {},
+  options: [],
+  selection: { "single-selection-internal-external": ["set-as-internal"] },
+  customDropdownMenuProps: {
+    focusOnOpen: true
+  },
+  borderBottom: false,
+  dateFormat: "MM/DD/YYYY",
+  timeFormat: "hh:mm a",
+  maxLines: 2
+};
+const DSCommentCardPropTypes = {
+  ...globalAttributesPropTypes,
+  ...xstyledPropTypes,
+  /** props to inject to comment card wrapper */
+  containerProps: PropTypes.shape({
+    id: PropTypes.string,
+    "data-testid": PropTypes.string
+  }).description("props to inject to comment card wrapper"),
+  /** form name */
+  name: PropTypes.string.description("form name"),
+  /** style object */
+  style: PropTypes.object.description(" style object "),
+  /** date object */
+  date: PropTypes.instanceOf(Date).description("date object"),
+  /** comment type string */
+  type: PropTypes.string.description("comment type string"),
+  /** comment content */
+  content: PropTypes.string.description("comment content"),
+  /** dropdown menu options */
+  options: PropTypes.arrayOf(PropTypes.object).description("dropdown menu options").deprecated({ version: "4.x", message: "use Menu and menuProps instead" }),
+  /** dropdown selection */
+  selection: PropTypes.object.description("dropdown selection").deprecated({ version: "4.x", message: "use Menu and menuProps instead" }),
+  /** pass down props to dropdown */
+  customDropdownMenuProps: PropTypes.shape({
+    focusOnOpen: PropTypes.bool
+  }).description("pass down props to dropdown").deprecated({ version: "4.x", message: "use Menu and menuProps instead" }),
+  /** toggle border bottom for card */
+  borderBottom: PropTypes.bool.description("toggle border bottom for card"),
+  /** moment Year, month, and day tokens https://momentjs.com/docs/#/parsing/string-format/ */
+  dateFormat: PropTypes.oneOf(["MM/DD/YYYY", "MM DD YYYY"]).description(
+    "moment Year, month, and day tokens https://momentjs.com/docs/#/parsing/string-format/"
+  ),
+  /** moment Hour, minute, second, millisecond, and offset tokens https://momentjs.com/docs/#/parsing/string-format/ */
+  timeFormat: PropTypes.oneOf(["hh:mm a", "HH:mm"]).description(
+    "moment Hour, minute, second, millisecond, and offset tokens https://momentjs.com/docs/#/parsing/string-format/"
+  ),
+  /**
+   * Max lines
+   */
+  maxLines: PropTypes.number.description("Max lines"),
+  Menu: PropTypes.func.description("Menu component"),
+  menuProps: PropTypes.object.description("Props that will be received by the Menu component")
+};
+const DSCommentCardPropTypesSchema = DSCommentCardPropTypes;
+export {
+  DSCommentCardPropTypes,
+  DSCommentCardPropTypesSchema,
+  defaultProps
+};
+//# 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.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\nimport { globalAttributesPropTypes, PropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport type { WeakValidationMap } from 'react';\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\n\nexport namespace DSCommentCardT {\n  type PropsT<D, R, O, E> = Partial<D> &\n    R &\n    O &\n    Omit<GlobalAttributesT<E>, keyof D | keyof R | keyof O> &\n    Omit<XstyledProps, keyof D | keyof R | keyof O>;\n  type InternalPropsT<D, R, O, E> = D &\n    R &\n    O &\n    Omit<GlobalAttributesT<E>, keyof D | keyof R | keyof O> &\n    Omit<XstyledProps, keyof D | keyof R | keyof O>;\n\n  export interface DefaultProps {\n    containerProps: React.HTMLAttributes<HTMLDivElement>;\n    name: string;\n    date: Date;\n    type: string;\n    content: string;\n    style: React.CSSProperties;\n    options: unknown[];\n    selection: unknown;\n    customDropdownMenuProps: Record<string, unknown>;\n    borderBottom: boolean;\n    dateFormat: string;\n    timeFormat: string;\n    maxLines: number;\n  }\n\n  export interface OptionalProps {\n    Menu?: React.ComponentType;\n    menuProps?: object;\n  }\n\n  export interface RequiredProps {}\n\n  export type Props = PropsT<DefaultProps, RequiredProps, OptionalProps, HTMLDivElement>;\n\n  export type InternalProps = InternalPropsT<DefaultProps, RequiredProps, OptionalProps, HTMLDivElement>;\n}\n\nexport const defaultProps: DSCommentCardT.DefaultProps = {\n  containerProps: {},\n  name: '',\n  date: new Date(),\n  type: '',\n  content: '',\n  style: {},\n  options: [],\n  selection: { 'single-selection-internal-external': ['set-as-internal'] },\n  customDropdownMenuProps: {\n    focusOnOpen: true,\n  },\n  borderBottom: false,\n  dateFormat: 'MM/DD/YYYY',\n  timeFormat: 'hh:mm a',\n  maxLines: 2,\n};\n\nexport const DSCommentCardPropTypes: DSPropTypesSchema<DSCommentCardT.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  /** props to inject to comment card wrapper */\n  containerProps: PropTypes.shape({\n    id: PropTypes.string,\n    'data-testid': PropTypes.string,\n  }).description('props to inject to comment card wrapper'),\n  /** form name */\n  name: PropTypes.string.description('form name'),\n  /** style object */\n  style: PropTypes.object.description(' style object '),\n  /** date object */\n  date: PropTypes.instanceOf(Date).description('date object'),\n  /** comment type string */\n  type: PropTypes.string.description('comment type string'),\n  /** comment content */\n  content: PropTypes.string.description('comment content'),\n  /** dropdown menu options */\n  options: PropTypes.arrayOf(PropTypes.object)\n    .description('dropdown menu options')\n    .deprecated({ version: '4.x', message: 'use Menu and menuProps instead' }),\n  /** dropdown selection */\n  selection: PropTypes.object\n    .description('dropdown selection')\n    .deprecated({ version: '4.x', message: 'use Menu and menuProps instead' }),\n  /** pass down props to dropdown */\n  customDropdownMenuProps: PropTypes.shape({\n    focusOnOpen: PropTypes.bool,\n  })\n    .description('pass down props to dropdown')\n    .deprecated({ version: '4.x', message: 'use Menu and menuProps instead' }),\n  /** toggle border bottom for card */\n  borderBottom: PropTypes.bool.description('toggle border bottom for card'),\n  /** moment Year, month, and day tokens https://momentjs.com/docs/#/parsing/string-format/ */\n  dateFormat: PropTypes.oneOf(['MM/DD/YYYY', 'MM DD YYYY']).description(\n    'moment Year, month, and day tokens https://momentjs.com/docs/#/parsing/string-format/',\n  ),\n  /** moment Hour, minute, second, millisecond, and offset tokens https://momentjs.com/docs/#/parsing/string-format/ */\n  timeFormat: PropTypes.oneOf(['hh:mm a', 'HH:mm']).description(\n    'moment Hour, minute, second, millisecond, and offset tokens https://momentjs.com/docs/#/parsing/string-format/',\n  ),\n  /**\n   * Max lines\n   */\n  maxLines: PropTypes.number.description('Max lines'),\n  Menu: PropTypes.func.description('Menu component'),\n  menuProps: PropTypes.object.description('Props that will be received by the Menu component'),\n};\n\nexport const DSCommentCardPropTypesSchema =\n  DSCommentCardPropTypes as unknown as WeakValidationMap<DSCommentCardT.Props>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,2BAA2B,WAAW,wBAAwB;AA4ChE,MAAM,eAA4C;AAAA,EACvD,gBAAgB,CAAC;AAAA,EACjB,MAAM;AAAA,EACN,MAAM,oBAAI,KAAK;AAAA,EACf,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO,CAAC;AAAA,EACR,SAAS,CAAC;AAAA,EACV,WAAW,EAAE,sCAAsC,CAAC,iBAAiB,EAAE;AAAA,EACvE,yBAAyB;AAAA,IACvB,aAAa;AAAA,EACf;AAAA,EACA,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,UAAU;AACZ;AAEO,MAAM,yBAAkE;AAAA,EAC7E,GAAG;AAAA,EACH,GAAG;AAAA;AAAA,EAEH,gBAAgB,UAAU,MAAM;AAAA,IAC9B,IAAI,UAAU;AAAA,IACd,eAAe,UAAU;AAAA,EAC3B,CAAC,EAAE,YAAY,yCAAyC;AAAA;AAAA,EAExD,MAAM,UAAU,OAAO,YAAY,WAAW;AAAA;AAAA,EAE9C,OAAO,UAAU,OAAO,YAAY,gBAAgB;AAAA;AAAA,EAEpD,MAAM,UAAU,WAAW,IAAI,EAAE,YAAY,aAAa;AAAA;AAAA,EAE1D,MAAM,UAAU,OAAO,YAAY,qBAAqB;AAAA;AAAA,EAExD,SAAS,UAAU,OAAO,YAAY,iBAAiB;AAAA;AAAA,EAEvD,SAAS,UAAU,QAAQ,UAAU,MAAM,EACxC,YAAY,uBAAuB,EACnC,WAAW,EAAE,SAAS,OAAO,SAAS,iCAAiC,CAAC;AAAA;AAAA,EAE3E,WAAW,UAAU,OAClB,YAAY,oBAAoB,EAChC,WAAW,EAAE,SAAS,OAAO,SAAS,iCAAiC,CAAC;AAAA;AAAA,EAE3E,yBAAyB,UAAU,MAAM;AAAA,IACvC,aAAa,UAAU;AAAA,EACzB,CAAC,EACE,YAAY,6BAA6B,EACzC,WAAW,EAAE,SAAS,OAAO,SAAS,iCAAiC,CAAC;AAAA;AAAA,EAE3E,cAAc,UAAU,KAAK,YAAY,+BAA+B;AAAA;AAAA,EAExE,YAAY,UAAU,MAAM,CAAC,cAAc,YAAY,CAAC,EAAE;AAAA,IACxD;AAAA,EACF;AAAA;AAAA,EAEA,YAAY,UAAU,MAAM,CAAC,WAAW,OAAO,CAAC,EAAE;AAAA,IAChD;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAIA,UAAU,UAAU,OAAO,YAAY,WAAW;AAAA,EAClD,MAAM,UAAU,KAAK,YAAY,gBAAgB;AAAA,EACjD,WAAW,UAAU,OAAO,YAAY,mDAAmD;AAC7F;AAEO,MAAM,+BACX;",
+  "names": []
+}

package/dist/esm/styled.js

@@ -0,0 +1,92 @@
+import * as React from "react";
+import { styled, xStyledCommonProps } from "@elliemae/ds-system";
+import { DSCommentCardName, DSCommentCardSlots } from "./config/DSCommentCardDefinitions.js";
+const CommentCardWrapper = styled("div", { name: DSCommentCardName, slot: DSCommentCardSlots.ROOT })`
+  min-height: 5.80923rem;
+  min-width: 18.80615rem;
+  margin-left: 1.84615rem;
+  margin-right: 1.84615rem;
+  width: auto;
+  border-radius: 2px;
+  &:focus {
+    outline: none;
+    position: relative;
+
+    &:after {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      pointer-events: none;
+      border-radius: 2px;
+      border: 2px solid brand-700;
+    }
+  }
+  ${({ borderBot, theme }) => {
+  if (borderBot) {
+    return `
+        border-top: solid 0 ${theme.colors.neutral[100]};
+        border-bottom: solid 1px ${theme.colors.neutral[100]};
+        margin-bottom: 1.23077rem;
+      `;
+  }
+  return ``;
+}}
+  ${xStyledCommonProps}
+`;
+const CommentCardHeader = styled("div", { name: DSCommentCardName, slot: DSCommentCardSlots.HEADER })`
+  border-top: solid 1px neutral-100;
+  display: flex;
+  padding: 0.30769rem 0.30769rem 0.30769rem 0.61538rem;
+
+  ${({ borderBottom, theme }) => {
+  if (borderBottom) {
+    return `
+        border-top: solid 0 ${theme.colors.neutral[100]};
+      `;
+  }
+  return ``;
+}}
+`;
+const CommentCardContent = styled("div", { name: DSCommentCardName, slot: DSCommentCardSlots.CONTENT })`
+  padding: 0 0.61538rem 0.61538rem 0.61538rem;
+  font-size: 1rem;
+  line-height: ${() => "1.3"};
+  color: neutral-500;
+  button {
+    display: inline-block;
+    height: auto;
+    padding-left: 0.61538rem;
+    padding-right: 0.61538rem;
+  }
+`;
+const CommentCardLeft = styled("div", { name: DSCommentCardName, slot: DSCommentCardSlots.LEFT })`
+  flex: 1;
+`;
+const CommentCardName = styled("div", { name: DSCommentCardName, slot: DSCommentCardSlots.NAME })`
+  font-size: 1.0769rem;
+  font-weight: 600;
+  color: neutral-700;
+  padding-bottom: 0.15385rem;
+`;
+const CommentCardData = styled("div", { name: DSCommentCardName, slot: DSCommentCardSlots.DATA })`
+  font-size: 0.923rem;
+  font-weight: 300;
+  color: neutral-500;
+  span {
+    padding: 0 0.30769rem;
+  }
+`;
+const CommentCardMenu = styled("div", { name: DSCommentCardName, slot: DSCommentCardSlots.MENU })``;
+export {
+  CommentCardContent,
+  CommentCardData,
+  CommentCardHeader,
+  CommentCardLeft,
+  CommentCardMenu,
+  CommentCardName,
+  CommentCardWrapper
+};
+//# sourceMappingURL=styled.js.map