@elliemae/ds-form-layout-input-group 3.2.0 → 3.2.1-rc.2

package/dist/cjs/InputGroup.js

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/cjs/InputGroup.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/InputGroup.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { WeakValidationMap, useMemo } from 'react';\nimport {\n  describe,\n  useValidateTypescriptPropTypes,\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n} from '@elliemae/ds-utilities';\nimport { StyledContainer, StyledLeftAddon, StyledRightAddon, StyledInput } from './styled';\nimport { DSInputGroupT, propTypes } from './react-desc-prop-types';\nimport { InputGroupDataTestIds } from './exported-related';\nconst DSInputGroup: React.ComponentType<DSInputGroupT.Props> = (props) => {\n  useValidateTypescriptPropTypes(props, propTypes);\n  const { children, leftAddon, rightAddon } = props;\n  const globals = useGetGlobalAttributes(props);\n  const xstyledProps = useGetXstyledProps(props);\n  const cols = useMemo(() => {\n    if (leftAddon && rightAddon) {\n      return ['max-content', 'auto', 'max-content'];\n    }\n    if (leftAddon && !rightAddon) {\n      return ['max-content', 'auto'];\n    }\n    if (!leftAddon && rightAddon) {\n      return ['auto', 'max-content'];\n    }\n    return ['auto'];\n  }, [leftAddon, rightAddon]);\n  return (\n    <StyledContainer cols={cols} data-testid={InputGroupDataTestIds.CONTAINER} {...globals} {...xstyledProps}>\n      {leftAddon && <StyledLeftAddon data-testid={InputGroupDataTestIds.LEFTADDON}>{leftAddon}</StyledLeftAddon>}\n      <StyledInput data-testid={InputGroupDataTestIds.INPUTCONTAINER}>{children}</StyledInput>\n      {rightAddon && <StyledRightAddon data-testid={InputGroupDataTestIds.RIGHTADDON}>{rightAddon}</StyledRightAddon>}\n    </StyledContainer>\n  );\n};\nDSInputGroup.propTypes = propTypes as WeakValidationMap<unknown>;\nDSInputGroup.displayName = 'DSInputGroup';\nconst DSInputGroupWithSchema = describe(DSInputGroup);\nDSInputGroupWithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { DSInputGroup, DSInputGroupWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkD;AAClD,0BAKO;AACP,oBAAgF;AAChF,mCAAyC;AACzC,8BAAsC;AACtC,MAAM,eAAyD,CAAC,UAAU;AACxE,0DAA+B,OAAO,sCAAS;AAC/C,QAAM,EAAE,UAAU,WAAW,eAAe;AAC5C,QAAM,UAAU,gDAAuB,KAAK;AAC5C,QAAM,eAAe,4CAAmB,KAAK;AAC7C,QAAM,OAAO,0BAAQ,MAAM;AACzB,QAAI,aAAa,YAAY;AAC3B,aAAO,CAAC,eAAe,QAAQ,aAAa;AAAA,IAC9C;AACA,QAAI,aAAa,CAAC,YAAY;AAC5B,aAAO,CAAC,eAAe,MAAM;AAAA,IAC/B;AACA,QAAI,CAAC,aAAa,YAAY;AAC5B,aAAO,CAAC,QAAQ,aAAa;AAAA,IAC/B;AACA,WAAO,CAAC,MAAM;AAAA,EAChB,GAAG,CAAC,WAAW,UAAU,CAAC;AAC1B,SACE,mDAAC;AAAA,IAAgB;AAAA,IAAY,eAAa,8CAAsB;AAAA,KAAe,UAAa,eACzF,aAAa,mDAAC;AAAA,IAAgB,eAAa,8CAAsB;AAAA,KAAY,SAAU,GACxF,mDAAC;AAAA,IAAY,eAAa,8CAAsB;AAAA,KAAiB,QAAS,GACzE,cAAc,mDAAC;AAAA,IAAiB,eAAa,8CAAsB;AAAA,KAAa,UAAW,CAC9F;AAEJ;AACA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,yBAAyB,kCAAS,YAAY;AACpD,uBAAuB,YAAY;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkD;AAClD,0BAKO;AACP,oBAAgF;AAChF,mCAAyC;AACzC,8BAAsC;AACtC,MAAM,eAAyD,CAAC,UAAU;AACxE,0DAA+B,OAAO,sCAAS;AAC/C,QAAM,EAAE,UAAU,WAAW,eAAe;AAC5C,QAAM,UAAU,gDAAuB,KAAK;AAC5C,QAAM,eAAe,4CAAmB,KAAK;AAC7C,QAAM,OAAO,0BAAQ,MAAM;AACzB,QAAI,aAAa,YAAY;AAC3B,aAAO,CAAC,eAAe,QAAQ,aAAa;AAAA,IAC9C;AACA,QAAI,aAAa,CAAC,YAAY;AAC5B,aAAO,CAAC,eAAe,MAAM;AAAA,IAC/B;AACA,QAAI,CAAC,aAAa,YAAY;AAC5B,aAAO,CAAC,QAAQ,aAAa;AAAA,IAC/B;AACA,WAAO,CAAC,MAAM;AAAA,EAChB,GAAG,CAAC,WAAW,UAAU,CAAC;AAC1B,SACE,mDAAC;AAAA,IAAgB;AAAA,IAAY,eAAa,8CAAsB;AAAA,KAAe,UAAa,eACzF,aAAa,mDAAC;AAAA,IAAgB,eAAa,8CAAsB;AAAA,KAAY,SAAU,GACxF,mDAAC;AAAA,IAAY,eAAa,8CAAsB;AAAA,KAAiB,QAAS,GACzE,cAAc,mDAAC;AAAA,IAAiB,eAAa,8CAAsB;AAAA,KAAa,UAAW,CAC9F;AAEJ;AACA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,yBAAyB,kCAAS,YAAY;AACpD,uBAAuB,YAAY;",
   "names": []
 }

package/dist/cjs/exported-related/data-test-ids.js

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/cjs/exported-related/data-test-ids.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/exported-related/data-test-ids.ts", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export const InputGroupDataTestIds = {\n  CONTAINER: 'ds-input-group-container',\n  LEFTADDON: 'ds-input-group-left-addon',\n  RIGHTADDON: 'ds-input-group-right-addon',\n  INPUTCONTAINER: 'ds-input-group-input-container',\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,wBAAwB;AAAA,EACnC,WAAW;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,gBAAgB;AAClB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,wBAAwB;AAAA,EACnC,WAAW;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,gBAAgB;AAClB;",
   "names": []
 }

package/dist/cjs/exported-related/index.js

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/cjs/exported-related/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/exported-related/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export * from './data-test-ids';\nexport * from './theming';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,qCAAc,4BAAd;AACA,qCAAc,sBADd;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,qCAAc,4BAAd;AACA,qCAAc,sBADd;",
   "names": []
 }

package/dist/cjs/exported-related/theming.js

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/cjs/exported-related/theming.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/exported-related/theming.ts", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export const DSInputGroupName = 'ds-input-group';\n\nexport const DSInputGroupSlots = {\n  CONTAINER: 'root',\n  LEFT_ADDON: 'leftaddon',\n  RIGHT_ADDON: 'rightaddon',\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,mBAAmB;AAEzB,MAAM,oBAAoB;AAAA,EAC/B,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AACf;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,mBAAmB;AAEzB,MAAM,oBAAoB;AAAA,EAC/B,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AACf;",
   "names": []
 }

package/dist/cjs/index.js

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/cjs/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["// export { CBContainer, CBContainerWithSchema } from './parts/cb-container';\nexport * from './exported-related';\nexport * from './InputGroup';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADCvB,wBAAc,+BADd;AAEA,wBAAc,yBAFd;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADCvB,wBAAc,+BADd;AAEA,wBAAc,yBAFd;",
   "names": []
 }

package/dist/cjs/react-desc-prop-types.js

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/cjs/react-desc-prop-types.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/react-desc-prop-types.ts", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable no-unused-vars */\nimport React from 'react';\nimport { PropTypes } from '@elliemae/ds-utilities';\n\nexport declare namespace DSInputGroupT {\n  export interface RequiredProps {\n    children: React.ReactChild;\n  }\n  export interface OptionalProps {\n    leftAddon?: React.ReactNode;\n    rightAddon?: React.ReactNode;\n  }\n\n  export interface Props extends Partial<OptionalProps>, RequiredProps {}\n\n  export interface InternalProps extends OptionalProps, RequiredProps {}\n}\n\nexport const propTypes = {\n  leftAddon: PropTypes.element.description('Component to be added at the left side of the input'),\n  rightAddon: PropTypes.element.description('Component to be added at the right side of the input'),\n  children: PropTypes.node.isRequired\n    .description('React component to apply autocomplete functionality')\n    .defaultValue(''),\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,0BAA0B;AAgBnB,MAAM,YAAY;AAAA,EACvB,WAAW,8BAAU,QAAQ,YAAY,qDAAqD;AAAA,EAC9F,YAAY,8BAAU,QAAQ,YAAY,sDAAsD;AAAA,EAChG,UAAU,8BAAU,KAAK,WACtB,YAAY,qDAAqD,EACjE,aAAa,EAAE;AACpB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,0BAA0B;AAgBnB,MAAM,YAAY;AAAA,EACvB,WAAW,8BAAU,QAAQ,YAAY,qDAAqD;AAAA,EAC9F,YAAY,8BAAU,QAAQ,YAAY,sDAAsD;AAAA,EAChG,UAAU,8BAAU,KAAK,WACtB,YAAY,qDAAqD,EACjE,aAAa,EAAE;AACpB;",
   "names": []
 }

package/dist/cjs/styled.js

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/cjs/styled.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/styled.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable @typescript-eslint/no-unsafe-assignment */\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSInputTextName, DSInputTextSlots } from '@elliemae/ds-form-input-text';\nimport { DSComboBoxName, DSComboboxSlots } from '@elliemae/ds-form-combobox';\nimport { DSInputGroupName, DSInputGroupSlots } from './exported-related';\n\nexport const StyledContainer = styled(Grid, {\n  name: DSInputGroupName,\n  slot: DSInputGroupSlots.CONTAINER,\n})`\n  width: 100%;\n  height: 28px;\n\n  // input in left position with right addon\n  & > div:nth-child(1) {\n    .${DSInputTextName}-${DSInputTextSlots.INPUT_WRAPPER},\n      .${DSInputTextName}-${DSInputTextSlots.INPUT},\n      .${DSComboBoxName}-${DSComboboxSlots.INPUT_WRAPPER} {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0;\n    }\n  }\n\n  // input in center position with left and right addon\n  & > div:nth-child(2):nth-last-child(2) {\n    .${DSInputTextName}-${DSInputTextSlots.INPUT_WRAPPER},\n      .${DSInputTextName}-${DSInputTextSlots.INPUT},\n      .${DSComboBoxName}-${DSComboboxSlots.INPUT_WRAPPER} {\n      border-radius: 0;\n    }\n  }\n\n  // input in right position with left addon\n  & > div:nth-child(2):nth-last-child(1) {\n    .${DSInputTextName}-${DSInputTextSlots.INPUT_WRAPPER},\n      .${DSInputTextName}-${DSInputTextSlots.INPUT},\n      .${DSComboBoxName}-${DSComboboxSlots.INPUT_WRAPPER} {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0;\n    }\n  }\n`;\n\nconst StyledAddon = styled.div`\n  outline: 1px solid ${({ theme }) => theme.colors.neutral['400']};\n  outline-offset: -1px;\n  height: inherit;\n  display: flex;\n  button {\n    border-width: 1px;\n  }\n  &:hover {\n    z-index: 2;\n    button:not(:disabled) {\n      border: 1px solid ${({ theme }) => theme.colors.brand['700']};\n    }\n  }\n  &:focus-within {\n    z-index: 2;\n  }\n`;\nexport const StyledLeftAddon = styled(StyledAddon, {\n  name: DSInputGroupName,\n  slot: DSInputGroupSlots.LEFT_ADDON,\n})`\n  border-top-left-radius: 2px;\n  border-bottom-left-radius: 2px;\n  margin-right: -1px;\n  &:hover {\n    button:not(:disabled) {\n      border-top-right-radius: 0px;\n      border-bottom-right-radius: 0px;\n    }\n  }\n`;\n\nexport const StyledRightAddon = styled(StyledAddon, {\n  name: DSInputGroupName,\n  slot: DSInputGroupSlots.RIGHT_ADDON,\n})`\n  border-top-right-radius: 2px;\n  border-bottom-right-radius: 2px;\n  margin-left: -1px;\n  &:hover {\n    button:not(:disabled) {\n      border-top-left-radius: 0px;\n      border-bottom-left-radius: 0px;\n    }\n  }\n`;\n\nexport const StyledInput = styled.div`\n  z-index: 1;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,uBAAuB;AACvB,qBAAqB;AACrB,gCAAkD;AAClD,8BAAgD;AAChD,8BAAoD;AAE7C,MAAM,kBAAkB,6BAAO,qBAAM;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAMM,6CAAmB,2CAAiB;AAAA,SAClC,6CAAmB,2CAAiB;AAAA,SACpC,0CAAkB,wCAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAQpC,6CAAmB,2CAAiB;AAAA,SAClC,6CAAmB,2CAAiB;AAAA,SACpC,0CAAkB,wCAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAOpC,6CAAmB,2CAAiB;AAAA,SAClC,6CAAmB,2CAAiB;AAAA,SACpC,0CAAkB,wCAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAO3C,MAAM,cAAc,wBAAO;AAAA,uBACJ,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAUjC,CAAC,EAAE,YAAY,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOrD,MAAM,kBAAkB,6BAAO,aAAa;AAAA,EACjD,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYM,MAAM,mBAAmB,6BAAO,aAAa;AAAA,EAClD,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYM,MAAM,cAAc,wBAAO;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,uBAAuB;AACvB,qBAAqB;AACrB,gCAAkD;AAClD,8BAAgD;AAChD,8BAAoD;AAE7C,MAAM,kBAAkB,6BAAO,qBAAM;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAMM,6CAAmB,2CAAiB;AAAA,SAClC,6CAAmB,2CAAiB;AAAA,SACpC,0CAAkB,wCAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAQpC,6CAAmB,2CAAiB;AAAA,SAClC,6CAAmB,2CAAiB;AAAA,SACpC,0CAAkB,wCAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAOpC,6CAAmB,2CAAiB;AAAA,SAClC,6CAAmB,2CAAiB;AAAA,SACpC,0CAAkB,wCAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAO3C,MAAM,cAAc,wBAAO;AAAA,uBACJ,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAUjC,CAAC,EAAE,YAAY,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOrD,MAAM,kBAAkB,6BAAO,aAAa;AAAA,EACjD,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYM,MAAM,mBAAmB,6BAAO,aAAa;AAAA,EAClD,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYM,MAAM,cAAc,wBAAO;AAAA;AAAA;",
   "names": []
 }

package/dist/esm/InputGroup.js

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;

package/dist/esm/InputGroup.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/InputGroup.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { WeakValidationMap, useMemo } from 'react';\nimport {\n  describe,\n  useValidateTypescriptPropTypes,\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n} from '@elliemae/ds-utilities';\nimport { StyledContainer, StyledLeftAddon, StyledRightAddon, StyledInput } from './styled';\nimport { DSInputGroupT, propTypes } from './react-desc-prop-types';\nimport { InputGroupDataTestIds } from './exported-related';\nconst DSInputGroup: React.ComponentType<DSInputGroupT.Props> = (props) => {\n  useValidateTypescriptPropTypes(props, propTypes);\n  const { children, leftAddon, rightAddon } = props;\n  const globals = useGetGlobalAttributes(props);\n  const xstyledProps = useGetXstyledProps(props);\n  const cols = useMemo(() => {\n    if (leftAddon && rightAddon) {\n      return ['max-content', 'auto', 'max-content'];\n    }\n    if (leftAddon && !rightAddon) {\n      return ['max-content', 'auto'];\n    }\n    if (!leftAddon && rightAddon) {\n      return ['auto', 'max-content'];\n    }\n    return ['auto'];\n  }, [leftAddon, rightAddon]);\n  return (\n    <StyledContainer cols={cols} data-testid={InputGroupDataTestIds.CONTAINER} {...globals} {...xstyledProps}>\n      {leftAddon && <StyledLeftAddon data-testid={InputGroupDataTestIds.LEFTADDON}>{leftAddon}</StyledLeftAddon>}\n      <StyledInput data-testid={InputGroupDataTestIds.INPUTCONTAINER}>{children}</StyledInput>\n      {rightAddon && <StyledRightAddon data-testid={InputGroupDataTestIds.RIGHTADDON}>{rightAddon}</StyledRightAddon>}\n    </StyledContainer>\n  );\n};\nDSInputGroup.propTypes = propTypes as WeakValidationMap<unknown>;\nDSInputGroup.displayName = 'DSInputGroup';\nconst DSInputGroupWithSchema = describe(DSInputGroup);\nDSInputGroupWithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { DSInputGroup, DSInputGroupWithSchema };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACA;AACA;AACA,MAAM,eAAyD,CAAC,UAAU;AACxE,iCAA+B,OAAO,SAAS;AAC/C,QAAM,EAAE,UAAU,WAAW,eAAe;AAC5C,QAAM,UAAU,uBAAuB,KAAK;AAC5C,QAAM,eAAe,mBAAmB,KAAK;AAC7C,QAAM,OAAO,QAAQ,MAAM;AACzB,QAAI,aAAa,YAAY;AAC3B,aAAO,CAAC,eAAe,QAAQ,aAAa;AAAA,IAC9C;AACA,QAAI,aAAa,CAAC,YAAY;AAC5B,aAAO,CAAC,eAAe,MAAM;AAAA,IAC/B;AACA,QAAI,CAAC,aAAa,YAAY;AAC5B,aAAO,CAAC,QAAQ,aAAa;AAAA,IAC/B;AACA,WAAO,CAAC,MAAM;AAAA,EAChB,GAAG,CAAC,WAAW,UAAU,CAAC;AAC1B,SACE,qCAAC;AAAA,IAAgB;AAAA,IAAY,eAAa,sBAAsB;AAAA,KAAe,UAAa,eACzF,aAAa,qCAAC;AAAA,IAAgB,eAAa,sBAAsB;AAAA,KAAY,SAAU,GACxF,qCAAC;AAAA,IAAY,eAAa,sBAAsB;AAAA,KAAiB,QAAS,GACzE,cAAc,qCAAC;AAAA,IAAiB,eAAa,sBAAsB;AAAA,KAAa,UAAW,CAC9F;AAEJ;AACA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,yBAAyB,SAAS,YAAY;AACpD,uBAAuB,YAAY;",
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACA;AACA;AACA,MAAM,eAAyD,CAAC,UAAU;AACxE,iCAA+B,OAAO,SAAS;AAC/C,QAAM,EAAE,UAAU,WAAW,eAAe;AAC5C,QAAM,UAAU,uBAAuB,KAAK;AAC5C,QAAM,eAAe,mBAAmB,KAAK;AAC7C,QAAM,OAAO,QAAQ,MAAM;AACzB,QAAI,aAAa,YAAY;AAC3B,aAAO,CAAC,eAAe,QAAQ,aAAa;AAAA,IAC9C;AACA,QAAI,aAAa,CAAC,YAAY;AAC5B,aAAO,CAAC,eAAe,MAAM;AAAA,IAC/B;AACA,QAAI,CAAC,aAAa,YAAY;AAC5B,aAAO,CAAC,QAAQ,aAAa;AAAA,IAC/B;AACA,WAAO,CAAC,MAAM;AAAA,EAChB,GAAG,CAAC,WAAW,UAAU,CAAC;AAC1B,SACE,qCAAC;AAAA,IAAgB;AAAA,IAAY,eAAa,sBAAsB;AAAA,KAAe,UAAa,eACzF,aAAa,qCAAC;AAAA,IAAgB,eAAa,sBAAsB;AAAA,KAAY,SAAU,GACxF,qCAAC;AAAA,IAAY,eAAa,sBAAsB;AAAA,KAAiB,QAAS,GACzE,cAAc,qCAAC;AAAA,IAAiB,eAAa,sBAAsB;AAAA,KAAa,UAAW,CAC9F;AAEJ;AACA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,yBAAyB,SAAS,YAAY;AACpD,uBAAuB,YAAY;",
   "names": []
 }

package/dist/esm/exported-related/data-test-ids.js

@@ -1,3 +1,4 @@
+"use strict";
 import * as React from "react";
 const InputGroupDataTestIds = {
   CONTAINER: "ds-input-group-container",

package/dist/esm/exported-related/data-test-ids.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/data-test-ids.ts"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const InputGroupDataTestIds = {\n  CONTAINER: 'ds-input-group-container',\n  LEFTADDON: 'ds-input-group-left-addon',\n  RIGHTADDON: 'ds-input-group-right-addon',\n  INPUTCONTAINER: 'ds-input-group-input-container',\n};\n"],
-  "mappings": "AAAA;ACAO,MAAM,wBAAwB;AAAA,EACnC,WAAW;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,gBAAgB;AAClB;",
+  "mappings": ";AAAA;ACAO,MAAM,wBAAwB;AAAA,EACnC,WAAW;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,gBAAgB;AAClB;",
   "names": []
 }

package/dist/esm/exported-related/index.js

@@ -1,3 +1,4 @@
+"use strict";
 import * as React from "react";
 export * from "./data-test-ids";
 export * from "./theming";

package/dist/esm/exported-related/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/index.ts"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './data-test-ids';\nexport * from './theming';\n"],
-  "mappings": "AAAA;ACAA;AACA;",
+  "mappings": ";AAAA;ACAA;AACA;",
   "names": []
 }

package/dist/esm/exported-related/theming.js

@@ -1,3 +1,4 @@
+"use strict";
 import * as React from "react";
 const DSInputGroupName = "ds-input-group";
 const DSInputGroupSlots = {

package/dist/esm/exported-related/theming.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/theming.ts"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSInputGroupName = 'ds-input-group';\n\nexport const DSInputGroupSlots = {\n  CONTAINER: 'root',\n  LEFT_ADDON: 'leftaddon',\n  RIGHT_ADDON: 'rightaddon',\n};\n"],
-  "mappings": "AAAA;ACAO,MAAM,mBAAmB;AAEzB,MAAM,oBAAoB;AAAA,EAC/B,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AACf;",
+  "mappings": ";AAAA;ACAO,MAAM,mBAAmB;AAEzB,MAAM,oBAAoB;AAAA,EAC/B,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AACf;",
   "names": []
 }

package/dist/esm/index.js

@@ -1,3 +1,4 @@
+"use strict";
 import * as React from "react";
 export * from "./exported-related";
 export * from "./InputGroup";

package/dist/esm/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// export { CBContainer, CBContainerWithSchema } from './parts/cb-container';\nexport * from './exported-related';\nexport * from './InputGroup';\n"],
-  "mappings": "AAAA;ACCA;AACA;",
+  "mappings": ";AAAA;ACCA;AACA;",
   "names": []
 }

package/dist/esm/react-desc-prop-types.js

@@ -1,3 +1,4 @@
+"use strict";
 import * as React from "react";
 import { PropTypes } from "@elliemae/ds-utilities";
 const propTypes = {

package/dist/esm/react-desc-prop-types.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.ts"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable no-unused-vars */\nimport React from 'react';\nimport { PropTypes } from '@elliemae/ds-utilities';\n\nexport declare namespace DSInputGroupT {\n  export interface RequiredProps {\n    children: React.ReactChild;\n  }\n  export interface OptionalProps {\n    leftAddon?: React.ReactNode;\n    rightAddon?: React.ReactNode;\n  }\n\n  export interface Props extends Partial<OptionalProps>, RequiredProps {}\n\n  export interface InternalProps extends OptionalProps, RequiredProps {}\n}\n\nexport const propTypes = {\n  leftAddon: PropTypes.element.description('Component to be added at the left side of the input'),\n  rightAddon: PropTypes.element.description('Component to be added at the right side of the input'),\n  children: PropTypes.node.isRequired\n    .description('React component to apply autocomplete functionality')\n    .defaultValue(''),\n};\n"],
-  "mappings": "AAAA;ACGA;AAgBO,MAAM,YAAY;AAAA,EACvB,WAAW,UAAU,QAAQ,YAAY,qDAAqD;AAAA,EAC9F,YAAY,UAAU,QAAQ,YAAY,sDAAsD;AAAA,EAChG,UAAU,UAAU,KAAK,WACtB,YAAY,qDAAqD,EACjE,aAAa,EAAE;AACpB;",
+  "mappings": ";AAAA;ACGA;AAgBO,MAAM,YAAY;AAAA,EACvB,WAAW,UAAU,QAAQ,YAAY,qDAAqD;AAAA,EAC9F,YAAY,UAAU,QAAQ,YAAY,sDAAsD;AAAA,EAChG,UAAU,UAAU,KAAK,WACtB,YAAY,qDAAqD,EACjE,aAAa,EAAE;AACpB;",
   "names": []
 }

package/dist/esm/styled.js

@@ -1,3 +1,4 @@
+"use strict";
 import * as React from "react";
 import { styled } from "@elliemae/ds-system";
 import { Grid } from "@elliemae/ds-grid";

package/dist/esm/styled.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/styled.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unsafe-assignment */\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSInputTextName, DSInputTextSlots } from '@elliemae/ds-form-input-text';\nimport { DSComboBoxName, DSComboboxSlots } from '@elliemae/ds-form-combobox';\nimport { DSInputGroupName, DSInputGroupSlots } from './exported-related';\n\nexport const StyledContainer = styled(Grid, {\n  name: DSInputGroupName,\n  slot: DSInputGroupSlots.CONTAINER,\n})`\n  width: 100%;\n  height: 28px;\n\n  // input in left position with right addon\n  & > div:nth-child(1) {\n    .${DSInputTextName}-${DSInputTextSlots.INPUT_WRAPPER},\n      .${DSInputTextName}-${DSInputTextSlots.INPUT},\n      .${DSComboBoxName}-${DSComboboxSlots.INPUT_WRAPPER} {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0;\n    }\n  }\n\n  // input in center position with left and right addon\n  & > div:nth-child(2):nth-last-child(2) {\n    .${DSInputTextName}-${DSInputTextSlots.INPUT_WRAPPER},\n      .${DSInputTextName}-${DSInputTextSlots.INPUT},\n      .${DSComboBoxName}-${DSComboboxSlots.INPUT_WRAPPER} {\n      border-radius: 0;\n    }\n  }\n\n  // input in right position with left addon\n  & > div:nth-child(2):nth-last-child(1) {\n    .${DSInputTextName}-${DSInputTextSlots.INPUT_WRAPPER},\n      .${DSInputTextName}-${DSInputTextSlots.INPUT},\n      .${DSComboBoxName}-${DSComboboxSlots.INPUT_WRAPPER} {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0;\n    }\n  }\n`;\n\nconst StyledAddon = styled.div`\n  outline: 1px solid ${({ theme }) => theme.colors.neutral['400']};\n  outline-offset: -1px;\n  height: inherit;\n  display: flex;\n  button {\n    border-width: 1px;\n  }\n  &:hover {\n    z-index: 2;\n    button:not(:disabled) {\n      border: 1px solid ${({ theme }) => theme.colors.brand['700']};\n    }\n  }\n  &:focus-within {\n    z-index: 2;\n  }\n`;\nexport const StyledLeftAddon = styled(StyledAddon, {\n  name: DSInputGroupName,\n  slot: DSInputGroupSlots.LEFT_ADDON,\n})`\n  border-top-left-radius: 2px;\n  border-bottom-left-radius: 2px;\n  margin-right: -1px;\n  &:hover {\n    button:not(:disabled) {\n      border-top-right-radius: 0px;\n      border-bottom-right-radius: 0px;\n    }\n  }\n`;\n\nexport const StyledRightAddon = styled(StyledAddon, {\n  name: DSInputGroupName,\n  slot: DSInputGroupSlots.RIGHT_ADDON,\n})`\n  border-top-right-radius: 2px;\n  border-bottom-right-radius: 2px;\n  margin-left: -1px;\n  &:hover {\n    button:not(:disabled) {\n      border-top-left-radius: 0px;\n      border-bottom-left-radius: 0px;\n    }\n  }\n`;\n\nexport const StyledInput = styled.div`\n  z-index: 1;\n`;\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AAEO,MAAM,kBAAkB,OAAO,MAAM;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAMM,mBAAmB,iBAAiB;AAAA,SAClC,mBAAmB,iBAAiB;AAAA,SACpC,kBAAkB,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAQpC,mBAAmB,iBAAiB;AAAA,SAClC,mBAAmB,iBAAiB;AAAA,SACpC,kBAAkB,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAOpC,mBAAmB,iBAAiB;AAAA,SAClC,mBAAmB,iBAAiB;AAAA,SACpC,kBAAkB,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAO3C,MAAM,cAAc,OAAO;AAAA,uBACJ,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAUjC,CAAC,EAAE,YAAY,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOrD,MAAM,kBAAkB,OAAO,aAAa;AAAA,EACjD,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYM,MAAM,mBAAmB,OAAO,aAAa;AAAA,EAClD,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYM,MAAM,cAAc,OAAO;AAAA;AAAA;",
+  "mappings": ";AAAA;ACCA;AACA;AACA;AACA;AACA;AAEO,MAAM,kBAAkB,OAAO,MAAM;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAMM,mBAAmB,iBAAiB;AAAA,SAClC,mBAAmB,iBAAiB;AAAA,SACpC,kBAAkB,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAQpC,mBAAmB,iBAAiB;AAAA,SAClC,mBAAmB,iBAAiB;AAAA,SACpC,kBAAkB,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAOpC,mBAAmB,iBAAiB;AAAA,SAClC,mBAAmB,iBAAiB;AAAA,SACpC,kBAAkB,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAO3C,MAAM,cAAc,OAAO;AAAA,uBACJ,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAUjC,CAAC,EAAE,YAAY,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOrD,MAAM,kBAAkB,OAAO,aAAa;AAAA,EACjD,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYM,MAAM,mBAAmB,OAAO,aAAa;AAAA,EAClD,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYM,MAAM,cAAc,OAAO;AAAA;AAAA;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-form-layout-input-group",
-  "version": "3.2.0",
+  "version": "3.2.1-rc.2",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Form Layout - Input Group",
   "files": [
@@ -35,15 +35,15 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-form-combobox": "3.2.0",
-    "@elliemae/ds-form-input-text": "3.2.0",
-    "@elliemae/ds-grid": "3.2.0",
-    "@elliemae/ds-system": "3.2.0",
-    "@elliemae/ds-utilities": "3.2.0",
+    "@elliemae/ds-form-combobox": "3.2.1-rc.2",
+    "@elliemae/ds-form-input-text": "3.2.1-rc.2",
+    "@elliemae/ds-grid": "3.2.1-rc.2",
+    "@elliemae/ds-system": "3.2.1-rc.2",
+    "@elliemae/ds-utilities": "3.2.1-rc.2",
     "styled-components": "~5.3.5"
   },
   "devDependencies": {
-    "@elliemae/ds-button": "3.2.0",
+    "@elliemae/ds-button": "3.2.1-rc.2",
     "@elliemae/pui-theme": "~2.6.0",
     "@testing-library/dom": "~8.13.0",
     "@testing-library/jest-dom": "~5.16.4",