@elliemae/ds-controlled-form 2.2.0-next.3 → 2.3.0-alpha.1

package/cjs/controlled-toggle/styles.js

@@ -1,172 +1,125 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styled = require('styled-components');
-var styleHelpers = require('./utils/styleHelpers.js');
-
-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-v733m4-0"
-})(["display:inline-flex;width:fit-content;justify-content:center;align-items:center;height:", ";border-radius:", ";outline:none;position:relative;border:2px solid transparent;&:hover,&:focus-within{border:2px solid ", ";&:after{content:'';height:calc(100% + 4px);width:calc(100% + 4px);border:1px solid ", ";border-radius:20px;position:absolute;}}"], _ref => {
-  let {
-    size
-  } = _ref;
-  return styleHelpers.containerHeight[size];
-}, _ref2 => {
-  let {
-    size
-  } = _ref2;
-  return styleHelpers.borderRadius[size];
-}, _ref3 => {
-  let {
-    theme
-  } = _ref3;
-  return theme.colors.brand[300];
-}, _ref4 => {
-  let {
-    theme
-  } = _ref4;
-  return theme.colors.brand[600];
-});
-const StyledLabel = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-v733m4-1"
-})(["width:", ";height:", ";z-index:2;outline:none;border-radius:", ";"], _ref5 => {
-  let {
-    width,
-    size
-  } = _ref5;
-  return "calc(".concat(width, "px + ").concat(styleHelpers.margin[size], ")");
-}, _ref6 => {
-  let {
-    size
-  } = _ref6;
-  return styleHelpers.labelHeight[size];
-}, _ref7 => {
-  let {
-    size
-  } = _ref7;
-  return styleHelpers.labelHeight[size];
-});
-const StyledVisibleContent = /*#__PURE__*/styled__default["default"].label.withConfig({
-  componentId: "sc-v733m4-2"
-})(["display:flex;margin:0;padding:0;align-items:center;height:100%;flex-direction:", ";border-radius:", ";border:", ";transition:background-color 0.2s;background-color:", ";&:hover{cursor:", ";}"], _ref8 => {
-  let {
-    checked
-  } = _ref8;
-  return checked ? 'row-reverse' : 'row';
-}, _ref9 => {
-  let {
-    size
-  } = _ref9;
-  return "calc(".concat(styleHelpers.labelHeight[size], " - 4px)");
-}, _ref10 => {
-  let {
-    theme,
-    size,
-    checked,
-    disabled,
-    readOnly,
-    active
-  } = _ref10;
-  return size === 's' ? "1px solid ".concat(styleHelpers.handleBorderColor(checked, disabled, readOnly, active, theme)) : "\n    2px solid ".concat(styleHelpers.handleBorderColor(checked, disabled, readOnly, active, theme), "\n    ");
-}, _ref11 => {
-  let {
-    theme,
-    checked,
-    disabled,
-    readOnly,
-    active
-  } = _ref11;
-  return styleHelpers.handleBackgroundColor(checked, disabled, readOnly, active, theme);
-}, _ref12 => {
-  let {
-    disabled,
-    readOnly
-  } = _ref12;
-  return styleHelpers.handleCursors(disabled, readOnly);
-});
-const StyledCircle = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-v733m4-3"
-})(["height:", ";width:", ";border-radius:50%;background-color:", ";"], _ref13 => {
-  let {
-    size
-  } = _ref13;
-  return styleHelpers.circleValues[size];
-}, _ref14 => {
-  let {
-    size
-  } = _ref14;
-  return styleHelpers.circleValues[size];
-}, _ref15 => {
-  let {
-    theme,
-    readOnly
-  } = _ref15;
-  return readOnly ? theme.colors.neutral[100] : theme.colors.neutral['000'];
-});
-const StyledText = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-v733m4-4"
-})(["display:flex;flex-grow:1;line-height:1;margin-bottom:-0.12rem;align-items:center;justify-content:", ";font-size:", ";font-weight:", ";color:", ";", " ", ""], _ref16 => {
-  let {
-    isLongerTextRendering
-  } = _ref16;
-  return isLongerTextRendering ? 'flex-start' : 'center';
-}, _ref17 => {
-  let {
-    theme,
-    size
-  } = _ref17;
-  return styleHelpers.handleFontSize(size, theme);
-}, _ref18 => {
-  let {
-    theme
-  } = _ref18;
-  return theme.fontWeights.semibold;
-}, _ref19 => {
-  let {
-    theme,
-    disabled
-  } = _ref19;
-  return disabled ? '#5c6574' : theme.colors.neutral['000'];
-}, _ref20 => {
-  let {
-    isLongerTextRendering,
-    checked
-  } = _ref20;
-  return isLongerTextRendering && checked ? "margin-left: 6px;" : undefined;
-}, _ref21 => {
-  let {
-    isLongerTextRendering,
-    checked
-  } = _ref21;
-  return isLongerTextRendering && !checked ? "margin-left: 4px;" : undefined;
-});
-const StyledInput = /*#__PURE__*/styled__default["default"].input.withConfig({
-  componentId: "sc-v733m4-5"
-})(["position:absolute;opacity:0;z-index:20;height:100%;width:100%;cursor:pointer;"]);
-const SetLabelWidth = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-v733m4-6"
-})(["font-size:", ";font-weight:", ";width:auto;position:absolute;white-space:nowrap;visibility:hidden;"], _ref22 => {
-  let {
-    theme,
-    size
-  } = _ref22;
-  return styleHelpers.handleFontSize(size, theme);
-}, _ref23 => {
-  let {
-    theme
-  } = _ref23;
-  return theme.fontWeights.semibold;
+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, {
+  SetLabelWidth: () => SetLabelWidth,
+  StyledCircle: () => StyledCircle,
+  StyledContainer: () => StyledContainer,
+  StyledInput: () => StyledInput,
+  StyledLabel: () => StyledLabel,
+  StyledText: () => StyledText,
+  StyledVisibleContent: () => StyledVisibleContent
 });
+var React = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_styleHelpers = require("./utils/styleHelpers");
+const StyledContainer = import_styled_components.default.div`
+  display: inline-flex;
+  width: fit-content;
+  justify-content: center;
+  align-items: center;
+  height: ${({ size }) => import_styleHelpers.containerHeight[size]};
+  border-radius: ${({ size }) => import_styleHelpers.borderRadius[size]};
+  outline: none;
+  position: relative;
+  border: 2px solid transparent;
+  &:hover,
+  &:focus-within {
+    border: 2px solid ${({ theme }) => theme.colors.brand[300]};
+    &:after {
+      content: '';
+      height: calc(100% + 4px);
+      width: calc(100% + 4px);
+      border: 1px solid ${({ theme }) => theme.colors.brand[600]};
+      border-radius: 20px;
+      position: absolute;
+    }
+  }
+`;
+const StyledLabel = import_styled_components.default.div`
+  width: ${({ width, size }) => `calc(${width}px + ${import_styleHelpers.margin[size]})`};
+  height: ${({ size }) => import_styleHelpers.labelHeight[size]};
+  z-index: 2;
+  outline: none;
+  border-radius: ${({ size }) => import_styleHelpers.labelHeight[size]};
+`;
+const StyledVisibleContent = import_styled_components.default.label`
+  display: flex;
+  margin: 0;
+  padding: 0;
+  align-items: center;
+  height: 100%;
+  flex-direction: ${({ checked }) => checked ? "row-reverse" : "row"};
+  border-radius: ${({ size }) => `calc(${import_styleHelpers.labelHeight[size]} - 4px)`};
+  border: ${({ theme, size, checked, disabled, readOnly, active }) => size === "s" ? `1px solid ${(0, import_styleHelpers.handleBorderColor)(checked, disabled, readOnly, active, theme)}` : `
+    2px solid ${(0, import_styleHelpers.handleBorderColor)(checked, disabled, readOnly, active, theme)}
+    `};
+  transition: background-color 0.2s;
+  background-color: ${({ theme, checked, disabled, readOnly, active }) => (0, import_styleHelpers.handleBackgroundColor)(checked, disabled, readOnly, active, theme)};
 
-exports.SetLabelWidth = SetLabelWidth;
-exports.StyledCircle = StyledCircle;
-exports.StyledContainer = StyledContainer;
-exports.StyledInput = StyledInput;
-exports.StyledLabel = StyledLabel;
-exports.StyledText = StyledText;
-exports.StyledVisibleContent = StyledVisibleContent;
+  &:hover {
+    cursor: ${({ disabled, readOnly }) => (0, import_styleHelpers.handleCursors)(disabled, readOnly)};
+  }
+`;
+const StyledCircle = import_styled_components.default.div`
+  height: ${({ size }) => import_styleHelpers.circleValues[size]};
+  width: ${({ size }) => import_styleHelpers.circleValues[size]};
+  border-radius: 50%;
+  background-color: ${({ theme, readOnly }) => readOnly ? theme.colors.neutral[100] : theme.colors.neutral["000"]};
+`;
+const StyledText = import_styled_components.default.div`
+  display: flex;
+  flex-grow: 1;
+  line-height: 1;
+  margin-bottom: -0.12rem;
+  align-items: center;
+  justify-content: ${({ isLongerTextRendering }) => isLongerTextRendering ? "flex-start" : "center"};
+  font-size: ${({ theme, size }) => (0, import_styleHelpers.handleFontSize)(size, theme)};
+  font-weight: ${({ theme }) => theme.fontWeights.semibold};
+  color: ${({ theme, disabled }) => disabled ? "#5c6574" : theme.colors.neutral["000"]};
+  ${({ isLongerTextRendering, checked }) => isLongerTextRendering && checked ? `margin-left: 6px;` : void 0}
+  ${({ isLongerTextRendering, checked }) => isLongerTextRendering && !checked ? `margin-left: 4px;` : void 0}
+`;
+const StyledInput = import_styled_components.default.input`
+  position: absolute;
+  opacity: 0;
+  z-index: 20;
+  height: 100%;
+  width: 100%;
+  cursor: pointer;
+`;
+const SetLabelWidth = import_styled_components.default.div`
+  font-size: ${({ theme, size }) => (0, import_styleHelpers.handleFontSize)(size, theme)};
+  font-weight: ${({ theme }) => theme.fontWeights.semibold};
+  width: auto;
+  position: absolute;
+  white-space: nowrap;
+  visibility: hidden;
+`;
+module.exports = __toCommonJS(styles_exports);
+//# sourceMappingURL=styles.js.map

package/cjs/controlled-toggle/styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/controlled-toggle/styles.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import styled from 'styled-components';\nimport type {\n  StyledContainerT,\n  StyledLabelT,\n  StyledVisibleContentT,\n  StyledCircleT,\n  StyledTextT,\n  SetLabelWidthT,\n} from './index.d';\nimport {\n  containerHeight,\n  borderRadius,\n  labelHeight,\n  handleBorderColor,\n  handleBackgroundColor,\n  circleValues,\n  handleFontSize,\n  margin,\n  handleCursors,\n} from './utils/styleHelpers';\n\nexport const StyledContainer = styled.div<StyledContainerT>`\n  display: inline-flex;\n  width: fit-content;\n  justify-content: center;\n  align-items: center;\n  height: ${({ size }) => containerHeight[size]};\n  border-radius: ${({ size }) => borderRadius[size]};\n  outline: none;\n  position: relative;\n  border: 2px solid transparent;\n  &:hover,\n  &:focus-within {\n    border: 2px solid ${({ theme }) => theme.colors.brand[300]};\n    &:after {\n      content: '';\n      height: calc(100% + 4px);\n      width: calc(100% + 4px);\n      border: 1px solid ${({ theme }) => theme.colors.brand[600]};\n      border-radius: 20px;\n      position: absolute;\n    }\n  }\n`;\n\nexport const StyledLabel = styled.div<StyledLabelT>`\n  width: ${({ width, size }) => `calc(${width}px + ${margin[size]})`};\n  height: ${({ size }) => labelHeight[size]};\n  z-index: 2;\n  outline: none;\n  border-radius: ${({ size }) => labelHeight[size]};\n`;\n\nexport const StyledVisibleContent = styled.label<StyledVisibleContentT>`\n  display: flex;\n  margin: 0;\n  padding: 0;\n  align-items: center;\n  height: 100%;\n  flex-direction: ${({ checked }) => (checked ? 'row-reverse' : 'row')};\n  border-radius: ${({ size }) => `calc(${labelHeight[size]} - 4px)`};\n  border: ${({ theme, size, checked, disabled, readOnly, active }) =>\n    size === 's'\n      ? `1px solid ${handleBorderColor(checked, disabled, readOnly, active, theme)}`\n      : `\n    2px solid ${handleBorderColor(checked, disabled, readOnly, active, theme)}\n    `};\n  transition: background-color 0.2s;\n  background-color: ${({ theme, checked, disabled, readOnly, active }) =>\n    handleBackgroundColor(checked, disabled, readOnly, active, theme)};\n\n  &:hover {\n    cursor: ${({ disabled, readOnly }) => handleCursors(disabled, readOnly)};\n  }\n`;\n\nexport const StyledCircle = styled.div<StyledCircleT>`\n  height: ${({ size }) => circleValues[size]};\n  width: ${({ size }) => circleValues[size]};\n  border-radius: 50%;\n  background-color: ${({ theme, readOnly }) => (readOnly ? theme.colors.neutral[100] : theme.colors.neutral['000'])};\n`;\n\nexport const StyledText = styled.div<StyledTextT>`\n  display: flex;\n  flex-grow: 1;\n  line-height: 1;\n  margin-bottom: -0.12rem;\n  align-items: center;\n  justify-content: ${({ isLongerTextRendering }) => (isLongerTextRendering ? 'flex-start' : 'center')};\n  font-size: ${({ theme, size }) => handleFontSize(size, theme)};\n  font-weight: ${({ theme }) => theme.fontWeights.semibold};\n  color: ${({ theme, disabled }) => (disabled ? '#5c6574' : theme.colors.neutral['000'])};\n  ${({ isLongerTextRendering, checked }) => (isLongerTextRendering && checked ? `margin-left: 6px;` : undefined)}\n  ${({ isLongerTextRendering, checked }) => (isLongerTextRendering && !checked ? `margin-left: 4px;` : undefined)}\n`;\n\nexport const StyledInput = styled.input`\n  position: absolute;\n  opacity: 0;\n  z-index: 20;\n  height: 100%;\n  width: 100%;\n  cursor: pointer;\n`;\n\nexport const SetLabelWidth = styled.div<SetLabelWidthT>`\n  font-size: ${({ theme, size }) => handleFontSize(size, theme)};\n  font-weight: ${({ theme }) => theme.fontWeights.semibold};\n  width: auto;\n  position: absolute;\n  white-space: nowrap;\n  visibility: hidden;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AASnB,0BAUO;AAEA,MAAM,kBAAkB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA,YAK1B,CAAC,EAAE,WAAW,oCAAgB;AAAA,mBACvB,CAAC,EAAE,WAAW,iCAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAMtB,CAAC,EAAE,YAAY,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,0BAKhC,CAAC,EAAE,YAAY,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAOrD,MAAM,cAAc,iCAAO;AAAA,WACvB,CAAC,EAAE,OAAO,WAAW,QAAQ,aAAa,2BAAO;AAAA,YAChD,CAAC,EAAE,WAAW,gCAAY;AAAA;AAAA;AAAA,mBAGnB,CAAC,EAAE,WAAW,gCAAY;AAAA;AAGtC,MAAM,uBAAuB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAMvB,CAAC,EAAE,cAAe,UAAU,gBAAgB;AAAA,mBAC7C,CAAC,EAAE,WAAW,QAAQ,gCAAY;AAAA,YACzC,CAAC,EAAE,OAAO,MAAM,SAAS,UAAU,UAAU,aACrD,SAAS,MACL,aAAa,2CAAkB,SAAS,UAAU,UAAU,QAAQ,WACpE;AAAA,gBACQ,2CAAkB,SAAS,UAAU,UAAU,QAAQ;AAAA;AAAA;AAAA,sBAGjD,CAAC,EAAE,OAAO,SAAS,UAAU,UAAU,aACzD,+CAAsB,SAAS,UAAU,UAAU,QAAQ;AAAA;AAAA;AAAA,cAGjD,CAAC,EAAE,UAAU,eAAe,uCAAc,UAAU;AAAA;AAAA;AAI3D,MAAM,eAAe,iCAAO;AAAA,YACvB,CAAC,EAAE,WAAW,iCAAa;AAAA,WAC5B,CAAC,EAAE,WAAW,iCAAa;AAAA;AAAA,sBAEhB,CAAC,EAAE,OAAO,eAAgB,WAAW,MAAM,OAAO,QAAQ,OAAO,MAAM,OAAO,QAAQ;AAAA;AAGrG,MAAM,aAAa,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAMZ,CAAC,EAAE,4BAA6B,wBAAwB,eAAe;AAAA,eAC7E,CAAC,EAAE,OAAO,WAAW,wCAAe,MAAM;AAAA,iBACxC,CAAC,EAAE,YAAY,MAAM,YAAY;AAAA,WACvC,CAAC,EAAE,OAAO,eAAgB,WAAW,YAAY,MAAM,OAAO,QAAQ;AAAA,IAC7E,CAAC,EAAE,uBAAuB,cAAe,yBAAyB,UAAU,sBAAsB;AAAA,IAClG,CAAC,EAAE,uBAAuB,cAAe,yBAAyB,CAAC,UAAU,sBAAsB;AAAA;AAGhG,MAAM,cAAc,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS3B,MAAM,gBAAgB,iCAAO;AAAA,eACrB,CAAC,EAAE,OAAO,WAAW,wCAAe,MAAM;AAAA,iBACxC,CAAC,EAAE,YAAY,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/cjs/controlled-toggle/utils/addTooltipOnReadOnly.js

@@ -1,22 +1,45 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var dsTooltip = require('@elliemae/ds-tooltip');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
+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 addTooltipOnReadOnly_exports = {};
+__export(addTooltipOnReadOnly_exports, {
+  addTooltipOnReadOnly: () => addTooltipOnReadOnly
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_tooltip = require("@elliemae/ds-tooltip");
 const addTooltipOnReadOnly = (Component, readOnly) => {
-  if (readOnly) return /*#__PURE__*/_jsx__default["default"](dsTooltip.DSTooltipV2, {
-    title: "Read Only",
-    offset: [0, 9],
-    triggerComponent: Component
-  });
+  if (readOnly)
+    return /* @__PURE__ */ import_react.default.createElement(import_ds_tooltip.DSTooltipV2, {
+      title: "Read Only",
+      offset: [0, 9],
+      triggerComponent: Component
+    });
   return Component;
 };
-
-exports.addTooltipOnReadOnly = addTooltipOnReadOnly;
+module.exports = __toCommonJS(addTooltipOnReadOnly_exports);
+//# sourceMappingURL=addTooltipOnReadOnly.js.map

package/cjs/controlled-toggle/utils/addTooltipOnReadOnly.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/controlled-toggle/utils/addTooltipOnReadOnly.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { DSTooltipV2 } from '@elliemae/ds-tooltip';\n\nexport const addTooltipOnReadOnly = (Component: JSX.Element, readOnly: boolean): JSX.Element => {\n  if (readOnly) return <DSTooltipV2 title=\"Read Only\" offset={[0, 9]} triggerComponent={Component} />;\n  return Component;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAA4B;AAErB,MAAM,uBAAuB,CAAC,WAAwB,aAAmC;AAC9F,MAAI;AAAU,WAAO,mDAAC,+BAAD;AAAA,MAAa,OAAM;AAAA,MAAY,QAAQ,CAAC,GAAG;AAAA,MAAI,kBAAkB;AAAA;AACtF,SAAO;AAAA;",
+  "names": []
+}

package/cjs/controlled-toggle/utils/styleHelpers.js

@@ -1,56 +1,81 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
+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 styleHelpers_exports = {};
+__export(styleHelpers_exports, {
+  borderRadius: () => borderRadius,
+  circleValues: () => circleValues,
+  containerHeight: () => containerHeight,
+  handleBackgroundColor: () => handleBackgroundColor,
+  handleBorderColor: () => handleBorderColor,
+  handleCursors: () => handleCursors,
+  handleFontSize: () => handleFontSize,
+  labelHeight: () => labelHeight,
+  margin: () => margin
+});
+var React = __toESM(require("react"));
 const circleValues = {
-  s: '14px',
-  m: '20px',
-  l: '28px'
+  s: "14px",
+  m: "20px",
+  l: "28px"
 };
 const margin = {
-  s: '26px',
-  m: '34px',
-  l: '42px'
+  s: "26px",
+  m: "34px",
+  l: "42px"
 };
 const containerHeight = {
-  s: '20px',
-  m: '28px',
-  l: '36px'
+  s: "20px",
+  m: "28px",
+  l: "36px"
 };
 const labelHeight = {
-  s: '16px',
-  m: '24px',
-  l: '32px'
+  s: "16px",
+  m: "24px",
+  l: "32px"
 };
 const borderRadius = {
-  s: '16px',
-  m: '20px',
-  l: '22px'
+  s: "16px",
+  m: "20px",
+  l: "22px"
 };
-const handleFontSize = (size, _ref) => {
-  let {
-    fontSizes
-  } = _ref;
-
+const handleFontSize = (size, { fontSizes }) => {
   switch (size) {
-    case 's':
+    case "s":
       return fontSizes.microText[200];
-
-    case 'm':
-      return '15px';
-
-    case 'l':
-      return '20px';
-
+    case "m":
+      return "15px";
+    case "l":
+      return "20px";
     default:
-      return '15px';
+      return "15px";
   }
 };
-const handleBackgroundColor = (checked, disabled, readOnly, active, _ref2) => {
-  let {
-    colors
-  } = _ref2;
-
+const handleBackgroundColor = (checked, disabled, readOnly, active, { colors }) => {
   if (disabled) {
     return colors.neutral[100];
   } else if (readOnly) {
@@ -65,11 +90,7 @@ const handleBackgroundColor = (checked, disabled, readOnly, active, _ref2) => {
     return colors.neutral[600];
   }
 };
-const handleBorderColor = (checked, disabled, readOnly, active, _ref3) => {
-  let {
-    colors
-  } = _ref3;
-
+const handleBorderColor = (checked, disabled, readOnly, active, { colors }) => {
   if (disabled) {
     return colors.neutral[100];
   } else if (readOnly) {
@@ -86,18 +107,11 @@ const handleBorderColor = (checked, disabled, readOnly, active, _ref3) => {
 };
 const handleCursors = (disabled, readOnly) => {
   if (disabled) {
-    return 'not-allowed';
+    return "not-allowed";
   } else if (readOnly) {
-    return 'default';
-  } else return 'pointer';
+    return "default";
+  } else
+    return "pointer";
 };
-
-exports.borderRadius = borderRadius;
-exports.circleValues = circleValues;
-exports.containerHeight = containerHeight;
-exports.handleBackgroundColor = handleBackgroundColor;
-exports.handleBorderColor = handleBorderColor;
-exports.handleCursors = handleCursors;
-exports.handleFontSize = handleFontSize;
-exports.labelHeight = labelHeight;
-exports.margin = margin;
+module.exports = __toCommonJS(styleHelpers_exports);
+//# sourceMappingURL=styleHelpers.js.map

package/cjs/controlled-toggle/utils/styleHelpers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/controlled-toggle/utils/styleHelpers.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import type { ToggleSize } from '../index.d';\n\nexport const circleValues = {\n  s: '14px',\n  m: '20px',\n  l: '28px',\n};\n\nexport const margin = {\n  s: '26px',\n  m: '34px',\n  l: '42px',\n};\n\nexport const containerHeight = {\n  s: '20px',\n  m: '28px',\n  l: '36px',\n};\n\nexport const labelHeight = {\n  s: '16px',\n  m: '24px',\n  l: '32px',\n};\n\nexport const borderRadius = {\n  s: '16px',\n  m: '20px',\n  l: '22px',\n};\n\nexport const handleFontSize = (size: ToggleSize, { fontSizes }): string => {\n  switch (size) {\n    case 's':\n      return fontSizes.microText[200];\n    case 'm':\n      return '15px';\n    case 'l':\n      return '20px';\n    default:\n      return '15px';\n  }\n};\nexport const handleBackgroundColor = (\n  checked: boolean,\n  disabled: boolean,\n  readOnly: boolean,\n  active: boolean,\n  { colors },\n): string => {\n  if (disabled) {\n    return colors.neutral[100];\n  } else if (readOnly) {\n    return colors.neutral[500];\n  } else if (!active && checked) {\n    return colors.brand[600];\n  } else if (!active && !checked) {\n    return colors.neutral[500];\n  } else if (active && checked) {\n    return colors.brand[700];\n  } else if (active && !checked) {\n    return colors.neutral[600];\n  }\n};\n\nexport const handleBorderColor = (\n  checked: boolean,\n  disabled: boolean,\n  readOnly: boolean,\n  active: boolean,\n  { colors },\n): string => {\n  if (disabled) {\n    return colors.neutral[100];\n  } else if (readOnly) {\n    return colors.neutral[500];\n  } else if (!active && checked) {\n    return colors.brand[700];\n  } else if (!active && !checked) {\n    return colors.neutral[500];\n  } else if (active && checked) {\n    return colors.brand[800];\n  } else if (active && !checked) {\n    return colors.neutral[700];\n  }\n};\n\nexport const handleCursors = (disabled: boolean, readOnly: boolean): string => {\n  if (disabled) {\n    return 'not-allowed';\n  } else if (readOnly) {\n    return 'default';\n  } else return 'pointer';\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEhB,MAAM,eAAe;AAAA,EAC1B,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA;AAGE,MAAM,SAAS;AAAA,EACpB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA;AAGE,MAAM,kBAAkB;AAAA,EAC7B,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA;AAGE,MAAM,cAAc;AAAA,EACzB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA;AAGE,MAAM,eAAe;AAAA,EAC1B,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA;AAGE,MAAM,iBAAiB,CAAC,MAAkB,EAAE,gBAAwB;AACzE,UAAQ;AAAA,SACD;AACH,aAAO,UAAU,UAAU;AAAA,SACxB;AACH,aAAO;AAAA,SACJ;AACH,aAAO;AAAA;AAEP,aAAO;AAAA;AAAA;AAGN,MAAM,wBAAwB,CACnC,SACA,UACA,UACA,QACA,EAAE,aACS;AACX,MAAI,UAAU;AACZ,WAAO,OAAO,QAAQ;AAAA,aACb,UAAU;AACnB,WAAO,OAAO,QAAQ;AAAA,aACb,CAAC,UAAU,SAAS;AAC7B,WAAO,OAAO,MAAM;AAAA,aACX,CAAC,UAAU,CAAC,SAAS;AAC9B,WAAO,OAAO,QAAQ;AAAA,aACb,UAAU,SAAS;AAC5B,WAAO,OAAO,MAAM;AAAA,aACX,UAAU,CAAC,SAAS;AAC7B,WAAO,OAAO,QAAQ;AAAA;AAAA;AAInB,MAAM,oBAAoB,CAC/B,SACA,UACA,UACA,QACA,EAAE,aACS;AACX,MAAI,UAAU;AACZ,WAAO,OAAO,QAAQ;AAAA,aACb,UAAU;AACnB,WAAO,OAAO,QAAQ;AAAA,aACb,CAAC,UAAU,SAAS;AAC7B,WAAO,OAAO,MAAM;AAAA,aACX,CAAC,UAAU,CAAC,SAAS;AAC9B,WAAO,OAAO,QAAQ;AAAA,aACb,UAAU,SAAS;AAC5B,WAAO,OAAO,MAAM;AAAA,aACX,UAAU,CAAC,SAAS;AAC7B,WAAO,OAAO,QAAQ;AAAA;AAAA;AAInB,MAAM,gBAAgB,CAAC,UAAmB,aAA8B;AAC7E,MAAI,UAAU;AACZ,WAAO;AAAA,aACE,UAAU;AACnB,WAAO;AAAA;AACF,WAAO;AAAA;",
+  "names": []
+}

package/cjs/index.js

@@ -1,45 +1,33 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var ControlledCheckbox = require('./controlled-checkbox/ControlledCheckbox.js');
-var ControlledDateRangePicker = require('./controlled-date-range-picker/ControlledDateRangePicker.js');
-var ControlledDateRangePickerDatatestid = require('./controlled-date-range-picker/ControlledDateRangePickerDatatestid.js');
-var ControlledDateRangePickerTypes = require('./controlled-date-range-picker/ControlledDateRangePickerTypes.js');
-var ControlledDateTimePicker = require('./controlled-date-time-picker/ControlledDateTimePicker.js');
-var ControlledDateTimePickerDatatestid = require('./controlled-date-time-picker/ControlledDateTimePickerDatatestid.js');
-var ControlledDateTimePickerTypes = require('./controlled-date-time-picker/ControlledDateTimePickerTypes.js');
-var stringHelpers = require('./controlled-date-time-picker/utils/stringHelpers.js');
-var dateTimeHelpers = require('./controlled-date-time-picker/utils/dateTimeHelpers.js');
-var dateHelpers = require('./controlled-date-time-picker/utils/dateHelpers.js');
-var timeHelpers = require('./controlled-date-time-picker/utils/timeHelpers.js');
-var ControlledToggle = require('./controlled-toggle/ControlledToggle.js');
-var Autocomplete = require('./controlled-autocomplete/Autocomplete.js');
-var ComboBox = require('./controlled-combobox/ComboBox.js');
-
-
-
-exports.DSControlledCheckbox = ControlledCheckbox.DSControlledCheckbox;
-exports.DSControlledCheckboxWithSchema = ControlledCheckbox.DSControlledCheckboxWithSchema;
-exports.DSControlledDateRangePicker = ControlledDateRangePicker.DSControlledDateRangePicker;
-exports.DSControlledDateRangePickerWithSchema = ControlledDateRangePicker.DSControlledDateRangePickerWithSchema;
-exports.ControlledDateRangePickerDatatestid = ControlledDateRangePickerDatatestid.ControlledDateRangePickerDatatestid;
-exports.CONTROLLED_DATE_RANGE_PICKER_TYPES = ControlledDateRangePickerTypes.CONTROLLED_DATE_RANGE_PICKER_TYPES;
-exports.DSControlledDateTimePicker = ControlledDateTimePicker.DSControlledDateTimePicker;
-exports.DSControlledDateTimePickerWithSchema = ControlledDateTimePicker.DSControlledDateTimePickerWithSchema;
-exports.ControlledDateTimePickerDatatestid = ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid;
-exports.CONTROLLED_DATE_TIME_PICKER_TYPES = ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES;
-exports.deconstructValuesFromDateString = stringHelpers.deconstructValuesFromDateString;
-exports.prependStringWithPlaceHolders = stringHelpers.prependStringWithPlaceHolders;
-exports.getValidationDateTimeStringMetaInfo = dateTimeHelpers.getValidationDateTimeStringMetaInfo;
-exports.getDateStringFromDay = dateHelpers.getDateStringFromDay;
-exports.getDateValuesFromDate = dateHelpers.getDateValuesFromDate;
-exports.getDayFromDateString = dateHelpers.getDayFromDateString;
-exports.getValidationDateStringMetaInfo = dateHelpers.getValidationDateStringMetaInfo;
-exports.getValidationTimeStringMetaInfo = timeHelpers.getValidationTimeStringMetaInfo;
-exports.DSControlledToggle = ControlledToggle.DSControlledToggle;
-exports.DSControlledToggleWithSchema = ControlledToggle.DSControlledToggleWithSchema;
-exports.DSAutocomplete = Autocomplete.DSAutocomplete;
-exports.DSAutocompleteWithSchema = Autocomplete.DSAutocompleteWithSchema;
-exports.DSComboBox = ComboBox.DSComboBox;
-exports.DSComboBoxWithSchema = ComboBox.DSComboBoxWithSchema;
+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 src_exports = {};
+var React = __toESM(require("react"));
+__reExport(src_exports, require("./controlled-checkbox"));
+__reExport(src_exports, require("./controlled-date-range-picker"));
+__reExport(src_exports, require("./controlled-date-time-picker"));
+__reExport(src_exports, require("./controlled-toggle"));
+__reExport(src_exports, require("./controlled-autocomplete"));
+__reExport(src_exports, require("./controlled-combobox"));
+module.exports = __toCommonJS(src_exports);
+//# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export * from './controlled-checkbox';\nexport * from './controlled-date-range-picker';\nexport * from './controlled-date-time-picker';\nexport * from './controlled-toggle';\nexport * from './controlled-autocomplete';\nexport * from './controlled-combobox';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;ADAvB,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;",
+  "names": []
+}