@razorpay/blade 8.10.0 → 8.10.2

package/build/utils/index.web.js

@@ -5090,5 +5090,18 @@ var assignWithoutSideEffects = function assignWithoutSideEffects(component, sour
   return /*#__PURE__*/Object.assign(component, sourceObj);
 };
 
-export { MetaConstants, Platform, assignWithoutSideEffects, castNativeType, castWebType, cloneDeep_1 as cloneDeep, getColorScheme, getComponentId, get_1 as getIn, getMediaQuery, getOS, getPlatformType, isAndroid, isEmpty_1 as isEmpty, isEqual_1 as isEqual, isPartialMatchObjectKeys, isReactNative, isValidAllowedChildren, makeAccessible, makeBezier, makeBorderSize, makeMotionTime, makeSize, makeSpace, makeTypographySize, merge_1 as merge, metaAttribute, setupMatchMediaMock, toTitleCase, useBreakpoint, useColorScheme, usePrevious };
+// The reason we need to omit them is because styled-component thinks they are valid html attributes
+// because fontFamily, fontWeight etc are valid SVG props.
+// Here are list of valid props which emotion checks https://github.com/emotion-js/emotion/blob/main/packages/is-prop-valid/src/props.js
+// Thus we just need to ignore few of these
+var filterProps = ['cursor', 'display', 'overflow', 'order', 'color', 'fontFamily', 'fontWeight', 'fontSize', 'fontStyle', 'lineHeight', // width height are only accepted in few components,
+// canvas, embed, iframe, input, object, video, img
+// none of them are currently supported in Box
+'width', 'height'];
+
+var omitPropsFromHTML = function omitPropsFromHTML(prop, defaultValidatorFn) {
+  return !filterProps.includes(prop) && defaultValidatorFn(prop);
+};
+
+export { MetaConstants, Platform, assignWithoutSideEffects, castNativeType, castWebType, cloneDeep_1 as cloneDeep, getColorScheme, getComponentId, get_1 as getIn, getMediaQuery, getOS, getPlatformType, isAndroid, isEmpty_1 as isEmpty, isEqual_1 as isEqual, isPartialMatchObjectKeys, isReactNative, isValidAllowedChildren, makeAccessible, makeBezier, makeBorderSize, makeMotionTime, makeSize, makeSpace, makeTypographySize, merge_1 as merge, metaAttribute, omitPropsFromHTML, setupMatchMediaMock, toTitleCase, useBreakpoint, useColorScheme, usePrevious };
 //# sourceMappingURL=index.web.js.map