@razorpay/blade 9.0.1 → 9.0.3

package/build/components/index.web.js

@@ -4400,8 +4400,8 @@ function ownKeys$5Q(object, enumerableOnly) { var keys = Object.keys(object); if
 function _objectSpread$5P(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5Q(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5Q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var validateBackgroundString = function validateBackgroundString(stringBackgroundColorValue) {
-  if (!stringBackgroundColorValue.startsWith('surface.background')) {
-    throw new Error("[Blade - Box]: Oops! Currently you can only use `surface.background.*` tokens with backgroundColor property but we received `".concat(stringBackgroundColorValue, "` instead.\n\n Do you have a usecase of using other values? Create an issue on https://github.com/razorpay/blade repo to let us know and we can discuss \u2728"));
+  if (!stringBackgroundColorValue.startsWith('surface.background') && !stringBackgroundColorValue.startsWith('brand.')) {
+    throw new Error("[Blade - Box]: Oops! Currently you can only use `surface.background.*` and `brand.*` tokens with backgroundColor property but we received `".concat(stringBackgroundColorValue, "` instead.\n\n Do you have a usecase of using other values? Create an issue on https://github.com/razorpay/blade repo to let us know and we can discuss \u2728"));
   }
 };
 
@@ -28221,8 +28221,6 @@ var BottomSheetSurface = /*#__PURE__*/styled.div.withConfig({
 });
 
 var _BottomSheet = function _BottomSheet(_ref2) {
-  var _bottomSheetAndDropdo;
-
   var isOpen = _ref2.isOpen,
       onDismiss = _ref2.onDismiss,
       children = _ref2.children,
@@ -28272,7 +28270,7 @@ var _BottomSheet = function _BottomSheet(_ref2) {
       positionY = _React$useState14[0],
       _setPositionY = _React$useState14[1];
 
-  var _isOpen = (_bottomSheetAndDropdo = bottomSheetAndDropdownGlue === null || bottomSheetAndDropdownGlue === void 0 ? void 0 : bottomSheetAndDropdownGlue.isOpen) !== null && _bottomSheetAndDropdo !== void 0 ? _bottomSheetAndDropdo : isOpen;
+  var _isOpen = isOpen !== null && isOpen !== void 0 ? isOpen : bottomSheetAndDropdownGlue === null || bottomSheetAndDropdownGlue === void 0 ? void 0 : bottomSheetAndDropdownGlue.isOpen;
 
   var _React$useState15 = React__default.useState(false),
       _React$useState16 = _slicedToArray(_React$useState15, 2),
@@ -28857,25 +28855,10 @@ var getTransitionEasing = function getTransitionEasing(theme) {
   return theme.motion.easing.standard.effective;
 };
 
-/**
- * The orientation of chevron icon inverts based on the direction collapsible expands in.
- * `transformExpanded` and `transformCollapsed` therefore need to swap their corresponding expanded and collapsed values.
- */
-var getCollapsibleChevronIconTransforms = function getCollapsibleChevronIconTransforms(_ref3) {
-  var direction = _ref3.direction;
-  var transformExpanded, transformCollapsed;
-
-  if (direction === 'bottom') {
-    transformExpanded = -180;
-    transformCollapsed = 0;
-  } else {
-    transformExpanded = 0;
-    transformCollapsed = -180;
-  }
-
+var getCollapsibleChevronIconTransforms = function getCollapsibleChevronIconTransforms() {
   return {
-    transformExpanded: transformExpanded,
-    transformCollapsed: transformCollapsed
+    transformExpanded: -180,
+    transformCollapsed: 0
   };
 };
 
@@ -28887,12 +28870,9 @@ var StyledCollapsibleChevronIcon = /*#__PURE__*/styled(BaseBox).withConfig({
   componentId: "sc-1kwlg5h-0"
 })(function (props) {
   var isExpanded = props.isExpanded,
-      direction = props.direction,
       theme = props.theme;
 
-  var _getCollapsibleChevro = getCollapsibleChevronIconTransforms({
-    direction: direction
-  }),
+  var _getCollapsibleChevro = getCollapsibleChevronIconTransforms(),
       transformExpanded = _getCollapsibleChevro.transformExpanded,
       transformCollapsed = _getCollapsibleChevro.transformCollapsed;