@elliemae/ds-card-navigation 3.53.0-alpha.1 → 3.53.0-alpha.3

package/dist/types/parts/text-region/IconAndTextsRegion.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { DSCardNavigationT } from '../../react-desc-prop-types.js';
+interface IconAndTextsRegionProps {
+    title: DSCardNavigationT.InternalProps['title'];
+    description: DSCardNavigationT.InternalProps['description'];
+    wrapText: DSCardNavigationT.InternalProps['wrapText'];
+    type: DSCardNavigationT.InternalProps['type'];
+    Icon: DSCardNavigationT.InternalProps['Icon'];
+    showFocusRingAroundAll: React.FocusEventHandler<HTMLDivElement>;
+    hideFocusRingAroundAll: React.FocusEventHandler<HTMLDivElement>;
+    getOwnerProps?: () => object;
+    getOwnerPropsArguments?: () => object;
+}
+export declare const IconAndTextsRegion: React.ComponentType<IconAndTextsRegionProps>;
+export {};

package/dist/types/parts/text-region/IconAndTextsRegionContent.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { DSCardNavigationT } from '../../react-desc-prop-types.js';
+interface IconAndTextsRegionContentProps {
+    title: DSCardNavigationT.InternalProps['title'];
+    description: DSCardNavigationT.InternalProps['description'];
+    wrapText: DSCardNavigationT.InternalProps['wrapText'];
+    type: DSCardNavigationT.InternalProps['type'];
+    Icon: DSCardNavigationT.InternalProps['Icon'];
+    titleHandleRef: (node: HTMLElement | null) => void;
+    descriptionHandleRef: (node: HTMLElement | null) => void;
+    showFocusRingAroundAll: React.FocusEventHandler<HTMLDivElement>;
+    hideFocusRingAroundAll: React.FocusEventHandler<HTMLDivElement>;
+    getOwnerProps?: () => object;
+    getOwnerPropsArguments?: () => object;
+}
+export declare const IconAndTextsRegionContent: React.MemoExoticComponent<(props: IconAndTextsRegionContentProps) => import("react/jsx-runtime.js").JSX.Element>;
+export {};

package/dist/types/react-desc-prop-types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="prop-types" />
 import type React from 'react';
 import type { GlobalAttributesT, XstyledProps, DSPropTypesSchema, ValidationMap } from '@elliemae/ds-props-helpers';
 import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';

package/dist/types/tests/tooltip-tests/DSCardNavigation.tooltip.keyboard.test.playwright.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tests/tooltip-tests/DSCardNavigation.tooltip.wrapText.interdependecy.test.playwright.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tests/tooltip-tests/DSCardNavigationTooltipTestRenderer.d.ts

@@ -0,0 +1 @@
+export const DSCardNavigationTooltipTestRenderer: import("react").FunctionComponent<import("react").JSX.IntrinsicAttributes>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-card-navigation",
-  "version": "3.53.0-alpha.1",
+  "version": "3.53.0-alpha.3",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Card Navigation",
   "files": [
@@ -36,22 +36,27 @@
     "indent": 4
   },
   "dependencies": {
-    "@xstyled/styled-components": "~3.7.3",
-    "@elliemae/ds-grid": "3.53.0-alpha.1",
-    "@elliemae/ds-hooks-on-overflow-change": "3.53.0-alpha.1",
-    "@elliemae/ds-props-helpers": "3.53.0-alpha.1",
-    "@elliemae/ds-icons": "3.53.0-alpha.1",
-    "@elliemae/ds-system": "3.53.0-alpha.1",
-    "@elliemae/ds-hooks-on-blur-out": "3.53.0-alpha.1"
+    "uid": "^2.0.2",
+    "@elliemae/ds-button-v2": "3.53.0-alpha.3",
+    "@elliemae/ds-grid": "3.53.0-alpha.3",
+    "@elliemae/ds-hooks-on-blur-out": "3.53.0-alpha.3",
+    "@elliemae/ds-hooks-on-overflow-change": "3.53.0-alpha.3",
+    "@elliemae/ds-props-helpers": "3.53.0-alpha.3",
+    "@elliemae/ds-icons": "3.53.0-alpha.3",
+    "@elliemae/ds-system": "3.53.0-alpha.3",
+    "@elliemae/ds-typography": "3.53.0-alpha.3",
+    "@elliemae/ds-tooltip-v3": "3.53.0-alpha.3"
   },
   "devDependencies": {
-    "@elliemae/pui-cli": "9.0.0-next.63",
+    "@elliemae/pui-cli": "9.0.0-next.65",
     "@playwright/experimental-ct-react": "^1.51.1",
+    "@xstyled/system": "~3.7.3",
     "jest": "~29.7.0",
     "styled-components": "~5.3.9",
-    "@elliemae/ds-monorepo-devops": "3.53.0-alpha.1",
-    "@elliemae/ds-typescript-helpers": "3.53.0-alpha.1",
-    "@elliemae/ds-icons": "3.53.0-alpha.1"
+    "@elliemae/ds-test-utils": "3.53.0-alpha.3",
+    "@elliemae/ds-monorepo-devops": "3.53.0-alpha.3",
+    "@elliemae/ds-icons": "3.53.0-alpha.3",
+    "@elliemae/ds-typescript-helpers": "3.53.0-alpha.3"
   },
   "peerDependencies": {
     "@testing-library/jest-dom": "^6.6.3",
@@ -67,7 +72,7 @@
   },
   "scripts": {
     "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
-    "test": "pui-cli test --passWithNoTests --coverage=\"false\" && [ -n \"$CI\" ] || playwright test -c ./playwright.config.mjs",
+    "test": "playwright test -c ./playwright.config.mjs && pui-cli test --passWithNoTests --coverage=\"false\"",
     "lint": "node ../../../scripts/lint.mjs --fix",
     "lint:strict": "node ../../../scripts/lint-strict.mjs",
     "dts": "node ../../../scripts/dts.mjs",

package/dist/cjs/DescriptionComponent.js

@@ -1,79 +0,0 @@
-"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 DescriptionComponent_exports = {};
-__export(DescriptionComponent_exports, {
-  DescriptionComponent: () => DescriptionComponent
-});
-module.exports = __toCommonJS(DescriptionComponent_exports);
-var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_hooks_on_overflow_change = require("@elliemae/ds-hooks-on-overflow-change");
-var import_ds_tooltip_v3 = require("@elliemae/ds-tooltip-v3");
-var import_ds_typography = require("@elliemae/ds-typography");
-var import_react = require("react");
-var import_constants = require("./constants/index.js");
-var import_style = require("./style.js");
-const DescriptionComponent = (props) => {
-  const { description, wrapText } = props;
-  const [isDescriptionTruncating, setIsDescriptionTruncating] = (0, import_react.useState)(false);
-  const { handleRef: descriptionHandleRef } = (0, import_ds_hooks_on_overflow_change.useOnOverflowChange)({
-    onOverflowStateChange: setIsDescriptionTruncating
-  });
-  if (wrapText)
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.StyledCardNavigationContentDescription, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_style.StyledDescriptionTypography,
-      {
-        innerRef: descriptionHandleRef,
-        truncateWithEllipsis: true,
-        variant: import_ds_typography.TYPOGRAPHY_VARIANTS.B1,
-        "data-testid": import_constants.CARD_NAVIGATION_DATA_TESTID.DESCRIPTION_TEXT,
-        children: description
-      }
-    ) });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.StyledCardNavigationContentDescription, { children: isDescriptionTruncating ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_tooltip_v3.DSTooltipV3, { text: description, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_style.StyledDescriptionTypography,
-    {
-      innerRef: descriptionHandleRef,
-      truncateWithEllipsis: true,
-      variant: import_ds_typography.TYPOGRAPHY_VARIANTS.B1,
-      "data-testid": import_constants.CARD_NAVIGATION_DATA_TESTID.DESCRIPTION_TEXT,
-      children: description
-    }
-  ) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_style.StyledDescriptionTypography,
-    {
-      innerRef: descriptionHandleRef,
-      truncateWithEllipsis: true,
-      variant: import_ds_typography.TYPOGRAPHY_VARIANTS.B1,
-      "data-testid": import_constants.CARD_NAVIGATION_DATA_TESTID.DESCRIPTION_TEXT,
-      children: description
-    }
-  ) });
-};
-//# sourceMappingURL=DescriptionComponent.js.map

package/dist/cjs/DescriptionComponent.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/DescriptionComponent.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { useOnOverflowChange } from '@elliemae/ds-hooks-on-overflow-change';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip-v3';\nimport { TYPOGRAPHY_VARIANTS } from '@elliemae/ds-typography';\nimport { useState } from 'react';\nimport { CARD_NAVIGATION_DATA_TESTID } from './constants/index.js';\nimport { StyledCardNavigationContentDescription, StyledDescriptionTypography } from './style.js';\n\nexport const DescriptionComponent = (props: { description: string; wrapText?: boolean }) => {\n  const { description, wrapText } = props;\n\n  const [isDescriptionTruncating, setIsDescriptionTruncating] = useState(false);\n\n  const { handleRef: descriptionHandleRef } = useOnOverflowChange({\n    onOverflowStateChange: setIsDescriptionTruncating,\n  });\n\n  if (wrapText)\n    return (\n      <StyledCardNavigationContentDescription>\n        <StyledDescriptionTypography\n          innerRef={descriptionHandleRef}\n          truncateWithEllipsis\n          variant={TYPOGRAPHY_VARIANTS.B1}\n          data-testid={CARD_NAVIGATION_DATA_TESTID.DESCRIPTION_TEXT}\n        >\n          {description}\n        </StyledDescriptionTypography>\n      </StyledCardNavigationContentDescription>\n    );\n\n  return (\n    <StyledCardNavigationContentDescription>\n      {isDescriptionTruncating ? (\n        <DSTooltipV3 text={description}>\n          <StyledDescriptionTypography\n            innerRef={descriptionHandleRef}\n            truncateWithEllipsis\n            variant={TYPOGRAPHY_VARIANTS.B1}\n            data-testid={CARD_NAVIGATION_DATA_TESTID.DESCRIPTION_TEXT}\n          >\n            {description}\n          </StyledDescriptionTypography>\n        </DSTooltipV3>\n      ) : (\n        <StyledDescriptionTypography\n          innerRef={descriptionHandleRef}\n          truncateWithEllipsis\n          variant={TYPOGRAPHY_VARIANTS.B1}\n          data-testid={CARD_NAVIGATION_DATA_TESTID.DESCRIPTION_TEXT}\n        >\n          {description}\n        </StyledDescriptionTypography>\n      )}\n    </StyledCardNavigationContentDescription>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADmBf;AAnBR,yCAAoC;AACpC,2BAA4B;AAC5B,2BAAoC;AACpC,mBAAyB;AACzB,uBAA4C;AAC5C,mBAAoF;AAE7E,MAAM,uBAAuB,CAAC,UAAuD;AAC1F,QAAM,EAAE,aAAa,SAAS,IAAI;AAElC,QAAM,CAAC,yBAAyB,0BAA0B,QAAI,uBAAS,KAAK;AAE5E,QAAM,EAAE,WAAW,qBAAqB,QAAI,wDAAoB;AAAA,IAC9D,uBAAuB;AAAA,EACzB,CAAC;AAED,MAAI;AACF,WACE,4CAAC,uDACC;AAAA,MAAC;AAAA;AAAA,QACC,UAAU;AAAA,QACV,sBAAoB;AAAA,QACpB,SAAS,yCAAoB;AAAA,QAC7B,eAAa,6CAA4B;AAAA,QAExC;AAAA;AAAA,IACH,GACF;AAGJ,SACE,4CAAC,uDACE,oCACC,4CAAC,oCAAY,MAAM,aACjB;AAAA,IAAC;AAAA;AAAA,MACC,UAAU;AAAA,MACV,sBAAoB;AAAA,MACpB,SAAS,yCAAoB;AAAA,MAC7B,eAAa,6CAA4B;AAAA,MAExC;AAAA;AAAA,EACH,GACF,IAEA;AAAA,IAAC;AAAA;AAAA,MACC,UAAU;AAAA,MACV,sBAAoB;AAAA,MACpB,SAAS,yCAAoB;AAAA,MAC7B,eAAa,6CAA4B;AAAA,MAExC;AAAA;AAAA,EACH,GAEJ;AAEJ;",
-  "names": []
-}

package/dist/cjs/TitleComponent.js

@@ -1,51 +0,0 @@
-"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 TitleComponent_exports = {};
-__export(TitleComponent_exports, {
-  TitleComponent: () => TitleComponent
-});
-module.exports = __toCommonJS(TitleComponent_exports);
-var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_hooks_on_overflow_change = require("@elliemae/ds-hooks-on-overflow-change");
-var import_ds_tooltip_v3 = require("@elliemae/ds-tooltip-v3");
-var import_ds_typography = require("@elliemae/ds-typography");
-var import_react = require("react");
-var import_style = require("./style.js");
-const TitleComponent = (props) => {
-  const { title, wrapText } = props;
-  const [isTitleTruncating, setIsTitleTruncating] = (0, import_react.useState)(false);
-  const { handleRef: titleHandleRef } = (0, import_ds_hooks_on_overflow_change.useOnOverflowChange)({
-    onOverflowStateChange: setIsTitleTruncating
-  });
-  if (wrapText)
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.StyledCardNavigationContentTitle, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.StyledTitleTypography, { innerRef: titleHandleRef, truncateWithEllipsis: true, variant: import_ds_typography.TYPOGRAPHY_VARIANTS.B1, children: title }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.StyledCardNavigationContentTitle, { children: isTitleTruncating ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_tooltip_v3.DSTooltipV3, { text: title, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.StyledTitleTypography, { innerRef: titleHandleRef, truncateWithEllipsis: true, variant: import_ds_typography.TYPOGRAPHY_VARIANTS.B1, children: title }) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.StyledTitleTypography, { innerRef: titleHandleRef, truncateWithEllipsis: true, variant: import_ds_typography.TYPOGRAPHY_VARIANTS.B1, children: title }) });
-};
-//# sourceMappingURL=TitleComponent.js.map

package/dist/cjs/TitleComponent.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/TitleComponent.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { useOnOverflowChange } from '@elliemae/ds-hooks-on-overflow-change';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip-v3';\nimport { TYPOGRAPHY_VARIANTS } from '@elliemae/ds-typography';\nimport { useState } from 'react';\nimport { StyledCardNavigationContentTitle, StyledTitleTypography } from './style.js';\n\nexport const TitleComponent = (props: { title: string; wrapText?: boolean }) => {\n  const { title, wrapText } = props;\n\n  const [isTitleTruncating, setIsTitleTruncating] = useState(false);\n\n  const { handleRef: titleHandleRef } = useOnOverflowChange({\n    onOverflowStateChange: setIsTitleTruncating,\n  });\n\n  if (wrapText)\n    return (\n      <StyledCardNavigationContentTitle>\n        <StyledTitleTypography innerRef={titleHandleRef} truncateWithEllipsis variant={TYPOGRAPHY_VARIANTS.B1}>\n          {title}\n        </StyledTitleTypography>\n      </StyledCardNavigationContentTitle>\n    );\n\n  return (\n    <StyledCardNavigationContentTitle>\n      {isTitleTruncating ? (\n        <DSTooltipV3 text={title}>\n          <StyledTitleTypography innerRef={titleHandleRef} truncateWithEllipsis variant={TYPOGRAPHY_VARIANTS.B1}>\n            {title}\n          </StyledTitleTypography>\n        </DSTooltipV3>\n      ) : (\n        <StyledTitleTypography innerRef={titleHandleRef} truncateWithEllipsis variant={TYPOGRAPHY_VARIANTS.B1}>\n          {title}\n        </StyledTitleTypography>\n      )}\n    </StyledCardNavigationContentTitle>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkBf;AAlBR,yCAAoC;AACpC,2BAA4B;AAC5B,2BAAoC;AACpC,mBAAyB;AACzB,mBAAwE;AAEjE,MAAM,iBAAiB,CAAC,UAAiD;AAC9E,QAAM,EAAE,OAAO,SAAS,IAAI;AAE5B,QAAM,CAAC,mBAAmB,oBAAoB,QAAI,uBAAS,KAAK;AAEhE,QAAM,EAAE,WAAW,eAAe,QAAI,wDAAoB;AAAA,IACxD,uBAAuB;AAAA,EACzB,CAAC;AAED,MAAI;AACF,WACE,4CAAC,iDACC,sDAAC,sCAAsB,UAAU,gBAAgB,sBAAoB,MAAC,SAAS,yCAAoB,IAChG,iBACH,GACF;AAGJ,SACE,4CAAC,iDACE,8BACC,4CAAC,oCAAY,MAAM,OACjB,sDAAC,sCAAsB,UAAU,gBAAgB,sBAAoB,MAAC,SAAS,yCAAoB,IAChG,iBACH,GACF,IAEA,4CAAC,sCAAsB,UAAU,gBAAgB,sBAAoB,MAAC,SAAS,yCAAoB,IAChG,iBACH,GAEJ;AAEJ;",
-  "names": []
-}

package/dist/cjs/style.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/style.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { DSTypography } from '@elliemae/ds-typography';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSCardNavigationName, CARD_NAVIGATION_SLOTS, CardNavigationTypes } from './constants/index.js';\n\nexport const StyledCardNavigationContentTitle = styled('div', {\n  name: DSCardNavigationName,\n  slot: CARD_NAVIGATION_SLOTS.TITLE,\n})`\n  padding-top: ${(props) => props.theme.space.xxs};\n`;\n\nexport const StyledTitleTypography = styled(DSTypography)`\n  color: ${(props) => props.theme.colors.neutral['700']};\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  font-size: 18px;\n`;\n\nexport const StyledCardNavigationContentDescription = styled.div``;\n\nexport const StyledDescriptionTypography = styled(DSTypography)`\n  color: ${(props) => props.theme.colors.neutral['500']};\n  font-size: 12px;\n`;\n\nexport const StyledCardNavigationContentTitleWrapper = styled.div`\n  width: 100%;\n`;\n\nexport const StyledCardNavigationContent = styled.div<{ wrapText?: boolean }>`\n  padding-right: ${(props) => props.theme.space.xs};\n  padding-left: ${(props) => props.theme.space.xs};\n  display: flex;\n  align-items: center;\n  flex: 1;\n  width: 100%;\n`;\n\nexport const StyledCardNavigationCentralContent = styled(Grid, {\n  slot: CARD_NAVIGATION_SLOTS.CENTRAL_CONTENT,\n  name: DSCardNavigationName,\n})`\n  min-width: 273px;\n  @media (max-width: ${(props) => props.theme.breakpoints.small}) {\n    min-width: 336px;\n  }\n`;\ninterface StyledCardNavigationBoxWrapperProps {\n  fluid?: boolean;\n}\n\nexport const StyledCardNavigationBoxWrapper = styled('div', {\n  name: DSCardNavigationName,\n  slot: CARD_NAVIGATION_SLOTS.ROOT,\n})<StyledCardNavigationBoxWrapperProps>`\n  width: 337px;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  box-shadow: 0 1px 4px 0px rgba(37, 41, 47, 0.5);\n  border-radius: 2px;\n  position: relative;\n  outline: none;\n  ${(props) => (props.fluid ? 'width: 100%' : '')};\n  @media (max-width: ${(props) => props.theme.breakpoints.small}) {\n    width: ${(props) => (props.fluid ? 'width: 100%' : '414px')};\n  }\n  :after {\n    display: block;\n    content: '';\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    top: 0;\n    left: 0;\n    border: solid ${(props) => props.theme.space.xxs} transparent;\n    border-radius: 2px;\n    pointer-events: none;\n  }\n  &:hover,\n  &:focus {\n    box-shadow: 0 3px 8px 0px rgba(37, 41, 47, 0.4);\n  }\n`;\ninterface StyledCardNavigationIconProps {\n  $type: (typeof CardNavigationTypes)[keyof typeof CardNavigationTypes];\n}\n\nexport const StyledCardNavigationIcon = styled('div', {\n  name: DSCardNavigationName,\n  slot: CARD_NAVIGATION_SLOTS.TYPE,\n})<StyledCardNavigationIconProps>`\n  width: 64px;\n  height: 64px;\n  background-color: #32aad1;\n  border-top-left-radius: 2px;\n  border-bottom-left-radius: 2px;\n  padding: ${(props) => props.theme.space.xxs};\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  fill: #ffffff;\n  background-color: ${({ $type }) =>\n    ($type === CardNavigationTypes.BORROWER && '#32aad1') ||\n    ($type === CardNavigationTypes.FINANCIAL && '#1ba88d') ||\n    ($type === CardNavigationTypes.LOAN && '#8e49b2') ||\n    ($type === CardNavigationTypes.REGULATORY && '#db5575') ||\n    '#32aad1'}; // Default color\n`;\n\nexport const StyledCardNavigationActions = styled('div', {\n  name: DSCardNavigationName,\n  slot: CARD_NAVIGATION_SLOTS.ACTIONS,\n})`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding-right: ${(props) => props.theme.space.xxs};\n`;\n\nexport const StyledCardNavigationAction = styled.div`\n  margin-left: ${(props) => props.theme.space.xxs};\n  span {\n    height: ${(props) => props.theme.space.s};\n    width: ${(props) => props.theme.space.s};\n    svg {\n      fill: ${(props) => props.theme.colors.neutral[500]};\n      height: ${(props) => props.theme.space.s};\n      width: ${(props) => props.theme.space.s};\n    }\n  }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,2BAA6B;AAC7B,uBAAuB;AACvB,qBAAqB;AACrB,uBAAiF;AAE1E,MAAM,uCAAmC,yBAAO,OAAO;AAAA,EAC5D,MAAM;AAAA,EACN,MAAM,uCAAsB;AAC9B,CAAC;AAAA,iBACgB,CAAC,UAAU,MAAM,MAAM,MAAM,GAAG;AAAA;AAG1C,MAAM,4BAAwB,yBAAO,iCAAY;AAAA,WAC7C,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA,iBACtC,CAAC,UAAU,MAAM,MAAM,YAAY,QAAQ;AAAA;AAAA;AAIrD,MAAM,yCAAyC,wBAAO;AAEtD,MAAM,kCAA8B,yBAAO,iCAAY;AAAA,WACnD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAIhD,MAAM,0CAA0C,wBAAO;AAAA;AAAA;AAIvD,MAAM,8BAA8B,wBAAO;AAAA,mBAC/B,CAAC,UAAU,MAAM,MAAM,MAAM,EAAE;AAAA,kBAChC,CAAC,UAAU,MAAM,MAAM,MAAM,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAO1C,MAAM,yCAAqC,yBAAO,qBAAM;AAAA,EAC7D,MAAM,uCAAsB;AAAA,EAC5B,MAAM;AACR,CAAC;AAAA;AAAA,uBAEsB,CAAC,UAAU,MAAM,MAAM,YAAY,KAAK;AAAA;AAAA;AAAA;AAQxD,MAAM,qCAAiC,yBAAO,OAAO;AAAA,EAC1D,MAAM;AAAA,EACN,MAAM,uCAAsB;AAC9B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASG,CAAC,UAAW,MAAM,QAAQ,gBAAgB,EAAG;AAAA,uBAC1B,CAAC,UAAU,MAAM,MAAM,YAAY,KAAK;AAAA,aAClD,CAAC,UAAW,MAAM,QAAQ,gBAAgB,OAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAU3C,CAAC,UAAU,MAAM,MAAM,MAAM,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAa7C,MAAM,+BAA2B,yBAAO,OAAO;AAAA,EACpD,MAAM;AAAA,EACN,MAAM,uCAAsB;AAC9B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMY,CAAC,UAAU,MAAM,MAAM,MAAM,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA,sBAKvB,CAAC,EAAE,MAAM,MAC1B,UAAU,qCAAoB,YAAY,aAC1C,UAAU,qCAAoB,aAAa,aAC3C,UAAU,qCAAoB,QAAQ,aACtC,UAAU,qCAAoB,cAAc,aAC7C,SAAS;AAAA;AAGN,MAAM,kCAA8B,yBAAO,OAAO;AAAA,EACvD,MAAM;AAAA,EACN,MAAM,uCAAsB;AAC9B,CAAC;AAAA;AAAA;AAAA;AAAA,mBAIkB,CAAC,UAAU,MAAM,MAAM,MAAM,GAAG;AAAA;AAG5C,MAAM,6BAA6B,wBAAO;AAAA,iBAChC,CAAC,UAAU,MAAM,MAAM,MAAM,GAAG;AAAA;AAAA,cAEnC,CAAC,UAAU,MAAM,MAAM,MAAM,CAAC;AAAA,aAC/B,CAAC,UAAU,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA,cAE7B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA,gBACxC,CAAC,UAAU,MAAM,MAAM,MAAM,CAAC;AAAA,eAC/B,CAAC,UAAU,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;",
-  "names": []
-}

package/dist/cjs/tests/overflow/DSCardNavigation.overflow.test.playwright.js

@@ -1,75 +0,0 @@
-"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 __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 React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_experimental_ct_react = require("@playwright/experimental-ct-react");
-var import_DSCardNavigationOverflowTestRenderer = require("./DSCardNavigationOverflowTestRenderer");
-const tooltipSelector = '[data-testid="ds-tooltip-v3-tooltip-text-wrapper"]';
-const buttonSelector = '[data-testid="test-button"]';
-const assertTooltipHidden = async (page) => {
-  await (0, import_experimental_ct_react.expect)(page.locator(tooltipSelector)).toHaveCount(0);
-  await (0, import_experimental_ct_react.expect)(page.locator(tooltipSelector)).toBeHidden();
-};
-const assertTooltipVisible = async (page) => {
-  await (0, import_experimental_ct_react.expect)(page.locator(tooltipSelector)).toHaveCount(1);
-  await (0, import_experimental_ct_react.expect)(page.locator(tooltipSelector)).toBeVisible();
-};
-import_experimental_ct_react.test.describe("DSCardNavigation - Overflow Behavior", () => {
-  (0, import_experimental_ct_react.test)("Should show title tooltip on hover, and should hide tooltip title on hover out", async ({ mount, page }) => {
-    await mount(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSCardNavigationOverflowTestRenderer.DSCardNavigationOverflowTestRenderer, {}));
-    const title = page.locator('[data-testid="ds-cardnavigation-title"]');
-    await title.hover();
-    await assertTooltipVisible(page);
-    await page.locator(buttonSelector).hover();
-    await assertTooltipHidden(page);
-  });
-  (0, import_experimental_ct_react.test)("Should show description tooltip on hover, and should hide tooltip description on hover out ", async ({
-    mount,
-    page
-  }) => {
-    await mount(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSCardNavigationOverflowTestRenderer.DSCardNavigationOverflowTestRenderer, {}));
-    const description = page.locator('[data-testid="ds-card-navigation--description"]');
-    await description.hover();
-    await assertTooltipVisible(page);
-    await page.locator(buttonSelector).hover();
-    await assertTooltipHidden(page);
-  });
-  (0, import_experimental_ct_react.test)("Should hide title tooltip on pressing Escape key after hovering ", async ({ mount, page }) => {
-    await mount(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSCardNavigationOverflowTestRenderer.DSCardNavigationOverflowTestRenderer, {}));
-    const title = page.locator('[data-testid="ds-cardnavigation-title"]');
-    await title.hover();
-    await assertTooltipVisible(page);
-    await page.keyboard.press("Escape");
-    await assertTooltipHidden(page);
-  });
-  (0, import_experimental_ct_react.test)("Should hide description tooltip on pressing Escape key after hovering ", async ({ mount, page }) => {
-    await mount(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSCardNavigationOverflowTestRenderer.DSCardNavigationOverflowTestRenderer, {}));
-    const description = page.locator('[data-testid="ds-card-navigation--description"]');
-    await description.hover();
-    await assertTooltipVisible(page);
-    await page.keyboard.press("Escape");
-    await assertTooltipHidden(page);
-  });
-});
-//# sourceMappingURL=DSCardNavigation.overflow.test.playwright.js.map

package/dist/cjs/tests/overflow/DSCardNavigation.overflow.test.playwright.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/tests/overflow/DSCardNavigation.overflow.test.playwright.jsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { expect, test } from '@playwright/experimental-ct-react';\nimport { DSCardNavigationOverflowTestRenderer } from './DSCardNavigationOverflowTestRenderer';\n\nconst tooltipSelector = '[data-testid=\"ds-tooltip-v3-tooltip-text-wrapper\"]';\nconst buttonSelector = '[data-testid=\"test-button\"]';\n\nconst assertTooltipHidden = async (page) => {\n  await expect(page.locator(tooltipSelector)).toHaveCount(0);\n  await expect(page.locator(tooltipSelector)).toBeHidden();\n};\n\nconst assertTooltipVisible = async (page) => {\n  await expect(page.locator(tooltipSelector)).toHaveCount(1);\n  await expect(page.locator(tooltipSelector)).toBeVisible();\n};\n\ntest.describe('DSCardNavigation - Overflow Behavior', () => {\n  test('Should show title tooltip on hover, and should hide tooltip title on hover out', async ({ mount, page }) => {\n    await mount(<DSCardNavigationOverflowTestRenderer />);\n    const title = page.locator('[data-testid=\"ds-cardnavigation-title\"]');\n\n    await title.hover();\n    await assertTooltipVisible(page);\n    await page.locator(buttonSelector).hover();\n    await assertTooltipHidden(page);\n  });\n\n  test('Should show description tooltip on hover, and should hide tooltip description on hover out ', async ({\n    mount,\n    page,\n  }) => {\n    await mount(<DSCardNavigationOverflowTestRenderer />);\n    const description = page.locator('[data-testid=\"ds-card-navigation--description\"]');\n\n    await description.hover();\n    await assertTooltipVisible(page);\n    await page.locator(buttonSelector).hover();\n    await assertTooltipHidden(page);\n  });\n\n  test('Should hide title tooltip on pressing Escape key after hovering ', async ({ mount, page }) => {\n    await mount(<DSCardNavigationOverflowTestRenderer />);\n    const title = page.locator('[data-testid=\"ds-cardnavigation-title\"]');\n\n    await title.hover();\n    await assertTooltipVisible(page);\n    await page.keyboard.press('Escape');\n    await assertTooltipHidden(page);\n  });\n\n  test('Should hide description tooltip on pressing Escape key after hovering ', async ({ mount, page }) => {\n    await mount(<DSCardNavigationOverflowTestRenderer />);\n    const description = page.locator('[data-testid=\"ds-card-navigation--description\"]');\n\n    await description.hover();\n    await assertTooltipVisible(page);\n    await page.keyboard.press('Escape');\n    await assertTooltipHidden(page);\n  });\n});\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACkBP;AAlBhB,mCAA6B;AAC7B,kDAAqD;AAErD,MAAM,kBAAkB;AACxB,MAAM,iBAAiB;AAEvB,MAAM,sBAAsB,OAAO,SAAS;AAC1C,YAAM,qCAAO,KAAK,QAAQ,eAAe,CAAC,EAAE,YAAY,CAAC;AACzD,YAAM,qCAAO,KAAK,QAAQ,eAAe,CAAC,EAAE,WAAW;AACzD;AAEA,MAAM,uBAAuB,OAAO,SAAS;AAC3C,YAAM,qCAAO,KAAK,QAAQ,eAAe,CAAC,EAAE,YAAY,CAAC;AACzD,YAAM,qCAAO,KAAK,QAAQ,eAAe,CAAC,EAAE,YAAY;AAC1D;AAEA,kCAAK,SAAS,wCAAwC,MAAM;AAC1D,yCAAK,kFAAkF,OAAO,EAAE,OAAO,KAAK,MAAM;AAChH,UAAM,MAAM,4CAAC,oFAAqC,CAAE;AACpD,UAAM,QAAQ,KAAK,QAAQ,yCAAyC;AAEpE,UAAM,MAAM,MAAM;AAClB,UAAM,qBAAqB,IAAI;AAC/B,UAAM,KAAK,QAAQ,cAAc,EAAE,MAAM;AACzC,UAAM,oBAAoB,IAAI;AAAA,EAChC,CAAC;AAED,yCAAK,+FAA+F,OAAO;AAAA,IACzG;AAAA,IACA;AAAA,EACF,MAAM;AACJ,UAAM,MAAM,4CAAC,oFAAqC,CAAE;AACpD,UAAM,cAAc,KAAK,QAAQ,iDAAiD;AAElF,UAAM,YAAY,MAAM;AACxB,UAAM,qBAAqB,IAAI;AAC/B,UAAM,KAAK,QAAQ,cAAc,EAAE,MAAM;AACzC,UAAM,oBAAoB,IAAI;AAAA,EAChC,CAAC;AAED,yCAAK,oEAAoE,OAAO,EAAE,OAAO,KAAK,MAAM;AAClG,UAAM,MAAM,4CAAC,oFAAqC,CAAE;AACpD,UAAM,QAAQ,KAAK,QAAQ,yCAAyC;AAEpE,UAAM,MAAM,MAAM;AAClB,UAAM,qBAAqB,IAAI;AAC/B,UAAM,KAAK,SAAS,MAAM,QAAQ;AAClC,UAAM,oBAAoB,IAAI;AAAA,EAChC,CAAC;AAED,yCAAK,0EAA0E,OAAO,EAAE,OAAO,KAAK,MAAM;AACxG,UAAM,MAAM,4CAAC,oFAAqC,CAAE;AACpD,UAAM,cAAc,KAAK,QAAQ,iDAAiD;AAElF,UAAM,YAAY,MAAM;AACxB,UAAM,qBAAqB,IAAI;AAC/B,UAAM,KAAK,SAAS,MAAM,QAAQ;AAClC,UAAM,oBAAoB,IAAI;AAAA,EAChC,CAAC;AACH,CAAC;",
-  "names": []
-}

package/dist/cjs/tests/overflow/DSCardNavigationOverflowTestRenderer.js

@@ -1,49 +0,0 @@
-"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 DSCardNavigationOverflowTestRenderer_exports = {};
-__export(DSCardNavigationOverflowTestRenderer_exports, {
-  DSCardNavigationOverflowTestRenderer: () => DSCardNavigationOverflowTestRenderer
-});
-module.exports = __toCommonJS(DSCardNavigationOverflowTestRenderer_exports);
-var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = __toESM(require("react"));
-var import_ds_card_navigation = require("@elliemae/ds-card-navigation");
-var import_ds_system = require("@elliemae/ds-system");
-const DSCardNavigationOverflowTestRenderer = (0, import_ds_system.themeProviderHOC)(() => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("main", { style: { width: "100px", margin: "2rem" }, "data-testid": "main-div", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_ds_card_navigation.DSCardNavigation,
-    {
-      title: "Card Title with actions + long description",
-      description: "Customs actions + long description long description long description long description"
-    }
-  ),
-  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", "data-testid": "test-button", children: "test 1" })
-] }));
-//# sourceMappingURL=DSCardNavigationOverflowTestRenderer.js.map

package/dist/cjs/tests/overflow/DSCardNavigationOverflowTestRenderer.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/tests/overflow/DSCardNavigationOverflowTestRenderer.jsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { DSCardNavigation } from '@elliemae/ds-card-navigation';\nimport { themeProviderHOC } from '@elliemae/ds-system';\n\nexport const DSCardNavigationOverflowTestRenderer = themeProviderHOC(() => (\n  <main style={{ width: '100px', margin: '2rem' }} data-testid=\"main-div\">\n    <DSCardNavigation\n      title=\"Card Title with actions + long description\"\n      description=\"Customs actions + long description long description long description long description\"\n    />\n    <button type=\"button\" data-testid=\"test-button\">\n      test 1\n    </button>\n  </main>\n));\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADKrB;AALF,mBAAkB;AAClB,gCAAiC;AACjC,uBAAiC;AAE1B,MAAM,2CAAuC,mCAAiB,MACnE,6CAAC,UAAK,OAAO,EAAE,OAAO,SAAS,QAAQ,OAAO,GAAG,eAAY,YAC3D;AAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,aAAY;AAAA;AAAA,EACd;AAAA,EACA,4CAAC,YAAO,MAAK,UAAS,eAAY,eAAc,oBAEhD;AAAA,GACF,CACD;",
-  "names": []
-}

package/dist/cjs/tests/wraptext/DSCardNavigation.wrapText.test.playwright.js

@@ -1,63 +0,0 @@
-"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 __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 React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_experimental_ct_react = require("@playwright/experimental-ct-react");
-var import_DSCardNavigationWrapTextTestRenderer = require("./DSCardNavigationWrapTextTestRenderer");
-const tooltipSelector = '[data-testid="ds-tooltip-v3-tooltip-text-wrapper"]';
-const assertTooltipHidden = async (page) => {
-  await (0, import_experimental_ct_react.expect)(page.locator(tooltipSelector)).toHaveCount(0);
-  await (0, import_experimental_ct_react.expect)(page.locator(tooltipSelector)).toBeHidden();
-};
-const assertTooltipVisible = async (page) => {
-  await (0, import_experimental_ct_react.expect)(page.locator(tooltipSelector)).toHaveCount(1);
-  await (0, import_experimental_ct_react.expect)(page.locator(tooltipSelector)).toBeVisible();
-};
-import_experimental_ct_react.test.describe("DSCardNavigationWraptextTestRenderer - wrapText Behavior", () => {
-  (0, import_experimental_ct_react.test)("Should not allow tooltip to render on title when wrapText is true", async ({ mount, page }) => {
-    await mount(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSCardNavigationWrapTextTestRenderer.DSCardNavigationWraptextTestRenderer, { wrapText: true }));
-    const title = page.locator('[data-testid="ds-cardnavigation-title"]');
-    await title.hover();
-    await assertTooltipHidden(page);
-  });
-  (0, import_experimental_ct_react.test)("Should not allow tooltip to render on description when wrapText is true", async ({ mount, page }) => {
-    await mount(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSCardNavigationWrapTextTestRenderer.DSCardNavigationWraptextTestRenderer, { wrapText: true }));
-    const description = page.locator('[data-testid="ds-card-navigation--description"]');
-    await description.hover();
-    await assertTooltipHidden(page);
-  });
-  (0, import_experimental_ct_react.test)("Should allow tooltip to render on title when wrapText is false", async ({ mount, page }) => {
-    await mount(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSCardNavigationWrapTextTestRenderer.DSCardNavigationWraptextTestRenderer, { wrapText: false }));
-    const title = page.locator('[data-testid="ds-cardnavigation-title"]');
-    await title.hover();
-    await assertTooltipVisible(page);
-  });
-  (0, import_experimental_ct_react.test)("Should allow tooltip to render on description when wrapText is false", async ({ mount, page }) => {
-    await mount(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSCardNavigationWrapTextTestRenderer.DSCardNavigationWraptextTestRenderer, { wrapText: false }));
-    const description = page.locator('[data-testid="ds-card-navigation--description"]');
-    await description.hover();
-    await assertTooltipVisible(page);
-  });
-});
-//# sourceMappingURL=DSCardNavigation.wrapText.test.playwright.js.map

package/dist/cjs/tests/wraptext/DSCardNavigation.wrapText.test.playwright.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/tests/wraptext/DSCardNavigation.wrapText.test.playwright.jsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { expect, test } from '@playwright/experimental-ct-react';\nimport { DSCardNavigationWraptextTestRenderer } from './DSCardNavigationWrapTextTestRenderer';\n\nconst tooltipSelector = '[data-testid=\"ds-tooltip-v3-tooltip-text-wrapper\"]';\n\nconst assertTooltipHidden = async (page) => {\n  await expect(page.locator(tooltipSelector)).toHaveCount(0);\n  await expect(page.locator(tooltipSelector)).toBeHidden();\n};\n\nconst assertTooltipVisible = async (page) => {\n  await expect(page.locator(tooltipSelector)).toHaveCount(1);\n  await expect(page.locator(tooltipSelector)).toBeVisible();\n};\n\ntest.describe('DSCardNavigationWraptextTestRenderer - wrapText Behavior', () => {\n  test('Should not allow tooltip to render on title when wrapText is true', async ({ mount, page }) => {\n    await mount(<DSCardNavigationWraptextTestRenderer wrapText />);\n\n    const title = page.locator('[data-testid=\"ds-cardnavigation-title\"]');\n    await title.hover();\n    await assertTooltipHidden(page);\n  });\n\n  test('Should not allow tooltip to render on description when wrapText is true', async ({ mount, page }) => {\n    await mount(<DSCardNavigationWraptextTestRenderer wrapText />);\n\n    const description = page.locator('[data-testid=\"ds-card-navigation--description\"]');\n    await description.hover();\n    await assertTooltipHidden(page);\n  });\n\n  test('Should allow tooltip to render on title when wrapText is false', async ({ mount, page }) => {\n    await mount(<DSCardNavigationWraptextTestRenderer wrapText={false} />);\n\n    const title = page.locator('[data-testid=\"ds-cardnavigation-title\"]');\n    await title.hover();\n    await assertTooltipVisible(page);\n  });\n\n  test('Should allow tooltip to render on description when wrapText is false', async ({ mount, page }) => {\n    await mount(<DSCardNavigationWraptextTestRenderer wrapText={false} />);\n\n    const description = page.locator('[data-testid=\"ds-card-navigation--description\"]');\n    await description.hover();\n    await assertTooltipVisible(page);\n  });\n});\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACiBP;AAjBhB,mCAA6B;AAC7B,kDAAqD;AAErD,MAAM,kBAAkB;AAExB,MAAM,sBAAsB,OAAO,SAAS;AAC1C,YAAM,qCAAO,KAAK,QAAQ,eAAe,CAAC,EAAE,YAAY,CAAC;AACzD,YAAM,qCAAO,KAAK,QAAQ,eAAe,CAAC,EAAE,WAAW;AACzD;AAEA,MAAM,uBAAuB,OAAO,SAAS;AAC3C,YAAM,qCAAO,KAAK,QAAQ,eAAe,CAAC,EAAE,YAAY,CAAC;AACzD,YAAM,qCAAO,KAAK,QAAQ,eAAe,CAAC,EAAE,YAAY;AAC1D;AAEA,kCAAK,SAAS,4DAA4D,MAAM;AAC9E,yCAAK,qEAAqE,OAAO,EAAE,OAAO,KAAK,MAAM;AACnG,UAAM,MAAM,4CAAC,oFAAqC,UAAQ,MAAC,CAAE;AAE7D,UAAM,QAAQ,KAAK,QAAQ,yCAAyC;AACpE,UAAM,MAAM,MAAM;AAClB,UAAM,oBAAoB,IAAI;AAAA,EAChC,CAAC;AAED,yCAAK,2EAA2E,OAAO,EAAE,OAAO,KAAK,MAAM;AACzG,UAAM,MAAM,4CAAC,oFAAqC,UAAQ,MAAC,CAAE;AAE7D,UAAM,cAAc,KAAK,QAAQ,iDAAiD;AAClF,UAAM,YAAY,MAAM;AACxB,UAAM,oBAAoB,IAAI;AAAA,EAChC,CAAC;AAED,yCAAK,kEAAkE,OAAO,EAAE,OAAO,KAAK,MAAM;AAChG,UAAM,MAAM,4CAAC,oFAAqC,UAAU,OAAO,CAAE;AAErE,UAAM,QAAQ,KAAK,QAAQ,yCAAyC;AACpE,UAAM,MAAM,MAAM;AAClB,UAAM,qBAAqB,IAAI;AAAA,EACjC,CAAC;AAED,yCAAK,wEAAwE,OAAO,EAAE,OAAO,KAAK,MAAM;AACtG,UAAM,MAAM,4CAAC,oFAAqC,UAAU,OAAO,CAAE;AAErE,UAAM,cAAc,KAAK,QAAQ,iDAAiD;AAClF,UAAM,YAAY,MAAM;AACxB,UAAM,qBAAqB,IAAI;AAAA,EACjC,CAAC;AACH,CAAC;",
-  "names": []
-}

package/dist/cjs/tests/wraptext/DSCardNavigationWrapTextTestRenderer.js

@@ -1,47 +0,0 @@
-"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 DSCardNavigationWrapTextTestRenderer_exports = {};
-__export(DSCardNavigationWrapTextTestRenderer_exports, {
-  DSCardNavigationWraptextTestRenderer: () => DSCardNavigationWraptextTestRenderer
-});
-module.exports = __toCommonJS(DSCardNavigationWrapTextTestRenderer_exports);
-var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = __toESM(require("react"));
-var import_ds_card_navigation = require("@elliemae/ds-card-navigation");
-var import_ds_system = require("@elliemae/ds-system");
-const DSCardNavigationWraptextTestRenderer = (0, import_ds_system.themeProviderHOC)(({ wrapText }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("main", { style: { width: "100px", margin: "2rem" }, "data-testid": "main-div", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-  import_ds_card_navigation.DSCardNavigation,
-  {
-    title: "Card Title with actions + long description + long description",
-    description: "Customs actions + long description + long description + long description",
-    wrapText
-  }
-) }));
-//# sourceMappingURL=DSCardNavigationWrapTextTestRenderer.js.map

package/dist/cjs/tests/wraptext/DSCardNavigationWrapTextTestRenderer.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/tests/wraptext/DSCardNavigationWrapTextTestRenderer.jsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { DSCardNavigation } from '@elliemae/ds-card-navigation';\nimport { themeProviderHOC } from '@elliemae/ds-system';\n\nexport const DSCardNavigationWraptextTestRenderer = themeProviderHOC(({ wrapText }) => (\n  <main style={{ width: '100px', margin: '2rem' }} data-testid=\"main-div\">\n    <DSCardNavigation\n      title=\"Card Title with actions + long description + long description\"\n      description=\"Customs actions + long description + long description + long description\"\n      wrapText={wrapText}\n    />\n  </main>\n));\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADMnB;AANJ,mBAAkB;AAClB,gCAAiC;AACjC,uBAAiC;AAE1B,MAAM,2CAAuC,mCAAiB,CAAC,EAAE,SAAS,MAC/E,4CAAC,UAAK,OAAO,EAAE,OAAO,SAAS,QAAQ,OAAO,GAAG,eAAY,YAC3D;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,aAAY;AAAA,IACZ;AAAA;AACF,GACF,CACD;",
-  "names": []
-}