@elliemae/ds-form-layout-blocks 1.57.1-rc.0 → 2.0.0-alpha.11

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

@@ -1,59 +1,47 @@
 import styled from 'styled-components';
 
-var StyledContainer = /*#__PURE__*/styled.div.withConfig({
+const StyledContainer = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-196zgtg-0"
-})(["position:relative;padding:0;margin:0;display:grid;", " ", ";", " align-items:center;", ""], function (_ref) {
-  var fitContent = _ref.fitContent;
-  return fitContent ? 'width: fit-content;' : undefined;
-}, function (_ref2) {
-  var isGroup = _ref2.isGroup;
-  return isGroup ? 'border: none' : '';
-}, function (_ref3) {
-  var leftLabel = _ref3.leftLabel,
-      hideLabel = _ref3.hideLabel;
-  return leftLabel && !hideLabel ? 'grid-template-columns: max-content auto;' : undefined;
-}, function (_ref4) {
-  var theme = _ref4.theme,
-      withHighlight = _ref4.withHighlight;
-  return withHighlight ? "\n  &::after {\n        position: absolute;\n        content: '';\n        left: -".concat(theme.space.xxs, ";\n        top: -").concat(theme.space.xxxs, ";\n        z-index: -1;\n        width: calc(100% + ").concat(theme.space.xs, ");\n        height: calc(100%  + ").concat(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: -").concat(theme.space.xxs, ";\n            top: -").concat(theme.space.xxxs, ";\n            z-index: -1;\n            width: calc(100% + ").concat(theme.space.xs, ");\n            height: calc(100%  + ").concat(theme.space.xxs, ");\n            background-color: #FFF9D3;\n            border : 1px solid #8F6326;\n            border-radius : 4px;\n            box-shadow: 0 6px 10px 0 rgba(0,0,0,0.30);\n          }\n        }\n  ") : undefined;
-});
-var StyledLabel = /*#__PURE__*/styled.label.withConfig({
+})(["position:relative;padding:0;margin:0;display:grid;", " ", ";", " align-items:center;", ""], ({
+  fitContent
+}) => fitContent ? 'width: fit-content;' : undefined, ({
+  isGroup
+}) => isGroup ? 'border: none' : '', ({
+  leftLabel,
+  hideLabel
+}) => leftLabel && !hideLabel ? 'grid-template-columns: max-content auto;' : undefined, ({
+  theme,
+  withHighlight
+}) => withHighlight ? "\n  &::after {\n        position: absolute;\n        content: '';\n        left: -".concat(theme.space.xxs, ";\n        top: -").concat(theme.space.xxxs, ";\n        z-index: -1;\n        width: calc(100% + ").concat(theme.space.xs, ");\n        height: calc(100%  + ").concat(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: -").concat(theme.space.xxs, ";\n            top: -").concat(theme.space.xxxs, ";\n            z-index: -1;\n            width: calc(100% + ").concat(theme.space.xs, ");\n            height: calc(100%  + ").concat(theme.space.xxs, ");\n            background-color: #FFF9D3;\n            border : 1px solid #8F6326;\n            border-radius : 4px;\n            box-shadow: 0 6px 10px 0 rgba(0,0,0,0.30);\n          }\n        }\n  ") : undefined);
+const StyledLabel = /*#__PURE__*/styled.label.withConfig({
   componentId: "sc-196zgtg-1"
-})(["display:flex;", " ", ""], function (_ref5) {
-  var theme = _ref5.theme,
-      leftLabel = _ref5.leftLabel;
-  return leftLabel ? "padding-right: ".concat(theme.space.xxs, ";") : undefined;
-}, function (_ref6) {
-  var hideLabel = _ref6.hideLabel;
-  return hideLabel ? "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  " : undefined;
-});
-var StyledMessage = /*#__PURE__*/styled.div.withConfig({
+})(["display:flex;", " ", ""], ({
+  theme,
+  leftLabel
+}) => leftLabel ? "padding-right: ".concat(theme.space.xxs, ";") : undefined, ({
+  hideLabel
+}) => hideLabel ? "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  " : undefined);
+const StyledMessage = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-196zgtg-2"
-})(["font-size:", ";font-style:italic;text-align:right;line-height:15px;height:15px;overflow:hidden;text-overflow:ellipsis;color:", ";", ""], function (_ref7) {
-  var theme = _ref7.theme;
-  return theme.fontSizes.microText[200];
-}, function (_ref8) {
-  var theme = _ref8.theme,
-      hasError = _ref8.hasError;
-  return hasError ? theme.colors.danger[900] : theme.colors.neutral[500];
-}, function (_ref9) {
-  var leftLabel = _ref9.leftLabel,
-      hideLabel = _ref9.hideLabel;
-  return leftLabel && !hideLabel ? 'grid-column: 1/3;' : undefined;
-});
-var StyledMark = /*#__PURE__*/styled.span.withConfig({
+})(["font-size:", ";font-style:italic;text-align:right;line-height:15px;height:15px;overflow:hidden;text-overflow:ellipsis;color:", ";", ""], ({
+  theme
+}) => theme.fontSizes.microText[200], ({
+  theme,
+  hasError
+}) => hasError ? theme.colors.danger[900] : theme.colors.neutral[500], ({
+  leftLabel,
+  hideLabel
+}) => leftLabel && !hideLabel ? 'grid-column: 1/3;' : undefined);
+const StyledMark = /*#__PURE__*/styled.span.withConfig({
   componentId: "sc-196zgtg-3"
-})(["width:6px;height:6px;border-radius:50%;margin-left:", ";", ""], function (_ref10) {
-  var theme = _ref10.theme;
-  return theme.space.xxxs;
-}, function (_ref11) {
-  var theme = _ref11.theme,
-      required = _ref11.required;
-  return required ? "\n  background-color: ".concat(theme.colors.danger[900], ";\n  ") : "\n  border: 1px solid ".concat(theme.colors.brand[600], ";\n  ");
-});
-var ScreenReaderOnly = /*#__PURE__*/styled.div.withConfig({
+})(["width:6px;height:6px;border-radius:50%;margin-left:", ";", ""], ({
+  theme
+}) => theme.space.xxxs, ({
+  theme,
+  required
+}) => required ? "\n  background-color: ".concat(theme.colors.danger[900], ";\n  ") : "\n  border: 1px solid ".concat(theme.colors.brand[600], ";\n  "));
+const ScreenReaderOnly = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-196zgtg-4"
 })(["clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px;"]);
 
 export { ScreenReaderOnly, StyledContainer, StyledLabel, StyledMark, StyledMessage };
-//# sourceMappingURL=styles.js.map

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

@@ -1,24 +1,21 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import { describe } from 'react-desc';
 import { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';
 import { propTypes } from './propTypes.js';
 import { StyledContainer } from './styles.js';
 import { defaultProps } from './defaultProps.js';
 import { useValidateProps } from './config/useValidateProps.js';
-import 'styled-components';
-import '@babel/runtime/helpers/esm/typeof';
 
-var DSFormLayoutCheckboxGroup = function DSFormLayoutCheckboxGroup(props) {
+const DSFormLayoutCheckboxGroup = props => {
   useValidateProps(props);
-  var propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
-  return /*#__PURE__*/React.createElement(StyledContainer, {
+  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
+  return /*#__PURE__*/_jsx(StyledContainer, {
     direction: propsWithDefault.direction
-  }, propsWithDefault.children);
+  }, void 0, propsWithDefault.children);
 };
 
-DSFormLayoutCheckboxGroup.propTypes = propTypes;
-var DSFormLayoutCheckboxGroupWithSchema = describe(DSFormLayoutCheckboxGroup);
+const DSFormLayoutCheckboxGroupWithSchema = describe(DSFormLayoutCheckboxGroup);
 DSFormLayoutCheckboxGroupWithSchema.propTypes = propTypes;
 
 export { DSFormLayoutCheckboxGroup, DSFormLayoutCheckboxGroupWithSchema };
-//# sourceMappingURL=DSFormLayoutCheckboxGroup.js.map

package/esm/form-layout-checkbox-group/config/useValidateProps.js

@@ -1,22 +1,21 @@
-import _typeof from '@babel/runtime/helpers/esm/typeof';
 import React from 'react';
 
-var getVariableType = function getVariableType(arg) {
+const getVariableType = arg => {
   if (Array.isArray(arg)) return 'array';
   if (arg === null) return 'null';
   if (arg === undefined) return 'undefined';
-  return _typeof(arg);
+  return typeof arg;
 };
 
-var throwCheckboxGroupDirectionError = function throwCheckboxGroupDirectionError(invalidProp) {
+const throwCheckboxGroupDirectionError = invalidProp => {
   throw new Error("You are trying to pass a not valid \"direction\" property value for a checkbox group, please provide a valid type.\n\n  Received: ".concat(invalidProp, " (").concat(getVariableType(invalidProp), ")\n  Expected: \"horizontal\" or \"vertical\" (string)\n  "));
 };
 
-var throwCheckboxGroupChildrenError = function throwCheckboxGroupChildrenError() {
+const throwCheckboxGroupChildrenError = () => {
   throw new Error("You are trying to use a checkbox group without any React children, please provide at least one children to use.\n    \n  Received: (null)\n  Expected: React children\n  ");
 };
 
-var useValidateProps = function useValidateProps(props) {
+const useValidateProps = props => {
   if (props.direction !== undefined && props.direction !== 'vertical' && props.direction !== 'horizontal') {
     throwCheckboxGroupDirectionError(props.direction);
   }
@@ -27,4 +26,3 @@ var useValidateProps = function useValidateProps(props) {
 };
 
 export { useValidateProps };
-//# sourceMappingURL=useValidateProps.js.map

package/esm/form-layout-checkbox-group/defaultProps.js

@@ -1,6 +1,5 @@
-var defaultProps = {
+const defaultProps = {
   direction: 'horizontal'
 };
 
 export { defaultProps };
-//# sourceMappingURL=defaultProps.js.map

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

@@ -1,2 +1 @@
 
-//# sourceMappingURL=index.d.js.map

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

@@ -1,11 +1 @@
 export { DSFormLayoutCheckboxGroup, DSFormLayoutCheckboxGroupWithSchema } from './DSFormLayoutCheckboxGroup.js';
-import 'react';
-import 'react-desc';
-import '@elliemae/ds-props-helpers';
-import './propTypes.js';
-import './styles.js';
-import 'styled-components';
-import './defaultProps.js';
-import './config/useValidateProps.js';
-import '@babel/runtime/helpers/esm/typeof';
-//# sourceMappingURL=index.js.map

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

@@ -1,8 +1,7 @@
 import { PropTypes } from 'react-desc';
 
-var propTypes = {
+const propTypes = {
   direction: PropTypes.oneOf(['horizontal', 'vertical']).description('Set direction for the checkbox group.')
 };
 
 export { propTypes };
-//# sourceMappingURL=propTypes.js.map

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

@@ -1,27 +1,20 @@
 import styled from 'styled-components';
 
-var StyledContainer = /*#__PURE__*/styled.div.withConfig({
+const StyledContainer = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-1wopk9q-0"
-})(["display:inline-flex;flex-wrap:wrap;flex-direction:", ";margin-left:", ";margin-right:", ";margin-top:", ";& div{padding:0;margin-bottom:", ";}& div:not(:last-child){margin-right:", ";}"], function (_ref) {
-  var direction = _ref.direction;
-  return direction === 'horizontal' ? 'row' : 'column';
-}, function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.space.xs;
-}, function (_ref3) {
-  var theme = _ref3.theme;
-  return theme.space.xs;
-}, function (_ref4) {
-  var theme = _ref4.theme;
-  return theme.space.xxs;
-}, function (_ref5) {
-  var theme = _ref5.theme;
-  return theme.space.xxs;
-}, function (_ref6) {
-  var theme = _ref6.theme,
-      direction = _ref6.direction;
-  return direction === 'horizontal' ? theme.space.s : '0';
-});
+})(["display:inline-flex;flex-wrap:wrap;flex-direction:", ";margin-left:", ";margin-right:", ";margin-top:", ";& div{padding:0;margin-bottom:", ";}& div:not(:last-child){margin-right:", ";}"], ({
+  direction
+}) => direction === 'horizontal' ? 'row' : 'column', ({
+  theme
+}) => theme.space.xs, ({
+  theme
+}) => theme.space.xs, ({
+  theme
+}) => theme.space.xxs, ({
+  theme
+}) => theme.space.xxs, ({
+  theme,
+  direction
+}) => direction === 'horizontal' ? theme.space.s : '0');
 
 export { StyledContainer };
-//# sourceMappingURL=styles.js.map

package/esm/index.d.js

@@ -1,2 +1 @@
 
-//# sourceMappingURL=index.d.js.map

package/esm/index.js

@@ -1,15 +1,2 @@
 export { DSFormLayoutBlockItem, DSFormLayoutBlockItemWithSchema } from './form-layout-block-item/DSFormLayoutBlockItem.js';
 export { DSFormLayoutCheckboxGroup, DSFormLayoutCheckboxGroupWithSchema } from './form-layout-checkbox-group/DSFormLayoutCheckboxGroup.js';
-import 'react';
-import 'react-desc';
-import 'uid';
-import './form-layout-block-item/propTypes.js';
-import './form-layout-block-item/styles.js';
-import 'styled-components';
-import '@elliemae/ds-props-helpers';
-import './form-layout-checkbox-group/propTypes.js';
-import './form-layout-checkbox-group/styles.js';
-import './form-layout-checkbox-group/defaultProps.js';
-import './form-layout-checkbox-group/config/useValidateProps.js';
-import '@babel/runtime/helpers/esm/typeof';
-//# sourceMappingURL=index.js.map

package/package.json

@@ -1,14 +1,70 @@
 {
   "name": "@elliemae/ds-form-layout-blocks",
-  "version": "1.57.1-rc.0",
+  "version": "2.0.0-alpha.11",
   "license": "MIT",
-  "description": "Ellie Mae - Dim Sum - Form Layout Blocks",
-  "module": "esm/index.js",
-  "main": "cjs/index.js",
+  "description": "ICE MT - Dimsum - Form Layout",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
+    },
+    "./form-layout-checkbox-group/styles": {
+      "import": "./esm/form-layout-checkbox-group/styles.js",
+      "require": "./cjs/form-layout-checkbox-group/styles.js"
+    },
+    "./form-layout-checkbox-group/propTypes": {
+      "import": "./esm/form-layout-checkbox-group/propTypes.js",
+      "require": "./cjs/form-layout-checkbox-group/propTypes.js"
+    },
+    "./form-layout-checkbox-group": {
+      "import": "./esm/form-layout-checkbox-group/index.js",
+      "require": "./cjs/form-layout-checkbox-group/index.js"
+    },
+    "./form-layout-checkbox-group/DSFormLayoutCheckboxGroup": {
+      "import": "./esm/form-layout-checkbox-group/DSFormLayoutCheckboxGroup.js",
+      "require": "./cjs/form-layout-checkbox-group/DSFormLayoutCheckboxGroup.js"
+    },
+    "./form-layout-checkbox-group/defaultProps": {
+      "import": "./esm/form-layout-checkbox-group/defaultProps.js",
+      "require": "./cjs/form-layout-checkbox-group/defaultProps.js"
+    },
+    "./form-layout-checkbox-group/config/useValidateProps": {
+      "import": "./esm/form-layout-checkbox-group/config/useValidateProps.js",
+      "require": "./cjs/form-layout-checkbox-group/config/useValidateProps.js"
+    },
+    "./form-layout-block-item/styles": {
+      "import": "./esm/form-layout-block-item/styles.js",
+      "require": "./cjs/form-layout-block-item/styles.js"
+    },
+    "./form-layout-block-item/propTypes": {
+      "import": "./esm/form-layout-block-item/propTypes.js",
+      "require": "./cjs/form-layout-block-item/propTypes.js"
+    },
+    "./form-layout-block-item": {
+      "import": "./esm/form-layout-block-item/index.js",
+      "require": "./cjs/form-layout-block-item/index.js"
+    },
+    "./form-layout-block-item/DSFormLayoutBlockItem": {
+      "import": "./esm/form-layout-block-item/DSFormLayoutBlockItem.js",
+      "require": "./cjs/form-layout-block-item/DSFormLayoutBlockItem.js"
+    }
+  },
   "sideEffects": [
     "*.css",
     "*.scss"
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "npm": ">=7",
+    "node": ">=14"
+  },
+  "author": "ICE MT",
   "scripts": {
     "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
     "prebuild": "exit 0",
@@ -16,19 +72,20 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-props-helpers": "1.57.1-rc.0",
-    "react-desc": "^4.1.2"
+    "@elliemae/ds-props-helpers": "2.0.0-alpha.11",
+    "react-desc": "~4.1.3"
   },
   "devDependencies": {
-    "styled-components": "~5.3.0"
+    "styled-components": "~5.3.1"
   },
   "peerDependencies": {
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1",
-    "styled-components": "^5.3.0"
+    "react": "~17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "^5.3.1"
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist"
+    "directory": "dist",
+    "generateSubmodules": true
   }
 }

package/types/form-layout-block-item/DSFormLayoutBlockItem.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import type { DSFormLayoutBlockItemPropsT as Props } from './index.d';
+declare const DSFormLayoutBlockItem: {
+    (props: Props): JSX.Element;
+    propTypes: {
+        children: any;
+        label: any;
+        inputID: any;
+        feedbackMessage: any;
+        validationMessage: any;
+        hasError: any;
+        required: any;
+        optional: any;
+        fitContent: any;
+        leftLabel: any;
+        hideLabel: any;
+        withHighlight: any;
+        isGroup: any;
+    };
+};
+declare const DSFormLayoutBlockItemWithSchema: any;
+export { DSFormLayoutBlockItem, DSFormLayoutBlockItemWithSchema };

package/types/form-layout-block-item/index.d.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+export interface DSFormLayoutBlockItemPropsT {
+    children: JSX.Element;
+    label: string;
+    inputID: string;
+    validationMessage?: string;
+    feedbackMessage?: string;
+    hasError?: boolean;
+    leftLabel?: boolean;
+    required?: boolean;
+    fitContent?: boolean;
+    optional?: boolean;
+    hideLabel?: boolean;
+    withHighlight?: boolean;
+    isGroup?: boolean;
+}
+export interface DSFormLayoutBlockItemStyledMessageT {
+    hasError?: boolean;
+    leftLabel?: boolean;
+    hideLabel?: boolean;
+}
+export interface DSFormLayoutBlockItemStyledContainerT {
+    leftLabel?: boolean;
+    fitContent?: boolean;
+    hideLabel?: boolean;
+    withHighlight?: boolean;
+    isGroup?: boolean;
+}
+export interface DSFormLayoutBlockItemStyledLabelT {
+    leftLabel?: boolean;
+    hideLabel?: boolean;
+}
+export interface DSFormLayoutBlockItemStyledMarkT {
+    required?: boolean;
+}

package/types/form-layout-block-item/index.d.ts

@@ -0,0 +1 @@
+export * from './DSFormLayoutBlockItem';

package/types/form-layout-block-item/propTypes.d.ts

@@ -0,0 +1,15 @@
+export declare const propTypes: {
+    children: any;
+    label: any;
+    inputID: any;
+    feedbackMessage: any;
+    validationMessage: any;
+    hasError: any;
+    required: any;
+    optional: any;
+    fitContent: any;
+    leftLabel: any;
+    hideLabel: any;
+    withHighlight: any;
+    isGroup: any;
+};

package/types/form-layout-block-item/styles.d.ts

@@ -0,0 +1,6 @@
+import type { DSFormLayoutBlockItemStyledContainerT, DSFormLayoutBlockItemStyledLabelT, DSFormLayoutBlockItemStyledMessageT, DSFormLayoutBlockItemStyledMarkT } from './index.d';
+export declare const StyledContainer: import("styled-components").StyledComponent<"div", any, DSFormLayoutBlockItemStyledContainerT, never>;
+export declare const StyledLabel: import("styled-components").StyledComponent<"label", any, DSFormLayoutBlockItemStyledLabelT, never>;
+export declare const StyledMessage: import("styled-components").StyledComponent<"div", any, DSFormLayoutBlockItemStyledMessageT, never>;
+export declare const StyledMark: import("styled-components").StyledComponent<"span", any, DSFormLayoutBlockItemStyledMarkT, never>;
+export declare const ScreenReaderOnly: import("styled-components").StyledComponent<"div", any, {}, never>;

package/types/form-layout-checkbox-group/DSFormLayoutCheckboxGroup.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { DSControlledCheckboxGroupT } from './index.d';
+declare const DSFormLayoutCheckboxGroup: {
+    (props: DSControlledCheckboxGroupT): JSX.Element;
+    propTypes: {
+        direction: any;
+    };
+};
+declare const DSFormLayoutCheckboxGroupWithSchema: any;
+export { DSFormLayoutCheckboxGroup, DSFormLayoutCheckboxGroupWithSchema };

package/types/form-layout-checkbox-group/config/useValidateProps.d.ts

@@ -0,0 +1,2 @@
+import type { DSControlledCheckboxGroupT } from '../index.d';
+export declare const useValidateProps: (props: DSControlledCheckboxGroupT) => void;

package/types/form-layout-checkbox-group/defaultProps.d.ts

@@ -0,0 +1,3 @@
+export declare const defaultProps: {
+    direction: string;
+};

package/types/form-layout-checkbox-group/index.d.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+declare type DirectionsT = 'horizontal' | 'vertical';
+export interface DSControlledCheckboxGroupT {
+    direction: DirectionsT;
+    children: React.ReactNode;
+}
+export interface DSControlledCheckboxGroupStyledContainerT {
+    direction: DirectionsT;
+}
+export {};

package/types/form-layout-checkbox-group/index.d.ts

@@ -0,0 +1 @@
+export * from './DSFormLayoutCheckboxGroup';

package/types/form-layout-checkbox-group/propTypes.d.ts

@@ -0,0 +1,3 @@
+export declare const propTypes: {
+    direction: any;
+};

package/types/form-layout-checkbox-group/styles.d.ts

@@ -0,0 +1,2 @@
+import type { DSControlledCheckboxGroupStyledContainerT } from './index.d';
+export declare const StyledContainer: import("styled-components").StyledComponent<"div", any, DSControlledCheckboxGroupStyledContainerT, never>;

package/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './form-layout-block-item';
+export * from './form-layout-checkbox-group';

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

@@ -1 +0,0 @@
-{"version":3,"file":"DSFormLayoutBlockItem.js","sources":["../../../src/form-layout-block-item/DSFormLayoutBlockItem.tsx"],"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"],"names":["DSFormLayoutBlockItem","props","label","feedbackMessage","validationMessage","inputID","children","hasError","leftLabel","required","optional","hideLabel","fitContent","withHighlight","isGroup","instanceUID","useMemo","uid","React","StyledContainer","StyledLabel","StyledMark","ScreenReaderOnly","StyledMessage","propTypes","DSFormLayoutBlockItemWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;AAAA;;IAQMA,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACC,KAAD,EAA+B;AAC3D,MACEC,KADF,GAcID,KAdJ,CACEC,KADF;AAAA,MAEEC,eAFF,GAcIF,KAdJ,CAEEE,eAFF;AAAA,MAGEC,iBAHF,GAcIH,KAdJ,CAGEG,iBAHF;AAAA,MAIEC,OAJF,GAcIJ,KAdJ,CAIEI,OAJF;AAAA,MAKEC,QALF,GAcIL,KAdJ,CAKEK,QALF;AAAA,MAMEC,QANF,GAcIN,KAdJ,CAMEM,QANF;AAAA,MAOEC,SAPF,GAcIP,KAdJ,CAOEO,SAPF;AAAA,MAQEC,QARF,GAcIR,KAdJ,CAQEQ,QARF;AAAA,MASEC,QATF,GAcIT,KAdJ,CASES,QATF;AAAA,MAUEC,SAVF,GAcIV,KAdJ,CAUEU,SAVF;AAAA,MAWEC,UAXF,GAcIX,KAdJ,CAWEW,UAXF;AAAA,MAYEC,aAZF,GAcIZ,KAdJ,CAYEY,aAZF;AAAA,uBAcIZ,KAdJ,CAaEa,OAbF;AAAA,MAaEA,OAbF,+BAaY,KAbZ;AAgBA,MAAMC,WAAW,GAAGC,aAAO,CAAC;AAAA,WAAMC,OAAG,CAAC,CAAD,CAAT;AAAA,GAAD,EAAe,EAAf,CAA3B;AAEA,sBACEC,wCAACC,0CAAD;AACE,IAAA,SAAS,EAAEX,SADb;AAEE,IAAA,UAAU,EAAEI,UAFd;AAGE,IAAA,SAAS,EAAED,SAHb;AAIE,IAAA,aAAa,EAAEE,aAJjB;AAKE,IAAA,EAAE,EAAEC,OAAO,GAAG,UAAH,GAAgB,KAL7B;AAME,IAAA,OAAO,EAAEA,OANX;AAOE,kCAAqBT,OAAO,IAAIU,WAAhC;AAPF,kBASEG,wCAACE,sCAAD;AAAa,IAAA,OAAO,EAAEf,OAAtB;AAA+B,IAAA,SAAS,EAAEG,SAA1C;AAAqD,IAAA,SAAS,EAAEG,SAAhE;AAA2E,mBAAaG;AAAxF,KACGZ,KADH,EAEG,CAACO,QAAQ,IAAIC,QAAb,kBAA0BQ,wCAACG,qCAAD;AAAY,IAAA,QAAQ,EAAEZ;AAAtB,IAF7B,CATF,EAaGK,OAAO,iBAAII,wCAACI,2CAAD;AAAkB,IAAA,EAAE,EAAC;AAArB,KAA+BpB,KAA/B,CAbd,EAcGI,QAdH,EAeGH,eAAe,IAAI,CAACI,QAApB,iBACCW,wCAACK,wCAAD;AACE,IAAA,SAAS,EAAEf,SADb;AAEE,IAAA,SAAS,EAAEG,SAFb;AAGE,mBAAaG,OAHf;AAIE,IAAA,EAAE,YAAKT,OAAO,IAAIU,WAAhB;AAJJ,KAMGZ,eANH,CAhBJ,EAyBGC,iBAAiB,IAAIG,QAArB,iBACCW,wCAACK,wCAAD;AAAe,IAAA,QAAQ,EAAEhB,QAAzB;AAAmC,IAAA,SAAS,EAAEC,SAA9C;AAAyD,IAAA,SAAS,EAAEG,SAApE;AAA+E,IAAA,IAAI,EAAC;AAApF,KACGP,iBADH,CA1BJ,CADF;AAiCD;;AAEDJ,qBAAqB,CAACwB,SAAtB,GAAkCA,uCAAlC;IACMC,+BAA+B,GAAGC,kBAAQ,CAAC1B,qBAAD;AAChDyB,+BAA+B,CAACD,SAAhC,GAA4CA,uCAA5C;;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"propTypes.js","sources":["../../../src/form-layout-block-item/propTypes.tsx"],"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"],"names":["propTypes","children","PropTypes","node","isRequired","description","label","string","inputID","feedbackMessage","validationMessage","hasError","bool","required","optional","fitContent","leftLabel","hideLabel","withHighlight","isGroup"],"mappings":";;;;;;IAEaA,SAAS,GAAG;AACvBC,EAAAA,QAAQ,EAAEC,mBAAS,CAACC,IAAV,CAAeC,UAAf,CAA0BC,WAA1B,CAAsC,mBAAtC,CADa;AAEvBC,EAAAA,KAAK,EAAEJ,mBAAS,CAACK,MAAV,CAAiBH,UAAjB,CAA4BC,WAA5B,CACL,8FADK,CAFgB;AAKvBG,EAAAA,OAAO,EAAEN,mBAAS,CAACK,MAAV,CAAiBH,UAAjB,CAA4BC,WAA5B,CACP,oGADO,CALc;AAQvBI,EAAAA,eAAe,EAAEP,mBAAS,CAACK,MAAV,CAAiBF,WAAjB,CAA6B,qDAA7B,CARM;AASvBK,EAAAA,iBAAiB,EAAER,mBAAS,CAACK,MAAV,CAAiBF,WAAjB,CACjB,gHADiB,CATI;AAYvBM,EAAAA,QAAQ,EAAET,mBAAS,CAACU,IAAV,CAAeP,WAAf,CAA2B,qDAA3B,CAZa;AAavBQ,EAAAA,QAAQ,EAAEX,mBAAS,CAACU,IAAV,CAAeP,WAAf,CAA2B,8BAA3B,CAba;AAcvBS,EAAAA,QAAQ,EAAEZ,mBAAS,CAACU,IAAV,CAAeP,WAAf,CAA2B,8BAA3B,CAda;AAevBU,EAAAA,UAAU,EAAEb,mBAAS,CAACU,IAAV,CAAeP,WAAf,CAA2B,qDAA3B,CAfW;AAgBvBW,EAAAA,SAAS,EAAEd,mBAAS,CAACU,IAAV,CAAeP,WAAf,CAA2B,oDAA3B,CAhBY;AAiBvBY,EAAAA,SAAS,EAAEf,mBAAS,CAACU,IAAV,CAAeP,WAAf,CACT,gGADS,CAjBY;AAoBvBa,EAAAA,aAAa,EAAEhB,mBAAS,CAACU,IAAV,CAAeP,WAAf,CACb,sGADa,CApBQ;AAuBvBc,EAAAA,OAAO,EAAEjB,mBAAS,CAACU,IAAV,CAAeP,WAAf,CACP,gHADO;AAvBc;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../src/form-layout-block-item/styles.tsx"],"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 : 1px 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"],"names":["StyledContainer","styled","div","fitContent","undefined","isGroup","leftLabel","hideLabel","theme","withHighlight","space","xxs","xxxs","xs","StyledLabel","label","StyledMessage","fontSizes","microText","hasError","colors","danger","neutral","StyledMark","span","required","brand","ScreenReaderOnly"],"mappings":";;;;;;;;;;IAQaA,eAAe,gBAAGC,0BAAM,CAACC,GAAV;AAAA;AAAA,iGAKxB;AAAA,MAAGC,UAAH,QAAGA,UAAH;AAAA,SAAqBA,UAAU,GAAG,qBAAH,GAA2BC,SAA1D;AAAA,CALwB,EAMxB;AAAA,MAAGC,OAAH,SAAGA,OAAH;AAAA,SAAkBA,OAAO,GAAG,cAAH,GAAoB,EAA7C;AAAA,CANwB,EAOxB;AAAA,MAAGC,SAAH,SAAGA,SAAH;AAAA,MAAcC,SAAd,SAAcA,SAAd;AAAA,SAA+BD,SAAS,IAAI,CAACC,SAAd,GAA0B,0CAA1B,GAAuEH,SAAtG;AAAA,CAPwB,EASxB;AAAA,MAAGI,KAAH,SAAGA,KAAH;AAAA,MAAUC,aAAV,SAAUA,aAAV;AAAA,SACAA,aAAa,+FAKAD,KAAK,CAACE,KAAN,CAAYC,GALZ,8BAMDH,KAAK,CAACE,KAAN,CAAYE,IANX,iEAQYJ,KAAK,CAACE,KAAN,CAAYG,EARxB,8CAScL,KAAK,CAACE,KAAN,CAAYC,GAT1B,uUAoBIH,KAAK,CAACE,KAAN,CAAYC,GApBhB,kCAqBGH,KAAK,CAACE,KAAN,CAAYE,IArBf,yEAuBgBJ,KAAK,CAACE,KAAN,CAAYG,EAvB5B,kDAwBkBL,KAAK,CAACE,KAAN,CAAYC,GAxB9B,iNAgCTP,SAjCJ;AAAA,CATwB;IA6CfU,WAAW,gBAAGb,0BAAM,CAACc,KAAV;AAAA;AAAA,+BAEpB;AAAA,MAAGP,KAAH,SAAGA,KAAH;AAAA,MAAUF,SAAV,SAAUA,SAAV;AAAA,SAA2BA,SAAS,4BAAqBE,KAAK,CAACE,KAAN,CAAYC,GAAjC,SAA0CP,SAA9E;AAAA,CAFoB,EAGpB;AAAA,MAAGG,SAAH,SAAGA,SAAH;AAAA,SACAA,SAAS,oNAWLH,SAZJ;AAAA,CAHoB;IAkBXY,aAAa,gBAAGf,0BAAM,CAACC,GAAV;AAAA;AAAA,8IACX;AAAA,MAAGM,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACS,SAAN,CAAgBC,SAAhB,CAA0B,GAA1B,CAAf;AAAA,CADW,EAQf;AAAA,MAAGV,KAAH,SAAGA,KAAH;AAAA,MAAUW,QAAV,SAAUA,QAAV;AAAA,SAA0BA,QAAQ,GAAGX,KAAK,CAACY,MAAN,CAAaC,MAAb,CAAoB,GAApB,CAAH,GAA8Bb,KAAK,CAACY,MAAN,CAAaE,OAAb,CAAqB,GAArB,CAAhE;AAAA,CARe,EAStB;AAAA,MAAGhB,SAAH,SAAGA,SAAH;AAAA,MAAcC,SAAd,SAAcA,SAAd;AAAA,SAA+BD,SAAS,IAAI,CAACC,SAAd,GAA0B,mBAA1B,GAAgDH,SAA/E;AAAA,CATsB;IAYbmB,UAAU,gBAAGtB,0BAAM,CAACuB,IAAV;AAAA;AAAA,qEAIN;AAAA,MAAGhB,KAAH,UAAGA,KAAH;AAAA,SAAeA,KAAK,CAACE,KAAN,CAAYE,IAA3B;AAAA,CAJM,EAKnB;AAAA,MAAGJ,KAAH,UAAGA,KAAH;AAAA,MAAUiB,QAAV,UAAUA,QAAV;AAAA,SACAA,QAAQ,mCAEUjB,KAAK,CAACY,MAAN,CAAaC,MAAb,CAAoB,GAApB,CAFV,6CAKUb,KAAK,CAACY,MAAN,CAAaM,KAAb,CAAmB,GAAnB,CALV,UADR;AAAA,CALmB;IAeVC,gBAAgB,gBAAG1B,0BAAM,CAACC,GAAV;AAAA;AAAA;;;;;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"DSFormLayoutCheckboxGroup.js","sources":["../../../src/form-layout-checkbox-group/DSFormLayoutCheckboxGroup.tsx"],"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"],"names":["DSFormLayoutCheckboxGroup","props","useValidateProps","propsWithDefault","useMemoMergePropsWithDefault","defaultProps","React","StyledContainer","direction","children","propTypes","DSFormLayoutCheckboxGroupWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;IASMA,yBAAyB,GAAG,SAA5BA,yBAA4B,CAACC,KAAD,EAAoD;AACpFC,EAAAA,gEAAgB,CAACD,KAAD,CAAhB;AACA,MAAME,gBAAgB,GAAGC,2CAA4B,CAACH,KAAD,EAAQI,iDAAR,CAArD;AAEA,sBAAOC,wCAACC,8CAAD;AAAiB,IAAA,SAAS,EAAEJ,gBAAgB,CAACK;AAA7C,KAAyDL,gBAAgB,CAACM,QAA1E,CAAP;AACD;;AAEDT,yBAAyB,CAACU,SAA1B,GAAsCA,2CAAtC;IACMC,mCAAmC,GAAGC,kBAAQ,CAACZ,yBAAD;AACpDW,mCAAmC,CAACD,SAApC,GAAgDA,2CAAhD;;;;;"}

package/cjs/form-layout-checkbox-group/config/useValidateProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useValidateProps.js","sources":["../../../../src/form-layout-checkbox-group/config/useValidateProps.tsx"],"sourcesContent":["import React from 'react';\nimport type { DSControlledCheckboxGroupT } from '../index.d';\n\nconst getVariableType = (arg: unknown): string => {\n  if (Array.isArray(arg)) return 'array';\n  if (arg === null) return 'null';\n  if (arg === undefined) return 'undefined';\n  return typeof arg;\n};\n\nconst throwCheckboxGroupDirectionError = (invalidProp: unknown): void => {\n  throw new Error(\n    `You are trying to pass a not valid \"direction\" property value for a checkbox group, please provide a valid type.\n\n  Received: ${invalidProp} (${getVariableType(invalidProp)})\n  Expected: \"horizontal\" or \"vertical\" (string)\n  `,\n  );\n};\n\nconst throwCheckboxGroupChildrenError = (): void => {\n  throw new Error(\n    `You are trying to use a checkbox group without any React children, please provide at least one children to use.\n    \n  Received: (null)\n  Expected: React children\n  `,\n  );\n};\n\nexport const useValidateProps = (props: DSControlledCheckboxGroupT): void => {\n  if (props.direction !== undefined && props.direction !== 'vertical' && props.direction !== 'horizontal') {\n    throwCheckboxGroupDirectionError(props.direction);\n  }\n  if (!React.Children.count(props.children)) {\n    throwCheckboxGroupChildrenError();\n  }\n};\n"],"names":["getVariableType","arg","Array","isArray","undefined","throwCheckboxGroupDirectionError","invalidProp","Error","throwCheckboxGroupChildrenError","useValidateProps","props","direction","React","Children","count","children"],"mappings":";;;;;;;;;;;;AAGA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,GAAD,EAA0B;AAChD,MAAIC,KAAK,CAACC,OAAN,CAAcF,GAAd,CAAJ,EAAwB,OAAO,OAAP;AACxB,MAAIA,GAAG,KAAK,IAAZ,EAAkB,OAAO,MAAP;AAClB,MAAIA,GAAG,KAAKG,SAAZ,EAAuB,OAAO,WAAP;AACvB,qCAAcH,GAAd;AACD,CALD;;AAOA,IAAMI,gCAAgC,GAAG,SAAnCA,gCAAmC,CAACC,WAAD,EAAgC;AACvE,QAAM,IAAIC,KAAJ,6IAGMD,WAHN,eAGsBN,eAAe,CAACM,WAAD,CAHrC,gEAAN;AAOD,CARD;;AAUA,IAAME,+BAA+B,GAAG,SAAlCA,+BAAkC,GAAY;AAClD,QAAM,IAAID,KAAJ,6KAAN;AAOD,CARD;;IAUaE,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAA6C;AAC3E,MAAIA,KAAK,CAACC,SAAN,KAAoBP,SAApB,IAAiCM,KAAK,CAACC,SAAN,KAAoB,UAArD,IAAmED,KAAK,CAACC,SAAN,KAAoB,YAA3F,EAAyG;AACvGN,IAAAA,gCAAgC,CAACK,KAAK,CAACC,SAAP,CAAhC;AACD;;AACD,MAAI,CAACC,yBAAK,CAACC,QAAN,CAAeC,KAAf,CAAqBJ,KAAK,CAACK,QAA3B,CAAL,EAA2C;AACzCP,IAAAA,+BAA+B;AAChC;AACF;;;;"}

package/cjs/form-layout-checkbox-group/defaultProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"defaultProps.js","sources":["../../../src/form-layout-checkbox-group/defaultProps.tsx"],"sourcesContent":["export const defaultProps = {\n  direction: 'horizontal',\n};\n"],"names":["defaultProps","direction"],"mappings":";;;;IAAaA,YAAY,GAAG;AAC1BC,EAAAA,SAAS,EAAE;AADe;;;;"}

package/cjs/form-layout-checkbox-group/index.d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/cjs/form-layout-checkbox-group/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/cjs/form-layout-checkbox-group/propTypes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"propTypes.js","sources":["../../../src/form-layout-checkbox-group/propTypes.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport const propTypes = {\n  direction: PropTypes.oneOf(['horizontal', 'vertical']).description('Set direction for the checkbox group.'),\n};\n"],"names":["propTypes","direction","PropTypes","oneOf","description"],"mappings":";;;;;;IAEaA,SAAS,GAAG;AACvBC,EAAAA,SAAS,EAAEC,mBAAS,CAACC,KAAV,CAAgB,CAAC,YAAD,EAAe,UAAf,CAAhB,EAA4CC,WAA5C,CAAwD,uCAAxD;AADY;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../src/form-layout-checkbox-group/styles.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport type { DSControlledCheckboxGroupStyledContainerT } from './index.d';\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 {\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`;\n"],"names":["StyledContainer","styled","div","direction","theme","space","xs","xxs","s"],"mappings":";;;;;;;;;;IAGaA,eAAe,gBAAGC,0BAAM,CAACC,GAAV;AAAA;AAAA,iMAGR;AAAA,MAAGC,SAAH,QAAGA,SAAH;AAAA,SAAoBA,SAAS,KAAK,YAAd,GAA6B,KAA7B,GAAqC,QAAzD;AAAA,CAHQ,EAIX;AAAA,MAAGC,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,KAAN,CAAYC,EAA3B;AAAA,CAJW,EAKV;AAAA,MAAGF,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,KAAN,CAAYC,EAA3B;AAAA,CALU,EAMZ;AAAA,MAAGF,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,KAAN,CAAYE,GAA3B;AAAA,CANY,EASP;AAAA,MAAGH,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,KAAN,CAAYE,GAA3B;AAAA,CATO,EAYR;AAAA,MAAGH,KAAH,SAAGA,KAAH;AAAA,MAAUD,SAAV,SAAUA,SAAV;AAAA,SAA2BA,SAAS,KAAK,YAAd,GAA6BC,KAAK,CAACC,KAAN,CAAYG,CAAzC,GAA6C,GAAxE;AAAA,CAZQ;;;;"}

package/cjs/index.d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/cjs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"DSFormLayoutBlockItem.js","sources":["../../../src/form-layout-block-item/DSFormLayoutBlockItem.tsx"],"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"],"names":["DSFormLayoutBlockItem","props","label","feedbackMessage","validationMessage","inputID","children","hasError","leftLabel","required","optional","hideLabel","fitContent","withHighlight","isGroup","instanceUID","useMemo","uid","propTypes","DSFormLayoutBlockItemWithSchema","describe"],"mappings":";;;;;;;AAAA;;IAQMA,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACC,KAAD,EAA+B;AAC3D,MACEC,KADF,GAcID,KAdJ,CACEC,KADF;AAAA,MAEEC,eAFF,GAcIF,KAdJ,CAEEE,eAFF;AAAA,MAGEC,iBAHF,GAcIH,KAdJ,CAGEG,iBAHF;AAAA,MAIEC,OAJF,GAcIJ,KAdJ,CAIEI,OAJF;AAAA,MAKEC,QALF,GAcIL,KAdJ,CAKEK,QALF;AAAA,MAMEC,QANF,GAcIN,KAdJ,CAMEM,QANF;AAAA,MAOEC,SAPF,GAcIP,KAdJ,CAOEO,SAPF;AAAA,MAQEC,QARF,GAcIR,KAdJ,CAQEQ,QARF;AAAA,MASEC,QATF,GAcIT,KAdJ,CASES,QATF;AAAA,MAUEC,SAVF,GAcIV,KAdJ,CAUEU,SAVF;AAAA,MAWEC,UAXF,GAcIX,KAdJ,CAWEW,UAXF;AAAA,MAYEC,aAZF,GAcIZ,KAdJ,CAYEY,aAZF;AAAA,uBAcIZ,KAdJ,CAaEa,OAbF;AAAA,MAaEA,OAbF,+BAaY,KAbZ;AAgBA,MAAMC,WAAW,GAAGC,OAAO,CAAC;AAAA,WAAMC,GAAG,CAAC,CAAD,CAAT;AAAA,GAAD,EAAe,EAAf,CAA3B;AAEA,sBACE,oBAAC,eAAD;AACE,IAAA,SAAS,EAAET,SADb;AAEE,IAAA,UAAU,EAAEI,UAFd;AAGE,IAAA,SAAS,EAAED,SAHb;AAIE,IAAA,aAAa,EAAEE,aAJjB;AAKE,IAAA,EAAE,EAAEC,OAAO,GAAG,UAAH,GAAgB,KAL7B;AAME,IAAA,OAAO,EAAEA,OANX;AAOE,kCAAqBT,OAAO,IAAIU,WAAhC;AAPF,kBASE,oBAAC,WAAD;AAAa,IAAA,OAAO,EAAEV,OAAtB;AAA+B,IAAA,SAAS,EAAEG,SAA1C;AAAqD,IAAA,SAAS,EAAEG,SAAhE;AAA2E,mBAAaG;AAAxF,KACGZ,KADH,EAEG,CAACO,QAAQ,IAAIC,QAAb,kBAA0B,oBAAC,UAAD;AAAY,IAAA,QAAQ,EAAED;AAAtB,IAF7B,CATF,EAaGK,OAAO,iBAAI,oBAAC,gBAAD;AAAkB,IAAA,EAAE,EAAC;AAArB,KAA+BZ,KAA/B,CAbd,EAcGI,QAdH,EAeGH,eAAe,IAAI,CAACI,QAApB,iBACC,oBAAC,aAAD;AACE,IAAA,SAAS,EAAEC,SADb;AAEE,IAAA,SAAS,EAAEG,SAFb;AAGE,mBAAaG,OAHf;AAIE,IAAA,EAAE,YAAKT,OAAO,IAAIU,WAAhB;AAJJ,KAMGZ,eANH,CAhBJ,EAyBGC,iBAAiB,IAAIG,QAArB,iBACC,oBAAC,aAAD;AAAe,IAAA,QAAQ,EAAEA,QAAzB;AAAmC,IAAA,SAAS,EAAEC,SAA9C;AAAyD,IAAA,SAAS,EAAEG,SAApE;AAA+E,IAAA,IAAI,EAAC;AAApF,KACGP,iBADH,CA1BJ,CADF;AAiCD;;AAEDJ,qBAAqB,CAACkB,SAAtB,GAAkCA,SAAlC;IACMC,+BAA+B,GAAGC,QAAQ,CAACpB,qBAAD;AAChDmB,+BAA+B,CAACD,SAAhC,GAA4CA,SAA5C;;;;"}