@elliemae/ds-form-layout-blocks 3.16.0-next.2 → 3.16.0-next.20

package/dist/cjs/index.d.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.d.ts", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export * from './form-layout-block-item/index.d'\nexport * from './form-layout-checkbox-group/index.d'", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,4BAAc,6CAAd;AACA,4BAAc,iDADd;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,4BAAc,6CAAd;AACA,4BAAc,iDADd;",
   "names": []
 }

package/dist/cjs/index.js

@@ -19,6 +19,10 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 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
 ));
@@ -32,6 +36,6 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
-__reExport(src_exports, require("./form-layout-block-item"), module.exports);
-var import_form_layout_checkbox_group = require("./form-layout-checkbox-group");
+__reExport(src_exports, require("./form-layout-block-item/index.js"), module.exports);
+var import_form_layout_checkbox_group = require("./form-layout-checkbox-group/index.js");
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './form-layout-block-item';\nexport {\n  DSFormLayoutCheckboxGroup,\n  DSFormLayoutCheckboxGroupWithSchema,\n  DSFormLayoutCheckboxGroup as DSFormLayoutRadioGroup,\n  DSFormLayoutCheckboxGroupWithSchema as DSFormLayoutRadioGroupWithSchema,\n} from './form-layout-checkbox-group';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,qCAAd;AACA,wCAKO;",
+  "sourcesContent": ["export * from './form-layout-block-item/index.js';\nexport {\n  DSFormLayoutCheckboxGroup,\n  DSFormLayoutCheckboxGroupWithSchema,\n  DSFormLayoutCheckboxGroup as DSFormLayoutRadioGroup,\n  DSFormLayoutCheckboxGroupWithSchema as DSFormLayoutRadioGroupWithSchema,\n} from './form-layout-checkbox-group/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,8CAAd;AACA,wCAKO;",
   "names": []
 }

package/dist/cjs/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "commonjs",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/esm/form-layout-block-item/DSFormLayoutBlockItem.js

@@ -2,13 +2,20 @@ import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { Grid } from "@elliemae/ds-grid";
-import { describe } from "@elliemae/ds-utilities";
+import { describe } from "@elliemae/ds-props-helpers";
 import { uid } from "uid";
 import { AlertsSmallFill } from "@elliemae/ds-icons";
-import { DSFormLayoutBlockItemDataTestId } from "../exported-related/DSFormLayoutBlockItemDataTestId";
-import { propTypes } from "./propTypes";
-import { StyledMessage, StyledLabel, StyledContainer, StyledMark, ScreenReaderOnly, StyledCharCount } from "./styles";
-import { useFormLayoutBlockItem } from "./config/useFormLayoutBlockItem";
+import { DSFormLayoutBlockItemDataTestId } from "../exported-related/DSFormLayoutBlockItemDataTestId.js";
+import { propTypes } from "./propTypes.js";
+import {
+  StyledMessage,
+  StyledLabel,
+  StyledContainer,
+  StyledMark,
+  ScreenReaderOnly,
+  StyledCharCount
+} from "./styles.js";
+import { useFormLayoutBlockItem } from "./config/useFormLayoutBlockItem.js";
 const DSFormLayoutBlockItem = (props) => {
   const { globalAttributes, xstyledProps, propsWithDefault } = useFormLayoutBlockItem(props);
   const {
@@ -90,13 +97,14 @@ const DSFormLayoutBlockItem = (props) => {
             "data-testid": DSFormLayoutBlockItemDataTestId.ERROR_MESSAGE,
             hasError,
             leftLabel,
+            "aria-label": `${label}`,
             hideLabel,
             role: "alert",
             id: `${inputID || instanceUID}_error_message`,
             children: [
               /* @__PURE__ */ jsx(AlertsSmallFill, { width: 8, height: 8, color: ["danger", "900"], style: { marginBottom: "2px" } }),
               "\xA0",
-              `${validationMessage} ${label}`
+              `${validationMessage}`
             ]
           }
         )

package/dist/esm/form-layout-block-item/DSFormLayoutBlockItem.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/form-layout-block-item/DSFormLayoutBlockItem.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport React, { useMemo } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { describe } from '@elliemae/ds-utilities';\nimport { uid } from 'uid';\nimport { AlertsSmallFill } from '@elliemae/ds-icons';\nimport { DSFormLayoutBlockItemDataTestId } from '../exported-related/DSFormLayoutBlockItemDataTestId';\nimport type { DSFormLayoutBlockItemT } from './propTypes';\nimport { propTypes } from './propTypes';\nimport { StyledMessage, StyledLabel, StyledContainer, StyledMark, ScreenReaderOnly, StyledCharCount } from './styles';\nimport { useFormLayoutBlockItem } from './config/useFormLayoutBlockItem';\n\nconst DSFormLayoutBlockItem = (props: DSFormLayoutBlockItemT.Props) => {\n  const { globalAttributes, xstyledProps, propsWithDefault } = useFormLayoutBlockItem(props);\n  const {\n    label,\n    feedbackMessage,\n    maxCharCounter,\n    currentChar,\n    validationMessage,\n    inputID,\n    children,\n    hasError,\n    leftLabel,\n    required,\n    optional,\n    hideLabel,\n    fitContent,\n    withHighlight,\n    isGroup,\n  } = propsWithDefault;\n\n  const { className, label: globalLabel, ...othersGlobalAttributes } = globalAttributes;\n  const instanceUID = useMemo(() => `form_layout_block_item_${uid(6)}`, []);\n\n  const cols = useMemo(() => (maxCharCounter !== undefined ? ['1fr', 'auto'] : ['1fr']), [maxCharCounter]);\n\n  return (\n    <StyledContainer\n      data-testid={DSFormLayoutBlockItemDataTestId.CONTAINER}\n      leftLabel={leftLabel}\n      fitContent={fitContent}\n      hideLabel={hideLabel}\n      withHighlight={withHighlight}\n      as={isGroup ? 'fieldset' : 'div'}\n      isGroup={isGroup}\n      aria-describedby={!isGroup ? `${inputID || instanceUID}_feedback_message` : undefined}\n      className={className}\n      {...xstyledProps}\n    >\n      <Grid cols={cols} gutter=\"xxs\">\n        <StyledLabel\n          id={`${inputID}_block_label`}\n          data-testid={DSFormLayoutBlockItemDataTestId.LABEL}\n          htmlFor={inputID}\n          leftLabel={leftLabel}\n          hideLabel={hideLabel}\n          aria-hidden={isGroup}\n          {...othersGlobalAttributes}\n        >\n          {label}\n          {(required || optional) && <StyledMark required={required} />}\n        </StyledLabel>\n        {maxCharCounter !== undefined && currentChar !== undefined ? (\n          <StyledCharCount\n            data-testid={DSFormLayoutBlockItemDataTestId.COUNTER}\n            hasError={currentChar > maxCharCounter}\n          >{`${currentChar}/${maxCharCounter}`}</StyledCharCount>\n        ) : null}\n      </Grid>\n      {isGroup && <ScreenReaderOnly as=\"legend\">{`${label}. ${feedbackMessage || ''}`}</ScreenReaderOnly>}\n      {children}\n      {feedbackMessage && !hasError && (\n        <StyledMessage\n          data-testid={DSFormLayoutBlockItemDataTestId.MESSAGE}\n          leftLabel={leftLabel}\n          hideLabel={hideLabel}\n          aria-hidden={isGroup}\n          id={`${inputID || instanceUID}_feedback_message`}\n        >\n          {feedbackMessage}\n        </StyledMessage>\n      )}\n      {validationMessage && hasError && (\n        <StyledMessage\n          data-testid={DSFormLayoutBlockItemDataTestId.ERROR_MESSAGE}\n          hasError={hasError}\n          leftLabel={leftLabel}\n          hideLabel={hideLabel}\n          role=\"alert\"\n          id={`${inputID || instanceUID}_error_message`}\n        >\n          <AlertsSmallFill width={8} height={8} color={['danger', '900']} style={{ marginBottom: '2px' }} />\n          &nbsp;\n          {`${validationMessage} ${label}`}\n        </StyledMessage>\n      )}\n    </StyledContainer>\n  );\n};\n\nDSFormLayoutBlockItem.propTypes = propTypes;\nDSFormLayoutBlockItem.displayName = 'DSFormLayoutBlockItem';\nconst DSFormLayoutBlockItemWithSchema = describe(DSFormLayoutBlockItem);\nDSFormLayoutBlockItemWithSchema.propTypes = propTypes;\n\nexport { DSFormLayoutBlockItem, DSFormLayoutBlockItemWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACmDf,SAU6B,KAV7B;AAlDR,SAAgB,eAAe;AAC/B,SAAS,YAAY;AACrB,SAAS,gBAAgB;AACzB,SAAS,WAAW;AACpB,SAAS,uBAAuB;AAChC,SAAS,uCAAuC;AAEhD,SAAS,iBAAiB;AAC1B,SAAS,eAAe,aAAa,iBAAiB,YAAY,kBAAkB,uBAAuB;AAC3G,SAAS,8BAA8B;AAEvC,MAAM,wBAAwB,CAAC,UAAwC;AACrE,QAAM,EAAE,kBAAkB,cAAc,iBAAiB,IAAI,uBAAuB,KAAK;AACzF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,EAAE,WAAW,OAAO,gBAAgB,uBAAuB,IAAI;AACrE,QAAM,cAAc,QAAQ,MAAM,0BAA0B,IAAI,CAAC,KAAK,CAAC,CAAC;AAExE,QAAM,OAAO,QAAQ,MAAO,mBAAmB,SAAY,CAAC,OAAO,MAAM,IAAI,CAAC,KAAK,GAAI,CAAC,cAAc,CAAC;AAEvG,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa,gCAAgC;AAAA,MAC7C;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,IAAI,UAAU,aAAa;AAAA,MAC3B;AAAA,MACA,oBAAkB,CAAC,UAAU,GAAG,WAAW,iCAAiC;AAAA,MAC5E;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,6BAAC,QAAK,MAAY,QAAO,OACvB;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,IAAI,GAAG;AAAA,cACP,eAAa,gCAAgC;AAAA,cAC7C,SAAS;AAAA,cACT;AAAA,cACA;AAAA,cACA,eAAa;AAAA,cACZ,GAAG;AAAA,cAEH;AAAA;AAAA,iBACC,YAAY,aAAa,oBAAC,cAAW,UAAoB;AAAA;AAAA;AAAA,UAC7D;AAAA,UACC,mBAAmB,UAAa,gBAAgB,SAC/C;AAAA,YAAC;AAAA;AAAA,cACC,eAAa,gCAAgC;AAAA,cAC7C,UAAU,cAAc;AAAA,cACxB,aAAG,eAAe;AAAA;AAAA,UAAiB,IACnC;AAAA,WACN;AAAA,QACC,WAAW,oBAAC,oBAAiB,IAAG,UAAU,aAAG,UAAU,mBAAmB,MAAK;AAAA,QAC/E;AAAA,QACA,mBAAmB,CAAC,YACnB;AAAA,UAAC;AAAA;AAAA,YACC,eAAa,gCAAgC;AAAA,YAC7C;AAAA,YACA;AAAA,YACA,eAAa;AAAA,YACb,IAAI,GAAG,WAAW;AAAA,YAEjB;AAAA;AAAA,QACH;AAAA,QAED,qBAAqB,YACpB;AAAA,UAAC;AAAA;AAAA,YACC,eAAa,gCAAgC;AAAA,YAC7C;AAAA,YACA;AAAA,YACA;AAAA,YACA,MAAK;AAAA,YACL,IAAI,GAAG,WAAW;AAAA,YAElB;AAAA,kCAAC,mBAAgB,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC,UAAU,KAAK,GAAG,OAAO,EAAE,cAAc,MAAM,GAAG;AAAA,cAAE;AAAA,cAEjG,GAAG,qBAAqB;AAAA;AAAA;AAAA,QAC3B;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,sBAAsB,YAAY;AAClC,sBAAsB,cAAc;AACpC,MAAM,kCAAkC,SAAS,qBAAqB;AACtE,gCAAgC,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport React, { useMemo } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { uid } from 'uid';\nimport { AlertsSmallFill } from '@elliemae/ds-icons';\nimport { DSFormLayoutBlockItemDataTestId } from '../exported-related/DSFormLayoutBlockItemDataTestId.js';\nimport type { DSFormLayoutBlockItemT } from './propTypes.js';\nimport { propTypes } from './propTypes.js';\nimport {\n  StyledMessage,\n  StyledLabel,\n  StyledContainer,\n  StyledMark,\n  ScreenReaderOnly,\n  StyledCharCount,\n} from './styles.js';\nimport { useFormLayoutBlockItem } from './config/useFormLayoutBlockItem.js';\n\nconst DSFormLayoutBlockItem = (props: DSFormLayoutBlockItemT.Props) => {\n  const { globalAttributes, xstyledProps, propsWithDefault } = useFormLayoutBlockItem(props);\n  const {\n    label,\n    feedbackMessage,\n    maxCharCounter,\n    currentChar,\n    validationMessage,\n    inputID,\n    children,\n    hasError,\n    leftLabel,\n    required,\n    optional,\n    hideLabel,\n    fitContent,\n    withHighlight,\n    isGroup,\n  } = propsWithDefault;\n\n  const { className, label: globalLabel, ...othersGlobalAttributes } = globalAttributes;\n  const instanceUID = useMemo(() => `form_layout_block_item_${uid(6)}`, []);\n\n  const cols = useMemo(() => (maxCharCounter !== undefined ? ['1fr', 'auto'] : ['1fr']), [maxCharCounter]);\n\n  return (\n    <StyledContainer\n      data-testid={DSFormLayoutBlockItemDataTestId.CONTAINER}\n      leftLabel={leftLabel}\n      fitContent={fitContent}\n      hideLabel={hideLabel}\n      withHighlight={withHighlight}\n      as={isGroup ? 'fieldset' : 'div'}\n      isGroup={isGroup}\n      aria-describedby={!isGroup ? `${inputID || instanceUID}_feedback_message` : undefined}\n      className={className}\n      {...xstyledProps}\n    >\n      <Grid cols={cols} gutter=\"xxs\">\n        <StyledLabel\n          id={`${inputID}_block_label`}\n          data-testid={DSFormLayoutBlockItemDataTestId.LABEL}\n          htmlFor={inputID}\n          leftLabel={leftLabel}\n          hideLabel={hideLabel}\n          aria-hidden={isGroup}\n          {...othersGlobalAttributes}\n        >\n          {label}\n          {(required || optional) && <StyledMark required={required} />}\n        </StyledLabel>\n        {maxCharCounter !== undefined && currentChar !== undefined ? (\n          <StyledCharCount\n            data-testid={DSFormLayoutBlockItemDataTestId.COUNTER}\n            hasError={currentChar > maxCharCounter}\n          >{`${currentChar}/${maxCharCounter}`}</StyledCharCount>\n        ) : null}\n      </Grid>\n      {isGroup && <ScreenReaderOnly as=\"legend\">{`${label}. ${feedbackMessage || ''}`}</ScreenReaderOnly>}\n      {children}\n      {feedbackMessage && !hasError && (\n        <StyledMessage\n          data-testid={DSFormLayoutBlockItemDataTestId.MESSAGE}\n          leftLabel={leftLabel}\n          hideLabel={hideLabel}\n          aria-hidden={isGroup}\n          id={`${inputID || instanceUID}_feedback_message`}\n        >\n          {feedbackMessage}\n        </StyledMessage>\n      )}\n      {validationMessage && hasError && (\n        <StyledMessage\n          data-testid={DSFormLayoutBlockItemDataTestId.ERROR_MESSAGE}\n          hasError={hasError}\n          leftLabel={leftLabel}\n          aria-label={`${label}`}\n          hideLabel={hideLabel}\n          role=\"alert\"\n          id={`${inputID || instanceUID}_error_message`}\n        >\n          <AlertsSmallFill width={8} height={8} color={['danger', '900']} style={{ marginBottom: '2px' }} />\n          &nbsp;\n          {`${validationMessage}`}\n        </StyledMessage>\n      )}\n    </StyledContainer>\n  );\n};\n\nDSFormLayoutBlockItem.propTypes = propTypes;\nDSFormLayoutBlockItem.displayName = 'DSFormLayoutBlockItem';\nconst DSFormLayoutBlockItemWithSchema = describe(DSFormLayoutBlockItem);\nDSFormLayoutBlockItemWithSchema.propTypes = propTypes;\n\nexport { DSFormLayoutBlockItem, DSFormLayoutBlockItemWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC0Df,SAU6B,KAV7B;AAzDR,SAAgB,eAAe;AAC/B,SAAS,YAAY;AACrB,SAAS,gBAAgB;AACzB,SAAS,WAAW;AACpB,SAAS,uBAAuB;AAChC,SAAS,uCAAuC;AAEhD,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,8BAA8B;AAEvC,MAAM,wBAAwB,CAAC,UAAwC;AACrE,QAAM,EAAE,kBAAkB,cAAc,iBAAiB,IAAI,uBAAuB,KAAK;AACzF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,EAAE,WAAW,OAAO,aAAa,GAAG,uBAAuB,IAAI;AACrE,QAAM,cAAc,QAAQ,MAAM,0BAA0B,IAAI,CAAC,KAAK,CAAC,CAAC;AAExE,QAAM,OAAO,QAAQ,MAAO,mBAAmB,SAAY,CAAC,OAAO,MAAM,IAAI,CAAC,KAAK,GAAI,CAAC,cAAc,CAAC;AAEvG,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa,gCAAgC;AAAA,MAC7C;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,IAAI,UAAU,aAAa;AAAA,MAC3B;AAAA,MACA,oBAAkB,CAAC,UAAU,GAAG,WAAW,iCAAiC;AAAA,MAC5E;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,6BAAC,QAAK,MAAY,QAAO,OACvB;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,IAAI,GAAG;AAAA,cACP,eAAa,gCAAgC;AAAA,cAC7C,SAAS;AAAA,cACT;AAAA,cACA;AAAA,cACA,eAAa;AAAA,cACZ,GAAG;AAAA,cAEH;AAAA;AAAA,iBACC,YAAY,aAAa,oBAAC,cAAW,UAAoB;AAAA;AAAA;AAAA,UAC7D;AAAA,UACC,mBAAmB,UAAa,gBAAgB,SAC/C;AAAA,YAAC;AAAA;AAAA,cACC,eAAa,gCAAgC;AAAA,cAC7C,UAAU,cAAc;AAAA,cACxB,aAAG,eAAe;AAAA;AAAA,UAAiB,IACnC;AAAA,WACN;AAAA,QACC,WAAW,oBAAC,oBAAiB,IAAG,UAAU,aAAG,UAAU,mBAAmB,MAAK;AAAA,QAC/E;AAAA,QACA,mBAAmB,CAAC,YACnB;AAAA,UAAC;AAAA;AAAA,YACC,eAAa,gCAAgC;AAAA,YAC7C;AAAA,YACA;AAAA,YACA,eAAa;AAAA,YACb,IAAI,GAAG,WAAW;AAAA,YAEjB;AAAA;AAAA,QACH;AAAA,QAED,qBAAqB,YACpB;AAAA,UAAC;AAAA;AAAA,YACC,eAAa,gCAAgC;AAAA,YAC7C;AAAA,YACA;AAAA,YACA,cAAY,GAAG;AAAA,YACf;AAAA,YACA,MAAK;AAAA,YACL,IAAI,GAAG,WAAW;AAAA,YAElB;AAAA,kCAAC,mBAAgB,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC,UAAU,KAAK,GAAG,OAAO,EAAE,cAAc,MAAM,GAAG;AAAA,cAAE;AAAA,cAEjG,GAAG;AAAA;AAAA;AAAA,QACN;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,sBAAsB,YAAY;AAClC,sBAAsB,cAAc;AACpC,MAAM,kCAAkC,SAAS,qBAAqB;AACtE,gCAAgC,YAAY;",
   "names": []
 }

package/dist/esm/form-layout-block-item/config/useFormLayoutBlockItem.js

@@ -5,9 +5,9 @@ import {
   useGetXstyledProps,
   useMemoMergePropsWithDefault,
   useValidateTypescriptPropTypes
-} from "@elliemae/ds-utilities";
-import { propTypes, defaultProps } from "../propTypes";
-import { DSFormLayoutBlockItemName } from "../DSFormLayoutBlockItemDefinitions";
+} from "@elliemae/ds-props-helpers";
+import { propTypes, defaultProps } from "../propTypes.js";
+import { DSFormLayoutBlockItemName } from "../DSFormLayoutBlockItemDefinitions.js";
 const useFormLayoutBlockItem = (props) => {
   useValidateTypescriptPropTypes(props, propTypes, DSFormLayoutBlockItemName);
   const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);

package/dist/esm/form-layout-block-item/config/useFormLayoutBlockItem.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/form-layout-block-item/config/useFormLayoutBlockItem.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-utilities';\nimport {\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n} from '@elliemae/ds-utilities';\nimport { propTypes, defaultProps, type DSFormLayoutBlockItemT } from '../propTypes';\nimport { DSFormLayoutBlockItemName } from '../DSFormLayoutBlockItemDefinitions';\n\ninterface UseFormLayoutBlockItemT {\n  propsWithDefault: DSFormLayoutBlockItemT.InternalProps;\n  globalAttributes: GlobalAttributesT;\n  xstyledProps: XstyledProps;\n}\n\nexport const useFormLayoutBlockItem = (props: DSFormLayoutBlockItemT.Props): UseFormLayoutBlockItemT => {\n  useValidateTypescriptPropTypes(props, propTypes, DSFormLayoutBlockItemName);\n  const propsWithDefault = useMemoMergePropsWithDefault<DSFormLayoutBlockItemT.InternalProps>(props, defaultProps);\n  const globalAttributes = useGetGlobalAttributes(propsWithDefault);\n\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  return React.useMemo(\n    () => ({ globalAttributes, xstyledProps, propsWithDefault }),\n    [globalAttributes, xstyledProps, propsWithDefault],\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAElB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,WAAW,oBAAiD;AACrE,SAAS,iCAAiC;AAQnC,MAAM,yBAAyB,CAAC,UAAiE;AACtG,iCAA+B,OAAO,WAAW,yBAAyB;AAC1E,QAAM,mBAAmB,6BAAmE,OAAO,YAAY;AAC/G,QAAM,mBAAmB,uBAAuB,gBAAgB;AAEhE,QAAM,eAAe,mBAAmB,gBAAgB;AACxD,SAAOA,OAAM;AAAA,IACX,OAAO,EAAE,kBAAkB,cAAc,iBAAiB;AAAA,IAC1D,CAAC,kBAAkB,cAAc,gBAAgB;AAAA,EACnD;AACF;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport type {} from '@elliemae/ds-utilities';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport {\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport { propTypes, defaultProps, type DSFormLayoutBlockItemT } from '../propTypes.js';\nimport { DSFormLayoutBlockItemName } from '../DSFormLayoutBlockItemDefinitions.js';\n\ninterface UseFormLayoutBlockItemT {\n  propsWithDefault: DSFormLayoutBlockItemT.InternalProps;\n  globalAttributes: GlobalAttributesT;\n  xstyledProps: XstyledProps;\n}\n\nexport const useFormLayoutBlockItem = (props: DSFormLayoutBlockItemT.Props): UseFormLayoutBlockItemT => {\n  useValidateTypescriptPropTypes(props, propTypes, DSFormLayoutBlockItemName);\n  const propsWithDefault = useMemoMergePropsWithDefault<DSFormLayoutBlockItemT.InternalProps>(props, defaultProps);\n  const globalAttributes = useGetGlobalAttributes(propsWithDefault);\n\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  return React.useMemo(\n    () => ({ globalAttributes, xstyledProps, propsWithDefault }),\n    [globalAttributes, xstyledProps, propsWithDefault],\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAGlB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,WAAW,oBAAiD;AACrE,SAAS,iCAAiC;AAQnC,MAAM,yBAAyB,CAAC,UAAiE;AACtG,iCAA+B,OAAO,WAAW,yBAAyB;AAC1E,QAAM,mBAAmB,6BAAmE,OAAO,YAAY;AAC/G,QAAM,mBAAmB,uBAAuB,gBAAgB;AAEhE,QAAM,eAAe,mBAAmB,gBAAgB;AACxD,SAAOA,OAAM;AAAA,IACX,OAAO,EAAE,kBAAkB,cAAc,iBAAiB;AAAA,IAC1D,CAAC,kBAAkB,cAAc,gBAAgB;AAAA,EACnD;AACF;",
   "names": ["React"]
 }

package/dist/esm/form-layout-block-item/index.js

@@ -1,3 +1,3 @@
 import * as React from "react";
-export * from "./DSFormLayoutBlockItem";
+export * from "./DSFormLayoutBlockItem.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/form-layout-block-item/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/form-layout-block-item/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSFormLayoutBlockItem';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSFormLayoutBlockItem.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;",
   "names": []
 }

package/dist/esm/form-layout-block-item/propTypes.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-utilities";
+import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-props-helpers";
 const defaultProps = {
   isGroup: false
 };

package/dist/esm/form-layout-block-item/propTypes.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/form-layout-block-item/propTypes.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-utilities';\n\nexport const defaultProps = {\n  isGroup: false,\n};\n\nexport declare namespace DSFormLayoutBlockItemT {\n  export interface PropsOptional {\n    maxCharCounter?: number;\n    currentChar?: number;\n    inputID: string;\n    iconError: boolean;\n    validationMessage?: string;\n    feedbackMessage?: string;\n    hasError?: boolean;\n    leftLabel?: boolean;\n    required?: boolean;\n    fitContent?: boolean;\n    optional?: boolean;\n    hideLabel?: boolean;\n    withHighlight?: boolean;\n  }\n\n  export interface DefaultProps {\n    isGroup?: boolean;\n  }\n\n  export interface PropsRequired {\n    children: JSX.Element;\n    label: string;\n  }\n\n  export interface Props extends PropsOptional, PropsRequired, DefaultProps {}\n  export interface InternalProps extends PropsOptional, PropsRequired, Required<DefaultProps> {}\n}\n\nexport const propTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  children: PropTypes.node.isRequired.description('Input component. '),\n  label: PropTypes.string.description(\n    'Label property for the input component. This property is required for accesibility purposes.',\n  ),\n  inputID: PropTypes.string.description(\n    \"String that matches the input component's id. This property is required for accesibility purposes.\",\n  ),\n  maxCharCounter: PropTypes.number.description('Max of characters allowed.'),\n  currentChar: PropTypes.number.description('Current counter of input text area'),\n  feedbackMessage: PropTypes.string.description('Feedback message to show below the input component.'),\n  validationMessage: PropTypes.string.description(\n    'Validation message to show below the input component. It requires hasError property set to true to be visible.',\n  ),\n  hasError: PropTypes.bool.description('Helper boolean property for the validation message.'),\n  required: PropTypes.bool.description('Adds required extra styling.'),\n  optional: PropTypes.bool.description('Adds optional extra styling.'),\n  fitContent: PropTypes.bool.description('Set the width of the layout to the input component.'),\n  leftLabel: PropTypes.bool.description('Adds the label at the left of the input component.'),\n  hideLabel: PropTypes.bool.description(\n    'Hides the input label. It still requires label and labelFor property for accesibility purposes',\n  ),\n  withHighlight: PropTypes.bool.description(\n    'Adds highlight extra styling. It requires extra spacing, please check withHighlight explanation tab.',\n  ),\n  isGroup: PropTypes.bool.description(\n    'Sets the HTML elements as fieldset and legend. This should be used when you want to group more than one input.',\n  ),\n  iconError: PropTypes.bool.description('Adds icon error extra styling.'),\n};\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\n\nexport const defaultProps = {\n  isGroup: false,\n};\n\nexport declare namespace DSFormLayoutBlockItemT {\n  export interface PropsOptional {\n    maxCharCounter?: number;\n    currentChar?: number;\n    inputID: string;\n    iconError: boolean;\n    validationMessage?: string;\n    feedbackMessage?: string;\n    hasError?: boolean;\n    leftLabel?: boolean;\n    required?: boolean;\n    fitContent?: boolean;\n    optional?: boolean;\n    hideLabel?: boolean;\n    withHighlight?: boolean;\n  }\n\n  export interface DefaultProps {\n    isGroup?: boolean;\n  }\n\n  export interface PropsRequired {\n    children: JSX.Element;\n    label: string;\n  }\n\n  export interface Props extends PropsOptional, PropsRequired, DefaultProps {}\n  export interface InternalProps extends PropsOptional, PropsRequired, Required<DefaultProps> {}\n}\n\nexport const propTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  children: PropTypes.node.isRequired.description('Input component. '),\n  label: PropTypes.string.description(\n    'Label property for the input component. This property is required for accesibility purposes.',\n  ),\n  inputID: PropTypes.string.description(\n    \"String that matches the input component's id. This property is required for accesibility purposes.\",\n  ),\n  maxCharCounter: PropTypes.number.description('Max of characters allowed.'),\n  currentChar: PropTypes.number.description('Current counter of input text area'),\n  feedbackMessage: PropTypes.string.description('Feedback message to show below the input component.'),\n  validationMessage: PropTypes.string.description(\n    'Validation message to show below the input component. It requires hasError property set to true to be visible.',\n  ),\n  hasError: PropTypes.bool.description('Helper boolean property for the validation message.'),\n  required: PropTypes.bool.description('Adds required extra styling.'),\n  optional: PropTypes.bool.description('Adds optional extra styling.'),\n  fitContent: PropTypes.bool.description('Set the width of the layout to the input component.'),\n  leftLabel: PropTypes.bool.description('Adds the label at the left of the input component.'),\n  hideLabel: PropTypes.bool.description(\n    'Hides the input label. It still requires label and labelFor property for accesibility purposes',\n  ),\n  withHighlight: PropTypes.bool.description(\n    'Adds highlight extra styling. It requires extra spacing, please check withHighlight explanation tab.',\n  ),\n  isGroup: PropTypes.bool.description(\n    'Sets the HTML elements as fieldset and legend. This should be used when you want to group more than one input.',\n  ),\n  iconError: PropTypes.bool.description('Adds icon error extra styling.'),\n};\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAW,2BAA2B,wBAAwB;AAEhE,MAAM,eAAe;AAAA,EAC1B,SAAS;AACX;AAgCO,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,UAAU,UAAU,KAAK,WAAW,YAAY,mBAAmB;AAAA,EACnE,OAAO,UAAU,OAAO;AAAA,IACtB;AAAA,EACF;AAAA,EACA,SAAS,UAAU,OAAO;AAAA,IACxB;AAAA,EACF;AAAA,EACA,gBAAgB,UAAU,OAAO,YAAY,4BAA4B;AAAA,EACzE,aAAa,UAAU,OAAO,YAAY,oCAAoC;AAAA,EAC9E,iBAAiB,UAAU,OAAO,YAAY,qDAAqD;AAAA,EACnG,mBAAmB,UAAU,OAAO;AAAA,IAClC;AAAA,EACF;AAAA,EACA,UAAU,UAAU,KAAK,YAAY,qDAAqD;AAAA,EAC1F,UAAU,UAAU,KAAK,YAAY,8BAA8B;AAAA,EACnE,UAAU,UAAU,KAAK,YAAY,8BAA8B;AAAA,EACnE,YAAY,UAAU,KAAK,YAAY,qDAAqD;AAAA,EAC5F,WAAW,UAAU,KAAK,YAAY,oDAAoD;AAAA,EAC1F,WAAW,UAAU,KAAK;AAAA,IACxB;AAAA,EACF;AAAA,EACA,eAAe,UAAU,KAAK;AAAA,IAC5B;AAAA,EACF;AAAA,EACA,SAAS,UAAU,KAAK;AAAA,IACtB;AAAA,EACF;AAAA,EACA,WAAW,UAAU,KAAK,YAAY,gCAAgC;AACxE;",
   "names": []
 }

package/dist/esm/form-layout-block-item/styles.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/form-layout-block-item/styles.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, xStyledCommonProps } from '@elliemae/ds-system';\n\ninterface DSFormLayoutBlockItemStyledMessageT {\n  hasError?: boolean;\n  leftLabel?: boolean;\n  hideLabel?: boolean;\n}\n\ninterface DSFormLayoutBlockItemStyledContainerT {\n  leftLabel?: boolean;\n  fitContent?: boolean;\n  hideLabel?: boolean;\n  withHighlight?: boolean;\n  isGroup?: boolean;\n}\n\ninterface DSFormLayoutBlockItemStyledLabelT {\n  leftLabel?: boolean;\n  hideLabel?: boolean;\n}\n\ninterface DSFormLayoutBlockItemStyledMarkT {\n  required?: boolean;\n}\n\ninterface DSFormLayoutBlockItemStyledCharCounterT {\n  hasError?: boolean;\n}\nexport const StyledContainer = styled('div')<DSFormLayoutBlockItemStyledContainerT>`\n  position: relative;\n  padding: 0;\n  margin: 0;\n  display: grid;\n  ${xStyledCommonProps}\n  ${({ fitContent }) => (fitContent ? 'width: fit-content;' : undefined)}\n  ${({ isGroup }) => (isGroup ? 'border: none' : '')};\n  ${({ leftLabel, hideLabel }) => (leftLabel && !hideLabel ? 'grid-template-columns: auto 1fr;' : undefined)}\n  align-items: center;\n  ${({ theme, withHighlight }) =>\n    withHighlight\n      ? `\n  &::after {\n        position: absolute;\n        content: '';\n        left: -${theme.space.xxs};\n        top: -${theme.space.xxxs};\n        z-index: -1;\n        width: calc(100% + ${theme.space.xs});\n        height: calc(100%  + ${theme.space.xxs});\n        background-color: #FEFBEE;\n        border : 1px solid #8F6326;\n        border-radius : 4px;\n        box-shadow: 0 1px 3px 0 rgba(0,0,0,0.35);\n        }\n        &:hover, \n        &:focus-within {\n          &::after {\n            position: absolute;\n            content: '';\n            left: -${theme.space.xxs};\n            top: -${theme.space.xxxs};\n            z-index: -1;\n            width: calc(100% + ${theme.space.xs});\n            height: calc(100%  + ${theme.space.xxs});\n            background-color: #FFF9D3;\n            border : 2px solid #8F6326;\n            border-radius : 4px;\n            box-shadow: 0 6px 10px 0 rgba(0,0,0,0.30);\n          }\n        }\n  `\n      : undefined}\n`;\nexport const StyledLabel = styled.label<DSFormLayoutBlockItemStyledLabelT>`\n  display: flex;\n  ${({ theme, leftLabel }) => (leftLabel ? `padding-right: ${theme.space.xxxs};` : undefined)}\n  ${({ hideLabel }) =>\n    hideLabel\n      ? `position: absolute;\n      width: 1px;\n      height: 1px;\n      padding: 0;\n      margin: -1px;\n      overflow: hidden;\n      clip: rect(0, 0, 0, 0);\n      white-space: nowrap;\n      border: 0;\n  `\n      : undefined}\n`;\nexport const StyledMessage = styled('div')<DSFormLayoutBlockItemStyledMessageT>`\n  font-size: ${({ theme }) => theme.fontSizes.microText[200]};\n  text-align: right;\n  line-height: 15px;\n  min-height: 15px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: ${({ theme, hasError }) => (hasError ? theme.colors.danger[900] : theme.colors.neutral[500])};\n  ${({ leftLabel, hideLabel }) => (leftLabel && !hideLabel ? 'grid-column: 1/3;' : undefined)}\n  font-style: normal;\n`;\nexport const StyledMark = styled.span<DSFormLayoutBlockItemStyledMarkT>`\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  margin-left: ${({ theme }) => theme.space.xxxs};\n  ${({ theme, required }) =>\n    required\n      ? `\n  background-color: ${theme.colors.danger[900]};\n  `\n      : `\n  border: 1px solid ${theme.colors.brand[600]};\n  `}\n`;\nexport const ScreenReaderOnly = styled.div`\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n`;\nexport const StyledCharCount = styled.span<DSFormLayoutBlockItemStyledCharCounterT>`\njustify-self: flex-end;\nfont-size: ${({ theme }) => theme.fontSizes.microText[300]}\nmargin-left: 16px;\ncolor: ${({ theme, hasError }) => (hasError ? theme.colors.danger[900] : theme.colors.neutral[500])};\n`;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,0BAA0B;AA4BpC,MAAM,kBAAkB,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,IAKvC;AAAA,IACA,CAAC,EAAE,WAAW,MAAO,aAAa,wBAAwB;AAAA,IAC1D,CAAC,EAAE,QAAQ,MAAO,UAAU,iBAAiB;AAAA,IAC7C,CAAC,EAAE,WAAW,UAAU,MAAO,aAAa,CAAC,YAAY,qCAAqC;AAAA;AAAA,IAE9F,CAAC,EAAE,OAAO,cAAc,MACxB,gBACI;AAAA;AAAA;AAAA;AAAA,iBAIS,MAAM,MAAM;AAAA,gBACb,MAAM,MAAM;AAAA;AAAA,6BAEC,MAAM,MAAM;AAAA,+BACV,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAWtB,MAAM,MAAM;AAAA,oBACb,MAAM,MAAM;AAAA;AAAA,iCAEC,MAAM,MAAM;AAAA,mCACV,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAQvC;AAAA;AAED,MAAM,cAAc,OAAO;AAAA;AAAA,IAE9B,CAAC,EAAE,OAAO,UAAU,MAAO,YAAY,kBAAkB,MAAM,MAAM,UAAU;AAAA,IAC/E,CAAC,EAAE,UAAU,MACb,YACI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAUA;AAAA;AAED,MAAM,gBAAgB,OAAO,KAAK;AAAA,eAC1B,CAAC,EAAE,MAAM,MAAM,MAAM,UAAU,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAM7C,CAAC,EAAE,OAAO,SAAS,MAAO,WAAW,MAAM,OAAO,OAAO,OAAO,MAAM,OAAO,QAAQ;AAAA,IAC5F,CAAC,EAAE,WAAW,UAAU,MAAO,aAAa,CAAC,YAAY,sBAAsB;AAAA;AAAA;AAG5E,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA,iBAIhB,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM;AAAA,IACxC,CAAC,EAAE,OAAO,SAAS,MACnB,WACI;AAAA,sBACc,MAAM,OAAO,OAAO;AAAA,MAElC;AAAA,sBACc,MAAM,OAAO,MAAM;AAAA;AAAA;AAGlC,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAShC,MAAM,kBAAkB,OAAO;AAAA;AAAA,aAEzB,CAAC,EAAE,MAAM,MAAM,MAAM,UAAU,UAAU;AAAA;AAAA,SAE7C,CAAC,EAAE,OAAO,SAAS,MAAO,WAAW,MAAM,OAAO,OAAO,OAAO,MAAM,OAAO,QAAQ;AAAA;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,0BAA0B;AA4BpC,MAAM,kBAAkB,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,IAKvC;AAAA,IACA,CAAC,EAAE,WAAW,MAAO,aAAa,wBAAwB;AAAA,IAC1D,CAAC,EAAE,QAAQ,MAAO,UAAU,iBAAiB;AAAA,IAC7C,CAAC,EAAE,WAAW,UAAU,MAAO,aAAa,CAAC,YAAY,qCAAqC;AAAA;AAAA,IAE9F,CAAC,EAAE,OAAO,cAAc,MACxB,gBACI;AAAA;AAAA;AAAA;AAAA,iBAIS,MAAM,MAAM;AAAA,gBACb,MAAM,MAAM;AAAA;AAAA,6BAEC,MAAM,MAAM;AAAA,+BACV,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAWtB,MAAM,MAAM;AAAA,oBACb,MAAM,MAAM;AAAA;AAAA,iCAEC,MAAM,MAAM;AAAA,mCACV,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAQvC;AAAA;AAED,MAAM,cAAc,OAAO;AAAA;AAAA,IAE9B,CAAC,EAAE,OAAO,UAAU,MAAO,YAAY,kBAAkB,MAAM,MAAM,UAAU;AAAA,IAC/E,CAAC,EAAE,UAAU,MACb,YACI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAUA;AAAA;AAED,MAAM,gBAAgB,OAAO,KAAK;AAAA,eAC1B,CAAC,EAAE,MAAM,MAAM,MAAM,UAAU,UAAU,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMhD,CAAC,EAAE,OAAO,SAAS,MAAO,WAAW,MAAM,OAAO,OAAO,GAAG,IAAI,MAAM,OAAO,QAAQ,GAAG;AAAA,IAC/F,CAAC,EAAE,WAAW,UAAU,MAAO,aAAa,CAAC,YAAY,sBAAsB;AAAA;AAAA;AAG5E,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA,iBAIhB,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM;AAAA,IACxC,CAAC,EAAE,OAAO,SAAS,MACnB,WACI;AAAA,sBACc,MAAM,OAAO,OAAO,GAAG;AAAA,MAErC;AAAA,sBACc,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;AAGrC,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAShC,MAAM,kBAAkB,OAAO;AAAA;AAAA,aAEzB,CAAC,EAAE,MAAM,MAAM,MAAM,UAAU,UAAU,GAAG;AAAA;AAAA,SAEhD,CAAC,EAAE,OAAO,SAAS,MAAO,WAAW,MAAM,OAAO,OAAO,GAAG,IAAI,MAAM,OAAO,QAAQ,GAAG;AAAA;",
   "names": []
 }

package/dist/esm/form-layout-checkbox-group/DSFormLayoutCheckboxGroup.js

@@ -1,9 +1,9 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-import { describe } from "@elliemae/ds-utilities";
-import { StyledContainer } from "./styles";
-import { propTypes } from "./propTypes";
-import { useFormLayoutCheckboxGroup } from "./config/useFormLayoutCheckboxGroup";
+import { describe } from "@elliemae/ds-props-helpers";
+import { StyledContainer } from "./styles.js";
+import { propTypes } from "./propTypes.js";
+import { useFormLayoutCheckboxGroup } from "./config/useFormLayoutCheckboxGroup.js";
 const DSFormLayoutCheckboxGroup = (props) => {
   const {
     globalAttributes: { ...othersGlobalAttributes },

package/dist/esm/form-layout-checkbox-group/DSFormLayoutCheckboxGroup.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/form-layout-checkbox-group/DSFormLayoutCheckboxGroup.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { StyledContainer } from './styles';\nimport type { DSFormLayoutCheckboxGroupT } from './propTypes';\nimport { propTypes } from './propTypes';\nimport { useFormLayoutCheckboxGroup } from './config/useFormLayoutCheckboxGroup';\n\nconst DSFormLayoutCheckboxGroup = (props: DSFormLayoutCheckboxGroupT.Props): JSX.Element => {\n  const {\n    globalAttributes: { ...othersGlobalAttributes },\n    xstyledProps,\n    propsWithDefault,\n  } = useFormLayoutCheckboxGroup(props);\n  return (\n    <StyledContainer role=\"group\" direction={propsWithDefault.direction} {...othersGlobalAttributes} {...xstyledProps}>\n      {propsWithDefault.children}\n    </StyledContainer>\n  );\n};\n\nDSFormLayoutCheckboxGroup.propTypes = propTypes;\nDSFormLayoutCheckboxGroup.displayName = 'DSFormLayoutCheckboxGroup';\nconst DSFormLayoutCheckboxGroupWithSchema = describe(DSFormLayoutCheckboxGroup);\nDSFormLayoutCheckboxGroupWithSchema.propTypes = propTypes;\n\nexport { DSFormLayoutCheckboxGroup, DSFormLayoutCheckboxGroupWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACcnB;AAbJ,SAAS,gBAAgB;AACzB,SAAS,uBAAuB;AAEhC,SAAS,iBAAiB;AAC1B,SAAS,kCAAkC;AAE3C,MAAM,4BAA4B,CAAC,UAAyD;AAC1F,QAAM;AAAA,IACJ,kBAAkB,KAAK,uBAAuB;AAAA,IAC9C;AAAA,IACA;AAAA,EACF,IAAI,2BAA2B,KAAK;AACpC,SACE,oBAAC,mBAAgB,MAAK,SAAQ,WAAW,iBAAiB,WAAY,GAAG,wBAAyB,GAAG,cAClG,2BAAiB,UACpB;AAEJ;AAEA,0BAA0B,YAAY;AACtC,0BAA0B,cAAc;AACxC,MAAM,sCAAsC,SAAS,yBAAyB;AAC9E,oCAAoC,YAAY;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { StyledContainer } from './styles.js';\nimport type { DSFormLayoutCheckboxGroupT } from './propTypes.js';\nimport { propTypes } from './propTypes.js';\nimport { useFormLayoutCheckboxGroup } from './config/useFormLayoutCheckboxGroup.js';\n\nconst DSFormLayoutCheckboxGroup = (props: DSFormLayoutCheckboxGroupT.Props): JSX.Element => {\n  const {\n    globalAttributes: { ...othersGlobalAttributes },\n    xstyledProps,\n    propsWithDefault,\n  } = useFormLayoutCheckboxGroup(props);\n  return (\n    <StyledContainer role=\"group\" direction={propsWithDefault.direction} {...othersGlobalAttributes} {...xstyledProps}>\n      {propsWithDefault.children}\n    </StyledContainer>\n  );\n};\n\nDSFormLayoutCheckboxGroup.propTypes = propTypes;\nDSFormLayoutCheckboxGroup.displayName = 'DSFormLayoutCheckboxGroup';\nconst DSFormLayoutCheckboxGroupWithSchema = describe(DSFormLayoutCheckboxGroup);\nDSFormLayoutCheckboxGroupWithSchema.propTypes = propTypes;\n\nexport { DSFormLayoutCheckboxGroup, DSFormLayoutCheckboxGroupWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACcnB;AAbJ,SAAS,gBAAgB;AACzB,SAAS,uBAAuB;AAEhC,SAAS,iBAAiB;AAC1B,SAAS,kCAAkC;AAE3C,MAAM,4BAA4B,CAAC,UAAyD;AAC1F,QAAM;AAAA,IACJ,kBAAkB,EAAE,GAAG,uBAAuB;AAAA,IAC9C;AAAA,IACA;AAAA,EACF,IAAI,2BAA2B,KAAK;AACpC,SACE,oBAAC,mBAAgB,MAAK,SAAQ,WAAW,iBAAiB,WAAY,GAAG,wBAAyB,GAAG,cAClG,2BAAiB,UACpB;AAEJ;AAEA,0BAA0B,YAAY;AACtC,0BAA0B,cAAc;AACxC,MAAM,sCAAsC,SAAS,yBAAyB;AAC9E,oCAAoC,YAAY;",
   "names": []
 }

package/dist/esm/form-layout-checkbox-group/config/useFormLayoutCheckboxGroup.js

@@ -5,9 +5,9 @@ import {
   useGetXstyledProps,
   useMemoMergePropsWithDefault,
   useValidateTypescriptPropTypes
-} from "@elliemae/ds-utilities";
-import { propTypes, defaultProps } from "../propTypes";
-import { DSFormLayoutCheckboxGroupName } from "../DSFormLayoutCheckboxGroupDefinitions";
+} from "@elliemae/ds-props-helpers";
+import { propTypes, defaultProps } from "../propTypes.js";
+import { DSFormLayoutCheckboxGroupName } from "../DSFormLayoutCheckboxGroupDefinitions.js";
 const useFormLayoutCheckboxGroup = (props) => {
   useValidateTypescriptPropTypes(props, propTypes, DSFormLayoutCheckboxGroupName);
   const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);

package/dist/esm/form-layout-checkbox-group/config/useFormLayoutCheckboxGroup.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/form-layout-checkbox-group/config/useFormLayoutCheckboxGroup.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-utilities';\nimport {\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n} from '@elliemae/ds-utilities';\nimport { propTypes, defaultProps, type DSFormLayoutCheckboxGroupT } from '../propTypes';\nimport { DSFormLayoutCheckboxGroupName } from '../DSFormLayoutCheckboxGroupDefinitions';\n\ninterface UseFormLayoutCheckboxGroupT {\n  propsWithDefault: DSFormLayoutCheckboxGroupT.InternalProps;\n  globalAttributes: GlobalAttributesT;\n  xstyledProps: XstyledProps;\n}\n\nexport const useFormLayoutCheckboxGroup = (props: DSFormLayoutCheckboxGroupT.Props): UseFormLayoutCheckboxGroupT => {\n  useValidateTypescriptPropTypes(props, propTypes, DSFormLayoutCheckboxGroupName);\n  const propsWithDefault = useMemoMergePropsWithDefault<DSFormLayoutCheckboxGroupT.InternalProps>(props, defaultProps);\n  const globalAttributes = useGetGlobalAttributes(propsWithDefault);\n\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  return React.useMemo(\n    () => ({ globalAttributes, xstyledProps, propsWithDefault }),\n    [globalAttributes, xstyledProps, propsWithDefault],\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAElB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,WAAW,oBAAqD;AACzE,SAAS,qCAAqC;AAQvC,MAAM,6BAA6B,CAAC,UAAyE;AAClH,iCAA+B,OAAO,WAAW,6BAA6B;AAC9E,QAAM,mBAAmB,6BAAuE,OAAO,YAAY;AACnH,QAAM,mBAAmB,uBAAuB,gBAAgB;AAEhE,QAAM,eAAe,mBAAmB,gBAAgB;AACxD,SAAOA,OAAM;AAAA,IACX,OAAO,EAAE,kBAAkB,cAAc,iBAAiB;AAAA,IAC1D,CAAC,kBAAkB,cAAc,gBAAgB;AAAA,EACnD;AACF;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport type {} from '@elliemae/ds-utilities';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport {\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport { propTypes, defaultProps, type DSFormLayoutCheckboxGroupT } from '../propTypes.js';\nimport { DSFormLayoutCheckboxGroupName } from '../DSFormLayoutCheckboxGroupDefinitions.js';\n\ninterface UseFormLayoutCheckboxGroupT {\n  propsWithDefault: DSFormLayoutCheckboxGroupT.InternalProps;\n  globalAttributes: GlobalAttributesT;\n  xstyledProps: XstyledProps;\n}\n\nexport const useFormLayoutCheckboxGroup = (props: DSFormLayoutCheckboxGroupT.Props): UseFormLayoutCheckboxGroupT => {\n  useValidateTypescriptPropTypes(props, propTypes, DSFormLayoutCheckboxGroupName);\n  const propsWithDefault = useMemoMergePropsWithDefault<DSFormLayoutCheckboxGroupT.InternalProps>(props, defaultProps);\n  const globalAttributes = useGetGlobalAttributes(propsWithDefault);\n\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  return React.useMemo(\n    () => ({ globalAttributes, xstyledProps, propsWithDefault }),\n    [globalAttributes, xstyledProps, propsWithDefault],\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAGlB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,WAAW,oBAAqD;AACzE,SAAS,qCAAqC;AAQvC,MAAM,6BAA6B,CAAC,UAAyE;AAClH,iCAA+B,OAAO,WAAW,6BAA6B;AAC9E,QAAM,mBAAmB,6BAAuE,OAAO,YAAY;AACnH,QAAM,mBAAmB,uBAAuB,gBAAgB;AAEhE,QAAM,eAAe,mBAAmB,gBAAgB;AACxD,SAAOA,OAAM;AAAA,IACX,OAAO,EAAE,kBAAkB,cAAc,iBAAiB;AAAA,IAC1D,CAAC,kBAAkB,cAAc,gBAAgB;AAAA,EACnD;AACF;",
   "names": ["React"]
 }

package/dist/esm/form-layout-checkbox-group/index.js

@@ -1,3 +1,3 @@
 import * as React from "react";
-export * from "./DSFormLayoutCheckboxGroup";
+export * from "./DSFormLayoutCheckboxGroup.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/form-layout-checkbox-group/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/form-layout-checkbox-group/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSFormLayoutCheckboxGroup';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSFormLayoutCheckboxGroup.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;",
   "names": []
 }

package/dist/esm/form-layout-checkbox-group/propTypes.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-utilities";
+import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-props-helpers";
 const defaultProps = {
   direction: "horizontal"
 };

package/dist/esm/form-layout-checkbox-group/propTypes.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/form-layout-checkbox-group/propTypes.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-utilities';\n\nexport const defaultProps = {\n  direction: 'horizontal',\n};\n\ntype DirectionsT = 'horizontal' | 'vertical';\n\nexport declare namespace DSFormLayoutCheckboxGroupT {\n  export interface PropsRequired {\n    direction: DirectionsT;\n    children: JSX.Element;\n  }\n\n  export interface DefaultProps {\n    direction?: string;\n  }\n\n  export interface Props extends PropsRequired, DefaultProps {}\n  export interface InternalProps extends PropsRequired, Required<DefaultProps> {}\n}\n\nexport const propTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  direction: PropTypes.oneOf(['horizontal', 'vertical']).description('Set direction for the checkbox group.'),\n};\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\n\nexport const defaultProps = {\n  direction: 'horizontal',\n};\n\ntype DirectionsT = 'horizontal' | 'vertical';\n\nexport declare namespace DSFormLayoutCheckboxGroupT {\n  export interface PropsRequired {\n    direction: DirectionsT;\n    children: JSX.Element;\n  }\n\n  export interface DefaultProps {\n    direction?: string;\n  }\n\n  export interface Props extends PropsRequired, DefaultProps {}\n  export interface InternalProps extends PropsRequired, Required<DefaultProps> {}\n}\n\nexport const propTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  direction: PropTypes.oneOf(['horizontal', 'vertical']).description('Set direction for the checkbox group.'),\n};\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAW,2BAA2B,wBAAwB;AAEhE,MAAM,eAAe;AAAA,EAC1B,WAAW;AACb;AAkBO,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,WAAW,UAAU,MAAM,CAAC,cAAc,UAAU,CAAC,EAAE,YAAY,uCAAuC;AAC5G;",
   "names": []
 }

package/dist/esm/index.js

@@ -1,11 +1,11 @@
 import * as React from "react";
-export * from "./form-layout-block-item";
+export * from "./form-layout-block-item/index.js";
 import {
   DSFormLayoutCheckboxGroup,
   DSFormLayoutCheckboxGroupWithSchema,
   DSFormLayoutCheckboxGroup as DSFormLayoutCheckboxGroup2,
   DSFormLayoutCheckboxGroupWithSchema as DSFormLayoutCheckboxGroupWithSchema2
-} from "./form-layout-checkbox-group";
+} from "./form-layout-checkbox-group/index.js";
 export {
   DSFormLayoutCheckboxGroup,
   DSFormLayoutCheckboxGroupWithSchema,

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './form-layout-block-item';\nexport {\n  DSFormLayoutCheckboxGroup,\n  DSFormLayoutCheckboxGroupWithSchema,\n  DSFormLayoutCheckboxGroup as DSFormLayoutRadioGroup,\n  DSFormLayoutCheckboxGroupWithSchema as DSFormLayoutRadioGroupWithSchema,\n} from './form-layout-checkbox-group';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './form-layout-block-item/index.js';\nexport {\n  DSFormLayoutCheckboxGroup,\n  DSFormLayoutCheckboxGroupWithSchema,\n  DSFormLayoutCheckboxGroup as DSFormLayoutRadioGroup,\n  DSFormLayoutCheckboxGroupWithSchema as DSFormLayoutRadioGroupWithSchema,\n} from './form-layout-checkbox-group/index.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd;AAAA,EACE;AAAA,EACA;AAAA,EAC6B,6BAA7BA;AAAA,EACuC,uCAAvCC;AAAA,OACK;",
   "names": ["DSFormLayoutCheckboxGroup", "DSFormLayoutCheckboxGroupWithSchema"]
 }

package/dist/esm/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "module",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-form-layout-blocks",
-  "version": "3.16.0-next.2",
+  "version": "3.16.0-next.20",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Form Layout",
   "files": [
@@ -75,16 +75,17 @@
     "indent": 4
   },
   "dependencies": {
-    "uid": "~2.0.0",
-    "@elliemae/ds-grid": "3.16.0-next.2",
-    "@elliemae/ds-icons": "3.16.0-next.2",
-    "@elliemae/ds-system": "3.16.0-next.2",
-    "@elliemae/ds-utilities": "3.16.0-next.2"
+    "uid": "~2.0.1",
+    "@elliemae/ds-grid": "3.16.0-next.20",
+    "@elliemae/ds-icons": "3.16.0-next.20",
+    "@elliemae/ds-props-helpers": "3.16.0-next.20",
+    "@elliemae/ds-system": "3.16.0-next.20",
+    "@elliemae/ds-utilities": "3.16.0-next.20"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "~5.16.4",
+    "@testing-library/jest-dom": "~5.16.5",
     "@testing-library/react": "~12.1.3",
-    "styled-components": "~5.3.6"
+    "styled-components": "~5.3.9"
   },
   "peerDependencies": {
     "react": "~17.0.2",
@@ -103,7 +104,7 @@
     "dts": "node ../../scripts/dts.mjs",
     "dts:withdeps": "pnpm --filter {.}... dts",
     "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
-    "dev:build": "pnpm --filter {.}... build && pnpm --filter {.}... dts",
+    "dev:build": "pnpm --filter {.}... build",
     "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
     "checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
   }

package/dist/types/exported-related/DSFormLayoutBlockItemDataTestId.d.ts

@@ -1,7 +0,0 @@
-export declare const DSFormLayoutBlockItemDataTestId: {
-    CONTAINER: string;
-    LABEL: string;
-    COUNTER: string;
-    MESSAGE: string;
-    ERROR_MESSAGE: string;
-};