@banyan_cloud/roots 2.0.58 → 2.0.60

package/dist/esm/index.js

@@ -4124,7 +4124,7 @@ var BaseCell = /*#__PURE__*/forwardRef(function (props, ref) {
   }
   var Component = /*#__PURE__*/createElement(RootDOM, _objectSpread2(_objectSpread2({
     'data-elem': 'base-cell',
-    'data-testid': dataTestId !== null && dataTestId !== void 0 ? dataTestId : typeof title === 'string' ? "".concat(title, "-test") : null,
+    'data-testid': dataTestId !== null && dataTestId !== void 0 ? dataTestId : typeof title === 'string' ? "".concat(title.toLowerCase().split(' ').join('-'), "-btn-test") : null,
     ref: ref
   }, typeof title === 'string' && {
     title: title
@@ -13374,8 +13374,8 @@ var TickIcon = function TickIcon(props) {
   });
 };
 
-var css$T = "/* Motion tokens */\n.TextField_module_root__87a24138 {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  gap: 8px;\n}\n.TextField_module_root__87a24138 .TextField_module_helperTextWrapper__87a24138 {\n  min-height: 16px;\n  align-self: stretch;\n  display: flex;\n  align-items: center;\n}\n.TextField_module_root__87a24138 .TextField_module_helperText__87a24138 {\n  color: #646464;\n}\n.TextField_module_root__87a24138 .TextField_module_helperTextError__87a24138 {\n  color: #da1e28;\n}\n.TextField_module_root__87a24138 .TextField_module_helperTextDisabled__87a24138 {\n  color: #161616;\n  opacity: 0.25;\n}\n.TextField_module_root__87a24138 label {\n  width: 100%;\n  max-width: 100%;\n  font-weight: 400;\n  font-size: 12px;\n  letter-spacing: 0.32px;\n  color: #484848;\n  letter-spacing: 0.3199999928px;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n}\n.TextField_module_root__87a24138 label .TextField_module_labelRow__87a24138 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  margin-bottom: 8px;\n}\n.TextField_module_root__87a24138 label .TextField_module_labelRow__87a24138 .TextField_module_required__87a24138::after {\n  content: \" *\";\n  color: var(--primary-color1);\n}\n.TextField_module_root__87a24138 label .TextField_module_labelRow__87a24138 .TextField_module_labelDisabled__87a24138 {\n  color: #484848;\n  opacity: 0.25;\n}\n.TextField_module_root__87a24138 label .TextField_module_labelRow__87a24138 .TextField_module_forgotPassword__87a24138 {\n  font-family: Poppins;\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 15px;\n  letter-spacing: 0.32px;\n  color: #1f5fcc;\n  text-decoration: underline;\n  cursor: pointer;\n}\n.TextField_module_root__87a24138 label .TextField_module_labelRow__87a24138 .TextField_module_forgotPassword__87a24138:hover {\n  text-decoration: underline;\n}\n.TextField_module_root__87a24138 label .TextField_module_labelRow__87a24138 .TextField_module_textCount__87a24138 {\n  font-family: Poppins;\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 16px;\n  letter-spacing: 0.32px;\n  color: #484848;\n}\n.TextField_module_root__87a24138 label .TextField_module_labelRow__87a24138 .TextField_module_textCount__87a24138,\n.TextField_module_root__87a24138 label .TextField_module_labelRow__87a24138 .TextField_module_forgotPassword__87a24138 {\n  transition: color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 {\n  background-color: #f7f7f7;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  gap: 10px;\n  height: 40px;\n  max-width: 100%;\n  width: 100%;\n  border-radius: 4px;\n  box-sizing: border-box;\n  position: relative;\n  padding: 10px 16px;\n  border: 1px solid #828282;\n  margin-bottom: 4px;\n  transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), border-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9), opacity 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138:focus-within {\n  outline: none;\n  border-color: #3b82f6 !important;\n  box-shadow: 0 0 0 1px #3b82f6 !important;\n  transition: border-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138.TextField_module_readOnly__87a24138 {\n  border: none !important;\n  border-bottom: 1px solid #828282 !important;\n  border-radius: 0;\n  box-shadow: none !important;\n  background-color: transparent;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138.TextField_module_readOnly__87a24138 > [data-elem=component2] .TextField_module_input__87a24138 {\n  background-color: transparent !important;\n  resize: none !important;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138.TextField_module_sm__87a24138 {\n  height: 32px;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138.TextField_module_md__87a24138 {\n  height: 40px;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138.TextField_module_lg__87a24138 {\n  height: 48px;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138.TextField_module_typeTextarea__87a24138 {\n  height: auto;\n  min-height: 48px;\n  align-items: stretch;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 .TextField_module_icon__87a24138 {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 > [data-elem*=component] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138.TextField_module_leftIconDisabled__87a24138 > [data-elem=component1] > svg {\n  fill: #161616;\n  opacity: 0.25;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 > [data-elem=component2] {\n  flex: 1;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 > [data-elem=component2] .TextField_module_input__87a24138 {\n  -moz-appearance: textfield;\n  flex: 1;\n  border: none;\n  border-radius: 4px;\n  font-weight: 400;\n  color: var(--text-color);\n  font-size: 14px;\n  line-height: 18px !important;\n  letter-spacing: 0.16px;\n  background-color: #f7f7f7;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 > [data-elem=component2] .TextField_module_input__87a24138::-webkit-outer-spin-button, .TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 > [data-elem=component2] .TextField_module_input__87a24138::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 > [data-elem=component2] .TextField_module_input__87a24138:focus {\n  outline: none;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 > [data-elem=component2] .TextField_module_input__87a24138:disabled {\n  background: #f7f7f7;\n  color: var(--grey3);\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 > [data-elem=component2] .TextField_module_input__87a24138.TextField_module_error__87a24138 {\n  color: var(--primary-color1);\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 > [data-elem=component2] .TextField_module_input__87a24138:disabled {\n  color: #161616;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 > [data-elem=component2] .TextField_module_input__87a24138:disabled::-moz-placeholder {\n  color: #161616;\n  opacity: 0.25;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 > [data-elem=component2] .TextField_module_input__87a24138:disabled::placeholder {\n  color: #161616;\n  opacity: 0.25;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 > [data-elem=component2] .TextField_module_input__87a24138::-moz-placeholder {\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 18px;\n  letter-spacing: 0.16px;\n  color: var(--mono-color2);\n  opacity: 1;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 > [data-elem=component2] .TextField_module_input__87a24138::placeholder {\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 18px;\n  letter-spacing: 0.16px;\n  color: var(--mono-color2);\n  opacity: 1;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 > [data-elem=component2] .TextField_module_input__87a24138::-moz-placeholder {\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 18px;\n  letter-spacing: 0.16px;\n  color: var(--mono-color2);\n  opacity: 1;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 > [data-elem=component2] .TextField_module_input__87a24138:-webkit-autofill, .TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 > [data-elem=component2] .TextField_module_input__87a24138:-webkit-autofill:hover, .TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 > [data-elem=component2] .TextField_module_input__87a24138:-webkit-autofill:focus, .TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 > [data-elem=component2] .TextField_module_input__87a24138:-webkit-autofill:active {\n  -webkit-box-shadow: 0 0 0 30px #f7f7f7 inset !important;\n  -webkit-text-fill-color: initial !important;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 > [data-elem=component2] .TextField_module_input__87a24138:autofill, .TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 > [data-elem=component2] .TextField_module_input__87a24138:autofill:hover, .TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 > [data-elem=component2] .TextField_module_input__87a24138:autofill:focus, .TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 > [data-elem=component2] .TextField_module_input__87a24138:autofill:active {\n  box-shadow: 0 0 0 30px #f7f7f7 inset !important;\n  -moz-text-fill-color: initial !important;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 > [data-elem=component3] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  gap: 12px;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 > [data-elem=component3] button[data-elem=base-cell].TextField_module_button__87a24138[type=button] {\n  width: auto;\n  height: -moz-fit-content;\n  height: fit-content;\n  padding: 0;\n  background-color: transparent;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138.TextField_module_typeTextarea__87a24138 {\n  padding: 0;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138.TextField_module_typeTextarea__87a24138 > [data-elem=component2] .TextField_module_input__87a24138 {\n  min-height: 48px;\n  resize: vertical;\n  padding: 12px 16px;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138.TextField_module_typeTextarea__87a24138 > [data-elem=component3] {\n  position: absolute;\n  right: 12px;\n  top: 12px;\n  align-self: flex-end;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138.TextField_module_feedbackError__87a24138 {\n  border-color: var(--primary-color1);\n  box-shadow: 0 0 0 1px var(--primary-color1);\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138.TextField_module_borderBottom__87a24138 {\n  border-width: 0px 0px 1.008px 0px;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138.TextField_module_borderNone__87a24138 {\n  border-width: 0px;\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138:active {\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138:has(input:disabled), .TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138:has(textarea:disabled) {\n  opacity: 0.6;\n  transition: opacity 150ms cubic-bezier(0.2, 0, 0.38, 0.9), border-color 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138 button:active {\n  transition-duration: 70ms;\n  transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138:has(input:disabled),\n.TextField_module_root__87a24138 label .TextField_module_inputWrapper__87a24138:has(textarea:disabled) {\n  border: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n  .TextField_module_root__87a24138 * {\n    transition-duration: 1ms !important;\n    animation-duration: 1ms !important;\n  }\n}";
-var modules_c1d23762 = {"root":"TextField_module_root__87a24138","helperTextWrapper":"TextField_module_helperTextWrapper__87a24138","helperText":"TextField_module_helperText__87a24138","helperTextError":"TextField_module_helperTextError__87a24138","helperTextDisabled":"TextField_module_helperTextDisabled__87a24138","labelRow":"TextField_module_labelRow__87a24138","required":"TextField_module_required__87a24138","labelDisabled":"TextField_module_labelDisabled__87a24138","forgotPassword":"TextField_module_forgotPassword__87a24138","textCount":"TextField_module_textCount__87a24138","input-wrapper":"TextField_module_inputWrapper__87a24138","readOnly":"TextField_module_readOnly__87a24138","input":"TextField_module_input__87a24138","sm":"TextField_module_sm__87a24138","md":"TextField_module_md__87a24138","lg":"TextField_module_lg__87a24138","type-textarea":"TextField_module_typeTextarea__87a24138","icon":"TextField_module_icon__87a24138","leftIconDisabled":"TextField_module_leftIconDisabled__87a24138","error":"TextField_module_error__87a24138","button":"TextField_module_button__87a24138","feedback-error":"TextField_module_feedbackError__87a24138","border-bottom":"TextField_module_borderBottom__87a24138","border-none":"TextField_module_borderNone__87a24138"};
+var css$T = "/* Motion tokens */\n.TextField_module_root__47b733a6 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: flex-start;\n\tgap: 8px;\n}\n.TextField_module_root__47b733a6 .TextField_module_helperTextWrapper__47b733a6 {\n\tmin-height: 16px;\n\talign-self: stretch;\n\tdisplay: flex;\n\talign-items: center;\n}\n.TextField_module_root__47b733a6 .TextField_module_helperText__47b733a6 {\n\tcolor: #646464;\n}\n.TextField_module_root__47b733a6 .TextField_module_helperTextError__47b733a6 {\n\tcolor: #da1e28;\n}\n.TextField_module_root__47b733a6 .TextField_module_helperTextDisabled__47b733a6 {\n\tcolor: #161616;\n\topacity: 0.25;\n}\n.TextField_module_root__47b733a6 label {\n\twidth: 100%;\n\tmax-width: 100%;\n\tfont-weight: 400;\n\tfont-size: 12px;\n\tletter-spacing: 0.32px;\n\tcolor: #484848;\n\tletter-spacing: 0.3199999928px;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n}\n.TextField_module_root__47b733a6 label .TextField_module_labelRow__47b733a6 {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\twidth: 100%;\n\tmargin-bottom: 8px;\n}\n.TextField_module_root__47b733a6 label .TextField_module_labelRow__47b733a6 .TextField_module_required__47b733a6::after {\n\tcontent: ' *';\n\tcolor: var(--primary-color1);\n}\n.TextField_module_root__47b733a6 label .TextField_module_labelRow__47b733a6 .TextField_module_labelDisabled__47b733a6 {\n\tcolor: #484848;\n\topacity: 0.25;\n}\n.TextField_module_root__47b733a6 label .TextField_module_labelRow__47b733a6 .TextField_module_forgotPassword__47b733a6 {\n\tfont-family: Poppins;\n\tfont-size: 12px;\n\tfont-weight: 400;\n\tline-height: 15px;\n\tletter-spacing: 0.32px;\n\tcolor: #1f5fcc;\n\ttext-decoration: underline;\n\tcursor: pointer;\n}\n.TextField_module_root__47b733a6 label .TextField_module_labelRow__47b733a6 .TextField_module_forgotPassword__47b733a6:hover {\n\ttext-decoration: underline;\n}\n.TextField_module_root__47b733a6 label .TextField_module_labelRow__47b733a6 .TextField_module_textCount__47b733a6 {\n\tfont-family: Poppins;\n\tfont-size: 12px;\n\tfont-weight: 400;\n\tline-height: 16px;\n\tletter-spacing: 0.32px;\n\tcolor: #484848;\n}\n.TextField_module_root__47b733a6 label .TextField_module_labelRow__47b733a6 .TextField_module_textCount__47b733a6,\n.TextField_module_root__47b733a6 label .TextField_module_labelRow__47b733a6 .TextField_module_forgotPassword__47b733a6 {\n\ttransition:\n\t\tcolor 110ms cubic-bezier(0.2, 0, 0.38, 0.9),\n\t\topacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n.TextField_module_root__47b733a6 label .TextField_module_inputWrapper__47b733a6 {\n\tbackground-color: #f7f7f7;\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n\talign-items: center;\n\tgap: 10px;\n\theight: 40px;\n\tmax-width: 100%;\n\twidth: 100%;\n\tborder-radius: 4px;\n\tbox-sizing: border-box;\n\tposition: relative;\n\tpadding: 10px 16px;\n\tborder: 1px solid #828282;\n\tmargin-bottom: 4px;\n\ttransition:\n\t\tbackground-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9),\n\t\tborder-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9),\n\t\tbox-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9),\n\t\topacity 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n.TextField_module_root__47b733a6 label .TextField_module_inputWrapper__47b733a6:focus-within {\n\toutline: none;\n\tborder-color: #3b82f6 !important;\n\tbox-shadow: 0 0 0 1px #3b82f6 !important;\n\ttransition:\n\t\tborder-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9),\n\t\tbox-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n.TextField_module_root__47b733a6 label .TextField_module_inputWrapper__47b733a6.TextField_module_readOnly__47b733a6 {\n\tborder: none !important;\n\tborder-bottom: 1px solid #828282 !important;\n\tborder-radius: 0;\n\tbox-shadow: none !important;\n\tbackground-color: transparent;\n}\n.TextField_module_root__47b733a6 label .TextField_module_inputWrapper__47b733a6.TextField_module_readOnly__47b733a6 > [data-elem='component2'] .TextField_module_input__47b733a6 {\n\tbackground-color: transparent !important;\n\tresize: none !important;\n}\n.TextField_module_root__47b733a6 label .TextField_module_inputWrapper__47b733a6.TextField_module_sm__47b733a6 {\n\theight: 32px;\n}\n.TextField_module_root__47b733a6 label .TextField_module_inputWrapper__47b733a6.TextField_module_md__47b733a6 {\n\theight: 40px;\n}\n.TextField_module_root__47b733a6 label .TextField_module_inputWrapper__47b733a6.TextField_module_lg__47b733a6 {\n\theight: 48px;\n}\n.TextField_module_root__47b733a6 label .TextField_module_inputWrapper__47b733a6.TextField_module_typeTextarea__47b733a6 {\n\theight: auto;\n\tmin-height: 48px;\n\talign-items: stretch;\n}\n.TextField_module_root__47b733a6 label .TextField_module_inputWrapper__47b733a6 .TextField_module_icon__47b733a6 {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: center;\n\talign-items: center;\n}\n.TextField_module_root__47b733a6 label .TextField_module_inputWrapper__47b733a6 > [data-elem*='component'] {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: center;\n\talign-items: center;\n}\n.TextField_module_root__47b733a6 label .TextField_module_inputWrapper__47b733a6.TextField_module_leftIconDisabled__47b733a6 > [data-elem='component1'] > svg {\n\tfill: #161616;\n\topacity: 0.25;\n}\n.TextField_module_root__47b733a6 label .TextField_module_inputWrapper__47b733a6 > [data-elem='component2'] {\n\tflex: 1;\n}\n.TextField_module_root__47b733a6 label .TextField_module_inputWrapper__47b733a6 > [data-elem='component2'] .TextField_module_input__47b733a6 {\n\t-moz-appearance: textfield;\n\tflex: 1;\n\tborder: none;\n\tfont-weight: 400;\n\tcolor: var(--text-color);\n\tfont-size: 14px;\n\tline-height: 18px !important;\n\tletter-spacing: 0.16px;\n\tbackground-color: #f7f7f7;\n}\n.TextField_module_root__47b733a6 label .TextField_module_inputWrapper__47b733a6 > [data-elem='component2'] .TextField_module_input__47b733a6::-webkit-outer-spin-button,\n.TextField_module_root__47b733a6 label .TextField_module_inputWrapper__47b733a6 > [data-elem='component2'] .TextField_module_input__47b733a6::-webkit-inner-spin-button {\n\t-webkit-appearance: none;\n\tmargin: 0;\n}\n.TextField_module_root__47b733a6 label .TextField_module_inputWrapper__47b733a6 > [data-elem='component2'] .TextField_module_input__47b733a6:focus {\n\toutline: none;\n}\n.TextField_module_root__47b733a6 label .TextField_module_inputWrapper__47b733a6 > [data-elem='component2'] .TextField_module_input__47b733a6:disabled {\n\tbackground: #f7f7f7;\n\tcolor: var(--grey3);\n}\n.TextField_module_root__47b733a6 label .TextField_module_inputWrapper__47b733a6 > [data-elem='component2'] .TextField_module_input__47b733a6.TextField_module_error__47b733a6 {\n\tcolor: var(--primary-color1);\n}\n.TextField_module_root__47b733a6 label .TextField_module_inputWrapper__47b733a6 > [data-elem='component2'] .TextField_module_input__47b733a6:disabled {\n\tcolor: #161616;\n}\n.TextField_module_root__47b733a6 label .TextField_module_inputWrapper__47b733a6 > [data-elem='component2'] .TextField_module_input__47b733a6:disabled::-moz-placeholder {\n\tcolor: #161616;\n\topacity: 0.25;\n}\n.TextField_module_root__47b733a6 label .TextField_module_inputWrapper__47b733a6 > [data-elem='component2'] .TextField_module_input__47b733a6:disabled::placeholder {\n\tcolor: #161616;\n\topacity: 0.25;\n}\n.TextField_module_root__47b733a6 label .TextField_module_inputWrapper__47b733a6 > [data-elem='component2'] .TextField_module_input__47b733a6::-moz-placeholder {\n\tfont-size: 14px;\n\tfont-weight: 400;\n\tline-height: 18px;\n\tletter-spacing: 0.16px;\n\tcolor: var(--mono-color2);\n\topacity: 1;\n}\n.TextField_module_root__47b733a6 label .TextField_module_inputWrapper__47b733a6 > [data-elem='component2'] .TextField_module_input__47b733a6::placeholder {\n\tfont-size: 14px;\n\tfont-weight: 400;\n\tline-height: 18px;\n\tletter-spacing: 0.16px;\n\tcolor: var(--mono-color2);\n\topacity: 1;\n}\n.TextField_module_root__47b733a6 label .TextField_module_inputWrapper__47b733a6 > [data-elem='component2'] .TextField_module_input__47b733a6::-moz-placeholder {\n\tfont-size: 14px;\n\tfont-weight: 400;\n\tline-height: 18px;\n\tletter-spacing: 0.16px;\n\tcolor: var(--mono-color2);\n\topacity: 1;\n}\n.TextField_module_root__47b733a6 label .TextField_module_inputWrapper__47b733a6 > [data-elem='component2'] .TextField_module_input__47b733a6:-webkit-autofill,\n.TextField_module_root__47b733a6 label .TextField_module_inputWrapper__47b733a6 > [data-elem='component2'] .TextField_module_input__47b733a6:-webkit-autofill:hover,\n.TextField_module_root__47b733a6 label .TextField_module_inputWrapper__47b733a6 > [data-elem='component2'] .TextField_module_input__47b733a6:-webkit-autofill:focus,\n.TextField_module_root__47b733a6 label .TextField_module_inputWrapper__47b733a6 > [data-elem='component2'] .TextField_module_input__47b733a6:-webkit-autofill:active {\n\t-webkit-box-shadow: 0 0 0 30px #f7f7f7 inset !important;\n\t-webkit-text-fill-color: initial !important;\n}\n.TextField_module_root__47b733a6 label .TextField_module_inputWrapper__47b733a6 > [data-elem='component2'] .TextField_module_input__47b733a6:autofill,\n.TextField_module_root__47b733a6 label .TextField_module_inputWrapper__47b733a6 > [data-elem='component2'] .TextField_module_input__47b733a6:autofill:hover,\n.TextField_module_root__47b733a6 label .TextField_module_inputWrapper__47b733a6 > [data-elem='component2'] .TextField_module_input__47b733a6:autofill:focus,\n.TextField_module_root__47b733a6 label .TextField_module_inputWrapper__47b733a6 > [data-elem='component2'] .TextField_module_input__47b733a6:autofill:active {\n\tbox-shadow: 0 0 0 30px #f7f7f7 inset !important;\n\t-moz-text-fill-color: initial !important;\n}\n.TextField_module_root__47b733a6 label .TextField_module_inputWrapper__47b733a6 > [data-elem='component3'] {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: center;\n\talign-items: center;\n\tgap: 12px;\n}\n.TextField_module_root__47b733a6\n\tlabel\n\t.TextField_module_inputWrapper__47b733a6\n\t> [data-elem='component3']\n\tbutton[data-elem='base-cell'].TextField_module_button__47b733a6[type='button'] {\n\twidth: auto;\n\theight: -moz-fit-content;\n\theight: fit-content;\n\tpadding: 0;\n\tbackground-color: transparent;\n}\n.TextField_module_root__47b733a6 label .TextField_module_inputWrapper__47b733a6.TextField_module_typeTextarea__47b733a6 {\n\tpadding: 0;\n}\n.TextField_module_root__47b733a6 label .TextField_module_inputWrapper__47b733a6.TextField_module_typeTextarea__47b733a6 > [data-elem='component2'] .TextField_module_input__47b733a6 {\n\tmin-height: 48px;\n\tresize: vertical;\n\tpadding: 12px 16px;\n}\n.TextField_module_root__47b733a6 label .TextField_module_inputWrapper__47b733a6.TextField_module_typeTextarea__47b733a6 > [data-elem='component3'] {\n\tposition: absolute;\n\tright: 12px;\n\ttop: 12px;\n\talign-self: flex-end;\n}\n.TextField_module_root__47b733a6 label .TextField_module_inputWrapper__47b733a6.TextField_module_feedbackError__47b733a6 {\n\tborder-color: var(--primary-color1);\n\tbox-shadow: 0 0 0 1px var(--primary-color1);\n}\n.TextField_module_root__47b733a6 label .TextField_module_inputWrapper__47b733a6.TextField_module_borderBottom__47b733a6 {\n\tborder-width: 0px 0px 1.008px 0px;\n}\n.TextField_module_root__47b733a6 label .TextField_module_inputWrapper__47b733a6.TextField_module_borderNone__47b733a6 {\n\tborder-width: 0px;\n}\n.TextField_module_root__47b733a6 label .TextField_module_inputWrapper__47b733a6:active {\n\ttransition-duration: 70ms;\n\ttransition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\n.TextField_module_root__47b733a6 label .TextField_module_inputWrapper__47b733a6:has(input:disabled),\n.TextField_module_root__47b733a6 label .TextField_module_inputWrapper__47b733a6:has(textarea:disabled) {\n\topacity: 0.6;\n\ttransition:\n\t\topacity 150ms cubic-bezier(0.2, 0, 0.38, 0.9),\n\t\tborder-color 150ms cubic-bezier(0.2, 0, 0.38, 0.9);\n}\n.TextField_module_root__47b733a6 label .TextField_module_inputWrapper__47b733a6 button:active {\n\ttransition-duration: 70ms;\n\ttransition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\n.TextField_module_root__47b733a6 label .TextField_module_inputWrapper__47b733a6:has(input:disabled),\n.TextField_module_root__47b733a6 label .TextField_module_inputWrapper__47b733a6:has(textarea:disabled) {\n\tborder: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n\t.TextField_module_root__47b733a6 * {\n\t\ttransition-duration: 1ms !important;\n\t\tanimation-duration: 1ms !important;\n\t}\n} \n";
+var modules_c1d23762 = {"root":"TextField_module_root__47b733a6","helperTextWrapper":"TextField_module_helperTextWrapper__47b733a6","helperText":"TextField_module_helperText__47b733a6","helperTextError":"TextField_module_helperTextError__47b733a6","helperTextDisabled":"TextField_module_helperTextDisabled__47b733a6","labelRow":"TextField_module_labelRow__47b733a6","required":"TextField_module_required__47b733a6","labelDisabled":"TextField_module_labelDisabled__47b733a6","forgotPassword":"TextField_module_forgotPassword__47b733a6","textCount":"TextField_module_textCount__47b733a6","input-wrapper":"TextField_module_inputWrapper__47b733a6","readOnly":"TextField_module_readOnly__47b733a6","input":"TextField_module_input__47b733a6","sm":"TextField_module_sm__47b733a6","md":"TextField_module_md__47b733a6","lg":"TextField_module_lg__47b733a6","type-textarea":"TextField_module_typeTextarea__47b733a6","icon":"TextField_module_icon__47b733a6","leftIconDisabled":"TextField_module_leftIconDisabled__47b733a6","error":"TextField_module_error__47b733a6","button":"TextField_module_button__47b733a6","feedback-error":"TextField_module_feedbackError__47b733a6","border-bottom":"TextField_module_borderBottom__47b733a6","border-none":"TextField_module_borderNone__47b733a6"};
 n(css$T,{});
 
 var css$S = ".Text_module_root__d10e5305 {\n  color: var(--text-color);\n}\n.Text_module_root__d10e5305.Text_module_h1__d10e5305 {\n  font-size: 2.25rem;\n  line-height: 2.75rem;\n}\n.Text_module_root__d10e5305.Text_module_h2__d10e5305 {\n  font-size: 1.375rem;\n  line-height: 1.688rem;\n}\n.Text_module_root__d10e5305.Text_module_b1__d10e5305 {\n  font-size: 1rem;\n  line-height: 1.188rem;\n}\n.Text_module_root__d10e5305.Text_module_b2__d10e5305 {\n  font-size: 0.875rem;\n  line-height: 1.188rem;\n}\n.Text_module_root__d10e5305.Text_module_b3__d10e5305 {\n  font-size: 0.75rem;\n  line-height: 1.063rem;\n}\n.Text_module_root__d10e5305.Text_module_regularStroke__d10e5305 {\n  font-weight: 400;\n}\n.Text_module_root__d10e5305.Text_module_mediumStroke__d10e5305 {\n  font-weight: 500;\n}\n.Text_module_root__d10e5305.Text_module_semiboldStroke__d10e5305 {\n  font-weight: 600;\n}\n.Text_module_root__d10e5305.Text_module_boldStroke__d10e5305 {\n  font-weight: 800;\n}";
@@ -14564,6 +14564,7 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, ref) {
     valueAsCount = props.valueAsCount,
     caretAsUpDown = props.caretAsUpDown,
     search = props.search,
+    hideValueOnSelect = props.hideValueOnSelect,
     _props$v = props.v2,
     v2 = _props$v === void 0 ? false : _props$v;
   var _useState = useState(false),
@@ -14868,15 +14869,18 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, ref) {
     }
     return null;
   };
-  var content = jsx("div", {
-    "data-elem": 'placeholder',
-    children: placeholder
-  });
-  if (getValueToDisplay()) {
-    content = jsx("span", {
-      "data-elem": 'value',
-      children: getValueToDisplay()
+  var content = null;
+  if (!hideValueOnSelect) {
+    content = jsx("div", {
+      "data-elem": 'placeholder',
+      children: placeholder
     });
+    if (getValueToDisplay()) {
+      content = jsx("span", {
+        "data-elem": 'value',
+        children: getValueToDisplay()
+      });
+    }
   }
   return jsxs("div", {
     className: classes(modules_1b90f5ea$1.root, open ? modules_1b90f5ea$1.open : '', disabled || error ? modules_1b90f5ea$1.disabled : '', className),