@elliemae/ds-form-layout-blocks 3.51.0-rc.9 → 3.51.1

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

@@ -44,7 +44,16 @@ const DSFormLayoutCheckboxGroup = (props) => {
     xstyledProps,
     propsWithDefault
   } = (0, import_useFormLayoutCheckboxGroup.useFormLayoutCheckboxGroup)(props);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledContainer, { role: "group", direction: propsWithDefault.direction, ...othersGlobalAttributes, ...xstyledProps, children: propsWithDefault.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_styles.StyledContainer,
+    {
+      role: propsWithDefault.isInsideLayoutBlock ? void 0 : "group",
+      direction: propsWithDefault.direction,
+      ...othersGlobalAttributes,
+      ...xstyledProps,
+      children: propsWithDefault.children
+    }
+  );
 };
 DSFormLayoutCheckboxGroup.displayName = "DSFormLayoutCheckboxGroup";
 const DSFormLayoutCheckboxGroupWithSchema = (0, import_ds_props_helpers.describe)(DSFormLayoutCheckboxGroup);

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/form-layout-checkbox-group/DSFormLayoutCheckboxGroup.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { StyledContainer } from './styles.js';\nimport type { DSFormLayoutCheckboxGroupT } from './react-desc-prop-types.js';\nimport { propTypes } from './react-desc-prop-types.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.displayName = 'DSFormLayoutCheckboxGroup';\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;AAAA;ACAA,YAAuB;ADcnB;AAbJ,8BAAyB;AACzB,oBAAgC;AAEhC,mCAA0B;AAC1B,wCAA2C;AAE3C,MAAM,4BAA4B,CAAC,UAAyD;AAC1F,QAAM;AAAA,IACJ,kBAAkB,EAAE,GAAG,uBAAuB;AAAA,IAC9C;AAAA,IACA;AAAA,EACF,QAAI,8DAA2B,KAAK;AACpC,SACE,4CAAC,iCAAgB,MAAK,SAAQ,WAAW,iBAAiB,WAAY,GAAG,wBAAyB,GAAG,cAClG,2BAAiB,UACpB;AAEJ;AAEA,0BAA0B,cAAc;AACxC,MAAM,0CAAsC,kCAAS,yBAAyB;AAC9E,oCAAoC,YAAY;",
+  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { StyledContainer } from './styles.js';\nimport type { DSFormLayoutCheckboxGroupT } from './react-desc-prop-types.js';\nimport { propTypes } from './react-desc-prop-types.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\n      role={propsWithDefault.isInsideLayoutBlock ? undefined : 'group'}\n      direction={propsWithDefault.direction}\n      {...othersGlobalAttributes}\n      {...xstyledProps}\n    >\n      {propsWithDefault.children}\n    </StyledContainer>\n  );\n};\n\nDSFormLayoutCheckboxGroup.displayName = 'DSFormLayoutCheckboxGroup';\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;AAAA;ACAA,YAAuB;ADcnB;AAbJ,8BAAyB;AACzB,oBAAgC;AAEhC,mCAA0B;AAC1B,wCAA2C;AAE3C,MAAM,4BAA4B,CAAC,UAAyD;AAC1F,QAAM;AAAA,IACJ,kBAAkB,EAAE,GAAG,uBAAuB;AAAA,IAC9C;AAAA,IACA;AAAA,EACF,QAAI,8DAA2B,KAAK;AACpC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,iBAAiB,sBAAsB,SAAY;AAAA,MACzD,WAAW,iBAAiB;AAAA,MAC3B,GAAG;AAAA,MACH,GAAG;AAAA,MAEH,2BAAiB;AAAA;AAAA,EACpB;AAEJ;AAEA,0BAA0B,cAAc;AACxC,MAAM,0CAAsC,kCAAS,yBAAyB;AAC9E,oCAAoC,YAAY;",
   "names": []
 }

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

@@ -28,9 +28,19 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DSFormLayoutCheckboxGroupDefinitions_exports = {};
 __export(DSFormLayoutCheckboxGroupDefinitions_exports, {
-  DSFormLayoutCheckboxGroupName: () => DSFormLayoutCheckboxGroupName
+  DSFormLayoutCheckboxGroupName: () => DSFormLayoutCheckboxGroupName,
+  FORM_LAYOUT_CHECKBOX_GROUP_DATA_TESTID: () => FORM_LAYOUT_CHECKBOX_GROUP_DATA_TESTID,
+  FORM_LAYOUT_CHECKBOX_GROUP_SLOTS: () => FORM_LAYOUT_CHECKBOX_GROUP_SLOTS
 });
 module.exports = __toCommonJS(DSFormLayoutCheckboxGroupDefinitions_exports);
 var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
 const DSFormLayoutCheckboxGroupName = "DSFormlayoutcheckboxgroup";
+const FORM_LAYOUT_CHECKBOX_GROUP_SLOTS = {
+  ROOT: "root"
+};
+const FORM_LAYOUT_CHECKBOX_GROUP_DATA_TESTID = (0, import_ds_system.slotObjectToDataTestIds)(
+  DSFormLayoutCheckboxGroupName,
+  FORM_LAYOUT_CHECKBOX_GROUP_SLOTS
+);
 //# sourceMappingURL=DSFormLayoutCheckboxGroupDefinitions.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/form-layout-checkbox-group/DSFormLayoutCheckboxGroupDefinitions.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export const DSFormLayoutCheckboxGroupName = 'DSFormlayoutcheckboxgroup';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,gCAAgC;",
+  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSFormLayoutCheckboxGroupName = 'DSFormlayoutcheckboxgroup';\n\nexport const FORM_LAYOUT_CHECKBOX_GROUP_SLOTS = {\n  ROOT: 'root',\n} as const;\n\nexport const FORM_LAYOUT_CHECKBOX_GROUP_DATA_TESTID = slotObjectToDataTestIds(\n  DSFormLayoutCheckboxGroupName,\n  FORM_LAYOUT_CHECKBOX_GROUP_SLOTS,\n);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AAEjC,MAAM,gCAAgC;AAEtC,MAAM,mCAAmC;AAAA,EAC9C,MAAM;AACR;AAEO,MAAM,6CAAyC;AAAA,EACpD;AAAA,EACA;AACF;",
   "names": []
 }

package/dist/cjs/form-layout-checkbox-group/react-desc-prop-types.js

@@ -35,12 +35,16 @@ module.exports = __toCommonJS(react_desc_prop_types_exports);
 var React = __toESM(require("react"));
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 const defaultProps = {
-  direction: "horizontal"
+  direction: "horizontal",
+  isInsideLayoutBlock: false
 };
 const propTypes = {
   ...import_ds_props_helpers.globalAttributesPropTypes,
   ...import_ds_props_helpers.xstyledPropTypes,
   direction: import_ds_props_helpers.PropTypes.oneOf(["horizontal", "vertical"]).description("Set direction for the checkbox group."),
+  isInsideLayoutBlock: import_ds_props_helpers.PropTypes.bool.description(
+    "Indicates if the checkbox group is used as children of FormLayoutBlock, and removes role attribute so the one from the parent is used"
+  ),
   children: import_ds_props_helpers.PropTypes.node.isRequired.description("The content of the component.")
 };
 //# sourceMappingURL=react-desc-prop-types.js.map

package/dist/cjs/form-layout-checkbox-group/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/form-layout-checkbox-group/react-desc-prop-types.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\nimport type { GlobalAttributesT, XstyledProps, ValidationMap } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\n\ntype DirectionsT = 'horizontal' | 'vertical';\n\nexport declare namespace DSFormLayoutCheckboxGroupT {\n  export interface RequiredProps {\n    children: React.ReactNode;\n  }\n\n  export interface DefaultProps {\n    direction: DirectionsT;\n  }\n\n  export interface OptionalProps {}\n\n  export interface Props\n    extends OptionalProps,\n      RequiredProps,\n      Partial<DefaultProps>,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof OptionalProps | keyof RequiredProps | keyof DefaultProps>,\n      XstyledProps {}\n  export interface InternalProps\n    extends OptionalProps,\n      RequiredProps,\n      DefaultProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof OptionalProps | keyof RequiredProps | keyof DefaultProps>,\n      XstyledProps {}\n}\n\nexport const defaultProps: DSFormLayoutCheckboxGroupT.DefaultProps = {\n  direction: 'horizontal',\n};\n\nexport const propTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  direction: PropTypes.oneOf(['horizontal', 'vertical']).description('Set direction for the checkbox group.'),\n  children: PropTypes.node.isRequired.description('The content of the component.'),\n} as ValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,8BAAuE;AA6BhE,MAAM,eAAwD;AAAA,EACnE,WAAW;AACb;AAEO,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,WAAW,kCAAU,MAAM,CAAC,cAAc,UAAU,CAAC,EAAE,YAAY,uCAAuC;AAAA,EAC1G,UAAU,kCAAU,KAAK,WAAW,YAAY,+BAA+B;AACjF;",
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\nimport type { GlobalAttributesT, XstyledProps, ValidationMap } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\n\ntype DirectionsT = 'horizontal' | 'vertical';\n\nexport declare namespace DSFormLayoutCheckboxGroupT {\n  export interface RequiredProps {\n    children: React.ReactNode;\n  }\n\n  export interface DefaultProps {\n    direction: DirectionsT;\n    isInsideLayoutBlock: boolean;\n  }\n\n  export interface OptionalProps {}\n\n  export interface Props\n    extends OptionalProps,\n      RequiredProps,\n      Partial<DefaultProps>,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof OptionalProps | keyof RequiredProps | keyof DefaultProps>,\n      XstyledProps {}\n  export interface InternalProps\n    extends OptionalProps,\n      RequiredProps,\n      DefaultProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof OptionalProps | keyof RequiredProps | keyof DefaultProps>,\n      XstyledProps {}\n}\n\nexport const defaultProps: DSFormLayoutCheckboxGroupT.DefaultProps = {\n  direction: 'horizontal',\n  isInsideLayoutBlock: false,\n};\n\nexport const propTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  direction: PropTypes.oneOf(['horizontal', 'vertical']).description('Set direction for the checkbox group.'),\n  isInsideLayoutBlock: PropTypes.bool.description(\n    'Indicates if the checkbox group is used as children of FormLayoutBlock, and removes role attribute so the one from the parent is used',\n  ),\n  children: PropTypes.node.isRequired.description('The content of the component.'),\n} as ValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,8BAAuE;AA8BhE,MAAM,eAAwD;AAAA,EACnE,WAAW;AAAA,EACX,qBAAqB;AACvB;AAEO,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,WAAW,kCAAU,MAAM,CAAC,cAAc,UAAU,CAAC,EAAE,YAAY,uCAAuC;AAAA,EAC1G,qBAAqB,kCAAU,KAAK;AAAA,IAClC;AAAA,EACF;AAAA,EACA,UAAU,kCAAU,KAAK,WAAW,YAAY,+BAA+B;AACjF;",
   "names": []
 }

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

@@ -33,7 +33,11 @@ __export(styles_exports, {
 module.exports = __toCommonJS(styles_exports);
 var React = __toESM(require("react"));
 var import_ds_system = require("@elliemae/ds-system");
-const StyledContainer = (0, import_ds_system.styled)("div")`
+var import_DSFormLayoutCheckboxGroupDefinitions = require("./DSFormLayoutCheckboxGroupDefinitions.js");
+const StyledContainer = (0, import_ds_system.styled)("div", {
+  name: import_DSFormLayoutCheckboxGroupDefinitions.DSFormLayoutCheckboxGroupName,
+  slot: import_DSFormLayoutCheckboxGroupDefinitions.FORM_LAYOUT_CHECKBOX_GROUP_SLOTS.ROOT
+})`
   display: inline-flex;
   flex-wrap: wrap;
   flex-direction: ${({ direction }) => direction === "horizontal" ? "row" : "column"};

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/form-layout-checkbox-group/styles.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { styled, xStyledCommonProps } from '@elliemae/ds-system';\n\ntype DirectionsT = 'horizontal' | 'vertical';\n\ninterface DSControlledCheckboxGroupStyledContainerT {\n  direction: DirectionsT;\n}\n\nexport const StyledContainer = styled('div')<DSControlledCheckboxGroupStyledContainerT>`\n  display: inline-flex;\n  flex-wrap: wrap;\n  flex-direction: ${({ direction }) => (direction === 'horizontal' ? 'row' : 'column')};\n  margin-left: ${({ theme }) => theme.space.xs};\n  margin-right: ${({ theme }) => theme.space.xs};\n  margin-top: ${({ theme }) => theme.space.xxs};\n  & div:not([role='checkbox']) {\n    padding: 0;\n    margin-bottom: ${({ theme }) => theme.space.xxs};\n  }\n  & div:not(:last-child) {\n    margin-right: ${({ theme, direction }) => (direction === 'horizontal' ? theme.space.s : '0')};\n  }\n  ${xStyledCommonProps}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA2C;AAQpC,MAAM,sBAAkB,yBAAO,KAAK;AAAA;AAAA;AAAA,oBAGvB,CAAC,EAAE,UAAU,MAAO,cAAc,eAAe,QAAQ,QAAS;AAAA,iBACrE,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,EAAE;AAAA,kBAC5B,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,EAAE;AAAA,gBAC/B,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,GAAG;AAAA;AAAA;AAAA,qBAGzB,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,GAAG;AAAA;AAAA;AAAA,oBAG/B,CAAC,EAAE,OAAO,UAAU,MAAO,cAAc,eAAe,MAAM,MAAM,IAAI,GAAI;AAAA;AAAA,IAE5F,mCAAkB;AAAA;",
+  "sourcesContent": ["import { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport {\n  DSFormLayoutCheckboxGroupName,\n  FORM_LAYOUT_CHECKBOX_GROUP_SLOTS,\n} from './DSFormLayoutCheckboxGroupDefinitions.js';\n\ntype DirectionsT = 'horizontal' | 'vertical';\n\ninterface DSControlledCheckboxGroupStyledContainerT {\n  direction: DirectionsT;\n}\n\nexport const StyledContainer = styled('div', {\n  name: DSFormLayoutCheckboxGroupName,\n  slot: FORM_LAYOUT_CHECKBOX_GROUP_SLOTS.ROOT,\n})<DSControlledCheckboxGroupStyledContainerT>`\n  display: inline-flex;\n  flex-wrap: wrap;\n  flex-direction: ${({ direction }) => (direction === 'horizontal' ? 'row' : 'column')};\n  margin-left: ${({ theme }) => theme.space.xs};\n  margin-right: ${({ theme }) => theme.space.xs};\n  margin-top: ${({ theme }) => theme.space.xxs};\n  & div:not([role='checkbox']) {\n    padding: 0;\n    margin-bottom: ${({ theme }) => theme.space.xxs};\n  }\n  & div:not(:last-child) {\n    margin-right: ${({ theme, direction }) => (direction === 'horizontal' ? theme.space.s : '0')};\n  }\n  ${xStyledCommonProps}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA2C;AAC3C,kDAGO;AAQA,MAAM,sBAAkB,yBAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,6EAAiC;AACzC,CAAC;AAAA;AAAA;AAAA,oBAGmB,CAAC,EAAE,UAAU,MAAO,cAAc,eAAe,QAAQ,QAAS;AAAA,iBACrE,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,EAAE;AAAA,kBAC5B,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,EAAE;AAAA,gBAC/B,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,GAAG;AAAA;AAAA;AAAA,qBAGzB,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,GAAG;AAAA;AAAA;AAAA,oBAG/B,CAAC,EAAE,OAAO,UAAU,MAAO,cAAc,eAAe,MAAM,MAAM,IAAI,GAAI;AAAA;AAAA,IAE5F,mCAAkB;AAAA;",
   "names": []
 }

package/dist/cjs/index.js

@@ -27,15 +27,15 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   DSFormLayoutCheckboxGroup: () => import_form_layout_checkbox_group.DSFormLayoutCheckboxGroup,
   DSFormLayoutCheckboxGroupWithSchema: () => import_form_layout_checkbox_group.DSFormLayoutCheckboxGroupWithSchema,
   DSFormLayoutRadioGroup: () => import_form_layout_checkbox_group.DSFormLayoutCheckboxGroup,
   DSFormLayoutRadioGroupWithSchema: () => import_form_layout_checkbox_group.DSFormLayoutCheckboxGroupWithSchema
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 var React = __toESM(require("react"));
-__reExport(src_exports, require("./form-layout-block-item/index.js"), module.exports);
+__reExport(index_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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export * from './form-layout-block-item/index.js';\nexport {\n  DSFormLayoutCheckboxGroup,\n  DSFormLayoutCheckboxGroupWithSchema,\n  DSFormLayoutCheckboxGroup as DSFormLayoutRadioGroup,\n  DSFormLayoutCheckboxGroupWithSchema as DSFormLayoutRadioGroupWithSchema,\n  type DSFormLayoutCheckboxGroupT,\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,wCAMO;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAc,8CAAd;AACA,wCAMO;",
   "names": []
 }

package/dist/cjs/typescript-testing/typescript-checkbox-group-valid.js

@@ -40,7 +40,8 @@ const testPropsAsSyntax = {
   ...testPartialDefaults
 };
 const testCompleteDefaults = {
-  direction: "vertical"
+  direction: "vertical",
+  isInsideLayoutBlock: false
 };
 const testInternalProps = {
   ...testRequiredProps,

package/dist/cjs/typescript-testing/typescript-checkbox-group-valid.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-checkbox-group-valid.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { DSFormLayoutCheckboxGroup } from '../index.js';\nimport type { DSFormLayoutCheckboxGroupT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSFormLayoutCheckboxGroupT.Props;\ntype ComponentPropsInternals = DSFormLayoutCheckboxGroupT.InternalProps;\ntype ComponentPropsDefaultProps = DSFormLayoutCheckboxGroupT.DefaultProps;\ntype ComponentPropsOptionalProps = DSFormLayoutCheckboxGroupT.OptionalProps;\ntype ComponentPropsRequiredProps = DSFormLayoutCheckboxGroupT.RequiredProps;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  children: <div></div>,\n};\nconst testOptionalProps: ComponentPropsOptionalProps = {};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n//  Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {};\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  direction: 'vertical',\n};\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  direction: 'horizontal',\n  id: 'id-1',\n  children: <div></div>,\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  direction: 'horizontal',\n  id: 'id-1',\n  children: <div></div>,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  direction: 'horizontal',\n  id: 'id-1',\n  children: <div></div>,\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSFormLayoutCheckboxGroup {...testExplicitDefinition} />\n    <DSFormLayoutCheckboxGroup {...testInferedTypeCompatibility} />\n    <DSFormLayoutCheckboxGroup {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DSFormLayoutCheckboxGroup direction=\"vertical\">\n      <div></div>\n      <div></div>\n    </DSFormLayoutCheckboxGroup>\n  </>\n);\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACYX;AAXZ,eAA0C;AAU1C,MAAM,oBAAiD;AAAA,EACrD,UAAU,4CAAC,SAAI;AACjB;AACA,MAAM,oBAAiD,CAAC;AAIxD,MAAM,sBAA2D,CAAC;AAClE,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AACA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,uBAA6D;AAAA,EACjE,WAAW;AACb;AACA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AACA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,WAAW;AAAA,EACX,IAAI;AAAA,EACJ,UAAU,4CAAC,SAAI;AACjB;AAGA,MAAM,+BAA+B;AAAA,EACnC,WAAW;AAAA,EACX,IAAI;AAAA,EACJ,UAAU,4CAAC,SAAI;AACjB;AAEA,MAAM,wBAAwB;AAAA,EAC5B,WAAW;AAAA,EACX,IAAI;AAAA,EACJ,UAAU,4CAAC,SAAI;AACjB;AAEA,MAAM,wBAAwB,MAC5B,4EAEE;AAAA,8CAAC,sCAA2B,GAAG,wBAAwB;AAAA,EACvD,4CAAC,sCAA2B,GAAG,8BAA8B;AAAA,EAC7D,4CAAC,sCAA2B,GAAG,uBAAuB;AAAA,EAEtD,6CAAC,sCAA0B,WAAU,YACnC;AAAA,gDAAC,SAAI;AAAA,IACL,4CAAC,SAAI;AAAA,KACP;AAAA,GACF;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { DSFormLayoutCheckboxGroup } from '../index.js';\nimport type { DSFormLayoutCheckboxGroupT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSFormLayoutCheckboxGroupT.Props;\ntype ComponentPropsInternals = DSFormLayoutCheckboxGroupT.InternalProps;\ntype ComponentPropsDefaultProps = DSFormLayoutCheckboxGroupT.DefaultProps;\ntype ComponentPropsOptionalProps = DSFormLayoutCheckboxGroupT.OptionalProps;\ntype ComponentPropsRequiredProps = DSFormLayoutCheckboxGroupT.RequiredProps;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  children: <div></div>,\n};\nconst testOptionalProps: ComponentPropsOptionalProps = {};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n//  Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {};\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  direction: 'vertical',\n  isInsideLayoutBlock: false,\n};\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  direction: 'horizontal',\n  id: 'id-1',\n  children: <div></div>,\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  direction: 'horizontal',\n  id: 'id-1',\n  children: <div></div>,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  direction: 'horizontal',\n  id: 'id-1',\n  children: <div></div>,\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSFormLayoutCheckboxGroup {...testExplicitDefinition} />\n    <DSFormLayoutCheckboxGroup {...testInferedTypeCompatibility} />\n    <DSFormLayoutCheckboxGroup {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DSFormLayoutCheckboxGroup direction=\"vertical\">\n      <div></div>\n      <div></div>\n    </DSFormLayoutCheckboxGroup>\n  </>\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACYX;AAXZ,eAA0C;AAU1C,MAAM,oBAAiD;AAAA,EACrD,UAAU,4CAAC,SAAI;AACjB;AACA,MAAM,oBAAiD,CAAC;AAIxD,MAAM,sBAA2D,CAAC;AAClE,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AACA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,uBAA6D;AAAA,EACjE,WAAW;AAAA,EACX,qBAAqB;AACvB;AACA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AACA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,WAAW;AAAA,EACX,IAAI;AAAA,EACJ,UAAU,4CAAC,SAAI;AACjB;AAGA,MAAM,+BAA+B;AAAA,EACnC,WAAW;AAAA,EACX,IAAI;AAAA,EACJ,UAAU,4CAAC,SAAI;AACjB;AAEA,MAAM,wBAAwB;AAAA,EAC5B,WAAW;AAAA,EACX,IAAI;AAAA,EACJ,UAAU,4CAAC,SAAI;AACjB;AAEA,MAAM,wBAAwB,MAC5B,4EAEE;AAAA,8CAAC,sCAA2B,GAAG,wBAAwB;AAAA,EACvD,4CAAC,sCAA2B,GAAG,8BAA8B;AAAA,EAC7D,4CAAC,sCAA2B,GAAG,uBAAuB;AAAA,EAEtD,6CAAC,sCAA0B,WAAU,YACnC;AAAA,gDAAC,SAAI;AAAA,IACL,4CAAC,SAAI;AAAA,KACP;AAAA,GACF;",
   "names": []
 }

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

@@ -10,7 +10,16 @@ const DSFormLayoutCheckboxGroup = (props) => {
     xstyledProps,
     propsWithDefault
   } = useFormLayoutCheckboxGroup(props);
-  return /* @__PURE__ */ jsx(StyledContainer, { role: "group", direction: propsWithDefault.direction, ...othersGlobalAttributes, ...xstyledProps, children: propsWithDefault.children });
+  return /* @__PURE__ */ jsx(
+    StyledContainer,
+    {
+      role: propsWithDefault.isInsideLayoutBlock ? void 0 : "group",
+      direction: propsWithDefault.direction,
+      ...othersGlobalAttributes,
+      ...xstyledProps,
+      children: propsWithDefault.children
+    }
+  );
 };
 DSFormLayoutCheckboxGroup.displayName = "DSFormLayoutCheckboxGroup";
 const DSFormLayoutCheckboxGroupWithSchema = describe(DSFormLayoutCheckboxGroup);

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-props-helpers';\nimport { StyledContainer } from './styles.js';\nimport type { DSFormLayoutCheckboxGroupT } from './react-desc-prop-types.js';\nimport { propTypes } from './react-desc-prop-types.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.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,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 './react-desc-prop-types.js';\nimport { propTypes } from './react-desc-prop-types.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\n      role={propsWithDefault.isInsideLayoutBlock ? undefined : 'group'}\n      direction={propsWithDefault.direction}\n      {...othersGlobalAttributes}\n      {...xstyledProps}\n    >\n      {propsWithDefault.children}\n    </StyledContainer>\n  );\n};\n\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;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,iBAAiB,sBAAsB,SAAY;AAAA,MACzD,WAAW,iBAAiB;AAAA,MAC3B,GAAG;AAAA,MACH,GAAG;AAAA,MAEH,2BAAiB;AAAA;AAAA,EACpB;AAEJ;AAEA,0BAA0B,cAAc;AACxC,MAAM,sCAAsC,SAAS,yBAAyB;AAC9E,oCAAoC,YAAY;",
   "names": []
 }

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

@@ -1,6 +1,16 @@
 import * as React from "react";
+import { slotObjectToDataTestIds } from "@elliemae/ds-system";
 const DSFormLayoutCheckboxGroupName = "DSFormlayoutcheckboxgroup";
+const FORM_LAYOUT_CHECKBOX_GROUP_SLOTS = {
+  ROOT: "root"
+};
+const FORM_LAYOUT_CHECKBOX_GROUP_DATA_TESTID = slotObjectToDataTestIds(
+  DSFormLayoutCheckboxGroupName,
+  FORM_LAYOUT_CHECKBOX_GROUP_SLOTS
+);
 export {
-  DSFormLayoutCheckboxGroupName
+  DSFormLayoutCheckboxGroupName,
+  FORM_LAYOUT_CHECKBOX_GROUP_DATA_TESTID,
+  FORM_LAYOUT_CHECKBOX_GROUP_SLOTS
 };
 //# sourceMappingURL=DSFormLayoutCheckboxGroupDefinitions.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/form-layout-checkbox-group/DSFormLayoutCheckboxGroupDefinitions.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSFormLayoutCheckboxGroupName = 'DSFormlayoutcheckboxgroup';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,gCAAgC;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSFormLayoutCheckboxGroupName = 'DSFormlayoutcheckboxgroup';\n\nexport const FORM_LAYOUT_CHECKBOX_GROUP_SLOTS = {\n  ROOT: 'root',\n} as const;\n\nexport const FORM_LAYOUT_CHECKBOX_GROUP_DATA_TESTID = slotObjectToDataTestIds(\n  DSFormLayoutCheckboxGroupName,\n  FORM_LAYOUT_CHECKBOX_GROUP_SLOTS,\n);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AAEjC,MAAM,gCAAgC;AAEtC,MAAM,mCAAmC;AAAA,EAC9C,MAAM;AACR;AAEO,MAAM,yCAAyC;AAAA,EACpD;AAAA,EACA;AACF;",
   "names": []
 }

package/dist/esm/form-layout-checkbox-group/react-desc-prop-types.js

@@ -1,12 +1,16 @@
 import * as React from "react";
 import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-props-helpers";
 const defaultProps = {
-  direction: "horizontal"
+  direction: "horizontal",
+  isInsideLayoutBlock: false
 };
 const propTypes = {
   ...globalAttributesPropTypes,
   ...xstyledPropTypes,
   direction: PropTypes.oneOf(["horizontal", "vertical"]).description("Set direction for the checkbox group."),
+  isInsideLayoutBlock: PropTypes.bool.description(
+    "Indicates if the checkbox group is used as children of FormLayoutBlock, and removes role attribute so the one from the parent is used"
+  ),
   children: PropTypes.node.isRequired.description("The content of the component.")
 };
 export {

package/dist/esm/form-layout-checkbox-group/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/form-layout-checkbox-group/react-desc-prop-types.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\nimport type { GlobalAttributesT, XstyledProps, ValidationMap } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\n\ntype DirectionsT = 'horizontal' | 'vertical';\n\nexport declare namespace DSFormLayoutCheckboxGroupT {\n  export interface RequiredProps {\n    children: React.ReactNode;\n  }\n\n  export interface DefaultProps {\n    direction: DirectionsT;\n  }\n\n  export interface OptionalProps {}\n\n  export interface Props\n    extends OptionalProps,\n      RequiredProps,\n      Partial<DefaultProps>,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof OptionalProps | keyof RequiredProps | keyof DefaultProps>,\n      XstyledProps {}\n  export interface InternalProps\n    extends OptionalProps,\n      RequiredProps,\n      DefaultProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof OptionalProps | keyof RequiredProps | keyof DefaultProps>,\n      XstyledProps {}\n}\n\nexport const defaultProps: DSFormLayoutCheckboxGroupT.DefaultProps = {\n  direction: 'horizontal',\n};\n\nexport const propTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  direction: PropTypes.oneOf(['horizontal', 'vertical']).description('Set direction for the checkbox group.'),\n  children: PropTypes.node.isRequired.description('The content of the component.'),\n} as ValidationMap<unknown>;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,WAAW,2BAA2B,wBAAwB;AA6BhE,MAAM,eAAwD;AAAA,EACnE,WAAW;AACb;AAEO,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,WAAW,UAAU,MAAM,CAAC,cAAc,UAAU,CAAC,EAAE,YAAY,uCAAuC;AAAA,EAC1G,UAAU,UAAU,KAAK,WAAW,YAAY,+BAA+B;AACjF;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\nimport type { GlobalAttributesT, XstyledProps, ValidationMap } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\n\ntype DirectionsT = 'horizontal' | 'vertical';\n\nexport declare namespace DSFormLayoutCheckboxGroupT {\n  export interface RequiredProps {\n    children: React.ReactNode;\n  }\n\n  export interface DefaultProps {\n    direction: DirectionsT;\n    isInsideLayoutBlock: boolean;\n  }\n\n  export interface OptionalProps {}\n\n  export interface Props\n    extends OptionalProps,\n      RequiredProps,\n      Partial<DefaultProps>,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof OptionalProps | keyof RequiredProps | keyof DefaultProps>,\n      XstyledProps {}\n  export interface InternalProps\n    extends OptionalProps,\n      RequiredProps,\n      DefaultProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof OptionalProps | keyof RequiredProps | keyof DefaultProps>,\n      XstyledProps {}\n}\n\nexport const defaultProps: DSFormLayoutCheckboxGroupT.DefaultProps = {\n  direction: 'horizontal',\n  isInsideLayoutBlock: false,\n};\n\nexport const propTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  direction: PropTypes.oneOf(['horizontal', 'vertical']).description('Set direction for the checkbox group.'),\n  isInsideLayoutBlock: PropTypes.bool.description(\n    'Indicates if the checkbox group is used as children of FormLayoutBlock, and removes role attribute so the one from the parent is used',\n  ),\n  children: PropTypes.node.isRequired.description('The content of the component.'),\n} as ValidationMap<unknown>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,WAAW,2BAA2B,wBAAwB;AA8BhE,MAAM,eAAwD;AAAA,EACnE,WAAW;AAAA,EACX,qBAAqB;AACvB;AAEO,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,WAAW,UAAU,MAAM,CAAC,cAAc,UAAU,CAAC,EAAE,YAAY,uCAAuC;AAAA,EAC1G,qBAAqB,UAAU,KAAK;AAAA,IAClC;AAAA,EACF;AAAA,EACA,UAAU,UAAU,KAAK,WAAW,YAAY,+BAA+B;AACjF;",
   "names": []
 }

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

@@ -1,6 +1,13 @@
 import * as React from "react";
 import { styled, xStyledCommonProps } from "@elliemae/ds-system";
-const StyledContainer = styled("div")`
+import {
+  DSFormLayoutCheckboxGroupName,
+  FORM_LAYOUT_CHECKBOX_GROUP_SLOTS
+} from "./DSFormLayoutCheckboxGroupDefinitions.js";
+const StyledContainer = styled("div", {
+  name: DSFormLayoutCheckboxGroupName,
+  slot: FORM_LAYOUT_CHECKBOX_GROUP_SLOTS.ROOT
+})`
   display: inline-flex;
   flex-wrap: wrap;
   flex-direction: ${({ direction }) => direction === "horizontal" ? "row" : "column"};

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/form-layout-checkbox-group/styles.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, xStyledCommonProps } from '@elliemae/ds-system';\n\ntype DirectionsT = 'horizontal' | 'vertical';\n\ninterface DSControlledCheckboxGroupStyledContainerT {\n  direction: DirectionsT;\n}\n\nexport const StyledContainer = styled('div')<DSControlledCheckboxGroupStyledContainerT>`\n  display: inline-flex;\n  flex-wrap: wrap;\n  flex-direction: ${({ direction }) => (direction === 'horizontal' ? 'row' : 'column')};\n  margin-left: ${({ theme }) => theme.space.xs};\n  margin-right: ${({ theme }) => theme.space.xs};\n  margin-top: ${({ theme }) => theme.space.xxs};\n  & div:not([role='checkbox']) {\n    padding: 0;\n    margin-bottom: ${({ theme }) => theme.space.xxs};\n  }\n  & div:not(:last-child) {\n    margin-right: ${({ theme, direction }) => (direction === 'horizontal' ? theme.space.s : '0')};\n  }\n  ${xStyledCommonProps}\n`;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,0BAA0B;AAQpC,MAAM,kBAAkB,OAAO,KAAK;AAAA;AAAA;AAAA,oBAGvB,CAAC,EAAE,UAAU,MAAO,cAAc,eAAe,QAAQ,QAAS;AAAA,iBACrE,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,EAAE;AAAA,kBAC5B,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,EAAE;AAAA,gBAC/B,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,GAAG;AAAA;AAAA;AAAA,qBAGzB,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,GAAG;AAAA;AAAA;AAAA,oBAG/B,CAAC,EAAE,OAAO,UAAU,MAAO,cAAc,eAAe,MAAM,MAAM,IAAI,GAAI;AAAA;AAAA,IAE5F,kBAAkB;AAAA;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport {\n  DSFormLayoutCheckboxGroupName,\n  FORM_LAYOUT_CHECKBOX_GROUP_SLOTS,\n} from './DSFormLayoutCheckboxGroupDefinitions.js';\n\ntype DirectionsT = 'horizontal' | 'vertical';\n\ninterface DSControlledCheckboxGroupStyledContainerT {\n  direction: DirectionsT;\n}\n\nexport const StyledContainer = styled('div', {\n  name: DSFormLayoutCheckboxGroupName,\n  slot: FORM_LAYOUT_CHECKBOX_GROUP_SLOTS.ROOT,\n})<DSControlledCheckboxGroupStyledContainerT>`\n  display: inline-flex;\n  flex-wrap: wrap;\n  flex-direction: ${({ direction }) => (direction === 'horizontal' ? 'row' : 'column')};\n  margin-left: ${({ theme }) => theme.space.xs};\n  margin-right: ${({ theme }) => theme.space.xs};\n  margin-top: ${({ theme }) => theme.space.xxs};\n  & div:not([role='checkbox']) {\n    padding: 0;\n    margin-bottom: ${({ theme }) => theme.space.xxs};\n  }\n  & div:not(:last-child) {\n    margin-right: ${({ theme, direction }) => (direction === 'horizontal' ? theme.space.s : '0')};\n  }\n  ${xStyledCommonProps}\n`;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,0BAA0B;AAC3C;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAQA,MAAM,kBAAkB,OAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,iCAAiC;AACzC,CAAC;AAAA;AAAA;AAAA,oBAGmB,CAAC,EAAE,UAAU,MAAO,cAAc,eAAe,QAAQ,QAAS;AAAA,iBACrE,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,EAAE;AAAA,kBAC5B,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,EAAE;AAAA,gBAC/B,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,GAAG;AAAA;AAAA;AAAA,qBAGzB,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,GAAG;AAAA;AAAA;AAAA,oBAG/B,CAAC,EAAE,OAAO,UAAU,MAAO,cAAc,eAAe,MAAM,MAAM,IAAI,GAAI;AAAA;AAAA,IAE5F,kBAAkB;AAAA;",
   "names": []
 }

package/dist/esm/typescript-testing/typescript-checkbox-group-valid.js

@@ -17,7 +17,8 @@ const testPropsAsSyntax = {
   ...testPartialDefaults
 };
 const testCompleteDefaults = {
-  direction: "vertical"
+  direction: "vertical",
+  isInsideLayoutBlock: false
 };
 const testInternalProps = {
   ...testRequiredProps,

package/dist/esm/typescript-testing/typescript-checkbox-group-valid.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-checkbox-group-valid.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { DSFormLayoutCheckboxGroup } from '../index.js';\nimport type { DSFormLayoutCheckboxGroupT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSFormLayoutCheckboxGroupT.Props;\ntype ComponentPropsInternals = DSFormLayoutCheckboxGroupT.InternalProps;\ntype ComponentPropsDefaultProps = DSFormLayoutCheckboxGroupT.DefaultProps;\ntype ComponentPropsOptionalProps = DSFormLayoutCheckboxGroupT.OptionalProps;\ntype ComponentPropsRequiredProps = DSFormLayoutCheckboxGroupT.RequiredProps;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  children: <div></div>,\n};\nconst testOptionalProps: ComponentPropsOptionalProps = {};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n//  Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {};\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  direction: 'vertical',\n};\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  direction: 'horizontal',\n  id: 'id-1',\n  children: <div></div>,\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  direction: 'horizontal',\n  id: 'id-1',\n  children: <div></div>,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  direction: 'horizontal',\n  id: 'id-1',\n  children: <div></div>,\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSFormLayoutCheckboxGroup {...testExplicitDefinition} />\n    <DSFormLayoutCheckboxGroup {...testInferedTypeCompatibility} />\n    <DSFormLayoutCheckboxGroup {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DSFormLayoutCheckboxGroup direction=\"vertical\">\n      <div></div>\n      <div></div>\n    </DSFormLayoutCheckboxGroup>\n  </>\n);\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACYX,SAqDV,UArDU,KA2DR,YA3DQ;AAXZ,SAAS,iCAAiC;AAU1C,MAAM,oBAAiD;AAAA,EACrD,UAAU,oBAAC,SAAI;AACjB;AACA,MAAM,oBAAiD,CAAC;AAIxD,MAAM,sBAA2D,CAAC;AAClE,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AACA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,uBAA6D;AAAA,EACjE,WAAW;AACb;AACA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AACA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,WAAW;AAAA,EACX,IAAI;AAAA,EACJ,UAAU,oBAAC,SAAI;AACjB;AAGA,MAAM,+BAA+B;AAAA,EACnC,WAAW;AAAA,EACX,IAAI;AAAA,EACJ,UAAU,oBAAC,SAAI;AACjB;AAEA,MAAM,wBAAwB;AAAA,EAC5B,WAAW;AAAA,EACX,IAAI;AAAA,EACJ,UAAU,oBAAC,SAAI;AACjB;AAEA,MAAM,wBAAwB,MAC5B,iCAEE;AAAA,sBAAC,6BAA2B,GAAG,wBAAwB;AAAA,EACvD,oBAAC,6BAA2B,GAAG,8BAA8B;AAAA,EAC7D,oBAAC,6BAA2B,GAAG,uBAAuB;AAAA,EAEtD,qBAAC,6BAA0B,WAAU,YACnC;AAAA,wBAAC,SAAI;AAAA,IACL,oBAAC,SAAI;AAAA,KACP;AAAA,GACF;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { DSFormLayoutCheckboxGroup } from '../index.js';\nimport type { DSFormLayoutCheckboxGroupT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSFormLayoutCheckboxGroupT.Props;\ntype ComponentPropsInternals = DSFormLayoutCheckboxGroupT.InternalProps;\ntype ComponentPropsDefaultProps = DSFormLayoutCheckboxGroupT.DefaultProps;\ntype ComponentPropsOptionalProps = DSFormLayoutCheckboxGroupT.OptionalProps;\ntype ComponentPropsRequiredProps = DSFormLayoutCheckboxGroupT.RequiredProps;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  children: <div></div>,\n};\nconst testOptionalProps: ComponentPropsOptionalProps = {};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n//  Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {};\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  direction: 'vertical',\n  isInsideLayoutBlock: false,\n};\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  direction: 'horizontal',\n  id: 'id-1',\n  children: <div></div>,\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  direction: 'horizontal',\n  id: 'id-1',\n  children: <div></div>,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  direction: 'horizontal',\n  id: 'id-1',\n  children: <div></div>,\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSFormLayoutCheckboxGroup {...testExplicitDefinition} />\n    <DSFormLayoutCheckboxGroup {...testInferedTypeCompatibility} />\n    <DSFormLayoutCheckboxGroup {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DSFormLayoutCheckboxGroup direction=\"vertical\">\n      <div></div>\n      <div></div>\n    </DSFormLayoutCheckboxGroup>\n  </>\n);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACYX,SAsDV,UAtDU,KA4DR,YA5DQ;AAXZ,SAAS,iCAAiC;AAU1C,MAAM,oBAAiD;AAAA,EACrD,UAAU,oBAAC,SAAI;AACjB;AACA,MAAM,oBAAiD,CAAC;AAIxD,MAAM,sBAA2D,CAAC;AAClE,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AACA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,uBAA6D;AAAA,EACjE,WAAW;AAAA,EACX,qBAAqB;AACvB;AACA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AACA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,WAAW;AAAA,EACX,IAAI;AAAA,EACJ,UAAU,oBAAC,SAAI;AACjB;AAGA,MAAM,+BAA+B;AAAA,EACnC,WAAW;AAAA,EACX,IAAI;AAAA,EACJ,UAAU,oBAAC,SAAI;AACjB;AAEA,MAAM,wBAAwB;AAAA,EAC5B,WAAW;AAAA,EACX,IAAI;AAAA,EACJ,UAAU,oBAAC,SAAI;AACjB;AAEA,MAAM,wBAAwB,MAC5B,iCAEE;AAAA,sBAAC,6BAA2B,GAAG,wBAAwB;AAAA,EACvD,oBAAC,6BAA2B,GAAG,8BAA8B;AAAA,EAC7D,oBAAC,6BAA2B,GAAG,uBAAuB;AAAA,EAEtD,qBAAC,6BAA0B,WAAU,YACnC;AAAA,wBAAC,SAAI;AAAA,IACL,oBAAC,SAAI;AAAA,KACP;AAAA,GACF;",
   "names": []
 }

package/dist/types/form-layout-checkbox-group/DSFormLayoutCheckboxGroupDefinitions.d.ts

@@ -1 +1,5 @@
 export declare const DSFormLayoutCheckboxGroupName = "DSFormlayoutcheckboxgroup";
+export declare const FORM_LAYOUT_CHECKBOX_GROUP_SLOTS: {
+    readonly ROOT: "root";
+};
+export declare const FORM_LAYOUT_CHECKBOX_GROUP_DATA_TESTID: Record<string, string>;

package/dist/types/form-layout-checkbox-group/react-desc-prop-types.d.ts

@@ -8,6 +8,7 @@ export declare namespace DSFormLayoutCheckboxGroupT {
     }
     interface DefaultProps {
         direction: DirectionsT;
+        isInsideLayoutBlock: boolean;
     }
     interface OptionalProps {
     }

package/dist/types/tests/DsFormLayoutCheckboxGroup.test.d.ts

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

package/dist/types/tests/data-testid-non-changing.test.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-form-layout-blocks",
-  "version": "3.51.0-rc.9",
+  "version": "3.51.1",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Form Layout",
   "files": [
@@ -37,21 +37,21 @@
   },
   "dependencies": {
     "uid": "~2.0.1",
-    "@elliemae/ds-grid": "3.51.0-rc.9",
-    "@elliemae/ds-icons": "3.51.0-rc.9",
-    "@elliemae/ds-props-helpers": "3.51.0-rc.9",
-    "@elliemae/ds-system": "3.51.0-rc.9",
-    "@elliemae/ds-typescript-helpers": "3.51.0-rc.9"
+    "@elliemae/ds-grid": "3.51.1",
+    "@elliemae/ds-icons": "3.51.1",
+    "@elliemae/ds-props-helpers": "3.51.1",
+    "@elliemae/ds-system": "3.51.1",
+    "@elliemae/ds-typescript-helpers": "3.51.1"
   },
   "devDependencies": {
     "@elliemae/pui-cli": "9.0.0-next.55",
     "jest": "~29.7.0",
     "styled-components": "~5.3.9",
-    "@elliemae/ds-form-checkbox": "3.51.0-rc.9",
-    "@elliemae/ds-form-input-text": "3.51.0-rc.9",
-    "@elliemae/ds-form-input-textarea": "3.51.0-rc.9",
-    "@elliemae/ds-form-radio": "3.51.0-rc.9",
-    "@elliemae/ds-monorepo-devops": "3.51.0-rc.9"
+    "@elliemae/ds-form-checkbox": "3.51.1",
+    "@elliemae/ds-form-input-text": "3.51.1",
+    "@elliemae/ds-form-input-textarea": "3.51.1",
+    "@elliemae/ds-form-radio": "3.51.1",
+    "@elliemae/ds-monorepo-devops": "3.51.1"
   },
   "peerDependencies": {
     "react": "^18.3.1",