@elliemae/ds-form-layout-blocks 1.60.0 → 2.0.0-alpha.12

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

@@ -1,59 +1,80 @@
 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;
+})(["position:relative;padding:0;margin:0;display:grid;", " ", ";", " align-items:center;", ""], _ref => {
+  let {
+    fitContent
+  } = _ref;
   return fitContent ? 'width: fit-content;' : undefined;
-}, function (_ref2) {
-  var isGroup = _ref2.isGroup;
+}, _ref2 => {
+  let {
+    isGroup
+  } = _ref2;
   return isGroup ? 'border: none' : '';
-}, function (_ref3) {
-  var leftLabel = _ref3.leftLabel,
-      hideLabel = _ref3.hideLabel;
+}, _ref3 => {
+  let {
+    leftLabel,
+    hideLabel
+  } = _ref3;
   return leftLabel && !hideLabel ? 'grid-template-columns: max-content auto;' : undefined;
-}, function (_ref4) {
-  var theme = _ref4.theme,
-      withHighlight = _ref4.withHighlight;
+}, _ref4 => {
+  let {
+    theme,
+    withHighlight
+  } = _ref4;
   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({
+const StyledLabel = /*#__PURE__*/styled.label.withConfig({
   componentId: "sc-196zgtg-1"
-})(["display:flex;", " ", ""], function (_ref5) {
-  var theme = _ref5.theme,
-      leftLabel = _ref5.leftLabel;
+})(["display:flex;", " ", ""], _ref5 => {
+  let {
+    theme,
+    leftLabel
+  } = _ref5;
   return leftLabel ? "padding-right: ".concat(theme.space.xxs, ";") : undefined;
-}, function (_ref6) {
-  var hideLabel = _ref6.hideLabel;
+}, _ref6 => {
+  let {
+    hideLabel
+  } = _ref6;
   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({
+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;
+})(["font-size:", ";font-style:italic;text-align:right;line-height:15px;height:15px;overflow:hidden;text-overflow:ellipsis;color:", ";", ""], _ref7 => {
+  let {
+    theme
+  } = _ref7;
   return theme.fontSizes.microText[200];
-}, function (_ref8) {
-  var theme = _ref8.theme,
-      hasError = _ref8.hasError;
+}, _ref8 => {
+  let {
+    theme,
+    hasError
+  } = _ref8;
   return hasError ? theme.colors.danger[900] : theme.colors.neutral[500];
-}, function (_ref9) {
-  var leftLabel = _ref9.leftLabel,
-      hideLabel = _ref9.hideLabel;
+}, _ref9 => {
+  let {
+    leftLabel,
+    hideLabel
+  } = _ref9;
   return leftLabel && !hideLabel ? 'grid-column: 1/3;' : undefined;
 });
-var StyledMark = /*#__PURE__*/styled.span.withConfig({
+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;
+})(["width:6px;height:6px;border-radius:50%;margin-left:", ";", ""], _ref10 => {
+  let {
+    theme
+  } = _ref10;
   return theme.space.xxxs;
-}, function (_ref11) {
-  var theme = _ref11.theme,
-      required = _ref11.required;
+}, _ref11 => {
+  let {
+    theme,
+    required
+  } = _ref11;
   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({
+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,38 @@
 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;
+})(["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:", ";}"], _ref => {
+  let {
+    direction
+  } = _ref;
   return direction === 'horizontal' ? 'row' : 'column';
-}, function (_ref2) {
-  var theme = _ref2.theme;
+}, _ref2 => {
+  let {
+    theme
+  } = _ref2;
   return theme.space.xs;
-}, function (_ref3) {
-  var theme = _ref3.theme;
+}, _ref3 => {
+  let {
+    theme
+  } = _ref3;
   return theme.space.xs;
-}, function (_ref4) {
-  var theme = _ref4.theme;
+}, _ref4 => {
+  let {
+    theme
+  } = _ref4;
   return theme.space.xxs;
-}, function (_ref5) {
-  var theme = _ref5.theme;
+}, _ref5 => {
+  let {
+    theme
+  } = _ref5;
   return theme.space.xxs;
-}, function (_ref6) {
-  var theme = _ref6.theme,
-      direction = _ref6.direction;
+}, _ref6 => {
+  let {
+    theme,
+    direction
+  } = _ref6;
   return 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.60.0",
+  "version": "2.0.0-alpha.12",
   "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,21 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-props-helpers": "1.60.0",
-    "react-desc": "^4.1.2"
+    "@elliemae/ds-props-helpers": "2.0.0-alpha.12",
+    "react-desc": "~4.1.3",
+    "uid": "~2.0.0"
   },
   "devDependencies": {
-    "styled-components": "~5.3.0"
+    "styled-components": "~5.3.3"
   },
   "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.3"
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist"
+    "directory": "dist",
+    "generateSubmodules": true
   }
 }

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

@@ -0,0 +1,77 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
+/// <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: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        validationMessage: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        hasError: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        required: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        optional: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        fitContent: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        leftLabel: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        hideLabel: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        withHighlight: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        isGroup: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+    };
+};
+declare const DSFormLayoutBlockItemWithSchema: {
+    (props?: Props | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+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,66 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
+export declare const propTypes: {
+    children: any;
+    label: any;
+    inputID: any;
+    feedbackMessage: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    validationMessage: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    hasError: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    required: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    optional: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    fitContent: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    leftLabel: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    hideLabel: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    withHighlight: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    isGroup: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+};

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", import("styled-components").DefaultTheme, DSFormLayoutBlockItemStyledContainerT, never>;
+export declare const StyledLabel: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, DSFormLayoutBlockItemStyledLabelT, never>;
+export declare const StyledMessage: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, DSFormLayoutBlockItemStyledMessageT, never>;
+export declare const StyledMark: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, DSFormLayoutBlockItemStyledMarkT, never>;
+export declare const ScreenReaderOnly: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,20 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
+/// <reference types="react" />
+import type { DSControlledCheckboxGroupT } from './index.d';
+declare const DSFormLayoutCheckboxGroup: {
+    (props: DSControlledCheckboxGroupT): JSX.Element;
+    propTypes: {
+        direction: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+    };
+};
+declare const DSFormLayoutCheckboxGroupWithSchema: {
+    (props?: DSControlledCheckboxGroupT | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+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,9 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
+export declare const propTypes: {
+    direction: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+};

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", import("styled-components").DefaultTheme, DSControlledCheckboxGroupStyledContainerT, never>;