@elliemae/ds-form-layout-blocks 2.2.0-alpha.4 → 3.0.0-next.2

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

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

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

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

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

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

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

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

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

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

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

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