@razorpay/blade 10.0.0 → 10.1.0

package/build/components/index.production.web.js

@@ -3350,6 +3350,8 @@ var getAllProps = function getAllProps(props, breakpoint) {
     justifyItems: getResponsiveValue(props.justifyItems, breakpoint),
     justifyContent: getResponsiveValue(props.justifyContent, breakpoint),
     justifySelf: getResponsiveValue(props.justifySelf, breakpoint),
+    placeSelf: getResponsiveValue(props.placeSelf, breakpoint),
+    placeItems: getResponsiveValue(props.placeItems, breakpoint),
     order: getResponsiveValue(props.order, breakpoint),
     position: getResponsiveValue(props.position, breakpoint),
     zIndex: getResponsiveValue(props.zIndex, breakpoint),
@@ -4080,6 +4082,7 @@ var makeBoxProps = function makeBoxProps(props) {
     justifyContent: props.justifyContent,
     justifySelf: props.justifySelf,
     placeSelf: props.placeSelf,
+    placeItems: props.placeItems,
     order: props.order,
     // Grid
     grid: props.grid,
@@ -4151,6 +4154,15 @@ var makeBoxProps = function makeBoxProps(props) {
     onMouseLeave: props.onMouseLeave,
     onMouseOver: props.onMouseOver,
     onScroll: props.onScroll,
+    // Drag and Drop
+    draggable: props.draggable,
+    onDragStart: props.onDragStart,
+    onDragEnd: props.onDragEnd,
+    onDragEnter: props.onDragEnter,
+    onDragLeave: props.onDragLeave,
+    onDragOver: props.onDragOver,
+    onDrop: props.onDrop,
+    pointerEvents: props.pointerEvents,
     children: props.children,
     tabIndex: props.tabIndex,
     as: isReactNative$4() ? undefined : props.as // as is not supported on react-native
@@ -23501,7 +23513,7 @@ var PulseAnimation = /*#__PURE__*/styled(BaseBox).withConfig({
   }), duration, totalDuration, duration, easing, easing);
 });
 
-var _excluded$4 = ["contrast", "width", "maxWidth", "minWidth", "height", "maxHeight", "minHeight", "borderRadius", "flexWrap", "flexDirection", "flexGrow", "flexShrink", "flexBasis", "alignItems", "alignContent", "alignSelf", "justifyItems", "justifyContent", "justifySelf", "placeSelf", "order", "testID"];
+var _excluded$4 = ["contrast", "width", "maxWidth", "minWidth", "height", "maxHeight", "minHeight", "borderRadius", "flexWrap", "flexDirection", "flexGrow", "flexShrink", "flexBasis", "alignItems", "alignContent", "alignSelf", "justifyItems", "justifyContent", "justifySelf", "placeSelf", "placeItems", "order", "testID"];
 function ownKeys$l(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$k(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$l(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Skeleton = function Skeleton(_ref) {
@@ -23526,6 +23538,7 @@ var Skeleton = function Skeleton(_ref) {
     justifyContent = _ref.justifyContent,
     justifySelf = _ref.justifySelf,
     placeSelf = _ref.placeSelf,
+    placeItems = _ref.placeItems,
     order = _ref.order,
     testID = _ref.testID,
     props = _objectWithoutProperties$1(_ref, _excluded$4);
@@ -23547,6 +23560,7 @@ var Skeleton = function Skeleton(_ref) {
     justifyContent: justifyContent,
     justifySelf: justifySelf,
     placeSelf: placeSelf,
+    placeItems: placeItems,
     order: order,
     contrast: contrast
   }, getStyledProps(props)), makeAccessible({