@elliemae/ds-form-layout-blocks 2.3.0-alpha.9 → 2.3.0-next.3

package/esm/index.js

@@ -0,0 +1,2 @@
+export { DSFormLayoutBlockItem, DSFormLayoutBlockItemWithSchema } from './form-layout-block-item/DSFormLayoutBlockItem.js';
+export { DSFormLayoutCheckboxGroup, DSFormLayoutCheckboxGroupWithSchema } from './form-layout-checkbox-group/DSFormLayoutCheckboxGroup.js';

package/package.json

@@ -1,58 +1,55 @@
 {
   "name": "@elliemae/ds-form-layout-blocks",
-  "version": "2.3.0-alpha.9",
+  "version": "2.3.0-next.3",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Form Layout",
-  "files": [
-    "dist"
-  ],
-  "module": "./dist/esm/index.js",
-  "main": "./dist/cjs/index.js",
-  "types": "./dist/types/index.d.ts",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/esm/index.js",
-      "require": "./dist/cjs/index.js"
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
     },
     "./form-layout-checkbox-group/styles": {
-      "import": "./dist/esm/form-layout-checkbox-group/styles.js",
-      "require": "./dist/cjs/form-layout-checkbox-group/styles.js"
+      "import": "./esm/form-layout-checkbox-group/styles.js",
+      "require": "./cjs/form-layout-checkbox-group/styles.js"
     },
     "./form-layout-checkbox-group/propTypes": {
-      "import": "./dist/esm/form-layout-checkbox-group/propTypes.js",
-      "require": "./dist/cjs/form-layout-checkbox-group/propTypes.js"
+      "import": "./esm/form-layout-checkbox-group/propTypes.js",
+      "require": "./cjs/form-layout-checkbox-group/propTypes.js"
     },
     "./form-layout-checkbox-group": {
-      "import": "./dist/esm/form-layout-checkbox-group/index.js",
-      "require": "./dist/cjs/form-layout-checkbox-group/index.js"
+      "import": "./esm/form-layout-checkbox-group/index.js",
+      "require": "./cjs/form-layout-checkbox-group/index.js"
     },
     "./form-layout-checkbox-group/DSFormLayoutCheckboxGroup": {
-      "import": "./dist/esm/form-layout-checkbox-group/DSFormLayoutCheckboxGroup.js",
-      "require": "./dist/cjs/form-layout-checkbox-group/DSFormLayoutCheckboxGroup.js"
+      "import": "./esm/form-layout-checkbox-group/DSFormLayoutCheckboxGroup.js",
+      "require": "./cjs/form-layout-checkbox-group/DSFormLayoutCheckboxGroup.js"
     },
     "./form-layout-checkbox-group/defaultProps": {
-      "import": "./dist/esm/form-layout-checkbox-group/defaultProps.js",
-      "require": "./dist/cjs/form-layout-checkbox-group/defaultProps.js"
+      "import": "./esm/form-layout-checkbox-group/defaultProps.js",
+      "require": "./cjs/form-layout-checkbox-group/defaultProps.js"
     },
     "./form-layout-checkbox-group/config/useValidateProps": {
-      "import": "./dist/esm/form-layout-checkbox-group/config/useValidateProps.js",
-      "require": "./dist/cjs/form-layout-checkbox-group/config/useValidateProps.js"
+      "import": "./esm/form-layout-checkbox-group/config/useValidateProps.js",
+      "require": "./cjs/form-layout-checkbox-group/config/useValidateProps.js"
     },
     "./form-layout-block-item/styles": {
-      "import": "./dist/esm/form-layout-block-item/styles.js",
-      "require": "./dist/cjs/form-layout-block-item/styles.js"
+      "import": "./esm/form-layout-block-item/styles.js",
+      "require": "./cjs/form-layout-block-item/styles.js"
     },
     "./form-layout-block-item/propTypes": {
-      "import": "./dist/esm/form-layout-block-item/propTypes.js",
-      "require": "./dist/cjs/form-layout-block-item/propTypes.js"
+      "import": "./esm/form-layout-block-item/propTypes.js",
+      "require": "./cjs/form-layout-block-item/propTypes.js"
     },
     "./form-layout-block-item": {
-      "import": "./dist/esm/form-layout-block-item/index.js",
-      "require": "./dist/cjs/form-layout-block-item/index.js"
+      "import": "./esm/form-layout-block-item/index.js",
+      "require": "./cjs/form-layout-block-item/index.js"
     },
     "./form-layout-block-item/DSFormLayoutBlockItem": {
-      "import": "./dist/esm/form-layout-block-item/DSFormLayoutBlockItem.js",
-      "require": "./dist/cjs/form-layout-block-item/DSFormLayoutBlockItem.js"
+      "import": "./esm/form-layout-block-item/DSFormLayoutBlockItem.js",
+      "require": "./cjs/form-layout-block-item/DSFormLayoutBlockItem.js"
     }
   },
   "sideEffects": [
@@ -64,12 +61,18 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "pnpm": ">=6",
-    "node": ">=16"
+    "npm": ">=7",
+    "node": ">=14"
   },
   "author": "ICE MT",
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
+    "prebuild": "exit 0",
+    "predev": "exit 0",
+    "build": "node ../../scripts/build/build.js"
+  },
   "dependencies": {
-    "@elliemae/ds-props-helpers": "2.3.0-alpha.9",
+    "@elliemae/ds-props-helpers": "2.3.0-next.3",
     "react-desc": "~4.1.3",
     "uid": "~2.0.0"
   },
@@ -83,12 +86,7 @@
   },
   "publishConfig": {
     "access": "public",
-    "typeSafety": false
-  },
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
-    "prebuild": "exit 0",
-    "predev": "exit 0",
-    "build": "node ../../scripts/build/build.js"
+    "directory": "dist",
+    "generateSubmodules": true
   }
 }

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

@@ -1,89 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var DSFormLayoutBlockItem_exports = {};
-__export(DSFormLayoutBlockItem_exports, {
-  DSFormLayoutBlockItem: () => DSFormLayoutBlockItem,
-  DSFormLayoutBlockItemWithSchema: () => DSFormLayoutBlockItemWithSchema
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_uid = require("uid");
-var import_propTypes = require("./propTypes");
-var import_styles = require("./styles");
-const DSFormLayoutBlockItem = (props) => {
-  const {
-    label,
-    feedbackMessage,
-    validationMessage,
-    inputID,
-    children,
-    hasError,
-    leftLabel,
-    required,
-    optional,
-    hideLabel,
-    fitContent,
-    withHighlight,
-    isGroup = false
-  } = props;
-  const instanceUID = (0, import_react.useMemo)(() => (0, import_uid.uid)(6), []);
-  return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledContainer, {
-    leftLabel,
-    fitContent,
-    hideLabel,
-    withHighlight,
-    as: isGroup ? "fieldset" : "div",
-    isGroup,
-    "aria-describedby": `${inputID || instanceUID}_feedback_message`
-  }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledLabel, {
-    htmlFor: inputID,
-    leftLabel,
-    hideLabel,
-    "aria-hidden": isGroup
-  }, label, (required || optional) && /* @__PURE__ */ import_react.default.createElement(import_styles.StyledMark, {
-    required
-  })), isGroup && /* @__PURE__ */ import_react.default.createElement(import_styles.ScreenReaderOnly, {
-    as: "legend"
-  }, label), children, feedbackMessage && !hasError && /* @__PURE__ */ import_react.default.createElement(import_styles.StyledMessage, {
-    leftLabel,
-    hideLabel,
-    "aria-hidden": isGroup,
-    id: `${inputID || instanceUID}_feedback_message`
-  }, feedbackMessage), validationMessage && hasError && /* @__PURE__ */ import_react.default.createElement(import_styles.StyledMessage, {
-    hasError,
-    leftLabel,
-    hideLabel,
-    role: "alert"
-  }, validationMessage));
-};
-DSFormLayoutBlockItem.propTypes = import_propTypes.propTypes;
-const DSFormLayoutBlockItemWithSchema = (0, import_react_desc.describe)(DSFormLayoutBlockItem);
-DSFormLayoutBlockItemWithSchema.propTypes = import_propTypes.propTypes;
-module.exports = __toCommonJS(DSFormLayoutBlockItem_exports);
-//# sourceMappingURL=DSFormLayoutBlockItem.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/form-layout-block-item/DSFormLayoutBlockItem.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable complexity */\nimport React, { useMemo } from 'react';\nimport { describe } from 'react-desc';\nimport { uid } from 'uid';\nimport type { DSFormLayoutBlockItemPropsT as Props } from './index.d';\nimport { propTypes } from './propTypes';\nimport { StyledMessage, StyledLabel, StyledContainer, StyledMark, ScreenReaderOnly } from './styles';\n\nconst DSFormLayoutBlockItem = (props: Props): JSX.Element => {\n  const {\n    label,\n    feedbackMessage,\n    validationMessage,\n    inputID,\n    children,\n    hasError,\n    leftLabel,\n    required,\n    optional,\n    hideLabel,\n    fitContent,\n    withHighlight,\n    isGroup = false,\n  } = props;\n\n  const instanceUID = useMemo(() => uid(6), []);\n\n  return (\n    <StyledContainer\n      leftLabel={leftLabel}\n      fitContent={fitContent}\n      hideLabel={hideLabel}\n      withHighlight={withHighlight}\n      as={isGroup ? 'fieldset' : 'div'}\n      isGroup={isGroup}\n      aria-describedby={`${inputID || instanceUID}_feedback_message`}\n    >\n      <StyledLabel htmlFor={inputID} leftLabel={leftLabel} hideLabel={hideLabel} aria-hidden={isGroup}>\n        {label}\n        {(required || optional) && <StyledMark required={required} />}\n      </StyledLabel>\n      {isGroup && <ScreenReaderOnly as=\"legend\">{label}</ScreenReaderOnly>}\n      {children}\n      {feedbackMessage && !hasError && (\n        <StyledMessage\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 hasError={hasError} leftLabel={leftLabel} hideLabel={hideLabel} role=\"alert\">\n          {validationMessage}\n        </StyledMessage>\n      )}\n    </StyledContainer>\n  );\n};\n\nDSFormLayoutBlockItem.propTypes = propTypes;\nconst DSFormLayoutBlockItemWithSchema = describe(DSFormLayoutBlockItem);\nDSFormLayoutBlockItemWithSchema.propTypes = propTypes;\n\nexport { DSFormLayoutBlockItem, DSFormLayoutBlockItemWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA+B;AAC/B,wBAAyB;AACzB,iBAAoB;AAEpB,uBAA0B;AAC1B,oBAA0F;AAE1F,MAAM,wBAAwB,CAAC,UAA8B;AAC3D,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,UAAU;AAAA,MACR;AAEJ,QAAM,cAAc,0BAAQ,MAAM,oBAAI,IAAI;AAE1C,SACE,mDAAC,+BAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,IAAI,UAAU,aAAa;AAAA,IAC3B;AAAA,IACA,oBAAkB,GAAG,WAAW;AAAA,KAEhC,mDAAC,2BAAD;AAAA,IAAa,SAAS;AAAA,IAAS;AAAA,IAAsB;AAAA,IAAsB,eAAa;AAAA,KACrF,OACC,aAAY,aAAa,mDAAC,0BAAD;AAAA,IAAY;AAAA,OAExC,WAAW,mDAAC,gCAAD;AAAA,IAAkB,IAAG;AAAA,KAAU,QAC1C,UACA,mBAAmB,CAAC,YACnB,mDAAC,6BAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,eAAa;AAAA,IACb,IAAI,GAAG,WAAW;AAAA,KAEjB,kBAGJ,qBAAqB,YACpB,mDAAC,6BAAD;AAAA,IAAe;AAAA,IAAoB;AAAA,IAAsB;AAAA,IAAsB,MAAK;AAAA,KACjF;AAAA;AAOX,sBAAsB,YAAY;AAClC,MAAM,kCAAkC,gCAAS;AACjD,gCAAgC,YAAY;",
-  "names": []
-}

package/dist/cjs/form-layout-block-item/index.d.js

@@ -1,27 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var index_d_exports = {};
-var React = __toESM(require("react"));
-module.exports = __toCommonJS(index_d_exports);
-//# sourceMappingURL=index.d.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/form-layout-block-item/index.d.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export interface DSFormLayoutBlockItemPropsT {\n  children: JSX.Element;\n  label: string;\n  inputID: string;\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  isGroup?: boolean;\n}\n\nexport interface DSFormLayoutBlockItemStyledMessageT {\n  hasError?: boolean;\n  leftLabel?: boolean;\n  hideLabel?: boolean;\n}\n\nexport interface DSFormLayoutBlockItemStyledContainerT {\n  leftLabel?: boolean;\n  fitContent?: boolean;\n  hideLabel?: boolean;\n  withHighlight?: boolean;\n  isGroup?: boolean;\n}\n\nexport interface DSFormLayoutBlockItemStyledLabelT {\n  leftLabel?: boolean;\n  hideLabel?: boolean;\n}\n\nexport interface DSFormLayoutBlockItemStyledMarkT {\n  required?: boolean;\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;",
-  "names": []
-}

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

@@ -1,28 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var form_layout_block_item_exports = {};
-var React = __toESM(require("react"));
-__reExport(form_layout_block_item_exports, require("./DSFormLayoutBlockItem"));
-module.exports = __toCommonJS(form_layout_block_item_exports);
-//# sourceMappingURL=index.js.map

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

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

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

@@ -1,50 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var propTypes_exports = {};
-__export(propTypes_exports, {
-  propTypes: () => propTypes
-});
-var React = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-const propTypes = {
-  children: import_react_desc.PropTypes.node.isRequired.description("Input component. "),
-  label: import_react_desc.PropTypes.string.isRequired.description("Label property for the input component. This property is required for accesibility purposes."),
-  inputID: import_react_desc.PropTypes.string.isRequired.description("String that matches the input component's id. This property is required for accesibility purposes."),
-  feedbackMessage: import_react_desc.PropTypes.string.description("Feedback message to show below the input component."),
-  validationMessage: import_react_desc.PropTypes.string.description("Validation message to show below the input component. It requires hasError property set to true to be visible."),
-  hasError: import_react_desc.PropTypes.bool.description("Helper boolean property for the validation message."),
-  required: import_react_desc.PropTypes.bool.description("Adds required extra styling."),
-  optional: import_react_desc.PropTypes.bool.description("Adds optional extra styling."),
-  fitContent: import_react_desc.PropTypes.bool.description("Set the width of the layout to the input component."),
-  leftLabel: import_react_desc.PropTypes.bool.description("Adds the label at the left of the input component."),
-  hideLabel: import_react_desc.PropTypes.bool.description("Hides the input label. It still requires label and labelFor property for accesibility purposes"),
-  withHighlight: import_react_desc.PropTypes.bool.description("Adds highlight extra styling. It requires extra spacing, please check withHighlight explanation tab."),
-  isGroup: import_react_desc.PropTypes.bool.description("Sets the HTML elements as fieldset and legend. This should be used when you want to group more than one input.")
-};
-module.exports = __toCommonJS(propTypes_exports);
-//# sourceMappingURL=propTypes.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/form-layout-block-item/propTypes.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { PropTypes } from 'react-desc';\n\nexport const propTypes = {\n  children: PropTypes.node.isRequired.description('Input component. '),\n  label: PropTypes.string.isRequired.description(\n    'Label property for the input component. This property is required for accesibility purposes.',\n  ),\n  inputID: PropTypes.string.isRequired.description(\n    \"String that matches the input component's id. This property is required for accesibility purposes.\",\n  ),\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};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAEnB,MAAM,YAAY;AAAA,EACvB,UAAU,4BAAU,KAAK,WAAW,YAAY;AAAA,EAChD,OAAO,4BAAU,OAAO,WAAW,YACjC;AAAA,EAEF,SAAS,4BAAU,OAAO,WAAW,YACnC;AAAA,EAEF,iBAAiB,4BAAU,OAAO,YAAY;AAAA,EAC9C,mBAAmB,4BAAU,OAAO,YAClC;AAAA,EAEF,UAAU,4BAAU,KAAK,YAAY;AAAA,EACrC,UAAU,4BAAU,KAAK,YAAY;AAAA,EACrC,UAAU,4BAAU,KAAK,YAAY;AAAA,EACrC,YAAY,4BAAU,KAAK,YAAY;AAAA,EACvC,WAAW,4BAAU,KAAK,YAAY;AAAA,EACtC,WAAW,4BAAU,KAAK,YACxB;AAAA,EAEF,eAAe,4BAAU,KAAK,YAC5B;AAAA,EAEF,SAAS,4BAAU,KAAK,YACtB;AAAA;",
-  "names": []
-}

package/dist/cjs/form-layout-block-item/styles.js

@@ -1,125 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var styles_exports = {};
-__export(styles_exports, {
-  ScreenReaderOnly: () => ScreenReaderOnly,
-  StyledContainer: () => StyledContainer,
-  StyledLabel: () => StyledLabel,
-  StyledMark: () => StyledMark,
-  StyledMessage: () => StyledMessage
-});
-var React = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-const StyledContainer = import_styled_components.default.div`
-  position: relative;
-  padding: 0;
-  margin: 0;
-  display: grid;
-  ${({ fitContent }) => fitContent ? "width: fit-content;" : void 0}
-  ${({ isGroup }) => isGroup ? "border: none" : ""};
-  ${({ leftLabel, hideLabel }) => leftLabel && !hideLabel ? "grid-template-columns: max-content auto;" : void 0}
-  align-items: center;
-  ${({ theme, withHighlight }) => withHighlight ? `
-  &::after {
-        position: absolute;
-        content: '';
-        left: -${theme.space.xxs};
-        top: -${theme.space.xxxs};
-        z-index: -1;
-        width: calc(100% + ${theme.space.xs});
-        height: calc(100%  + ${theme.space.xxs});
-        background-color: #FEFBEE;
-        border : 1px solid #8F6326;
-        border-radius : 4px;
-        box-shadow: 0 1px 3px 0 rgba(0,0,0,0.35);
-        }
-        &:hover, 
-        &:focus-within {
-          &::after {
-            position: absolute;
-            content: '';
-            left: -${theme.space.xxs};
-            top: -${theme.space.xxxs};
-            z-index: -1;
-            width: calc(100% + ${theme.space.xs});
-            height: calc(100%  + ${theme.space.xxs});
-            background-color: #FFF9D3;
-            border : 2px solid #8F6326;
-            border-radius : 4px;
-            box-shadow: 0 6px 10px 0 rgba(0,0,0,0.30);
-          }
-        }
-  ` : void 0}
-`;
-const StyledLabel = import_styled_components.default.label`
-  display: flex;
-  ${({ theme, leftLabel }) => leftLabel ? `padding-right: ${theme.space.xxs};` : void 0}
-  ${({ hideLabel }) => hideLabel ? `position: absolute;
-      width: 1px;
-      height: 1px;
-      padding: 0;
-      margin: -1px;
-      overflow: hidden;
-      clip: rect(0, 0, 0, 0);
-      white-space: nowrap;
-      border: 0;
-  ` : void 0}
-`;
-const StyledMessage = import_styled_components.default.div`
-  font-size: ${({ theme }) => theme.fontSizes.microText[200]};
-  font-style: italic;
-  text-align: right;
-  line-height: 15px;
-  height: 15px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  color: ${({ theme, hasError }) => hasError ? theme.colors.danger[900] : theme.colors.neutral[500]};
-  ${({ leftLabel, hideLabel }) => leftLabel && !hideLabel ? "grid-column: 1/3;" : void 0}
-`;
-const StyledMark = import_styled_components.default.span`
-  width: 6px;
-  height: 6px;
-  border-radius: 50%;
-  margin-left: ${({ theme }) => theme.space.xxxs};
-  ${({ theme, required }) => required ? `
-  background-color: ${theme.colors.danger[900]};
-  ` : `
-  border: 1px solid ${theme.colors.brand[600]};
-  `}
-`;
-const ScreenReaderOnly = import_styled_components.default.div`
-  clip: rect(0 0 0 0);
-  clip-path: inset(50%);
-  height: 1px;
-  overflow: hidden;
-  position: absolute;
-  white-space: nowrap;
-  width: 1px;
-`;
-module.exports = __toCommonJS(styles_exports);
-//# sourceMappingURL=styles.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/form-layout-block-item/styles.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import styled from 'styled-components';\nimport type {\n  DSFormLayoutBlockItemStyledContainerT,\n  DSFormLayoutBlockItemStyledLabelT,\n  DSFormLayoutBlockItemStyledMessageT,\n  DSFormLayoutBlockItemStyledMarkT,\n} from './index.d';\n\nexport const StyledContainer = styled.div<DSFormLayoutBlockItemStyledContainerT>`\n  position: relative;\n  padding: 0;\n  margin: 0;\n  display: grid;\n  ${({ fitContent }) => (fitContent ? 'width: fit-content;' : undefined)}\n  ${({ isGroup }) => (isGroup ? 'border: none' : '')};\n  ${({ leftLabel, hideLabel }) => (leftLabel && !hideLabel ? 'grid-template-columns: max-content auto;' : 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`;\n\nexport const StyledLabel = styled.label<DSFormLayoutBlockItemStyledLabelT>`\n  display: flex;\n  ${({ theme, leftLabel }) => (leftLabel ? `padding-right: ${theme.space.xxs};` : 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`;\n\nexport const StyledMessage = styled.div<DSFormLayoutBlockItemStyledMessageT>`\n  font-size: ${({ theme }) => theme.fontSizes.microText[200]};\n  font-style: italic;\n  text-align: right;\n  line-height: 15px;\n  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`;\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`;\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`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AAQZ,MAAM,kBAAkB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKlC,CAAC,EAAE,iBAAkB,aAAa,wBAAwB;AAAA,IAC1D,CAAC,EAAE,cAAe,UAAU,iBAAiB;AAAA,IAC7C,CAAC,EAAE,WAAW,gBAAiB,aAAa,CAAC,YAAY,6CAA6C;AAAA;AAAA,IAEtG,CAAC,EAAE,OAAO,oBACV,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;AAGD,MAAM,cAAc,iCAAO;AAAA;AAAA,IAE9B,CAAC,EAAE,OAAO,gBAAiB,YAAY,kBAAkB,MAAM,MAAM,SAAS;AAAA,IAC9E,CAAC,EAAE,gBACH,YACI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAUA;AAAA;AAGD,MAAM,gBAAgB,iCAAO;AAAA,eACrB,CAAC,EAAE,YAAY,MAAM,UAAU,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAO7C,CAAC,EAAE,OAAO,eAAgB,WAAW,MAAM,OAAO,OAAO,OAAO,MAAM,OAAO,QAAQ;AAAA,IAC5F,CAAC,EAAE,WAAW,gBAAiB,aAAa,CAAC,YAAY,sBAAsB;AAAA;AAG5E,MAAM,aAAa,iCAAO;AAAA;AAAA;AAAA;AAAA,iBAIhB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,IACxC,CAAC,EAAE,OAAO,eACV,WACI;AAAA,sBACc,MAAM,OAAO,OAAO;AAAA,MAElC;AAAA,sBACc,MAAM,OAAO,MAAM;AAAA;AAAA;AAIlC,MAAM,mBAAmB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}

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

@@ -1,52 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var DSFormLayoutCheckboxGroup_exports = {};
-__export(DSFormLayoutCheckboxGroup_exports, {
-  DSFormLayoutCheckboxGroup: () => DSFormLayoutCheckboxGroup,
-  DSFormLayoutCheckboxGroupWithSchema: () => DSFormLayoutCheckboxGroupWithSchema
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_propTypes = require("./propTypes");
-var import_styles = require("./styles");
-var import_defaultProps = require("./defaultProps");
-var import_useValidateProps = require("./config/useValidateProps");
-const DSFormLayoutCheckboxGroup = (props) => {
-  (0, import_useValidateProps.useValidateProps)(props);
-  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_defaultProps.defaultProps);
-  return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledContainer, {
-    direction: propsWithDefault.direction
-  }, propsWithDefault.children);
-};
-DSFormLayoutCheckboxGroup.propTypes = import_propTypes.propTypes;
-const DSFormLayoutCheckboxGroupWithSchema = (0, import_react_desc.describe)(DSFormLayoutCheckboxGroup);
-DSFormLayoutCheckboxGroupWithSchema.propTypes = import_propTypes.propTypes;
-module.exports = __toCommonJS(DSFormLayoutCheckboxGroup_exports);
-//# sourceMappingURL=DSFormLayoutCheckboxGroup.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/form-layout-checkbox-group/DSFormLayoutCheckboxGroup.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { describe } from 'react-desc';\nimport { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { propTypes } from './propTypes';\nimport { StyledContainer } from './styles';\nimport { defaultProps } from './defaultProps';\nimport type { DSControlledCheckboxGroupT } from './index.d';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst DSFormLayoutCheckboxGroup = (props: DSControlledCheckboxGroupT): JSX.Element => {\n  useValidateProps(props);\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n\n  return <StyledContainer direction={propsWithDefault.direction}>{propsWithDefault.children}</StyledContainer>;\n};\n\nDSFormLayoutCheckboxGroup.propTypes = propTypes;\nconst DSFormLayoutCheckboxGroupWithSchema = describe(DSFormLayoutCheckboxGroup);\nDSFormLayoutCheckboxGroupWithSchema.propTypes = propTypes;\n\nexport { DSFormLayoutCheckboxGroup, DSFormLayoutCheckboxGroupWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAyB;AACzB,8BAA6C;AAC7C,uBAA0B;AAC1B,oBAAgC;AAChC,0BAA6B;AAE7B,8BAAiC;AAEjC,MAAM,4BAA4B,CAAC,UAAmD;AACpF,gDAAiB;AACjB,QAAM,mBAAmB,0DAA6B,OAAO;AAE7D,SAAO,mDAAC,+BAAD;AAAA,IAAiB,WAAW,iBAAiB;AAAA,KAAY,iBAAiB;AAAA;AAGnF,0BAA0B,YAAY;AACtC,MAAM,sCAAsC,gCAAS;AACrD,oCAAoC,YAAY;",
-  "names": []
-}