@razorpay/blade 8.8.0 → 8.8.2

package/build/components/index.web.js

@@ -5512,7 +5512,8 @@ var _ActionList = function _ActionList(_ref) {
 };
 
 var ActionList = /*#__PURE__*/assignWithoutSideEffects( /*#__PURE__*/React__default.memo(_ActionList), {
-  displayName: componentIds$1.ActionList
+  displayName: componentIds$1.ActionList,
+  componentId: componentIds$1.ActionList
 });
 
 var getBaseActionListItemStyles = function getBaseActionListItemStyles(props) {
@@ -5622,7 +5623,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 +17277,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, {
@@ -20003,7 +20002,7 @@ var _Badge = function _Badge(_ref2) {
       paddingLeft: horizontalPadding$1[size],
       paddingTop: verticalPadding$1[size],
       paddingBottom: verticalPadding$1[size],
-      display: "flex",
+      display: isReactNative$4() ? 'flex' : 'inline-flex',
       flexDirection: "row",
       justifyContent: "center",
       alignItems: "center",
@@ -20460,22 +20459,6 @@ var Button = /*#__PURE__*/assignWithoutSideEffects( /*#__PURE__*/React__default.
   componentId: 'Button'
 });
 
-var getDividerStyles = function getDividerStyles(theme) {
-  return {
-    borderBottomWidth: makeSize(theme.border.width.thin),
-    borderBottomStyle: 'solid',
-    borderColor: theme.colors.surface.border.normal.lowContrast
-  };
-};
-
-var Divider$1 = /*#__PURE__*/styled.div.withConfig({
-  displayName: "Dividerweb__Divider",
-  componentId: "sc-11gx34j-0"
-})(function (_ref) {
-  var theme = _ref.theme;
-  return getDividerStyles(theme);
-});
-
 var verticalPadding = {
   small: 'spacing.0',
   medium: 'spacing.1',
@@ -20586,7 +20569,7 @@ var Counter = function Counter(_ref2) {
       paddingLeft: horizontalPadding[size],
       paddingTop: verticalPadding[size],
       paddingBottom: verticalPadding[size],
-      display: "flex",
+      display: isReactNative$4() ? 'flex' : 'inline-flex',
       flexDirection: "row",
       justifyContent: "center",
       alignItems: "center",
@@ -20607,6 +20590,22 @@ var Counter = function Counter(_ref2) {
   }));
 };
 
+var getDividerStyles = function getDividerStyles(theme) {
+  return {
+    borderBottomWidth: makeSize(theme.border.width.thin),
+    borderBottomStyle: 'solid',
+    borderColor: theme.colors.surface.border.normal.lowContrast
+  };
+};
+
+var Divider$1 = /*#__PURE__*/styled.div.withConfig({
+  displayName: "Dividerweb__Divider",
+  componentId: "sc-11gx34j-0"
+})(function (_ref) {
+  var theme = _ref.theme;
+  return getDividerStyles(theme);
+});
+
 function ownKeys$I(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread$H(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$I(Object(source), !0).forEach(function (key) { _defineProperty$2(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$I(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -22297,14 +22296,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 +22318,7 @@ var BaseInputAnimatedBorder = function BaseInputAnimatedBorder(_ref2) {
   }
 
   return /*#__PURE__*/jsx(BaseInputStyledAnimatedBorder, {
-    animation: borderAnimation.current,
-    isLabelLeftPositioned: isLabelLeftPositioned
+    animation: borderAnimation.current
   });
 };
 
@@ -22363,27 +22359,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"];