@razorpay/blade 8.8.0 → 8.8.1

package/build/components/index.web.js

@@ -5622,7 +5622,6 @@ var removeUndefinedStyledProps = function removeUndefinedStyledProps(obj) {
     if (obj[key] !== undefined) {
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error
       // @ts-ignore: complex type error
-      // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
       onlyDefinedStyledProps[key] = obj[key];
     }
   }
@@ -17277,8 +17276,7 @@ var FormLabel = function FormLabel(_ref) {
     style: {
       width: width,
       flexShrink: 0,
-      marginRight: makeSpace(theme.spacing[5]),
-      wordBreak: 'break-all'
+      marginRight: makeSpace(theme.spacing[5])
     },
     id: id,
     children: /*#__PURE__*/jsx(BaseBox, {
@@ -22297,14 +22295,12 @@ var BaseInputStyledAnimatedBorder = /*#__PURE__*/styled(BaseBox).withConfig({
   componentId: "sc-2cepod-0"
 })(function (_ref) {
   var theme = _ref.theme,
-      animation = _ref.animation,
-      isLabelLeftPositioned = _ref.isLabelLeftPositioned;
-  return css(["position:absolute;bottom:0;left:0;right:0;opacity:0;margin-left:", ";background-color:", ";border-width:", ";height:", ";", ""], isLabelLeftPositioned ? '136px' : 0, theme.colors.brand.primary[500], makeBorderSize(theme.border.width.thin), makeBorderSize(theme.border.width.thin), animation);
+      animation = _ref.animation;
+  return css(["position:absolute;bottom:0;left:0;right:0;opacity:0;background-color:", ";border-width:", ";height:", ";", ""], theme.colors.brand.primary[500], makeBorderSize(theme.border.width.thin), makeBorderSize(theme.border.width.thin), animation);
 });
 var BaseInputAnimatedBorder = function BaseInputAnimatedBorder(_ref2) {
   var currentInteraction = _ref2.currentInteraction,
-      validationState = _ref2.validationState,
-      isLabelLeftPositioned = _ref2.isLabelLeftPositioned;
+      validationState = _ref2.validationState;
 
   var _useTheme = useTheme(),
       theme = _useTheme.theme;
@@ -22321,8 +22317,7 @@ var BaseInputAnimatedBorder = function BaseInputAnimatedBorder(_ref2) {
   }
 
   return /*#__PURE__*/jsx(BaseInputStyledAnimatedBorder, {
-    animation: borderAnimation.current,
-    isLabelLeftPositioned: isLabelLeftPositioned
+    animation: borderAnimation.current
   });
 };
 
@@ -22363,27 +22358,25 @@ var StyledBaseInputWrapper = /*#__PURE__*/styled(BaseBox).withConfig({
 var BaseInputWrapper = function BaseInputWrapper(_ref) {
   var children = _ref.children,
       validationState = _ref.validationState,
-      currentInteraction = _ref.currentInteraction,
-      isLabelLeftPositioned = _ref.isLabelLeftPositioned,
-      isTextArea = _ref.isTextArea,
+      currentInteraction = _ref.currentInteraction;
+      _ref.isLabelLeftPositioned;
+      var isTextArea = _ref.isTextArea,
       props = _objectWithoutProperties$1(_ref, _excluded$e);
 
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx(StyledBaseInputWrapper, _objectSpread$x(_objectSpread$x({
-      display: "flex",
-      flexDirection: "row",
-      width: "100%",
-      alignItems: isTextArea ? 'flex-start' : undefined,
-      validationState: validationState,
-      currentInteraction: currentInteraction
-    }, props), {}, {
-      children: children
-    })), /*#__PURE__*/jsx(BaseInputAnimatedBorder, {
+  return /*#__PURE__*/jsxs(StyledBaseInputWrapper, _objectSpread$x(_objectSpread$x({
+    display: "flex",
+    flexDirection: "row",
+    width: "100%",
+    alignItems: isTextArea ? 'flex-start' : undefined,
+    validationState: validationState,
+    currentInteraction: currentInteraction,
+    position: "relative"
+  }, props), {}, {
+    children: [children, /*#__PURE__*/jsx(BaseInputAnimatedBorder, {
       currentInteraction: currentInteraction,
-      validationState: validationState,
-      isLabelLeftPositioned: isLabelLeftPositioned
+      validationState: validationState
     })]
-  });
+  }));
 };
 
 var _excluded$d = ["as", "label", "labelPosition", "placeholder", "type", "defaultValue", "name", "value", "onFocus", "onChange", "onInput", "onBlur", "onSubmit", "onClick", "onKeyDown", "isDisabled", "necessityIndicator", "validationState", "errorText", "helpText", "successText", "isRequired", "leadingIcon", "prefix", "interactionElement", "suffix", "trailingIcon", "maxCharacters", "textAlign", "autoFocus", "keyboardReturnKeyType", "keyboardType", "autoCompleteSuggestionType", "trailingHeaderSlot", "trailingFooterSlot", "numberOfLines", "id", "componentName", "accessibilityLabel", "labelId", "activeDescendant", "hideLabelText", "hideFormHint", "hasPopup", "popupId", "isPopupExpanded", "shouldIgnoreBlurAnimation", "autoCapitalize", "testID"];