@elliemae/ds-card-v1-detail 3.52.1 → 3.53.0-alpha.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -34,17 +34,17 @@ __export(DSCardV1Detail_exports, {
34
34
  module.exports = __toCommonJS(DSCardV1Detail_exports);
35
35
  var React = __toESM(require("react"));
36
36
  var import_jsx_runtime = require("react/jsx-runtime");
37
+ var import_ds_button = require("@elliemae/ds-button");
38
+ var import_ds_form_checkbox = require("@elliemae/ds-form-checkbox");
39
+ var import_ds_grid = require("@elliemae/ds-grid");
40
+ var import_ds_icons = require("@elliemae/ds-icons");
37
41
  var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
38
- var import_lodash_es = require("lodash-es");
42
+ var import_ds_separator = require("@elliemae/ds-separator");
39
43
  var import_ds_system = require("@elliemae/ds-system");
40
- var import_react_desc_prop_types = require("./react-desc-prop-types.js");
44
+ var import_lodash_es = require("lodash-es");
41
45
  var import_useCardV1Detail = require("./config/useCardV1Detail.js");
42
46
  var import_constants = require("./constants/index.js");
43
- var import_ds_icons = require("@elliemae/ds-icons");
44
- var import_ds_button = require("@elliemae/ds-button");
45
- var import_ds_separator = require("@elliemae/ds-separator");
46
- var import_ds_grid = require("@elliemae/ds-grid");
47
- var import_ds_controlled_form = require("@elliemae/ds-controlled-form");
47
+ var import_react_desc_prop_types = require("./react-desc-prop-types.js");
48
48
  var import_styled = require("./styled.js");
49
49
  const DSCardV1Detail = (props) => {
50
50
  const { propsWithDefault, globalProps, xstyledProps } = (0, import_useCardV1Detail.useCardV1Detail)(props);
@@ -72,7 +72,7 @@ const DSCardV1Detail = (props) => {
72
72
  if (hasRightPosition) topWrapperCols.push("auto");
73
73
  if (expandable) topWrapperCols.unshift("20px");
74
74
  if (selectable) topWrapperCols.unshift(theme.space.s);
75
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
75
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
76
76
  import_styled.Container,
77
77
  {
78
78
  disabled: disabled || readOnly,
@@ -85,7 +85,7 @@ const DSCardV1Detail = (props) => {
85
85
  children: [
86
86
  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, { cols: topWrapperCols, alignItems: !description ? "center" : void 0, children: [
87
87
  selectable && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { pt: description && "9px", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
88
- import_ds_controlled_form.DSControlledCheckbox,
88
+ import_ds_form_checkbox.DSControlledCheckbox,
89
89
  {
90
90
  "data-testid": "card-checkbox",
91
91
  "aria-label": `${description}-checkbox`,
@@ -128,7 +128,7 @@ const DSCardV1Detail = (props) => {
128
128
  ] })
129
129
  ]
130
130
  }
131
- ) });
131
+ );
132
132
  };
133
133
  DSCardV1Detail.displayName = import_constants.DSCardV1DetailName;
134
134
  const DSCardV1DetailWithSchema = (0, import_ds_props_helpers.describe)(DSCardV1Detail);
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/DSCardV1Detail.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { compact } from 'lodash-es';\nimport { useTheme } from '@elliemae/ds-system';\nimport { type DSCardV1DetailT, DSCardV1DetailPropTypesSchema } from './react-desc-prop-types.js';\nimport { useCardV1Detail } from './config/useCardV1Detail.js';\nimport { CARD_V1_DETAIL_SLOTS, DSCardV1DetailName } from './constants/index.js';\nimport { ArrowheadDown, ArrowheadRight } from '@elliemae/ds-icons';\nimport { DSButton } from '@elliemae/ds-button';\nimport { DSSeparator } from '@elliemae/ds-separator';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSControlledCheckbox } from '@elliemae/ds-controlled-form';\nimport { Container, Title, Description, RightAddon, RightDescription, RightValue } from './styled.js';\n\n// eslint-disable-next-line complexity\nconst DSCardV1Detail: React.ComponentType<DSCardV1DetailT.Props> = (props) => {\n const { propsWithDefault, globalProps, xstyledProps } = useCardV1Detail(props);\n const {\n title,\n onExpand,\n expandContent,\n description,\n descriptionColor,\n rightValue,\n rightDescription,\n rightAddon,\n selectable,\n isSelected,\n onSelect,\n expandable,\n isExpanded,\n readOnly,\n disabled,\n } = propsWithDefault;\n const theme = useTheme();\n const hasRightLegend = rightValue && rightDescription;\n const hasRightPosition = hasRightLegend || rightAddon;\n const topWrapperCols = ['1fr'];\n if (hasRightPosition) topWrapperCols.push('auto');\n if (expandable) topWrapperCols.unshift('20px');\n if (selectable) topWrapperCols.unshift(theme.space.s);\n return (\n <>\n <Container\n disabled={disabled || readOnly}\n active={selectable && isSelected}\n data-testid={CARD_V1_DETAIL_SLOTS.CONTAINER}\n getOwnerProps={() => propsWithDefault}\n getOwnerPropsArguments={() => ({})}\n {...globalProps}\n {...xstyledProps}\n >\n <Grid cols={topWrapperCols} alignItems={!description ? 'center' : undefined}>\n {selectable && (\n <Grid pt={description && '9px'}>\n <DSControlledCheckbox\n data-testid=\"card-checkbox\"\n aria-label={`${description}-checkbox`}\n checked={isSelected}\n name={`${description}-checkbox`}\n label=\" \"\n disabled={disabled}\n onChange={onSelect}\n />\n </Grid>\n )}\n {expandable && (\n <Grid height=\"16px\" pt={description && 'xxs'} mt={!description && '-5px'}>\n <DSButton\n size=\"s\"\n buttonType=\"text\"\n containerProps={{\n 'data-testid': 'expand-button',\n }}\n onClick={onExpand}\n icon={\n isExpanded ? (\n <ArrowheadDown color={['neutral', '500']} size=\"s\" />\n ) : (\n <ArrowheadRight color={['neutral', '500']} size=\"s\" />\n )\n }\n disabled={disabled}\n />\n </Grid>\n )}\n <Grid pr=\"24px\">\n <Title>{title}</Title>\n {description && <Description descriptionColor={descriptionColor}>{description}</Description>}\n </Grid>\n {hasRightPosition && (\n <Grid cols={compact([hasRightPosition && 'auto', rightAddon && 'auto'])}>\n {hasRightLegend && (\n <Grid pr=\"24px\" rows={['auto', 'auto', 1]}>\n <RightDescription justifyContent=\"flex-end\">{rightDescription}</RightDescription>\n <RightValue justifyContent=\"flex-end\">{rightValue}</RightValue>\n <Grid />\n </Grid>\n )}\n {rightAddon && (\n <RightAddon cols={['auto', 'auto']} gutter=\"2px\">\n {rightAddon}\n </RightAddon>\n )}\n </Grid>\n )}\n </Grid>\n {expandContent && isExpanded && (\n <Grid ml={selectable && 's'} mr={rightAddon && 'xs'}>\n <DSSeparator dashed position=\"initial\" margin=\"none\" />\n <Grid pt=\"xxs\" data-testid=\"detail-card-expanded-content\">\n {expandContent}\n </Grid>\n </Grid>\n )}\n </Container>\n </>\n );\n};\n\nDSCardV1Detail.displayName = DSCardV1DetailName;\nconst DSCardV1DetailWithSchema = describe(DSCardV1Detail);\nDSCardV1DetailWithSchema.propTypes = DSCardV1DetailPropTypesSchema;\n\nexport { DSCardV1Detail, DSCardV1DetailWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": "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",
4
+ "sourcesContent": ["import { DSButton } from '@elliemae/ds-button';\nimport { DSControlledCheckbox } from '@elliemae/ds-form-checkbox';\nimport { Grid } from '@elliemae/ds-grid';\nimport { ArrowheadDown, ArrowheadRight } from '@elliemae/ds-icons';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { DSSeparator } from '@elliemae/ds-separator';\nimport { useTheme } from '@elliemae/ds-system';\nimport { compact } from 'lodash-es';\nimport React from 'react';\nimport { useCardV1Detail } from './config/useCardV1Detail.js';\nimport { CARD_V1_DETAIL_SLOTS, DSCardV1DetailName } from './constants/index.js';\nimport { type DSCardV1DetailT, DSCardV1DetailPropTypesSchema } from './react-desc-prop-types.js';\nimport { Container, Description, RightAddon, RightDescription, RightValue, Title } from './styled.js';\n\n// eslint-disable-next-line complexity\nconst DSCardV1Detail: React.ComponentType<DSCardV1DetailT.Props> = (props) => {\n const { propsWithDefault, globalProps, xstyledProps } = useCardV1Detail(props);\n const {\n title,\n onExpand,\n expandContent,\n description,\n descriptionColor,\n rightValue,\n rightDescription,\n rightAddon,\n selectable,\n isSelected,\n onSelect,\n expandable,\n isExpanded,\n readOnly,\n disabled,\n } = propsWithDefault;\n const theme = useTheme();\n const hasRightLegend = rightValue && rightDescription;\n const hasRightPosition = hasRightLegend || rightAddon;\n const topWrapperCols = ['1fr'];\n if (hasRightPosition) topWrapperCols.push('auto');\n if (expandable) topWrapperCols.unshift('20px');\n if (selectable) topWrapperCols.unshift(theme.space.s);\n return (\n <Container\n disabled={disabled || readOnly}\n active={selectable && isSelected}\n data-testid={CARD_V1_DETAIL_SLOTS.CONTAINER}\n getOwnerProps={() => propsWithDefault}\n getOwnerPropsArguments={() => ({})}\n {...globalProps}\n {...xstyledProps}\n >\n <Grid cols={topWrapperCols} alignItems={!description ? 'center' : undefined}>\n {selectable && (\n <Grid pt={description && '9px'}>\n <DSControlledCheckbox\n data-testid=\"card-checkbox\"\n aria-label={`${description}-checkbox`}\n checked={isSelected}\n name={`${description}-checkbox`}\n label=\" \"\n disabled={disabled}\n onChange={onSelect}\n />\n </Grid>\n )}\n {expandable && (\n <Grid height=\"16px\" pt={description && 'xxs'} mt={!description && '-5px'}>\n <DSButton\n size=\"s\"\n buttonType=\"text\"\n containerProps={{\n 'data-testid': 'expand-button',\n }}\n onClick={onExpand}\n icon={\n isExpanded ? (\n <ArrowheadDown color={['neutral', '500']} size=\"s\" />\n ) : (\n <ArrowheadRight color={['neutral', '500']} size=\"s\" />\n )\n }\n disabled={disabled}\n />\n </Grid>\n )}\n <Grid pr=\"24px\">\n <Title>{title}</Title>\n {description && <Description descriptionColor={descriptionColor}>{description}</Description>}\n </Grid>\n {hasRightPosition && (\n <Grid cols={compact([hasRightPosition && 'auto', rightAddon && 'auto'])}>\n {hasRightLegend && (\n <Grid pr=\"24px\" rows={['auto', 'auto', 1]}>\n <RightDescription justifyContent=\"flex-end\">{rightDescription}</RightDescription>\n <RightValue justifyContent=\"flex-end\">{rightValue}</RightValue>\n <Grid />\n </Grid>\n )}\n {rightAddon && (\n <RightAddon cols={['auto', 'auto']} gutter=\"2px\">\n {rightAddon}\n </RightAddon>\n )}\n </Grid>\n )}\n </Grid>\n {expandContent && isExpanded && (\n <Grid ml={selectable && 's'} mr={rightAddon && 'xs'}>\n <DSSeparator dashed position=\"initial\" margin=\"none\" />\n <Grid pt=\"xxs\" data-testid=\"detail-card-expanded-content\">\n {expandContent}\n </Grid>\n </Grid>\n )}\n </Container>\n );\n};\n\nDSCardV1Detail.displayName = DSCardV1DetailName;\nconst DSCardV1DetailWithSchema = describe(DSCardV1Detail);\nDSCardV1DetailWithSchema.propTypes = DSCardV1DetailPropTypesSchema;\n\nexport { DSCardV1Detail, DSCardV1DetailWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": "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",
6
6
  "names": []
7
7
  }
@@ -1,17 +1,17 @@
1
1
  import * as React from "react";
2
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
2
+ import { jsx, jsxs } from "react/jsx-runtime";
3
+ import { DSButton } from "@elliemae/ds-button";
4
+ import { DSControlledCheckbox } from "@elliemae/ds-form-checkbox";
5
+ import { Grid } from "@elliemae/ds-grid";
6
+ import { ArrowheadDown, ArrowheadRight } from "@elliemae/ds-icons";
3
7
  import { describe } from "@elliemae/ds-props-helpers";
4
- import { compact } from "lodash-es";
8
+ import { DSSeparator } from "@elliemae/ds-separator";
5
9
  import { useTheme } from "@elliemae/ds-system";
6
- import { DSCardV1DetailPropTypesSchema } from "./react-desc-prop-types.js";
10
+ import { compact } from "lodash-es";
7
11
  import { useCardV1Detail } from "./config/useCardV1Detail.js";
8
12
  import { CARD_V1_DETAIL_SLOTS, DSCardV1DetailName } from "./constants/index.js";
9
- import { ArrowheadDown, ArrowheadRight } from "@elliemae/ds-icons";
10
- import { DSButton } from "@elliemae/ds-button";
11
- import { DSSeparator } from "@elliemae/ds-separator";
12
- import { Grid } from "@elliemae/ds-grid";
13
- import { DSControlledCheckbox } from "@elliemae/ds-controlled-form";
14
- import { Container, Title, Description, RightAddon, RightDescription, RightValue } from "./styled.js";
13
+ import { DSCardV1DetailPropTypesSchema } from "./react-desc-prop-types.js";
14
+ import { Container, Description, RightAddon, RightDescription, RightValue, Title } from "./styled.js";
15
15
  const DSCardV1Detail = (props) => {
16
16
  const { propsWithDefault, globalProps, xstyledProps } = useCardV1Detail(props);
17
17
  const {
@@ -38,7 +38,7 @@ const DSCardV1Detail = (props) => {
38
38
  if (hasRightPosition) topWrapperCols.push("auto");
39
39
  if (expandable) topWrapperCols.unshift("20px");
40
40
  if (selectable) topWrapperCols.unshift(theme.space.s);
41
- return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
41
+ return /* @__PURE__ */ jsxs(
42
42
  Container,
43
43
  {
44
44
  disabled: disabled || readOnly,
@@ -94,7 +94,7 @@ const DSCardV1Detail = (props) => {
94
94
  ] })
95
95
  ]
96
96
  }
97
- ) });
97
+ );
98
98
  };
99
99
  DSCardV1Detail.displayName = DSCardV1DetailName;
100
100
  const DSCardV1DetailWithSchema = describe(DSCardV1Detail);
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSCardV1Detail.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { compact } from 'lodash-es';\nimport { useTheme } from '@elliemae/ds-system';\nimport { type DSCardV1DetailT, DSCardV1DetailPropTypesSchema } from './react-desc-prop-types.js';\nimport { useCardV1Detail } from './config/useCardV1Detail.js';\nimport { CARD_V1_DETAIL_SLOTS, DSCardV1DetailName } from './constants/index.js';\nimport { ArrowheadDown, ArrowheadRight } from '@elliemae/ds-icons';\nimport { DSButton } from '@elliemae/ds-button';\nimport { DSSeparator } from '@elliemae/ds-separator';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSControlledCheckbox } from '@elliemae/ds-controlled-form';\nimport { Container, Title, Description, RightAddon, RightDescription, RightValue } from './styled.js';\n\n// eslint-disable-next-line complexity\nconst DSCardV1Detail: React.ComponentType<DSCardV1DetailT.Props> = (props) => {\n const { propsWithDefault, globalProps, xstyledProps } = useCardV1Detail(props);\n const {\n title,\n onExpand,\n expandContent,\n description,\n descriptionColor,\n rightValue,\n rightDescription,\n rightAddon,\n selectable,\n isSelected,\n onSelect,\n expandable,\n isExpanded,\n readOnly,\n disabled,\n } = propsWithDefault;\n const theme = useTheme();\n const hasRightLegend = rightValue && rightDescription;\n const hasRightPosition = hasRightLegend || rightAddon;\n const topWrapperCols = ['1fr'];\n if (hasRightPosition) topWrapperCols.push('auto');\n if (expandable) topWrapperCols.unshift('20px');\n if (selectable) topWrapperCols.unshift(theme.space.s);\n return (\n <>\n <Container\n disabled={disabled || readOnly}\n active={selectable && isSelected}\n data-testid={CARD_V1_DETAIL_SLOTS.CONTAINER}\n getOwnerProps={() => propsWithDefault}\n getOwnerPropsArguments={() => ({})}\n {...globalProps}\n {...xstyledProps}\n >\n <Grid cols={topWrapperCols} alignItems={!description ? 'center' : undefined}>\n {selectable && (\n <Grid pt={description && '9px'}>\n <DSControlledCheckbox\n data-testid=\"card-checkbox\"\n aria-label={`${description}-checkbox`}\n checked={isSelected}\n name={`${description}-checkbox`}\n label=\" \"\n disabled={disabled}\n onChange={onSelect}\n />\n </Grid>\n )}\n {expandable && (\n <Grid height=\"16px\" pt={description && 'xxs'} mt={!description && '-5px'}>\n <DSButton\n size=\"s\"\n buttonType=\"text\"\n containerProps={{\n 'data-testid': 'expand-button',\n }}\n onClick={onExpand}\n icon={\n isExpanded ? (\n <ArrowheadDown color={['neutral', '500']} size=\"s\" />\n ) : (\n <ArrowheadRight color={['neutral', '500']} size=\"s\" />\n )\n }\n disabled={disabled}\n />\n </Grid>\n )}\n <Grid pr=\"24px\">\n <Title>{title}</Title>\n {description && <Description descriptionColor={descriptionColor}>{description}</Description>}\n </Grid>\n {hasRightPosition && (\n <Grid cols={compact([hasRightPosition && 'auto', rightAddon && 'auto'])}>\n {hasRightLegend && (\n <Grid pr=\"24px\" rows={['auto', 'auto', 1]}>\n <RightDescription justifyContent=\"flex-end\">{rightDescription}</RightDescription>\n <RightValue justifyContent=\"flex-end\">{rightValue}</RightValue>\n <Grid />\n </Grid>\n )}\n {rightAddon && (\n <RightAddon cols={['auto', 'auto']} gutter=\"2px\">\n {rightAddon}\n </RightAddon>\n )}\n </Grid>\n )}\n </Grid>\n {expandContent && isExpanded && (\n <Grid ml={selectable && 's'} mr={rightAddon && 'xs'}>\n <DSSeparator dashed position=\"initial\" margin=\"none\" />\n <Grid pt=\"xxs\" data-testid=\"detail-card-expanded-content\">\n {expandContent}\n </Grid>\n </Grid>\n )}\n </Container>\n </>\n );\n};\n\nDSCardV1Detail.displayName = DSCardV1DetailName;\nconst DSCardV1DetailWithSchema = describe(DSCardV1Detail);\nDSCardV1DetailWithSchema.propTypes = DSCardV1DetailPropTypesSchema;\n\nexport { DSCardV1Detail, DSCardV1DetailWithSchema };\n"],
5
- "mappings": "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",
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { DSButton } from '@elliemae/ds-button';\nimport { DSControlledCheckbox } from '@elliemae/ds-form-checkbox';\nimport { Grid } from '@elliemae/ds-grid';\nimport { ArrowheadDown, ArrowheadRight } from '@elliemae/ds-icons';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { DSSeparator } from '@elliemae/ds-separator';\nimport { useTheme } from '@elliemae/ds-system';\nimport { compact } from 'lodash-es';\nimport React from 'react';\nimport { useCardV1Detail } from './config/useCardV1Detail.js';\nimport { CARD_V1_DETAIL_SLOTS, DSCardV1DetailName } from './constants/index.js';\nimport { type DSCardV1DetailT, DSCardV1DetailPropTypesSchema } from './react-desc-prop-types.js';\nimport { Container, Description, RightAddon, RightDescription, RightValue, Title } from './styled.js';\n\n// eslint-disable-next-line complexity\nconst DSCardV1Detail: React.ComponentType<DSCardV1DetailT.Props> = (props) => {\n const { propsWithDefault, globalProps, xstyledProps } = useCardV1Detail(props);\n const {\n title,\n onExpand,\n expandContent,\n description,\n descriptionColor,\n rightValue,\n rightDescription,\n rightAddon,\n selectable,\n isSelected,\n onSelect,\n expandable,\n isExpanded,\n readOnly,\n disabled,\n } = propsWithDefault;\n const theme = useTheme();\n const hasRightLegend = rightValue && rightDescription;\n const hasRightPosition = hasRightLegend || rightAddon;\n const topWrapperCols = ['1fr'];\n if (hasRightPosition) topWrapperCols.push('auto');\n if (expandable) topWrapperCols.unshift('20px');\n if (selectable) topWrapperCols.unshift(theme.space.s);\n return (\n <Container\n disabled={disabled || readOnly}\n active={selectable && isSelected}\n data-testid={CARD_V1_DETAIL_SLOTS.CONTAINER}\n getOwnerProps={() => propsWithDefault}\n getOwnerPropsArguments={() => ({})}\n {...globalProps}\n {...xstyledProps}\n >\n <Grid cols={topWrapperCols} alignItems={!description ? 'center' : undefined}>\n {selectable && (\n <Grid pt={description && '9px'}>\n <DSControlledCheckbox\n data-testid=\"card-checkbox\"\n aria-label={`${description}-checkbox`}\n checked={isSelected}\n name={`${description}-checkbox`}\n label=\" \"\n disabled={disabled}\n onChange={onSelect}\n />\n </Grid>\n )}\n {expandable && (\n <Grid height=\"16px\" pt={description && 'xxs'} mt={!description && '-5px'}>\n <DSButton\n size=\"s\"\n buttonType=\"text\"\n containerProps={{\n 'data-testid': 'expand-button',\n }}\n onClick={onExpand}\n icon={\n isExpanded ? (\n <ArrowheadDown color={['neutral', '500']} size=\"s\" />\n ) : (\n <ArrowheadRight color={['neutral', '500']} size=\"s\" />\n )\n }\n disabled={disabled}\n />\n </Grid>\n )}\n <Grid pr=\"24px\">\n <Title>{title}</Title>\n {description && <Description descriptionColor={descriptionColor}>{description}</Description>}\n </Grid>\n {hasRightPosition && (\n <Grid cols={compact([hasRightPosition && 'auto', rightAddon && 'auto'])}>\n {hasRightLegend && (\n <Grid pr=\"24px\" rows={['auto', 'auto', 1]}>\n <RightDescription justifyContent=\"flex-end\">{rightDescription}</RightDescription>\n <RightValue justifyContent=\"flex-end\">{rightValue}</RightValue>\n <Grid />\n </Grid>\n )}\n {rightAddon && (\n <RightAddon cols={['auto', 'auto']} gutter=\"2px\">\n {rightAddon}\n </RightAddon>\n )}\n </Grid>\n )}\n </Grid>\n {expandContent && isExpanded && (\n <Grid ml={selectable && 's'} mr={rightAddon && 'xs'}>\n <DSSeparator dashed position=\"initial\" margin=\"none\" />\n <Grid pt=\"xxs\" data-testid=\"detail-card-expanded-content\">\n {expandContent}\n </Grid>\n </Grid>\n )}\n </Container>\n );\n};\n\nDSCardV1Detail.displayName = DSCardV1DetailName;\nconst DSCardV1DetailWithSchema = describe(DSCardV1Detail);\nDSCardV1DetailWithSchema.propTypes = DSCardV1DetailPropTypesSchema;\n\nexport { DSCardV1Detail, DSCardV1DetailWithSchema };\n"],
5
+ "mappings": "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",
6
6
  "names": []
7
7
  }
@@ -1,4 +1,3 @@
1
- /// <reference types="lodash" />
2
1
  import React from 'react';
3
2
  import { useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-props-helpers';
4
3
  import { type DSCardV1DetailT } from '../react-desc-prop-types.js';
@@ -12,62 +11,62 @@ export declare const useCardV1Detail: (propsFromUser: DSCardV1DetailT.Props) =>
12
11
  propsWithDefault: DSCardV1DetailT.InternalProps;
13
12
  globalProps: import("lodash").Omit<Partial<Pick<object, "onSelect" | "disabled" | "form" | "list" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap"> & Omit<{
14
13
  onSelect?: React.ReactEventHandler<Element> | undefined;
15
- disabled?: boolean | undefined;
16
- form?: string | undefined;
17
- list?: string | undefined;
18
- "aria-activedescendant"?: string | undefined;
14
+ disabled?: boolean | undefined | undefined;
15
+ form?: string | undefined | undefined;
16
+ list?: string | undefined | undefined;
17
+ "aria-activedescendant"?: string | undefined | undefined;
19
18
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
20
- "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
21
- "aria-braillelabel"?: string | undefined;
22
- "aria-brailleroledescription"?: string | undefined;
19
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
20
+ "aria-braillelabel"?: string | undefined | undefined;
21
+ "aria-brailleroledescription"?: string | undefined | undefined;
23
22
  "aria-busy"?: (boolean | "true" | "false") | undefined;
24
- "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
25
- "aria-colcount"?: number | undefined;
26
- "aria-colindex"?: number | undefined;
27
- "aria-colindextext"?: string | undefined;
28
- "aria-colspan"?: number | undefined;
29
- "aria-controls"?: string | undefined;
30
- "aria-current"?: boolean | "true" | "false" | "step" | "page" | "location" | "date" | "time" | undefined;
31
- "aria-describedby"?: string | undefined;
32
- "aria-description"?: string | undefined;
33
- "aria-details"?: string | undefined;
23
+ "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
24
+ "aria-colcount"?: number | undefined | undefined;
25
+ "aria-colindex"?: number | undefined | undefined;
26
+ "aria-colindextext"?: string | undefined | undefined;
27
+ "aria-colspan"?: number | undefined | undefined;
28
+ "aria-controls"?: string | undefined | undefined;
29
+ "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
30
+ "aria-describedby"?: string | undefined | undefined;
31
+ "aria-description"?: string | undefined | undefined;
32
+ "aria-details"?: string | undefined | undefined;
34
33
  "aria-disabled"?: (boolean | "true" | "false") | undefined;
35
- "aria-dropeffect"?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
36
- "aria-errormessage"?: string | undefined;
34
+ "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
35
+ "aria-errormessage"?: string | undefined | undefined;
37
36
  "aria-expanded"?: (boolean | "true" | "false") | undefined;
38
- "aria-flowto"?: string | undefined;
37
+ "aria-flowto"?: string | undefined | undefined;
39
38
  "aria-grabbed"?: (boolean | "true" | "false") | undefined;
40
- "aria-haspopup"?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
39
+ "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
41
40
  "aria-hidden"?: (boolean | "true" | "false") | undefined;
42
- "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
43
- "aria-keyshortcuts"?: string | undefined;
44
- "aria-label"?: string | undefined;
45
- "aria-labelledby"?: string | undefined;
46
- "aria-level"?: number | undefined;
47
- "aria-live"?: "off" | "assertive" | "polite" | undefined;
41
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
42
+ "aria-keyshortcuts"?: string | undefined | undefined;
43
+ "aria-label"?: string | undefined | undefined;
44
+ "aria-labelledby"?: string | undefined | undefined;
45
+ "aria-level"?: number | undefined | undefined;
46
+ "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
48
47
  "aria-modal"?: (boolean | "true" | "false") | undefined;
49
48
  "aria-multiline"?: (boolean | "true" | "false") | undefined;
50
49
  "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
51
- "aria-orientation"?: "horizontal" | "vertical" | undefined;
52
- "aria-owns"?: string | undefined;
53
- "aria-placeholder"?: string | undefined;
54
- "aria-posinset"?: number | undefined;
55
- "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
50
+ "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
51
+ "aria-owns"?: string | undefined | undefined;
52
+ "aria-placeholder"?: string | undefined | undefined;
53
+ "aria-posinset"?: number | undefined | undefined;
54
+ "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
56
55
  "aria-readonly"?: (boolean | "true" | "false") | undefined;
57
- "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
56
+ "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
58
57
  "aria-required"?: (boolean | "true" | "false") | undefined;
59
- "aria-roledescription"?: string | undefined;
60
- "aria-rowcount"?: number | undefined;
61
- "aria-rowindex"?: number | undefined;
62
- "aria-rowindextext"?: string | undefined;
63
- "aria-rowspan"?: number | undefined;
58
+ "aria-roledescription"?: string | undefined | undefined;
59
+ "aria-rowcount"?: number | undefined | undefined;
60
+ "aria-rowindex"?: number | undefined | undefined;
61
+ "aria-rowindextext"?: string | undefined | undefined;
62
+ "aria-rowspan"?: number | undefined | undefined;
64
63
  "aria-selected"?: (boolean | "true" | "false") | undefined;
65
- "aria-setsize"?: number | undefined;
66
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
67
- "aria-valuemax"?: number | undefined;
68
- "aria-valuemin"?: number | undefined;
69
- "aria-valuenow"?: number | undefined;
70
- "aria-valuetext"?: string | undefined;
64
+ "aria-setsize"?: number | undefined | undefined;
65
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
66
+ "aria-valuemax"?: number | undefined | undefined;
67
+ "aria-valuemin"?: number | undefined | undefined;
68
+ "aria-valuenow"?: number | undefined | undefined;
69
+ "aria-valuetext"?: string | undefined | undefined;
71
70
  children?: React.ReactNode;
72
71
  onCopy?: React.ClipboardEventHandler<Element> | undefined;
73
72
  onCopyCapture?: React.ClipboardEventHandler<Element> | undefined;
@@ -87,7 +86,7 @@ export declare const useCardV1Detail: (propsFromUser: DSCardV1DetailT.Props) =>
87
86
  onBlurCapture?: React.FocusEventHandler<Element> | undefined;
88
87
  onChange?: React.FormEventHandler<Element> | undefined;
89
88
  onChangeCapture?: React.FormEventHandler<Element> | undefined;
90
- onBeforeInput?: React.FormEventHandler<Element> | undefined;
89
+ onBeforeInput?: React.InputEventHandler<Element> | undefined;
91
90
  onBeforeInputCapture?: React.FormEventHandler<Element> | undefined;
92
91
  onInput?: React.FormEventHandler<Element> | undefined;
93
92
  onInputCapture?: React.FormEventHandler<Element> | undefined;
@@ -226,155 +225,155 @@ export declare const useCardV1Detail: (propsFromUser: DSCardV1DetailT.Props) =>
226
225
  onAnimationIterationCapture?: React.AnimationEventHandler<Element> | undefined;
227
226
  onTransitionEnd?: React.TransitionEventHandler<Element> | undefined;
228
227
  onTransitionEndCapture?: React.TransitionEventHandler<Element> | undefined;
229
- defaultChecked?: boolean | undefined;
228
+ defaultChecked?: boolean | undefined | undefined;
230
229
  defaultValue?: string | number | readonly string[] | undefined;
231
- suppressContentEditableWarning?: boolean | undefined;
232
- suppressHydrationWarning?: boolean | undefined;
233
- accessKey?: string | undefined;
234
- autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | (string & {}) | undefined;
235
- autoFocus?: boolean | undefined;
236
- className?: string | undefined;
230
+ suppressContentEditableWarning?: boolean | undefined | undefined;
231
+ suppressHydrationWarning?: boolean | undefined | undefined;
232
+ accessKey?: string | undefined | undefined;
233
+ autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
234
+ autoFocus?: boolean | undefined | undefined;
235
+ className?: string | undefined | undefined;
237
236
  contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
238
- contextMenu?: string | undefined;
239
- dir?: string | undefined;
237
+ contextMenu?: string | undefined | undefined;
238
+ dir?: string | undefined | undefined;
240
239
  draggable?: (boolean | "true" | "false") | undefined;
241
- enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
242
- hidden?: boolean | undefined;
243
- id?: string | undefined;
244
- lang?: string | undefined;
245
- nonce?: string | undefined;
246
- slot?: string | undefined;
240
+ enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
241
+ hidden?: boolean | undefined | undefined;
242
+ id?: string | undefined | undefined;
243
+ lang?: string | undefined | undefined;
244
+ nonce?: string | undefined | undefined;
245
+ slot?: string | undefined | undefined;
247
246
  spellCheck?: (boolean | "true" | "false") | undefined;
248
247
  style?: React.CSSProperties | undefined;
249
248
  tabIndex?: 0 | -1 | undefined;
250
- title?: string | undefined;
251
- translate?: "yes" | "no" | undefined;
252
- radioGroup?: string | undefined;
249
+ title?: string | undefined | undefined;
250
+ translate?: "yes" | "no" | undefined | undefined;
251
+ radioGroup?: string | undefined | undefined;
253
252
  role?: React.AriaRole | undefined;
254
- about?: string | undefined;
255
- content?: string | undefined;
256
- datatype?: string | undefined;
253
+ about?: string | undefined | undefined;
254
+ content?: string | undefined | undefined;
255
+ datatype?: string | undefined | undefined;
257
256
  inlist?: any;
258
- prefix?: string | undefined;
259
- property?: string | undefined;
260
- rel?: string | undefined;
261
- resource?: string | undefined;
262
- rev?: string | undefined;
263
- typeof?: string | undefined;
264
- vocab?: string | undefined;
265
- autoCorrect?: string | undefined;
266
- autoSave?: string | undefined;
267
- color?: string | undefined;
268
- itemProp?: string | undefined;
269
- itemScope?: boolean | undefined;
270
- itemType?: string | undefined;
271
- itemID?: string | undefined;
272
- itemRef?: string | undefined;
273
- results?: number | undefined;
274
- security?: string | undefined;
275
- unselectable?: "off" | "on" | undefined;
276
- inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
277
- is?: string | undefined;
278
- exportparts?: string | undefined;
279
- part?: string | undefined;
280
- accept?: string | undefined;
281
- acceptCharset?: string | undefined;
257
+ prefix?: string | undefined | undefined;
258
+ property?: string | undefined | undefined;
259
+ rel?: string | undefined | undefined;
260
+ resource?: string | undefined | undefined;
261
+ rev?: string | undefined | undefined;
262
+ typeof?: string | undefined | undefined;
263
+ vocab?: string | undefined | undefined;
264
+ autoCorrect?: string | undefined | undefined;
265
+ autoSave?: string | undefined | undefined;
266
+ color?: string | undefined | undefined;
267
+ itemProp?: string | undefined | undefined;
268
+ itemScope?: boolean | undefined | undefined;
269
+ itemType?: string | undefined | undefined;
270
+ itemID?: string | undefined | undefined;
271
+ itemRef?: string | undefined | undefined;
272
+ results?: number | undefined | undefined;
273
+ security?: string | undefined | undefined;
274
+ unselectable?: "on" | "off" | undefined | undefined;
275
+ inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
276
+ is?: string | undefined | undefined;
277
+ exportparts?: string | undefined | undefined;
278
+ part?: string | undefined | undefined;
279
+ accept?: string | undefined | undefined;
280
+ acceptCharset?: string | undefined | undefined;
282
281
  action?: string | undefined;
283
- allowFullScreen?: boolean | undefined;
284
- allowTransparency?: boolean | undefined;
285
- alt?: string | undefined;
286
- async?: boolean | undefined;
287
- autoComplete?: string | undefined;
288
- autoPlay?: boolean | undefined;
289
- capture?: boolean | "user" | "environment" | undefined;
290
- cellPadding?: string | number | undefined;
291
- cellSpacing?: string | number | undefined;
292
- charSet?: string | undefined;
293
- challenge?: string | undefined;
294
- checked?: boolean | undefined;
295
- cite?: string | undefined;
296
- classID?: string | undefined;
297
- cols?: number | undefined;
298
- colSpan?: number | undefined;
299
- controls?: boolean | undefined;
300
- coords?: string | undefined;
282
+ allowFullScreen?: boolean | undefined | undefined;
283
+ allowTransparency?: boolean | undefined | undefined;
284
+ alt?: string | undefined | undefined;
285
+ async?: boolean | undefined | undefined;
286
+ autoComplete?: string | undefined | undefined;
287
+ autoPlay?: boolean | undefined | undefined;
288
+ capture?: boolean | "user" | "environment" | undefined | undefined;
289
+ cellPadding?: number | string | undefined | undefined;
290
+ cellSpacing?: number | string | undefined | undefined;
291
+ charSet?: string | undefined | undefined;
292
+ challenge?: string | undefined | undefined;
293
+ checked?: boolean | undefined | undefined;
294
+ cite?: string | undefined | undefined;
295
+ classID?: string | undefined | undefined;
296
+ cols?: number | undefined | undefined;
297
+ colSpan?: number | undefined | undefined;
298
+ controls?: boolean | undefined | undefined;
299
+ coords?: string | undefined | undefined;
301
300
  crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
302
- data?: string | undefined;
303
- dateTime?: string | undefined;
304
- default?: boolean | undefined;
305
- defer?: boolean | undefined;
301
+ data?: string | undefined | undefined;
302
+ dateTime?: string | undefined | undefined;
303
+ default?: boolean | undefined | undefined;
304
+ defer?: boolean | undefined | undefined;
306
305
  download?: any;
307
- encType?: string | undefined;
306
+ encType?: string | undefined | undefined;
308
307
  formAction?: string | undefined;
309
- formEncType?: string | undefined;
310
- formMethod?: string | undefined;
311
- formNoValidate?: boolean | undefined;
312
- formTarget?: string | undefined;
313
- frameBorder?: string | number | undefined;
314
- headers?: string | undefined;
315
- height?: string | number | undefined;
316
- high?: number | undefined;
317
- href?: string | undefined;
318
- hrefLang?: string | undefined;
319
- htmlFor?: string | undefined;
320
- httpEquiv?: string | undefined;
321
- integrity?: string | undefined;
322
- keyParams?: string | undefined;
323
- keyType?: string | undefined;
324
- kind?: string | undefined;
325
- label?: string | undefined;
326
- loop?: boolean | undefined;
327
- low?: number | undefined;
328
- manifest?: string | undefined;
329
- marginHeight?: number | undefined;
330
- marginWidth?: number | undefined;
331
- max?: string | number | undefined;
332
- maxLength?: number | undefined;
333
- media?: string | undefined;
334
- mediaGroup?: string | undefined;
335
- method?: string | undefined;
336
- min?: string | number | undefined;
337
- minLength?: number | undefined;
338
- multiple?: boolean | undefined;
339
- muted?: boolean | undefined;
340
- name?: string | undefined;
341
- noValidate?: boolean | undefined;
342
- open?: boolean | undefined;
343
- optimum?: number | undefined;
344
- pattern?: string | undefined;
345
- placeholder?: string | undefined;
346
- playsInline?: boolean | undefined;
347
- poster?: string | undefined;
348
- preload?: string | undefined;
349
- readOnly?: boolean | undefined;
350
- required?: boolean | undefined;
351
- reversed?: boolean | undefined;
352
- rows?: number | undefined;
353
- rowSpan?: number | undefined;
354
- sandbox?: string | undefined;
355
- scope?: string | undefined;
356
- scoped?: boolean | undefined;
357
- scrolling?: string | undefined;
358
- seamless?: boolean | undefined;
359
- selected?: boolean | undefined;
360
- shape?: string | undefined;
361
- size?: number | undefined;
362
- sizes?: string | undefined;
363
- span?: number | undefined;
364
- src?: string | undefined;
365
- srcDoc?: string | undefined;
366
- srcLang?: string | undefined;
367
- srcSet?: string | undefined;
368
- start?: number | undefined;
369
- step?: string | number | undefined;
370
- summary?: string | undefined;
371
- target?: string | undefined;
372
- type?: string | undefined;
373
- useMap?: string | undefined;
308
+ formEncType?: string | undefined | undefined;
309
+ formMethod?: string | undefined | undefined;
310
+ formNoValidate?: boolean | undefined | undefined;
311
+ formTarget?: string | undefined | undefined;
312
+ frameBorder?: number | string | undefined | undefined;
313
+ headers?: string | undefined | undefined;
314
+ height?: number | string | undefined | undefined;
315
+ high?: number | undefined | undefined;
316
+ href?: string | undefined | undefined;
317
+ hrefLang?: string | undefined | undefined;
318
+ htmlFor?: string | undefined | undefined;
319
+ httpEquiv?: string | undefined | undefined;
320
+ integrity?: string | undefined | undefined;
321
+ keyParams?: string | undefined | undefined;
322
+ keyType?: string | undefined | undefined;
323
+ kind?: string | undefined | undefined;
324
+ label?: string | undefined | undefined;
325
+ loop?: boolean | undefined | undefined;
326
+ low?: number | undefined | undefined;
327
+ manifest?: string | undefined | undefined;
328
+ marginHeight?: number | undefined | undefined;
329
+ marginWidth?: number | undefined | undefined;
330
+ max?: number | string | undefined | undefined;
331
+ maxLength?: number | undefined | undefined;
332
+ media?: string | undefined | undefined;
333
+ mediaGroup?: string | undefined | undefined;
334
+ method?: string | undefined | undefined;
335
+ min?: number | string | undefined | undefined;
336
+ minLength?: number | undefined | undefined;
337
+ multiple?: boolean | undefined | undefined;
338
+ muted?: boolean | undefined | undefined;
339
+ name?: string | undefined | undefined;
340
+ noValidate?: boolean | undefined | undefined;
341
+ open?: boolean | undefined | undefined;
342
+ optimum?: number | undefined | undefined;
343
+ pattern?: string | undefined | undefined;
344
+ placeholder?: string | undefined | undefined;
345
+ playsInline?: boolean | undefined | undefined;
346
+ poster?: string | undefined | undefined;
347
+ preload?: string | undefined | undefined;
348
+ readOnly?: boolean | undefined | undefined;
349
+ required?: boolean | undefined | undefined;
350
+ reversed?: boolean | undefined | undefined;
351
+ rows?: number | undefined | undefined;
352
+ rowSpan?: number | undefined | undefined;
353
+ sandbox?: string | undefined | undefined;
354
+ scope?: string | undefined | undefined;
355
+ scoped?: boolean | undefined | undefined;
356
+ scrolling?: string | undefined | undefined;
357
+ seamless?: boolean | undefined | undefined;
358
+ selected?: boolean | undefined | undefined;
359
+ shape?: string | undefined | undefined;
360
+ size?: number | undefined | undefined;
361
+ sizes?: string | undefined | undefined;
362
+ span?: number | undefined | undefined;
363
+ src?: string | undefined | undefined;
364
+ srcDoc?: string | undefined | undefined;
365
+ srcLang?: string | undefined | undefined;
366
+ srcSet?: string | undefined | undefined;
367
+ start?: number | undefined | undefined;
368
+ step?: number | string | undefined | undefined;
369
+ summary?: string | undefined | undefined;
370
+ target?: string | undefined | undefined;
371
+ type?: string | undefined | undefined;
372
+ useMap?: string | undefined | undefined;
374
373
  value?: string | number | readonly string[] | undefined;
375
- width?: string | number | undefined;
376
- wmode?: string | undefined;
377
- wrap?: string | undefined;
374
+ width?: number | string | undefined | undefined;
375
+ wmode?: string | undefined | undefined;
376
+ wrap?: string | undefined | undefined;
378
377
  }, never>>, "cols" | "rows" | "wrap">;
379
378
  xstyledProps: import("@elliemae/ds-props-helpers").XstyledProps;
380
379
  instanceUid: string;
@@ -11,4 +11,11 @@ export declare const CARD_V1_DETAIL_SLOTS: {
11
11
  };
12
12
  export declare const CARD_V1_DETAIL_DATA_TESTID: {
13
13
  CONTAINER: string;
14
+ SEPARATOR: "ds-cardv1detail-separator";
15
+ TITTLE: "ds-cardv1detail-title";
16
+ DESCRIPTION: "ds-cardv1detail-description";
17
+ RIGHT_ADDON: "ds-cardv1detail-right-addon";
18
+ RIGHT_DESCRIPTION: "ds-cardv1detail-right-description";
19
+ RIGHT_VALUE: "ds-cardv1detail-right-value";
20
+ EXPAND_CONTENT: "ds-cardv1detail-expand-content";
14
21
  };
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { type Theme } from '@elliemae/ds-system';
3
2
  import type { DSCardV1DetailT } from './react-desc-prop-types.js';
4
3
  export declare const Separator: import("styled-components").StyledComponent<"div", Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-card-v1-detail",
3
- "version": "3.52.1",
3
+ "version": "3.53.0-alpha.2",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Card V1 Detail",
6
6
  "files": [
@@ -38,21 +38,22 @@
38
38
  "dependencies": {
39
39
  "@xstyled/system": "~3.7.3",
40
40
  "lodash-es": "^4.17.21",
41
- "uid": "~2.0.1",
42
- "@elliemae/ds-button": "3.52.1",
43
- "@elliemae/ds-controlled-form": "3.52.1",
44
- "@elliemae/ds-grid": "3.52.1",
45
- "@elliemae/ds-props-helpers": "3.52.1",
46
- "@elliemae/ds-separator": "3.52.1",
47
- "@elliemae/ds-system": "3.52.1",
48
- "@elliemae/ds-icons": "3.52.1"
41
+ "uid": "^2.0.2",
42
+ "@elliemae/ds-button": "3.53.0-alpha.2",
43
+ "@elliemae/ds-grid": "3.53.0-alpha.2",
44
+ "@elliemae/ds-form-checkbox": "3.53.0-alpha.2",
45
+ "@elliemae/ds-system": "3.53.0-alpha.2",
46
+ "@elliemae/ds-icons": "3.53.0-alpha.2",
47
+ "@elliemae/ds-separator": "3.53.0-alpha.2",
48
+ "@elliemae/ds-props-helpers": "3.53.0-alpha.2"
49
49
  },
50
50
  "devDependencies": {
51
- "@elliemae/pui-cli": "9.0.0-next.63",
51
+ "@elliemae/pui-cli": "9.0.0-next.65",
52
52
  "jest": "~29.7.0",
53
53
  "lodash-es": "^4.17.21",
54
54
  "styled-components": "~5.3.9",
55
- "@elliemae/ds-monorepo-devops": "3.52.1"
55
+ "@elliemae/ds-monorepo-devops": "3.53.0-alpha.2",
56
+ "@elliemae/ds-test-utils": "3.53.0-alpha.2"
56
57
  },
57
58
  "peerDependencies": {
58
59
  "lodash-es": "^4.17.21",