@razorpay/blade 12.98.1 → 12.111.0

package/build/lib/web/production/components/Button/IconButton/StyledIconButton.web.js

@@ -2,7 +2,7 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import styled from 'styled-components';
 import React__default from 'react';
-import { highlightedButtonSizeMap, highlightedHoverColorMap, focusBackgroundColorMap } from './tokens.js';
+import { highlightedButtonSizeMap, moderateBackgroundColorMap, highlightedHoverColorMap, focusBackgroundColorMap } from './tokens.js';
 import '../../../utils/index.js';
 import '../../../utils/metaAttribute/index.js';
 import '../../../utils/makeAccessible/index.js';
@@ -35,12 +35,16 @@ var StyledButton = /*#__PURE__*/styled.button.withConfig({
     emphasis = props.emphasis;
   var motionToken = theme.motion;
   var styledPropsCSSObject = useStyledProps(props);
+  var isModerate = emphasis === 'moderate';
+  var hasContainer = props.$isHighlighted || isModerate;
   var emphasisColor = emphasis === 'intense' ? 'gray' : 'staticWhite';
+  var highlightedEmphasis = emphasis === 'intense' ? 'intense' : 'subtle';
+  var restIconColor = emphasisColor === 'staticWhite' ? 'normal' : 'muted';
   if (false) {
-    if (props.$size === 'large' && props.$isHighlighted) {
+    if (props.$size === 'large' && (props.$isHighlighted || isModerate)) {
       throwBladeError({
         moduleName: 'IconButton',
-        message: 'size large is not allowed with isHighlighted true'
+        message: 'size large is not allowed with isHighlighted true or emphasis moderate'
       });
       return null;
     }
@@ -49,28 +53,26 @@ var StyledButton = /*#__PURE__*/styled.button.withConfig({
     border: 'none',
     cursor: props.disabled ? 'not-allowed' : 'pointer',
     padding: 0,
-    height: props.$isHighlighted ?
-    // We throw error for size large on top
-    makeSize(highlightedButtonSizeMap[props.$size]) : undefined,
-    width: props.$isHighlighted ? makeSize(highlightedButtonSizeMap[props.$size]) : undefined,
-    borderRadius: props.$isHighlighted ? theme.border.radius.small : theme.border.radius['2xsmall'],
-    background: 'transparent',
+    height: hasContainer ? makeSize(highlightedButtonSizeMap[props.$size]) : undefined,
+    width: hasContainer ? makeSize(highlightedButtonSizeMap[props.$size]) : undefined,
+    borderRadius: hasContainer ? theme.border.radius.small : theme.border.radius['2xsmall'],
+    background: isModerate ? getIn(theme.colors, moderateBackgroundColorMap.rest) : 'transparent',
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'center',
-    color: props.disabled ? theme.colors.interactive.icon[emphasisColor].disabled : theme.colors.interactive.icon[emphasisColor].muted,
-    transitionProperty: 'color, box-shadow',
+    color: props.disabled ? theme.colors.interactive.icon[emphasisColor].disabled : theme.colors.interactive.icon[emphasisColor][restIconColor],
+    transitionProperty: isModerate ? 'color, background-color' : 'color, box-shadow',
     transitionDuration: castWebType(makeMotionTime(motionToken.duration.xquick)),
     transitionTimingFunction: motionToken.easing.standard,
     '&:hover:not([disabled])': {
       color: theme.colors.interactive.icon[emphasisColor].subtle,
-      backgroundColor: props.$isHighlighted ? getIn(theme.colors, highlightedHoverColorMap[emphasis]) : 'transparent'
+      backgroundColor: isModerate ? getIn(theme.colors, moderateBackgroundColorMap.hover) : props.$isHighlighted ? getIn(theme.colors, highlightedHoverColorMap[highlightedEmphasis]) : 'transparent'
     },
     '&:focus-visible': _objectSpread(_objectSpread({}, getFocusRingStyles({
       theme: theme
     })), {}, {
       color: theme.colors.interactive.icon[emphasisColor].subtle,
-      backgroundColor: props.$isHighlighted ? getIn(theme.colors, focusBackgroundColorMap[emphasis]) : 'transparent'
+      backgroundColor: isModerate ? getIn(theme.colors, moderateBackgroundColorMap.hover) : props.$isHighlighted ? getIn(theme.colors, focusBackgroundColorMap[highlightedEmphasis]) : 'transparent'
     }),
     '&:active': {
       color: theme.colors.interactive.icon[emphasisColor].subtle
@@ -124,7 +126,7 @@ var StyledIconButton = /*#__PURE__*/React__default.forwardRef(function (_ref, re
   })), makeAnalyticsAttribute(rest)), rest), {}, {
     children: /*#__PURE__*/jsx(Icon, {
       size: size,
-      color: isDisabled ? 'interactive.icon.gray.disabled' : 'currentColor'
+      color: "currentColor"
     })
   }));
 });

package/build/lib/web/production/components/Button/IconButton/StyledIconButton.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledIconButton.web.js","sources":["../../../../../../../src/components/Button/IconButton/StyledIconButton.web.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport styled from 'styled-components';\nimport type { ReactElement } from 'react';\nimport React from 'react';\nimport type { StyledIconButtonProps } from './types';\nimport {\n  highlightedButtonSizeMap,\n  highlightedHoverColorMap,\n  focusBackgroundColorMap,\n} from './tokens';\nimport { castWebType, makeSize } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { SubtleOrIntense } from '~tokens/theme/theme';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { makeMotionTime } from '~utils/makeMotionTime';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport { throwBladeError } from '~utils/logger';\nimport getIn from '~utils/lodashButBetter/get';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useStyledProps } from '~components/Box/styledProps';\n\ntype StyledButtonProps = {\n  emphasis: SubtleOrIntense;\n  $isHighlighted: StyledIconButtonProps['isHighlighted'];\n  $size: StyledIconButtonProps['size'];\n};\n\nconst StyledButton = styled.button<StyledButtonProps>((props) => {\n  const { theme, emphasis } = props;\n  const motionToken = theme.motion;\n  const styledPropsCSSObject = useStyledProps(props);\n  const emphasisColor = emphasis === 'intense' ? 'gray' : 'staticWhite';\n\n  if (__DEV__) {\n    if (props.$size === 'large' && props.$isHighlighted) {\n      throwBladeError({\n        moduleName: 'IconButton',\n        message: 'size large is not allowed with isHighlighted true',\n      });\n      return null;\n    }\n  }\n\n  return {\n    border: 'none',\n    cursor: props.disabled ? 'not-allowed' : 'pointer',\n    padding: 0,\n    height: props.$isHighlighted\n      ? // We throw error for size large on top\n        makeSize(highlightedButtonSizeMap[props.$size as 'small' | 'medium'])\n      : undefined,\n    width: props.$isHighlighted\n      ? makeSize(highlightedButtonSizeMap[props.$size as 'small' | 'medium'])\n      : undefined,\n    borderRadius: props.$isHighlighted ? theme.border.radius.small : theme.border.radius['2xsmall'],\n    background: 'transparent',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    color: props.disabled\n      ? theme.colors.interactive.icon[emphasisColor].disabled\n      : theme.colors.interactive.icon[emphasisColor].muted,\n    transitionProperty: 'color, box-shadow',\n    transitionDuration: castWebType(makeMotionTime(motionToken.duration.xquick)),\n    transitionTimingFunction: motionToken.easing.standard as string,\n\n    '&:hover:not([disabled])': {\n      color: theme.colors.interactive.icon[emphasisColor].subtle,\n      backgroundColor: props.$isHighlighted\n        ? getIn(theme.colors, highlightedHoverColorMap[emphasis])\n        : 'transparent',\n    },\n\n    '&:focus-visible': {\n      ...getFocusRingStyles({ theme }),\n      color: theme.colors.interactive.icon[emphasisColor].subtle,\n      backgroundColor: props.$isHighlighted\n        ? getIn(theme.colors, focusBackgroundColorMap[emphasis])\n        : 'transparent',\n    },\n\n    '&:active': {\n      color: theme.colors.interactive.icon[emphasisColor].subtle,\n    },\n    ...styledPropsCSSObject,\n  };\n});\n\nconst StyledIconButton = React.forwardRef<HTMLButtonElement, StyledIconButtonProps>(\n  (\n    {\n      icon: Icon,\n      onClick,\n      size,\n      emphasis,\n      accessibilityLabel,\n      accessibilityProps,\n      isDisabled,\n      isHighlighted,\n      testID,\n      onBlur,\n      onFocus,\n      onMouseLeave,\n      onMouseMove,\n      onPointerDown,\n      onPointerEnter,\n      onTouchEnd,\n      onTouchStart,\n      onKeyDown,\n      tabIndex,\n      ...rest\n    },\n    ref,\n  ): ReactElement => (\n    <StyledButton\n      ref={ref}\n      onClick={castWebType(onClick)}\n      emphasis={emphasis}\n      type=\"button\"\n      onBlur={onBlur}\n      onFocus={onFocus}\n      onMouseLeave={onMouseLeave}\n      onMouseMove={onMouseMove}\n      onPointerDown={onPointerDown}\n      onPointerEnter={onPointerEnter}\n      onTouchEnd={onTouchEnd}\n      onTouchStart={onTouchStart}\n      onKeyDown={onKeyDown}\n      disabled={isDisabled}\n      $isHighlighted={isHighlighted}\n      $size={size}\n      tabIndex={tabIndex}\n      {...makeAccessible({\n        ...accessibilityProps,\n        label: accessibilityLabel ?? accessibilityProps?.label,\n      })}\n      {...metaAttribute({ name: MetaConstants.IconButton, testID })}\n      {...makeAnalyticsAttribute(rest)}\n      {...rest}\n    >\n      <Icon size={size} color={isDisabled ? 'interactive.icon.gray.disabled' : 'currentColor'} />\n    </StyledButton>\n  ),\n);\n\nexport default StyledIconButton;\n"],"names":["StyledButton","styled","button","withConfig","displayName","componentId","props","theme","emphasis","motionToken","motion","styledPropsCSSObject","useStyledProps","emphasisColor","$size","$isHighlighted","throwBladeError","moduleName","message","_objectSpread","border","cursor","disabled","padding","height","makeSize","highlightedButtonSizeMap","undefined","width","borderRadius","radius","small","background","display","alignItems","justifyContent","color","colors","interactive","icon","muted","transitionProperty","transitionDuration","castWebType","makeMotionTime","duration","xquick","transitionTimingFunction","easing","standard","subtle","backgroundColor","getIn","highlightedHoverColorMap","getFocusRingStyles","focusBackgroundColorMap","StyledIconButton","React","forwardRef","_ref","ref","Icon","onClick","size","accessibilityLabel","accessibilityProps","isDisabled","isHighlighted","testID","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchEnd","onTouchStart","onKeyDown","tabIndex","rest","_objectWithoutProperties","_excluded","_jsx","type","makeAccessible","label","metaAttribute","name","MetaConstants","IconButton","makeAnalyticsAttribute","children"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,IAAMA,YAAY,gBAAGC,MAAM,CAACC,MAAM,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,mCAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAoB,CAAA,CAAA,UAACC,KAAK,EAAK;AAC/D,EAAA,IAAQC,KAAK,GAAeD,KAAK,CAAzBC,KAAK;IAAEC,QAAQ,GAAKF,KAAK,CAAlBE,QAAQ,CAAA;AACvB,EAAA,IAAMC,WAAW,GAAGF,KAAK,CAACG,MAAM,CAAA;AAChC,EAAA,IAAMC,oBAAoB,GAAGC,cAAc,CAACN,KAAK,CAAC,CAAA;EAClD,IAAMO,aAAa,GAAGL,QAAQ,KAAK,SAAS,GAAG,MAAM,GAAG,aAAa,CAAA;AAErE,EAAA,IAAI,KAAO,EAAE;IACX,IAAIF,KAAK,CAACQ,KAAK,KAAK,OAAO,IAAIR,KAAK,CAACS,cAAc,EAAE;AACnDC,MAAAA,eAAe,CAAC;AACdC,QAAAA,UAAU,EAAE,YAAY;AACxBC,QAAAA,OAAO,EAAE,mDAAA;AACX,OAAC,CAAC,CAAA;AACF,MAAA,OAAO,IAAI,CAAA;AACb,KAAA;AACF,GAAA;AAEA,EAAA,OAAAC,aAAA,CAAA;AACEC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,MAAM,EAAEf,KAAK,CAACgB,QAAQ,GAAG,aAAa,GAAG,SAAS;AAClDC,IAAAA,OAAO,EAAE,CAAC;IACVC,MAAM,EAAElB,KAAK,CAACS,cAAc;AACxB;IACAU,QAAQ,CAACC,wBAAwB,CAACpB,KAAK,CAACQ,KAAK,CAAuB,CAAC,GACrEa,SAAS;AACbC,IAAAA,KAAK,EAAEtB,KAAK,CAACS,cAAc,GACvBU,QAAQ,CAACC,wBAAwB,CAACpB,KAAK,CAACQ,KAAK,CAAuB,CAAC,GACrEa,SAAS;IACbE,YAAY,EAAEvB,KAAK,CAACS,cAAc,GAAGR,KAAK,CAACa,MAAM,CAACU,MAAM,CAACC,KAAK,GAAGxB,KAAK,CAACa,MAAM,CAACU,MAAM,CAAC,SAAS,CAAC;AAC/FE,IAAAA,UAAU,EAAE,aAAa;AACzBC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,UAAU,EAAE,QAAQ;AACpBC,IAAAA,cAAc,EAAE,QAAQ;AACxBC,IAAAA,KAAK,EAAE9B,KAAK,CAACgB,QAAQ,GACjBf,KAAK,CAAC8B,MAAM,CAACC,WAAW,CAACC,IAAI,CAAC1B,aAAa,CAAC,CAACS,QAAQ,GACrDf,KAAK,CAAC8B,MAAM,CAACC,WAAW,CAACC,IAAI,CAAC1B,aAAa,CAAC,CAAC2B,KAAK;AACtDC,IAAAA,kBAAkB,EAAE,mBAAmB;IACvCC,kBAAkB,EAAEC,WAAW,CAACC,cAAc,CAACnC,WAAW,CAACoC,QAAQ,CAACC,MAAM,CAAC,CAAC;AAC5EC,IAAAA,wBAAwB,EAAEtC,WAAW,CAACuC,MAAM,CAACC,QAAkB;AAE/D,IAAA,yBAAyB,EAAE;AACzBb,MAAAA,KAAK,EAAE7B,KAAK,CAAC8B,MAAM,CAACC,WAAW,CAACC,IAAI,CAAC1B,aAAa,CAAC,CAACqC,MAAM;AAC1DC,MAAAA,eAAe,EAAE7C,KAAK,CAACS,cAAc,GACjCqC,KAAK,CAAC7C,KAAK,CAAC8B,MAAM,EAAEgB,wBAAwB,CAAC7C,QAAQ,CAAC,CAAC,GACvD,aAAA;KACL;AAED,IAAA,iBAAiB,EAAAW,aAAA,CAAAA,aAAA,CAAA,EAAA,EACZmC,kBAAkB,CAAC;AAAE/C,MAAAA,KAAK,EAALA,KAAAA;AAAM,KAAC,CAAC,CAAA,EAAA,EAAA,EAAA;AAChC6B,MAAAA,KAAK,EAAE7B,KAAK,CAAC8B,MAAM,CAACC,WAAW,CAACC,IAAI,CAAC1B,aAAa,CAAC,CAACqC,MAAM;AAC1DC,MAAAA,eAAe,EAAE7C,KAAK,CAACS,cAAc,GACjCqC,KAAK,CAAC7C,KAAK,CAAC8B,MAAM,EAAEkB,uBAAuB,CAAC/C,QAAQ,CAAC,CAAC,GACtD,aAAA;KACL,CAAA;AAED,IAAA,UAAU,EAAE;MACV4B,KAAK,EAAE7B,KAAK,CAAC8B,MAAM,CAACC,WAAW,CAACC,IAAI,CAAC1B,aAAa,CAAC,CAACqC,MAAAA;AACtD,KAAA;AAAC,GAAA,EACEvC,oBAAoB,CAAA,CAAA;AAE3B,CAAC,CAAC,CAAA;AAEI6C,IAAAA,gBAAgB,gBAAGC,cAAK,CAACC,UAAU,CACvC,UAAAC,IAAA,EAuBEC,GAAG,EAAA;AAAA,EAAA,IArBKC,IAAI,GAAAF,IAAA,CAAVpB,IAAI;IACJuB,OAAO,GAAAH,IAAA,CAAPG,OAAO;IACPC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;IACJvD,QAAQ,GAAAmD,IAAA,CAARnD,QAAQ;IACRwD,kBAAkB,GAAAL,IAAA,CAAlBK,kBAAkB;IAClBC,kBAAkB,GAAAN,IAAA,CAAlBM,kBAAkB;IAClBC,UAAU,GAAAP,IAAA,CAAVO,UAAU;IACVC,aAAa,GAAAR,IAAA,CAAbQ,aAAa;IACbC,MAAM,GAAAT,IAAA,CAANS,MAAM;IACNC,MAAM,GAAAV,IAAA,CAANU,MAAM;IACNC,OAAO,GAAAX,IAAA,CAAPW,OAAO;IACPC,YAAY,GAAAZ,IAAA,CAAZY,YAAY;IACZC,WAAW,GAAAb,IAAA,CAAXa,WAAW;IACXC,aAAa,GAAAd,IAAA,CAAbc,aAAa;IACbC,cAAc,GAAAf,IAAA,CAAde,cAAc;IACdC,UAAU,GAAAhB,IAAA,CAAVgB,UAAU;IACVC,YAAY,GAAAjB,IAAA,CAAZiB,YAAY;IACZC,SAAS,GAAAlB,IAAA,CAATkB,SAAS;IACTC,QAAQ,GAAAnB,IAAA,CAARmB,QAAQ;AACLC,IAAAA,IAAI,GAAAC,wBAAA,CAAArB,IAAA,EAAAsB,SAAA,CAAA,CAAA;AAAA,EAAA,oBAITC,GAAA,CAAClF,YAAY,EAAAmB,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACXyC,IAAAA,GAAG,EAAEA,GAAI;AACTE,IAAAA,OAAO,EAAEnB,WAAW,CAACmB,OAAO,CAAE;AAC9BtD,IAAAA,QAAQ,EAAEA,QAAS;AACnB2E,IAAAA,IAAI,EAAC,QAAQ;AACbd,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,YAAY,EAAEA,YAAa;AAC3BC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,cAAc,EAAEA,cAAe;AAC/BC,IAAAA,UAAU,EAAEA,UAAW;AACvBC,IAAAA,YAAY,EAAEA,YAAa;AAC3BC,IAAAA,SAAS,EAAEA,SAAU;AACrBvD,IAAAA,QAAQ,EAAE4C,UAAW;AACrBnD,IAAAA,cAAc,EAAEoD,aAAc;AAC9BrD,IAAAA,KAAK,EAAEiD,IAAK;AACZe,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,EACfM,cAAc,CAAAjE,aAAA,CAAAA,aAAA,KACb8C,kBAAkB,CAAA,EAAA,EAAA,EAAA;AACrBoB,IAAAA,KAAK,EAAErB,kBAAkB,KAAlBA,IAAAA,IAAAA,kBAAkB,KAAlBA,KAAAA,CAAAA,GAAAA,kBAAkB,GAAIC,kBAAkB,KAAlBA,IAAAA,IAAAA,kBAAkB,KAAlBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,kBAAkB,CAAEoB,KAAAA;GAClD,CAAA,CAAC,CACEC,EAAAA,aAAa,CAAC;IAAEC,IAAI,EAAEC,aAAa,CAACC,UAAU;AAAErB,IAAAA,MAAM,EAANA,MAAAA;AAAO,GAAC,CAAC,CACzDsB,EAAAA,sBAAsB,CAACX,IAAI,CAAC,GAC5BA,IAAI,CAAA,EAAA,EAAA,EAAA;IAAAY,QAAA,eAERT,GAAA,CAACrB,IAAI,EAAA;AAACE,MAAAA,IAAI,EAAEA,IAAK;AAAC3B,MAAAA,KAAK,EAAE8B,UAAU,GAAG,gCAAgC,GAAG,cAAA;KAAiB,CAAA;AAAC,GAAA,CAC/E,CAAC,CAAA;AAAA,CAEnB;;;;"}
+{"version":3,"file":"StyledIconButton.web.js","sources":["../../../../../../../src/components/Button/IconButton/StyledIconButton.web.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport styled from 'styled-components';\nimport type { ReactElement } from 'react';\nimport React from 'react';\nimport type { StyledIconButtonProps } from './types';\nimport {\n  highlightedButtonSizeMap,\n  highlightedHoverColorMap,\n  focusBackgroundColorMap,\n  moderateBackgroundColorMap,\n} from './tokens';\nimport { castWebType, makeSize } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { IconButtonEmphasis } from './IconButton';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { makeMotionTime } from '~utils/makeMotionTime';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport { throwBladeError } from '~utils/logger';\nimport getIn from '~utils/lodashButBetter/get';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useStyledProps } from '~components/Box/styledProps';\n\ntype StyledButtonProps = {\n  emphasis: IconButtonEmphasis;\n  $isHighlighted: StyledIconButtonProps['isHighlighted'];\n  $size: StyledIconButtonProps['size'];\n};\n\nconst StyledButton = styled.button<StyledButtonProps>((props) => {\n  const { theme, emphasis } = props;\n  const motionToken = theme.motion;\n  const styledPropsCSSObject = useStyledProps(props);\n  const isModerate = emphasis === 'moderate';\n  const hasContainer = props.$isHighlighted || isModerate;\n  const emphasisColor = emphasis === 'intense' ? 'gray' : 'staticWhite';\n  const highlightedEmphasis = emphasis === 'intense' ? 'intense' : 'subtle';\n  const restIconColor = emphasisColor === 'staticWhite' ? 'normal' : 'muted';\n\n  if (__DEV__) {\n    if (props.$size === 'large' && (props.$isHighlighted || isModerate)) {\n      throwBladeError({\n        moduleName: 'IconButton',\n        message: 'size large is not allowed with isHighlighted true or emphasis moderate',\n      });\n      return null;\n    }\n  }\n\n  return {\n    border: 'none',\n    cursor: props.disabled ? 'not-allowed' : 'pointer',\n    padding: 0,\n    height: hasContainer\n      ? makeSize(highlightedButtonSizeMap[props.$size as 'small' | 'medium'])\n      : undefined,\n    width: hasContainer\n      ? makeSize(highlightedButtonSizeMap[props.$size as 'small' | 'medium'])\n      : undefined,\n    borderRadius: hasContainer ? theme.border.radius.small : theme.border.radius['2xsmall'],\n    background: isModerate ? getIn(theme.colors, moderateBackgroundColorMap.rest) : 'transparent',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    color: props.disabled\n      ? theme.colors.interactive.icon[emphasisColor].disabled\n      : theme.colors.interactive.icon[emphasisColor][restIconColor],\n    transitionProperty: isModerate ? 'color, background-color' : 'color, box-shadow',\n    transitionDuration: castWebType(makeMotionTime(motionToken.duration.xquick)),\n    transitionTimingFunction: motionToken.easing.standard as string,\n\n    '&:hover:not([disabled])': {\n      color: theme.colors.interactive.icon[emphasisColor].subtle,\n      backgroundColor: isModerate\n        ? getIn(theme.colors, moderateBackgroundColorMap.hover)\n        : props.$isHighlighted\n        ? getIn(theme.colors, highlightedHoverColorMap[highlightedEmphasis])\n        : 'transparent',\n    },\n\n    '&:focus-visible': {\n      ...getFocusRingStyles({ theme }),\n      color: theme.colors.interactive.icon[emphasisColor].subtle,\n      backgroundColor: isModerate\n        ? getIn(theme.colors, moderateBackgroundColorMap.hover)\n        : props.$isHighlighted\n        ? getIn(theme.colors, focusBackgroundColorMap[highlightedEmphasis])\n        : 'transparent',\n    },\n\n    '&:active': {\n      color: theme.colors.interactive.icon[emphasisColor].subtle,\n    },\n    ...styledPropsCSSObject,\n  };\n});\n\nconst StyledIconButton = React.forwardRef<HTMLButtonElement, StyledIconButtonProps>(\n  (\n    {\n      icon: Icon,\n      onClick,\n      size,\n      emphasis,\n      accessibilityLabel,\n      accessibilityProps,\n      isDisabled,\n      isHighlighted,\n      testID,\n      onBlur,\n      onFocus,\n      onMouseLeave,\n      onMouseMove,\n      onPointerDown,\n      onPointerEnter,\n      onTouchEnd,\n      onTouchStart,\n      onKeyDown,\n      tabIndex,\n      ...rest\n    },\n    ref,\n  ): ReactElement => (\n    <StyledButton\n      ref={ref}\n      onClick={castWebType(onClick)}\n      emphasis={emphasis}\n      type=\"button\"\n      onBlur={onBlur}\n      onFocus={onFocus}\n      onMouseLeave={onMouseLeave}\n      onMouseMove={onMouseMove}\n      onPointerDown={onPointerDown}\n      onPointerEnter={onPointerEnter}\n      onTouchEnd={onTouchEnd}\n      onTouchStart={onTouchStart}\n      onKeyDown={onKeyDown}\n      disabled={isDisabled}\n      $isHighlighted={isHighlighted}\n      $size={size}\n      tabIndex={tabIndex}\n      {...makeAccessible({\n        ...accessibilityProps,\n        label: accessibilityLabel ?? accessibilityProps?.label,\n      })}\n      {...metaAttribute({ name: MetaConstants.IconButton, testID })}\n      {...makeAnalyticsAttribute(rest)}\n      {...rest}\n    >\n      <Icon size={size} color=\"currentColor\" />\n    </StyledButton>\n  ),\n);\n\nexport default StyledIconButton;\n"],"names":["StyledButton","styled","button","withConfig","displayName","componentId","props","theme","emphasis","motionToken","motion","styledPropsCSSObject","useStyledProps","isModerate","hasContainer","$isHighlighted","emphasisColor","highlightedEmphasis","restIconColor","$size","throwBladeError","moduleName","message","_objectSpread","border","cursor","disabled","padding","height","makeSize","highlightedButtonSizeMap","undefined","width","borderRadius","radius","small","background","getIn","colors","moderateBackgroundColorMap","rest","display","alignItems","justifyContent","color","interactive","icon","transitionProperty","transitionDuration","castWebType","makeMotionTime","duration","xquick","transitionTimingFunction","easing","standard","subtle","backgroundColor","hover","highlightedHoverColorMap","getFocusRingStyles","focusBackgroundColorMap","StyledIconButton","React","forwardRef","_ref","ref","Icon","onClick","size","accessibilityLabel","accessibilityProps","isDisabled","isHighlighted","testID","onBlur","onFocus","onMouseLeave","onMouseMove","onPointerDown","onPointerEnter","onTouchEnd","onTouchStart","onKeyDown","tabIndex","_objectWithoutProperties","_excluded","_jsx","type","makeAccessible","label","metaAttribute","name","MetaConstants","IconButton","makeAnalyticsAttribute","children"],"mappings":"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"}

package/build/lib/web/production/components/Button/IconButton/tokens.js

@@ -13,6 +13,10 @@ var focusBackgroundColorMap = {
   intense: 'interactive.background.gray.fadedHighlighted',
   subtle: 'interactive.background.staticWhite.faded'
 };
+var moderateBackgroundColorMap = {
+  rest: 'interactive.background.staticWhite.faded',
+  hover: 'interactive.background.staticWhite.fadedHighlighted'
+};
 
-export { focusBackgroundColorMap, highlightedButtonSizeMap, highlightedHoverColorMap };
+export { focusBackgroundColorMap, highlightedButtonSizeMap, highlightedHoverColorMap, moderateBackgroundColorMap };
 //# sourceMappingURL=tokens.js.map

package/build/lib/web/production/components/Button/IconButton/tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","sources":["../../../../../../../src/components/Button/IconButton/tokens.ts"],"sourcesContent":["import { size } from '~tokens/global';\n\nconst highlightedButtonSizeMap = {\n  small: size['24'],\n  medium: size['32'],\n} as const;\n\nconst highlightedHoverColorMap = {\n  intense: 'interactive.background.gray.fadedHighlighted',\n  subtle: 'interactive.background.staticWhite.faded',\n} as const;\n\nconst focusBackgroundColorMap = {\n  intense: 'interactive.background.gray.fadedHighlighted',\n  subtle: 'interactive.background.staticWhite.faded',\n} as const;\n\nexport { highlightedButtonSizeMap, highlightedHoverColorMap, focusBackgroundColorMap };\n"],"names":["highlightedButtonSizeMap","small","size","medium","highlightedHoverColorMap","intense","subtle","focusBackgroundColorMap"],"mappings":";;;AAEA,IAAMA,wBAAwB,GAAG;AAC/BC,EAAAA,KAAK,EAAEC,IAAI,CAAC,IAAI,CAAC;EACjBC,MAAM,EAAED,IAAI,CAAC,IAAI,CAAA;AACnB,EAAU;AAEV,IAAME,wBAAwB,GAAG;AAC/BC,EAAAA,OAAO,EAAE,8CAA8C;AACvDC,EAAAA,MAAM,EAAE,0CAAA;AACV,EAAU;AAEV,IAAMC,uBAAuB,GAAG;AAC9BF,EAAAA,OAAO,EAAE,8CAA8C;AACvDC,EAAAA,MAAM,EAAE,0CAAA;AACV;;;;"}
+{"version":3,"file":"tokens.js","sources":["../../../../../../../src/components/Button/IconButton/tokens.ts"],"sourcesContent":["import { size } from '~tokens/global';\n\nconst highlightedButtonSizeMap = {\n  small: size['24'],\n  medium: size['32'],\n} as const;\n\nconst highlightedHoverColorMap = {\n  intense: 'interactive.background.gray.fadedHighlighted',\n  subtle: 'interactive.background.staticWhite.faded',\n} as const;\n\nconst focusBackgroundColorMap = {\n  intense: 'interactive.background.gray.fadedHighlighted',\n  subtle: 'interactive.background.staticWhite.faded',\n} as const;\n\nconst moderateBackgroundColorMap = {\n  rest: 'interactive.background.staticWhite.faded',\n  hover: 'interactive.background.staticWhite.fadedHighlighted',\n} as const;\n\nexport {\n  highlightedButtonSizeMap,\n  highlightedHoverColorMap,\n  focusBackgroundColorMap,\n  moderateBackgroundColorMap,\n};\n"],"names":["highlightedButtonSizeMap","small","size","medium","highlightedHoverColorMap","intense","subtle","focusBackgroundColorMap","moderateBackgroundColorMap","rest","hover"],"mappings":";;;AAEA,IAAMA,wBAAwB,GAAG;AAC/BC,EAAAA,KAAK,EAAEC,IAAI,CAAC,IAAI,CAAC;EACjBC,MAAM,EAAED,IAAI,CAAC,IAAI,CAAA;AACnB,EAAU;AAEV,IAAME,wBAAwB,GAAG;AAC/BC,EAAAA,OAAO,EAAE,8CAA8C;AACvDC,EAAAA,MAAM,EAAE,0CAAA;AACV,EAAU;AAEV,IAAMC,uBAAuB,GAAG;AAC9BF,EAAAA,OAAO,EAAE,8CAA8C;AACvDC,EAAAA,MAAM,EAAE,0CAAA;AACV,EAAU;AAEV,IAAME,0BAA0B,GAAG;AACjCC,EAAAA,IAAI,EAAE,0CAA0C;AAChDC,EAAAA,KAAK,EAAE,qDAAA;AACT;;;;"}

package/build/lib/web/production/components/ButtonGroup/ButtonGroup.web.js

@@ -2,7 +2,7 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default from 'react';
 import styled from 'styled-components';
-import { StyledButtonGroup } from './StyledButtonGroup.js';
+import { StyledButtonGroup } from './StyledButtonGroup.web.js';
 import { ButtonGroupProvider } from './ButtonGroupContext.js';
 import '../Box/BaseBox/index.js';
 import '../Box/styledProps/index.js';
@@ -141,7 +141,7 @@ var _ButtonGroup = function _ButtonGroup(_ref3, ref) {
  *
  *  ---
  *
- * Checkout {@link https://blade.razorpay.com/?path=/docs/components-buttongroup FileUpload Documentation}
+ * Checkout {@link https://blade.razorpay.com/?path=/docs/components-buttongroup ButtonGroup Documentation}
  * 
  */
 var ButtonGroup = /*#__PURE__*/assignWithoutSideEffects(/*#__PURE__*/React__default.forwardRef(_ButtonGroup), {

package/build/lib/web/production/components/ButtonGroup/ButtonGroup.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.web.js","sources":["../../../../../../src/components/ButtonGroup/ButtonGroup.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React from 'react';\nimport styled from 'styled-components';\nimport type { ButtonGroupProps } from './types';\nimport { StyledButtonGroup } from './StyledButtonGroup';\nimport { ButtonGroupProvider } from './ButtonGroupContext';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeBorderSize } from '~utils';\nimport type { DotNotationToken } from '~utils/lodashButBetter/get';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { Theme } from '~components/BladeProvider';\nimport type { BladeElementRef } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren';\nimport { getBackgroundColorToken } from '~components/Button/BaseButton/BaseButton';\n\nconst getDividerColorToken = ({\n  color,\n  variant,\n  isDisabled,\n}: Pick<ButtonGroupProps, 'color' | 'isDisabled' | 'variant'>): DotNotationToken<\n  Theme['colors']\n> => {\n  if (variant === 'primary') {\n    return 'surface.border.gray.subtle';\n  }\n\n  if (variant === 'secondary') {\n    return getBackgroundColorToken({\n      variant,\n      color,\n      state: isDisabled ? 'disabled' : 'default',\n    });\n  }\n\n  return 'surface.border.gray.muted';\n};\n\nconst StyledDivider = styled(BaseBox)<Pick<ButtonGroupProps, 'color' | 'isDisabled' | 'variant'>>(\n  ({ theme, color, variant, isDisabled }) => {\n    return {\n      borderWidth: 0,\n      borderLeftStyle: 'solid',\n      borderLeftWidth: makeBorderSize(theme.border.width.thin),\n      alignSelf: 'stretch',\n      color: getIn(theme.colors, getDividerColorToken({ color, variant, isDisabled })),\n    };\n  },\n);\n\nconst _ButtonGroup = (\n  {\n    children,\n    isDisabled = false,\n    size = 'medium',\n    color = 'primary',\n    variant = 'primary',\n    isFullWidth = false,\n    testID,\n    ...rest\n  }: ButtonGroupProps,\n  ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n  const contextValue = {\n    isDisabled,\n    size,\n    color,\n    variant,\n    isFullWidth,\n  };\n\n  useVerifyAllowedChildren({\n    allowedComponents: ['Button', 'Dropdown', 'Tooltip', 'Popover'],\n    componentName: 'ButtonGroup',\n    children,\n  });\n\n  return (\n    <ButtonGroupProvider value={contextValue}>\n      <StyledButtonGroup\n        ref={ref as never}\n        color={color}\n        variant={variant}\n        size={size}\n        isDisabled={isDisabled}\n        isFullWidth={isFullWidth}\n        {...metaAttribute({ name: MetaConstants.ButtonGroup, testID })}\n        {...getStyledProps(rest)}\n        {...makeAnalyticsAttribute(rest)}\n        role=\"group\"\n      >\n        {React.Children.map(children, (child, index) => {\n          const isLast = React.Children.count(children) - 1 === index;\n          // Only show dividers for primary variant (secondary/tertiary have borders via box-shadow)\n          const showDivider = variant === 'primary' && !isLast;\n\n          return (\n            <>\n              {child}\n              {showDivider && (\n                <StyledDivider variant={variant} color={color} isDisabled={isDisabled} />\n              )}\n            </>\n          );\n        })}\n      </StyledButtonGroup>\n    </ButtonGroupProvider>\n  );\n};\n\n/**\n * ### ButtonGroup Component\n * \n * The ButtonGroup component is used to group related buttons together.\n * \n * ---\n * \n * #### Usage\n * \n * ```jsx\n  const App = () => {\n    return (\n      <ButtonGroup>\n        <Button icon={RefreshIcon}>Sync</Button>\n        <Button icon={ShareIcon}>Share</Button>\n        <Button icon={DownloadIcon}>Download</Button>\n      </ButtonGroup>\n    );\n  }\n * ```\n *\n *  ---\n *\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-buttongroup FileUpload Documentation}\n * \n */\nconst ButtonGroup = assignWithoutSideEffects(React.forwardRef(_ButtonGroup), {\n  displayName: 'ButtonGroup',\n  componentId: 'ButtonGroup',\n});\n\nexport { ButtonGroup };\nexport type { ButtonGroupProps };\n"],"names":["getDividerColorToken","_ref","color","variant","isDisabled","getBackgroundColorToken","state","StyledDivider","styled","BaseBox","withConfig","displayName","componentId","_ref2","theme","borderWidth","borderLeftStyle","borderLeftWidth","makeBorderSize","border","width","thin","alignSelf","getIn","colors","_ButtonGroup","_ref3","ref","children","_ref3$isDisabled","_ref3$size","size","_ref3$color","_ref3$variant","_ref3$isFullWidth","isFullWidth","testID","rest","_objectWithoutProperties","_excluded","contextValue","useVerifyAllowedChildren","allowedComponents","componentName","_jsx","ButtonGroupProvider","value","StyledButtonGroup","_objectSpread","metaAttribute","name","MetaConstants","ButtonGroup","getStyledProps","makeAnalyticsAttribute","role","React","Children","map","child","index","isLast","count","showDivider","_jsxs","_Fragment","assignWithoutSideEffects","forwardRef"],"mappings":"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"}
+{"version":3,"file":"ButtonGroup.web.js","sources":["../../../../../../src/components/ButtonGroup/ButtonGroup.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React from 'react';\nimport styled from 'styled-components';\nimport type { ButtonGroupProps } from './types';\nimport { StyledButtonGroup } from './StyledButtonGroup';\nimport { ButtonGroupProvider } from './ButtonGroupContext';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeBorderSize } from '~utils';\nimport type { DotNotationToken } from '~utils/lodashButBetter/get';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { Theme } from '~components/BladeProvider';\nimport type { BladeElementRef } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren';\nimport { getBackgroundColorToken } from '~components/Button/BaseButton/BaseButton';\n\nconst getDividerColorToken = ({\n  color,\n  variant,\n  isDisabled,\n}: Pick<ButtonGroupProps, 'color' | 'isDisabled' | 'variant'>): DotNotationToken<\n  Theme['colors']\n> => {\n  if (variant === 'primary') {\n    return 'surface.border.gray.subtle';\n  }\n\n  if (variant === 'secondary') {\n    return getBackgroundColorToken({\n      variant,\n      color,\n      state: isDisabled ? 'disabled' : 'default',\n    });\n  }\n\n  return 'surface.border.gray.muted';\n};\n\nconst StyledDivider = styled(BaseBox)<Pick<ButtonGroupProps, 'color' | 'isDisabled' | 'variant'>>(\n  ({ theme, color, variant, isDisabled }) => {\n    return {\n      borderWidth: 0,\n      borderLeftStyle: 'solid',\n      borderLeftWidth: makeBorderSize(theme.border.width.thin),\n      alignSelf: 'stretch',\n      color: getIn(theme.colors, getDividerColorToken({ color, variant, isDisabled })),\n    };\n  },\n);\n\nconst _ButtonGroup = (\n  {\n    children,\n    isDisabled = false,\n    size = 'medium',\n    color = 'primary',\n    variant = 'primary',\n    isFullWidth = false,\n    testID,\n    ...rest\n  }: ButtonGroupProps,\n  ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n  const contextValue = {\n    isDisabled,\n    size,\n    color,\n    variant,\n    isFullWidth,\n  };\n\n  useVerifyAllowedChildren({\n    allowedComponents: ['Button', 'Dropdown', 'Tooltip', 'Popover'],\n    componentName: 'ButtonGroup',\n    children,\n  });\n\n  return (\n    <ButtonGroupProvider value={contextValue}>\n      <StyledButtonGroup\n        ref={ref as never}\n        color={color}\n        variant={variant}\n        size={size}\n        isDisabled={isDisabled}\n        isFullWidth={isFullWidth}\n        {...metaAttribute({ name: MetaConstants.ButtonGroup, testID })}\n        {...getStyledProps(rest)}\n        {...makeAnalyticsAttribute(rest)}\n        role=\"group\"\n      >\n        {React.Children.map(children, (child, index) => {\n          const isLast = React.Children.count(children) - 1 === index;\n          // Only show dividers for primary variant (secondary/tertiary have borders via box-shadow)\n          const showDivider = variant === 'primary' && !isLast;\n\n          return (\n            <>\n              {child}\n              {showDivider && (\n                <StyledDivider variant={variant} color={color} isDisabled={isDisabled} />\n              )}\n            </>\n          );\n        })}\n      </StyledButtonGroup>\n    </ButtonGroupProvider>\n  );\n};\n\n/**\n * ### ButtonGroup Component\n * \n * The ButtonGroup component is used to group related buttons together.\n * \n * ---\n * \n * #### Usage\n * \n * ```jsx\n  const App = () => {\n    return (\n      <ButtonGroup>\n        <Button icon={RefreshIcon}>Sync</Button>\n        <Button icon={ShareIcon}>Share</Button>\n        <Button icon={DownloadIcon}>Download</Button>\n      </ButtonGroup>\n    );\n  }\n * ```\n *\n *  ---\n *\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-buttongroup ButtonGroup Documentation}\n * \n */\nconst ButtonGroup = assignWithoutSideEffects(React.forwardRef(_ButtonGroup), {\n  displayName: 'ButtonGroup',\n  componentId: 'ButtonGroup',\n});\n\nexport { ButtonGroup };\nexport type { ButtonGroupProps };\n"],"names":["getDividerColorToken","_ref","color","variant","isDisabled","getBackgroundColorToken","state","StyledDivider","styled","BaseBox","withConfig","displayName","componentId","_ref2","theme","borderWidth","borderLeftStyle","borderLeftWidth","makeBorderSize","border","width","thin","alignSelf","getIn","colors","_ButtonGroup","_ref3","ref","children","_ref3$isDisabled","_ref3$size","size","_ref3$color","_ref3$variant","_ref3$isFullWidth","isFullWidth","testID","rest","_objectWithoutProperties","_excluded","contextValue","useVerifyAllowedChildren","allowedComponents","componentName","_jsx","ButtonGroupProvider","value","StyledButtonGroup","_objectSpread","metaAttribute","name","MetaConstants","ButtonGroup","getStyledProps","makeAnalyticsAttribute","role","React","Children","map","child","index","isLast","count","showDivider","_jsxs","_Fragment","assignWithoutSideEffects","forwardRef"],"mappings":"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"}

package/build/lib/web/production/components/ButtonGroup/{StyledButtonGroup.js → StyledButtonGroup.web.js}

@@ -9,8 +9,8 @@ import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.js';
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var StyledButtonGroup = /*#__PURE__*/styled(BaseBox).withConfig({
-  displayName: "StyledButtonGroup",
-  componentId: "gr4xbj-0"
+  displayName: "StyledButtonGroupweb__StyledButtonGroup",
+  componentId: "uuoj4n-0"
 })(function (_ref) {
   var theme = _ref.theme,
     _ref$variant = _ref.variant,
@@ -63,4 +63,4 @@ var StyledButtonGroup = /*#__PURE__*/styled(BaseBox).withConfig({
 });
 
 export { StyledButtonGroup };
-//# sourceMappingURL=StyledButtonGroup.js.map
+//# sourceMappingURL=StyledButtonGroup.web.js.map

package/build/lib/web/production/components/ButtonGroup/StyledButtonGroup.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledButtonGroup.web.js","sources":["../../../../../../src/components/ButtonGroup/StyledButtonGroup.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport type { StyledButtonGroupProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeBorderSize } from '~utils';\nimport { buttonBorderRadius } from '~components/Button/BaseButton/buttonTokens';\n\nconst StyledButtonGroup = styled(BaseBox)<StyledButtonGroupProps>(\n  ({ theme, variant = 'primary', isFullWidth, size = 'medium' }) => {\n    const borderRadiusToken = buttonBorderRadius[size];\n    const borderRadius = makeBorderSize(theme.border.radius[borderRadiusToken]);\n    const isSecondaryOrTertiary = variant === 'secondary' || variant === 'tertiary';\n\n    return {\n      display: 'flex',\n      width: isFullWidth ? '100%' : 'fit-content',\n      borderWidth: makeBorderSize(theme.border.width.thin),\n      borderRadius,\n      borderStyle: 'solid',\n      borderColor: 'transparent',\n      overflow: 'hidden',\n      'button[role=\"button\"]': {\n        flex: isFullWidth ? 1 : 'auto',\n        borderRadius: 0,\n      },\n\n      // Handles both direct buttons and buttons wrapped in components like Dropdown\n      '> button[role=\"button\"]:first-child, > *:first-child button[role=\"button\"]': {\n        borderRight: 'none',\n        borderTopLeftRadius: borderRadius,\n        borderBottomLeftRadius: borderRadius,\n      },\n\n      // Targets middle buttons, whether direct children or wrapped in container elements\n      '> button[role=\"button\"]:not(:first-child):not(:last-child), > *:not(:first-child):not(:last-child) button[role=\"button\"]': {\n        borderLeft: 'none',\n        borderRight: 'none',\n      },\n\n      // Handles last button in group, accounting for wrapper components like Dropdown\n      '> button[role=\"button\"]:last-child, > *:last-child button[role=\"button\"]': {\n        borderLeft: 'none',\n        borderTopRightRadius: borderRadius,\n        borderBottomRightRadius: borderRadius,\n      },\n\n      // Remove radial gradient from all buttons except the first one\n      '> button[role=\"button\"]:not(:first-child), > *:not(:first-child) button[role=\"button\"]': {\n        backgroundImage: 'none',\n      },\n\n      // For secondary/tertiary variants, use negative margin to collapse double borders\n      // (these variants have borders via box-shadow, so adjacent buttons would show double borders)\n      ...(isSecondaryOrTertiary && {\n        '> button[role=\"button\"]:not(:first-child), > *:not(:first-child) button[role=\"button\"]': {\n          marginLeft: '-1px',\n          backgroundImage: 'none',\n        },\n      }),\n    };\n  },\n);\n\nexport { StyledButtonGroup };\n"],"names":["StyledButtonGroup","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","_ref$variant","variant","isFullWidth","_ref$size","size","borderRadiusToken","buttonBorderRadius","borderRadius","makeBorderSize","border","radius","isSecondaryOrTertiary","_objectSpread","display","width","borderWidth","thin","borderStyle","borderColor","overflow","flex","borderRight","borderTopLeftRadius","borderBottomLeftRadius","borderLeft","borderTopRightRadius","borderBottomRightRadius","backgroundImage","marginLeft"],"mappings":";;;;;;;;;;AAMA,IAAMA,iBAAiB,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,yCAAA;EAAAC,WAAA,EAAA,UAAA;AAAA,CACvC,CAAA,CAAA,UAAAC,IAAA,EAAkE;AAAA,EAAA,IAA/DC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAAC,YAAA,GAAAF,IAAA,CAAEG,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,YAAA;IAAEE,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IAAAC,SAAA,GAAAL,IAAA,CAAEM,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,SAAA,CAAA;AACzD,EAAA,IAAME,iBAAiB,GAAGC,kBAAkB,CAACF,IAAI,CAAC,CAAA;AAClD,EAAA,IAAMG,YAAY,GAAGC,cAAc,CAACT,KAAK,CAACU,MAAM,CAACC,MAAM,CAACL,iBAAiB,CAAC,CAAC,CAAA;EAC3E,IAAMM,qBAAqB,GAAGV,OAAO,KAAK,WAAW,IAAIA,OAAO,KAAK,UAAU,CAAA;AAE/E,EAAA,OAAAW,aAAA,CAAA;AACEC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,KAAK,EAAEZ,WAAW,GAAG,MAAM,GAAG,aAAa;IAC3Ca,WAAW,EAAEP,cAAc,CAACT,KAAK,CAACU,MAAM,CAACK,KAAK,CAACE,IAAI,CAAC;AACpDT,IAAAA,YAAY,EAAZA,YAAY;AACZU,IAAAA,WAAW,EAAE,OAAO;AACpBC,IAAAA,WAAW,EAAE,aAAa;AAC1BC,IAAAA,QAAQ,EAAE,QAAQ;AAClB,IAAA,uBAAuB,EAAE;AACvBC,MAAAA,IAAI,EAAElB,WAAW,GAAG,CAAC,GAAG,MAAM;AAC9BK,MAAAA,YAAY,EAAE,CAAA;KACf;AAED;AACA,IAAA,4EAA4E,EAAE;AAC5Ec,MAAAA,WAAW,EAAE,MAAM;AACnBC,MAAAA,mBAAmB,EAAEf,YAAY;AACjCgB,MAAAA,sBAAsB,EAAEhB,YAAAA;KACzB;AAED;AACA,IAAA,0HAA0H,EAAE;AAC1HiB,MAAAA,UAAU,EAAE,MAAM;AAClBH,MAAAA,WAAW,EAAE,MAAA;KACd;AAED;AACA,IAAA,0EAA0E,EAAE;AAC1EG,MAAAA,UAAU,EAAE,MAAM;AAClBC,MAAAA,oBAAoB,EAAElB,YAAY;AAClCmB,MAAAA,uBAAuB,EAAEnB,YAAAA;KAC1B;AAED;AACA,IAAA,wFAAwF,EAAE;AACxFoB,MAAAA,eAAe,EAAE,MAAA;AACnB,KAAA;AAAC,GAAA,EAIGhB,qBAAqB,IAAI;AAC3B,IAAA,wFAAwF,EAAE;AACxFiB,MAAAA,UAAU,EAAE,MAAM;AAClBD,MAAAA,eAAe,EAAE,MAAA;AACnB,KAAA;GACD,CAAA,CAAA;AAEL,CAAC;;;;"}

package/build/lib/web/production/components/Card/Card.js

@@ -28,7 +28,7 @@ import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeA
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded = ["children", "backgroundColor", "borderRadius", "elevation", "testID", "padding", "width", "height", "minHeight", "minWidth", "maxWidth", "onClick", "isSelected", "accessibilityLabel", "shouldScaleOnHover", "onHover", "href", "target", "rel", "as", "size", "cursor", "opacity", "transition", "flexShrink", "overflow", "overflowX", "overflowY"],
+var _excluded = ["children", "backgroundColor", "borderRadius", "elevation", "testID", "padding", "width", "height", "minHeight", "minWidth", "maxWidth", "onClick", "isSelected", "isDisabled", "accessibilityLabel", "shouldScaleOnHover", "onHover", "href", "target", "rel", "as", "variant", "size", "cursor", "opacity", "transition", "flexShrink", "overflow", "overflowX", "overflowY"],
   _excluded2 = ["height", "children", "testID"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -66,6 +66,8 @@ var _Card = function _Card(_ref, ref) {
     onClick = _ref.onClick,
     _ref$isSelected = _ref.isSelected,
     isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
+    _ref$isDisabled = _ref.isDisabled,
+    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
     accessibilityLabel = _ref.accessibilityLabel,
     _ref$shouldScaleOnHov = _ref.shouldScaleOnHover,
     shouldScaleOnHover = _ref$shouldScaleOnHov === void 0 ? false : _ref$shouldScaleOnHov,
@@ -74,6 +76,8 @@ var _Card = function _Card(_ref, ref) {
     target = _ref.target,
     rel = _ref.rel,
     as = _ref.as,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'primary' : _ref$variant,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'large' : _ref$size,
     cursor = _ref.cursor,
@@ -93,13 +97,27 @@ var _Card = function _Card(_ref, ref) {
   useVerifyAllowedChildren({
     children: children,
     componentName: 'Card',
-    allowedComponents: [ComponentIds.CardHeader, ComponentIds.CardBody, ComponentIds.CardFooter]
+    allowedComponents: variant === 'secondary' ? [ComponentIds.CardBody] : [ComponentIds.CardHeader, ComponentIds.CardBody, ComponentIds.CardFooter]
   });
+  var checkboxGroupProps = useCheckboxGroupContext();
+  var radioGroupProps = useRadioGroupContext();
+  var getGroupProps = function getGroupProps() {
+    if (Object.keys(checkboxGroupProps).length > 0) return checkboxGroupProps;
+    if (Object.keys(radioGroupProps).length > 0) return radioGroupProps;
+    return undefined;
+  };
+  var groupProps = getGroupProps();
+  var _validationState = groupProps === null || groupProps === void 0 ? void 0 : groupProps.validationState;
+
+  // `isDisabled` takes precedence over `isSelected`. A Card used as a selection control inside a
+  // disabled Checkbox/Radio group is disabled too.
+  var isCardDisabled = isDisabled || Boolean(groupProps === null || groupProps === void 0 ? void 0 : groupProps.isDisabled);
+  var isCardSelected = isSelected && !isCardDisabled;
   var linkOverlayProps = _objectSpread(_objectSpread(_objectSpread({}, metaAttribute({
     name: CARD_LINK_OVERLAY_ID
   })), makeAccessible({
     label: accessibilityLabel,
-    pressed: href ? undefined : isSelected
+    pressed: href ? undefined : isCardSelected
   })), {}, {
     onFocus: function onFocus() {
       setIsFocused(true);
@@ -109,42 +127,35 @@ var _Card = function _Card(_ref, ref) {
     }
   });
   var defaultRel = target && target === '_blank' ? 'noreferrer noopener' : undefined;
-  var checkboxGroupProps = useCheckboxGroupContext();
-  var radioGroupProps = useRadioGroupContext();
-  var getGroupProps = function getGroupProps() {
-    if (Object.keys(checkboxGroupProps).length > 0) return checkboxGroupProps;
-    if (Object.keys(radioGroupProps).length > 0) return radioGroupProps;
-    return undefined;
-  };
-  var groupProps = getGroupProps();
-  var _validationState = groupProps === null || groupProps === void 0 ? void 0 : groupProps.validationState;
   return /*#__PURE__*/jsx(CardProvider, {
     size: size,
-    children: /*#__PURE__*/jsx(CardRoot, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+    children: /*#__PURE__*/jsx(CardRoot, _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
       as: as,
       ref: ref,
       display: 'block',
       borderRadius: "medium",
       onMouseEnter: onHover,
       shouldScaleOnHover: shouldScaleOnHover,
-      isSelected: isSelected,
+      isSelected: isCardSelected,
       isFocused: isFocused
       // on react native we need to pass onClick to root, because we don't need the LinkOverlay in RN
       ,
-      onClick: isReactNative() ? onClick : undefined,
+      onClick: isReactNative() && !isCardDisabled ? onClick : undefined,
       width: width,
       height: height,
       minHeight: minHeight,
       minWidth: minWidth,
       maxWidth: maxWidth,
-      href: href,
+      href: isCardDisabled ? undefined : href,
       accessibilityLabel: accessibilityLabel,
       validationState: _validationState,
-      cursor: isReactNative() ? undefined : cursor,
+      cursor: isReactNative() ? undefined : isCardDisabled ? 'not-allowed' : cursor,
       opacity: opacity,
       transition: transition,
       flexShrink: flexShrink
-    }, metaAttribute({
+    }, makeAccessible({
+      disabled: isCardDisabled ? true : undefined
+    })), metaAttribute({
       name: MetaConstants.Card,
       testID: testID
     })), getStyledProps(rest)), makeAnalyticsAttribute(rest)), {}, {
@@ -156,18 +167,19 @@ var _Card = function _Card(_ref, ref) {
         textAlign: 'left',
         backgroundColor: "surface.background.gray.intense",
         colorScheme: colorScheme,
-        isSelected: isSelected,
+        isSelected: isCardSelected,
         elevation: elevation,
         overflow: overflow,
         overflowX: overflowX,
         overflowY: overflowY,
+        variant: variant,
         $isCard: true,
-        children: [href ? /*#__PURE__*/jsx(LinkOverlay, _objectSpread({
+        children: [!isCardDisabled && href ? /*#__PURE__*/jsx(LinkOverlay, _objectSpread({
           onClick: onClick,
           href: href,
           target: target,
           rel: rel !== null && rel !== void 0 ? rel : defaultRel
-        }, linkOverlayProps)) : null, !href && onClick ? /*#__PURE__*/jsx(LinkOverlay, _objectSpread({
+        }, linkOverlayProps)) : null, !isCardDisabled && !href && onClick ? /*#__PURE__*/jsx(LinkOverlay, _objectSpread({
           as: "button",
           onClick: onClick
         }, linkOverlayProps)) : null, children]

package/build/lib/web/production/components/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../../../../src/components/Card/Card.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React from 'react';\nimport type { GestureResponderEvent } from 'react-native';\nimport type { CSSObject } from 'styled-components';\nimport { CardSurface } from './CardSurface';\nimport { CardProvider, useVerifyInsideCard } from './CardContext';\nimport { LinkOverlay } from './LinkOverlay';\nimport { CardRoot } from './CardRoot';\nimport type { CardSpacingValueType, LinkOverlayProps } from './types';\nimport { CARD_LINK_OVERLAY_ID } from './constants';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport type { DataAnalyticsAttribute, BladeElementRef, TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { Elevation } from '~tokens/global';\nimport type { BoxProps } from '~components/Box';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren/useVerifyAllowedChildren';\nimport type { Platform } from '~utils';\nimport { isReactNative, useTheme } from '~utils';\nimport type { Theme } from '~components/BladeProvider';\nimport type { DotNotationToken } from '~utils/lodashButBetter/get';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useCheckboxGroupContext } from '~components/Checkbox/CheckboxGroup/CheckboxGroupContext';\nimport { useRadioGroupContext } from '~components/Radio/RadioGroup/RadioContext';\nimport type { CheckboxGroupContextType } from '~components/Checkbox/CheckboxGroup/CheckboxGroupContext';\nimport type { RadioGroupContextType } from '~components/Radio/RadioGroup/RadioContext';\n\nexport const ComponentIds = {\n  CardHeader: 'CardHeader',\n  CardHeaderTrailing: 'CardHeaderTrailing',\n  CardHeaderLeading: 'CardHeaderLeading',\n  CardFooter: 'CardFooter',\n  CardFooterTrailing: 'CardFooterTrailing',\n  CardFooterLeading: 'CardFooterLeading',\n  CardBody: 'CardBody',\n  CardHeaderIcon: 'CardHeaderIcon',\n  CardHeaderCounter: 'CardHeaderCounter',\n  CardHeaderBadge: 'CardHeaderBadge',\n  CardHeaderAmount: 'CardHeaderAmount',\n  CardHeaderText: 'CardHeaderText',\n  CardHeaderLink: 'CardHeaderLink',\n  CardHeaderIconButton: 'CardHeaderIconButton',\n};\n\ntype CardSurfaceBackgroundColors = `surface.background.gray.${DotNotationToken<\n  Theme['colors']['surface']['background']['gray']\n>}`;\n\nexport type CardProps = {\n  /**\n   * Card contents\n   */\n  children: React.ReactNode;\n  /**\n   * Sets the background color of the Card\n   *\n   * @default `surface.background.gray.intense`\n   *\n   * @deprecated The `backgroundColor` prop is deprecated and is a no-op. The Card always uses `surface.background.gray.intense`. This prop will be removed in a future major version.\n   */\n  backgroundColor?: CardSurfaceBackgroundColors;\n  /**\n   * Sets the border radius of the Card\n   *\n   * @default `medium`\n   *\n   * @deprecated The `borderRadius` prop is deprecated and is a no-op. The Card always uses `medium` borderRadius. This prop will be removed in a future major version.\n   */\n  borderRadius?: Extract<BoxProps['borderRadius'], 'medium' | 'large' | 'xlarge'>;\n  /**\n   * Sets the elevation for Cards\n   *\n   * **Links:**\n   * - Docs: https://blade.razorpay.com/?path=/docs/tokens-elevation--docs\n   *\n   * @deprecated The `elevation` prop is deprecated and is a no-op. The Card always uses a custom elevation. This prop will be removed in a future major version.\n   */\n  elevation?: keyof Elevation;\n  /**\n   * Sets the padding equally on all sides. Only few `spacing` tokens are allowed deliberately\n   * @default `spacing.7`\n   *\n   * **Links:**\n   * - Docs: https://blade.razorpay.com/?path=/docs/tokens-spacing--docs\n   */\n  padding?: CardSpacingValueType;\n  /**\n   * Sets the width of the card\n   */\n  width?: BoxProps['width'];\n  /**\n   * Sets the height of the card\n   */\n  height?: BoxProps['height'];\n  /**\n   * Sets minimum height of the card\n   */\n  minHeight?: BoxProps['minHeight'];\n  /**\n   * Sets minimum width of the card\n   */\n  minWidth?: BoxProps['minWidth'];\n  /**\n   * Sets maximum width of the card\n   */\n  maxWidth?: BoxProps['maxWidth'];\n  /**\n   * If `true`, the card will be in selected state\n   * Card will have a primary color border around it.\n   *\n   * @default false\n   */\n  isSelected?: boolean;\n  /**\n   * Makes the Card linkable by setting the `href` prop\n   *\n   * @default undefined\n   */\n  href?: string;\n  /**\n   * Sets the `target` attribute for the linkable card\n   */\n  target?: string;\n  /**\n   * Sets the `rel` attribute for the linkable card\n   */\n  rel?: string;\n  /**\n   * Sets the accessibility label for the card\n   * This is useful when the card has an `href` or `onClick` prop\n   * Setting this will announce the label when the card is focused\n   */\n  accessibilityLabel?: string;\n  /**\n   * If `true`, the card will scale up on hover\n   *\n   * On mobile devices it will scale down on press\n   *\n   * **This prop is deprecated in favour of motion presets released in v12**\n   *\n   * ### Migration\n   *\n   * ```diff\n   * - <Card\n   * -  shouldScaleOnHover\n   * - />\n   *\n   * + <Scale motionTriggers={['hover']}>\n   * +   <Card />\n   * + </Scale>\n   * ```\n   *\n   * @default false\n   *\n   * @deprecated This prop is deprecated in favour of motion presets released in v12\n   */\n  shouldScaleOnHover?: boolean;\n  /**\n   * Callback triggered when the card is hovered\n   */\n  onHover?: () => void;\n  /**\n   * Sets the size of the card header title\n   *\n   * @default 'large'\n   */\n  size?: 'large' | 'medium';\n  /**\n   * Callback triggered when the card is clicked\n   */\n  onClick?: (\n    event: Platform.Select<{\n      web: React.MouseEvent;\n      native: GestureResponderEvent;\n    }>,\n  ) => void;\n  /**\n   * Sets the HTML element for the Card\n   *\n   * When `as` is set to `label`, the card will be rendered as a label element\n   * This can be used to create a custom checkbox or radio button using the card\n   *\n   * @default undefined\n   */\n  as?: 'label';\n  cursor?: Platform.Select<{\n    web: CSSObject['cursor'];\n    native: undefined;\n  }>;\n  opacity?: BoxProps['opacity'];\n  transition?: BoxProps['transition'];\n  flexShrink?: BoxProps['flexShrink'];\n  /**\n   * Sets the overflow behavior of the card content\n   */\n  overflow?: BoxProps['overflow'];\n  /**\n   * Sets the horizontal overflow behavior of the card content\n   */\n  overflowX?: BoxProps['overflowX'];\n  /**\n   * Sets the vertical overflow behavior of the card content\n   */\n  overflowY?: BoxProps['overflowY'];\n} & TestID &\n  DataAnalyticsAttribute &\n  StyledPropsBlade;\n\nconst _Card: React.ForwardRefRenderFunction<BladeElementRef, CardProps> = (\n  {\n    children,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    backgroundColor,\n    borderRadius = 'medium',\n    elevation = 'lowRaised',\n    testID,\n    padding = 'spacing.7',\n    width,\n    height,\n    minHeight,\n    minWidth,\n    maxWidth,\n    onClick,\n    isSelected = false,\n    accessibilityLabel,\n    shouldScaleOnHover = false,\n    onHover,\n    href,\n    target,\n    rel,\n    as,\n    size = 'large',\n    cursor,\n    opacity,\n    transition,\n    flexShrink,\n    overflow,\n    overflowX,\n    overflowY,\n    ...rest\n  },\n  ref,\n): React.ReactElement => {\n  const [isFocused, setIsFocused] = React.useState(false);\n  const { colorScheme } = useTheme();\n\n  useVerifyAllowedChildren({\n    children,\n    componentName: 'Card',\n    allowedComponents: [ComponentIds.CardHeader, ComponentIds.CardBody, ComponentIds.CardFooter],\n  });\n\n  const linkOverlayProps: LinkOverlayProps = {\n    ...metaAttribute({ name: CARD_LINK_OVERLAY_ID }),\n    ...makeAccessible({ label: accessibilityLabel, pressed: href ? undefined : isSelected }),\n    onFocus: () => {\n      setIsFocused(true);\n    },\n    onBlur: () => {\n      setIsFocused(false);\n    },\n  };\n  const defaultRel = target && target === '_blank' ? 'noreferrer noopener' : undefined;\n\n  const checkboxGroupProps = useCheckboxGroupContext();\n  const radioGroupProps = useRadioGroupContext();\n\n  const getGroupProps = (): CheckboxGroupContextType | RadioGroupContextType | undefined => {\n    if (Object.keys(checkboxGroupProps).length > 0) return checkboxGroupProps;\n    if (Object.keys(radioGroupProps).length > 0) return radioGroupProps;\n    return undefined;\n  };\n\n  const groupProps = getGroupProps();\n\n  const _validationState = groupProps?.validationState;\n\n  return (\n    <CardProvider size={size}>\n      <CardRoot\n        as={as}\n        ref={ref as never}\n        display={'block' as never}\n        borderRadius=\"medium\"\n        onMouseEnter={onHover as never}\n        shouldScaleOnHover={shouldScaleOnHover}\n        isSelected={isSelected}\n        isFocused={isFocused}\n        // on react native we need to pass onClick to root, because we don't need the LinkOverlay in RN\n        onClick={isReactNative() ? onClick : undefined}\n        width={width}\n        height={height}\n        minHeight={minHeight}\n        minWidth={minWidth}\n        maxWidth={maxWidth}\n        href={href}\n        accessibilityLabel={accessibilityLabel}\n        validationState={_validationState}\n        cursor={isReactNative() ? undefined : cursor}\n        opacity={opacity}\n        transition={transition}\n        flexShrink={flexShrink}\n        {...metaAttribute({ name: MetaConstants.Card, testID })}\n        {...getStyledProps(rest)}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        <CardSurface\n          height={height}\n          minHeight={minHeight}\n          padding={padding}\n          borderRadius=\"medium\"\n          textAlign={'left' as never}\n          backgroundColor=\"surface.background.gray.intense\"\n          colorScheme={colorScheme}\n          isSelected={isSelected}\n          elevation={elevation}\n          overflow={overflow}\n          overflowX={overflowX}\n          overflowY={overflowY}\n          $isCard={true}\n        >\n          {href ? (\n            <LinkOverlay\n              onClick={onClick}\n              href={href}\n              target={target}\n              rel={rel ?? defaultRel}\n              {...linkOverlayProps}\n            />\n          ) : null}\n          {!href && onClick ? (\n            <LinkOverlay as=\"button\" onClick={onClick} {...linkOverlayProps} />\n          ) : null}\n          {children}\n        </CardSurface>\n      </CardRoot>\n    </CardProvider>\n  );\n};\n\ntype CardBodyProps = {\n  children: React.ReactNode;\n  height?: BoxProps['height'];\n} & TestID &\n  DataAnalyticsAttribute;\n\nconst _CardBody = ({ height, children, testID, ...rest }: CardBodyProps): React.ReactElement => {\n  useVerifyInsideCard('CardBody');\n\n  return (\n    <BaseBox\n      {...metaAttribute({ name: MetaConstants.CardBody, testID })}\n      {...makeAnalyticsAttribute(rest)}\n      height={height}\n    >\n      {children}\n    </BaseBox>\n  );\n};\n\nconst Card = React.forwardRef(_Card);\nconst CardBody = assignWithoutSideEffects(_CardBody, { componentId: ComponentIds.CardBody });\n\nexport { Card, CardBody };\n"],"names":["ComponentIds","CardHeader","CardHeaderTrailing","CardHeaderLeading","CardFooter","CardFooterTrailing","CardFooterLeading","CardBody","CardHeaderIcon","CardHeaderCounter","CardHeaderBadge","CardHeaderAmount","CardHeaderText","CardHeaderLink","CardHeaderIconButton","_Card","_ref","ref","children","backgroundColor","_ref$borderRadius","borderRadius","_ref$elevation","elevation","testID","_ref$padding","padding","width","height","minHeight","minWidth","maxWidth","onClick","_ref$isSelected","isSelected","accessibilityLabel","_ref$shouldScaleOnHov","shouldScaleOnHover","onHover","href","target","rel","as","_ref$size","size","cursor","opacity","transition","flexShrink","overflow","overflowX","overflowY","rest","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","isFocused","setIsFocused","_useTheme","useTheme","colorScheme","useVerifyAllowedChildren","componentName","allowedComponents","linkOverlayProps","_objectSpread","metaAttribute","name","CARD_LINK_OVERLAY_ID","makeAccessible","label","pressed","undefined","onFocus","onBlur","defaultRel","checkboxGroupProps","useCheckboxGroupContext","radioGroupProps","useRadioGroupContext","getGroupProps","Object","keys","length","groupProps","_validationState","validationState","_jsx","CardProvider","CardRoot","display","onMouseEnter","isReactNative","MetaConstants","Card","getStyledProps","makeAnalyticsAttribute","_jsxs","CardSurface","textAlign","$isCard","LinkOverlay","_CardBody","_ref2","_excluded2","useVerifyInsideCard","BaseBox","forwardRef","assignWithoutSideEffects","componentId"],"mappings":"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"}
+{"version":3,"file":"Card.js","sources":["../../../../../../src/components/Card/Card.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React from 'react';\nimport type { GestureResponderEvent } from 'react-native';\nimport type { CSSObject } from 'styled-components';\nimport { CardSurface } from './CardSurface';\nimport { CardProvider, useVerifyInsideCard } from './CardContext';\nimport { LinkOverlay } from './LinkOverlay';\nimport { CardRoot } from './CardRoot';\nimport type { CardSpacingValueType, CardVariant, LinkOverlayProps } from './types';\nimport { CARD_LINK_OVERLAY_ID } from './constants';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport type { DataAnalyticsAttribute, BladeElementRef, TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { Elevation } from '~tokens/global';\nimport type { BoxProps } from '~components/Box';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren/useVerifyAllowedChildren';\nimport type { Platform } from '~utils';\nimport { isReactNative, useTheme } from '~utils';\nimport type { Theme } from '~components/BladeProvider';\nimport type { DotNotationToken } from '~utils/lodashButBetter/get';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useCheckboxGroupContext } from '~components/Checkbox/CheckboxGroup/CheckboxGroupContext';\nimport { useRadioGroupContext } from '~components/Radio/RadioGroup/RadioContext';\nimport type { CheckboxGroupContextType } from '~components/Checkbox/CheckboxGroup/CheckboxGroupContext';\nimport type { RadioGroupContextType } from '~components/Radio/RadioGroup/RadioContext';\n\nexport const ComponentIds = {\n  CardHeader: 'CardHeader',\n  CardHeaderTrailing: 'CardHeaderTrailing',\n  CardHeaderLeading: 'CardHeaderLeading',\n  CardFooter: 'CardFooter',\n  CardFooterTrailing: 'CardFooterTrailing',\n  CardFooterLeading: 'CardFooterLeading',\n  CardBody: 'CardBody',\n  CardHeaderIcon: 'CardHeaderIcon',\n  CardHeaderCounter: 'CardHeaderCounter',\n  CardHeaderBadge: 'CardHeaderBadge',\n  CardHeaderAmount: 'CardHeaderAmount',\n  CardHeaderText: 'CardHeaderText',\n  CardHeaderLink: 'CardHeaderLink',\n  CardHeaderIconButton: 'CardHeaderIconButton',\n};\n\ntype CardSurfaceBackgroundColors = `surface.background.gray.${DotNotationToken<\n  Theme['colors']['surface']['background']['gray']\n>}`;\n\nexport type CardProps = {\n  /**\n   * Card contents.\n   *\n   * The expected structure depends on `variant`:\n   * - `primary` (default): standard `CardHeader`, `CardBody`, `CardFooter` composition.\n   * - `secondary`: `CardBody` only.\n   */\n  children: React.ReactNode;\n  /**\n   * Sets the background color of the Card\n   *\n   * @default `surface.background.gray.intense`\n   *\n   * @deprecated The `backgroundColor` prop is deprecated and is a no-op. The Card always uses `surface.background.gray.intense`. This prop will be removed in a future major version.\n   */\n  backgroundColor?: CardSurfaceBackgroundColors;\n  /**\n   * Sets the border radius of the Card\n   *\n   * @default `medium`\n   *\n   * @deprecated The `borderRadius` prop is deprecated and is a no-op. The Card always uses `medium` borderRadius. This prop will be removed in a future major version.\n   */\n  borderRadius?: Extract<BoxProps['borderRadius'], 'medium' | 'large' | 'xlarge'>;\n  /**\n   * Sets the elevation for Cards\n   *\n   * **Links:**\n   * - Docs: https://blade.razorpay.com/?path=/docs/tokens-elevation--docs\n   *\n   * @deprecated The `elevation` prop is deprecated and is a no-op. The Card always uses a custom elevation. This prop will be removed in a future major version.\n   */\n  elevation?: keyof Elevation;\n  /**\n   * Sets the padding equally on all sides. Only few `spacing` tokens are allowed deliberately\n   * @default `spacing.7`\n   *\n   * **Links:**\n   * - Docs: https://blade.razorpay.com/?path=/docs/tokens-spacing--docs\n   */\n  padding?: CardSpacingValueType;\n  /**\n   * Sets the width of the card\n   */\n  width?: BoxProps['width'];\n  /**\n   * Sets the height of the card\n   */\n  height?: BoxProps['height'];\n  /**\n   * Sets minimum height of the card\n   */\n  minHeight?: BoxProps['minHeight'];\n  /**\n   * Sets minimum width of the card\n   */\n  minWidth?: BoxProps['minWidth'];\n  /**\n   * Sets maximum width of the card\n   */\n  maxWidth?: BoxProps['maxWidth'];\n  /**\n   * If `true`, the card will be in selected state\n   * Card will have a primary color border around it.\n   *\n   * @default false\n   */\n  isSelected?: boolean;\n  /**\n   * If `true`, the card is disabled: it becomes non-interactive (`href`/`onClick` are ignored) and\n   * is announced as disabled to assistive tech.\n   *\n   * `isDisabled` takes precedence over `isSelected`.\n   *\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Makes the Card linkable by setting the `href` prop\n   *\n   * @default undefined\n   */\n  href?: string;\n  /**\n   * Sets the `target` attribute for the linkable card\n   */\n  target?: string;\n  /**\n   * Sets the `rel` attribute for the linkable card\n   */\n  rel?: string;\n  /**\n   * Sets the accessibility label for the card\n   * This is useful when the card has an `href` or `onClick` prop\n   * Setting this will announce the label when the card is focused\n   */\n  accessibilityLabel?: string;\n  /**\n   * If `true`, the card will scale up on hover\n   *\n   * On mobile devices it will scale down on press\n   *\n   * **This prop is deprecated in favour of motion presets released in v12**\n   *\n   * ### Migration\n   *\n   * ```diff\n   * - <Card\n   * -  shouldScaleOnHover\n   * - />\n   *\n   * + <Scale motionTriggers={['hover']}>\n   * +   <Card />\n   * + </Scale>\n   * ```\n   *\n   * @default false\n   *\n   * @deprecated This prop is deprecated in favour of motion presets released in v12\n   */\n  shouldScaleOnHover?: boolean;\n  /**\n   * Callback triggered when the card is hovered\n   */\n  onHover?: () => void;\n  /**\n   * Sets the visual variant of the Card\n   *\n   * - `primary`: Standard card with full composition (CardHeader, CardBody, CardFooter)\n   * - `secondary`: Simplified card that only accepts CardBody as children\n   *\n   * @default 'primary'\n   */\n  variant?: CardVariant;\n  /**\n   * Sets the size of the card header title\n   *\n   * @default 'large'\n   */\n  size?: 'large' | 'medium';\n  /**\n   * Callback triggered when the card is clicked\n   */\n  onClick?: (\n    event: Platform.Select<{\n      web: React.MouseEvent;\n      native: GestureResponderEvent;\n    }>,\n  ) => void;\n  /**\n   * Sets the HTML element for the Card\n   *\n   * When `as` is set to `label`, the card will be rendered as a label element\n   * This can be used to create a custom checkbox or radio button using the card\n   *\n   * @default undefined\n   */\n  as?: 'label';\n  cursor?: Platform.Select<{\n    web: CSSObject['cursor'];\n    native: undefined;\n  }>;\n  opacity?: BoxProps['opacity'];\n  transition?: BoxProps['transition'];\n  flexShrink?: BoxProps['flexShrink'];\n  /**\n   * Sets the overflow behavior of the card content\n   */\n  overflow?: BoxProps['overflow'];\n  /**\n   * Sets the horizontal overflow behavior of the card content\n   */\n  overflowX?: BoxProps['overflowX'];\n  /**\n   * Sets the vertical overflow behavior of the card content\n   */\n  overflowY?: BoxProps['overflowY'];\n} & TestID &\n  DataAnalyticsAttribute &\n  StyledPropsBlade;\n\nconst _Card: React.ForwardRefRenderFunction<BladeElementRef, CardProps> = (\n  {\n    children,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    backgroundColor,\n    borderRadius = 'medium',\n    elevation = 'lowRaised',\n    testID,\n    padding = 'spacing.7',\n    width,\n    height,\n    minHeight,\n    minWidth,\n    maxWidth,\n    onClick,\n    isSelected = false,\n    isDisabled = false,\n    accessibilityLabel,\n    shouldScaleOnHover = false,\n    onHover,\n    href,\n    target,\n    rel,\n    as,\n    variant = 'primary',\n    size = 'large',\n    cursor,\n    opacity,\n    transition,\n    flexShrink,\n    overflow,\n    overflowX,\n    overflowY,\n    ...rest\n  },\n  ref,\n): React.ReactElement => {\n  const [isFocused, setIsFocused] = React.useState(false);\n  const { colorScheme } = useTheme();\n\n  useVerifyAllowedChildren({\n    children,\n    componentName: 'Card',\n    allowedComponents:\n      variant === 'secondary'\n        ? [ComponentIds.CardBody]\n        : [ComponentIds.CardHeader, ComponentIds.CardBody, ComponentIds.CardFooter],\n  });\n\n  const checkboxGroupProps = useCheckboxGroupContext();\n  const radioGroupProps = useRadioGroupContext();\n\n  const getGroupProps = (): CheckboxGroupContextType | RadioGroupContextType | undefined => {\n    if (Object.keys(checkboxGroupProps).length > 0) return checkboxGroupProps;\n    if (Object.keys(radioGroupProps).length > 0) return radioGroupProps;\n    return undefined;\n  };\n\n  const groupProps = getGroupProps();\n  const _validationState = groupProps?.validationState;\n\n  // `isDisabled` takes precedence over `isSelected`. A Card used as a selection control inside a\n  // disabled Checkbox/Radio group is disabled too.\n  const isCardDisabled = isDisabled || Boolean(groupProps?.isDisabled);\n  const isCardSelected = isSelected && !isCardDisabled;\n\n  const linkOverlayProps: LinkOverlayProps = {\n    ...metaAttribute({ name: CARD_LINK_OVERLAY_ID }),\n    ...makeAccessible({ label: accessibilityLabel, pressed: href ? undefined : isCardSelected }),\n    onFocus: () => {\n      setIsFocused(true);\n    },\n    onBlur: () => {\n      setIsFocused(false);\n    },\n  };\n  const defaultRel = target && target === '_blank' ? 'noreferrer noopener' : undefined;\n\n  return (\n    <CardProvider size={size}>\n      <CardRoot\n        as={as}\n        ref={ref as never}\n        display={'block' as never}\n        borderRadius=\"medium\"\n        onMouseEnter={onHover as never}\n        shouldScaleOnHover={shouldScaleOnHover}\n        isSelected={isCardSelected}\n        isFocused={isFocused}\n        // on react native we need to pass onClick to root, because we don't need the LinkOverlay in RN\n        onClick={isReactNative() && !isCardDisabled ? onClick : undefined}\n        width={width}\n        height={height}\n        minHeight={minHeight}\n        minWidth={minWidth}\n        maxWidth={maxWidth}\n        href={isCardDisabled ? undefined : href}\n        accessibilityLabel={accessibilityLabel}\n        validationState={_validationState}\n        cursor={(isReactNative() ? undefined : isCardDisabled ? 'not-allowed' : cursor) as never}\n        opacity={opacity}\n        transition={transition}\n        flexShrink={flexShrink}\n        {...makeAccessible({ disabled: isCardDisabled ? true : undefined })}\n        {...metaAttribute({ name: MetaConstants.Card, testID })}\n        {...getStyledProps(rest)}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        <CardSurface\n          height={height}\n          minHeight={minHeight}\n          padding={padding}\n          borderRadius=\"medium\"\n          textAlign={'left' as never}\n          backgroundColor=\"surface.background.gray.intense\"\n          colorScheme={colorScheme}\n          isSelected={isCardSelected}\n          elevation={elevation}\n          overflow={overflow}\n          overflowX={overflowX}\n          overflowY={overflowY}\n          variant={variant}\n          $isCard={true}\n        >\n          {!isCardDisabled && href ? (\n            <LinkOverlay\n              onClick={onClick}\n              href={href}\n              target={target}\n              rel={rel ?? defaultRel}\n              {...linkOverlayProps}\n            />\n          ) : null}\n          {!isCardDisabled && !href && onClick ? (\n            <LinkOverlay as=\"button\" onClick={onClick} {...linkOverlayProps} />\n          ) : null}\n          {children}\n        </CardSurface>\n      </CardRoot>\n    </CardProvider>\n  );\n};\n\ntype CardBodyProps = {\n  children: React.ReactNode;\n  height?: BoxProps['height'];\n} & TestID &\n  DataAnalyticsAttribute;\n\nconst _CardBody = ({ height, children, testID, ...rest }: CardBodyProps): React.ReactElement => {\n  useVerifyInsideCard('CardBody');\n\n  return (\n    <BaseBox\n      {...metaAttribute({ name: MetaConstants.CardBody, testID })}\n      {...makeAnalyticsAttribute(rest)}\n      height={height}\n    >\n      {children}\n    </BaseBox>\n  );\n};\n\nconst Card = React.forwardRef(_Card);\nconst CardBody = assignWithoutSideEffects(_CardBody, { componentId: ComponentIds.CardBody });\n\nexport { Card, CardBody };\n"],"names":["ComponentIds","CardHeader","CardHeaderTrailing","CardHeaderLeading","CardFooter","CardFooterTrailing","CardFooterLeading","CardBody","CardHeaderIcon","CardHeaderCounter","CardHeaderBadge","CardHeaderAmount","CardHeaderText","CardHeaderLink","CardHeaderIconButton","_Card","_ref","ref","children","backgroundColor","_ref$borderRadius","borderRadius","_ref$elevation","elevation","testID","_ref$padding","padding","width","height","minHeight","minWidth","maxWidth","onClick","_ref$isSelected","isSelected","_ref$isDisabled","isDisabled","accessibilityLabel","_ref$shouldScaleOnHov","shouldScaleOnHover","onHover","href","target","rel","as","_ref$variant","variant","_ref$size","size","cursor","opacity","transition","flexShrink","overflow","overflowX","overflowY","rest","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","isFocused","setIsFocused","_useTheme","useTheme","colorScheme","useVerifyAllowedChildren","componentName","allowedComponents","checkboxGroupProps","useCheckboxGroupContext","radioGroupProps","useRadioGroupContext","getGroupProps","Object","keys","length","undefined","groupProps","_validationState","validationState","isCardDisabled","Boolean","isCardSelected","linkOverlayProps","_objectSpread","metaAttribute","name","CARD_LINK_OVERLAY_ID","makeAccessible","label","pressed","onFocus","onBlur","defaultRel","_jsx","CardProvider","CardRoot","display","onMouseEnter","isReactNative","disabled","MetaConstants","Card","getStyledProps","makeAnalyticsAttribute","_jsxs","CardSurface","textAlign","$isCard","LinkOverlay","_CardBody","_ref2","_excluded2","useVerifyInsideCard","BaseBox","forwardRef","assignWithoutSideEffects","componentId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BO,IAAMA,YAAY,GAAG;AAC1BC,EAAAA,UAAU,EAAE,YAAY;AACxBC,EAAAA,kBAAkB,EAAE,oBAAoB;AACxCC,EAAAA,iBAAiB,EAAE,mBAAmB;AACtCC,EAAAA,UAAU,EAAE,YAAY;AACxBC,EAAAA,kBAAkB,EAAE,oBAAoB;AACxCC,EAAAA,iBAAiB,EAAE,mBAAmB;AACtCC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,cAAc,EAAE,gBAAgB;AAChCC,EAAAA,iBAAiB,EAAE,mBAAmB;AACtCC,EAAAA,eAAe,EAAE,iBAAiB;AAClCC,EAAAA,gBAAgB,EAAE,kBAAkB;AACpCC,EAAAA,cAAc,EAAE,gBAAgB;AAChCC,EAAAA,cAAc,EAAE,gBAAgB;AAChCC,EAAAA,oBAAoB,EAAE,sBAAA;AACxB,EAAC;AA4LD,IAAMC,KAAiE,GAAG,SAApEA,KAAiEA,CAAAC,IAAA,EAmCrEC,GAAG,EACoB;AAAA,EAAA,IAlCrBC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAERC,eAAe,GAAAH,IAAA,CAAfG,eAAe;IAAAC,iBAAA,GAAAJ,IAAA,CACfK,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,iBAAA;IAAAE,cAAA,GAAAN,IAAA,CACvBO,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,WAAW,GAAAA,cAAA;IACvBE,MAAM,GAAAR,IAAA,CAANQ,MAAM;IAAAC,YAAA,GAAAT,IAAA,CACNU,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,WAAW,GAAAA,YAAA;IACrBE,KAAK,GAAAX,IAAA,CAALW,KAAK;IACLC,MAAM,GAAAZ,IAAA,CAANY,MAAM;IACNC,SAAS,GAAAb,IAAA,CAATa,SAAS;IACTC,QAAQ,GAAAd,IAAA,CAARc,QAAQ;IACRC,QAAQ,GAAAf,IAAA,CAARe,QAAQ;IACRC,OAAO,GAAAhB,IAAA,CAAPgB,OAAO;IAAAC,eAAA,GAAAjB,IAAA,CACPkB,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;IAAAE,eAAA,GAAAnB,IAAA,CAClBoB,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;IAClBE,kBAAkB,GAAArB,IAAA,CAAlBqB,kBAAkB;IAAAC,qBAAA,GAAAtB,IAAA,CAClBuB,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;IAC1BE,OAAO,GAAAxB,IAAA,CAAPwB,OAAO;IACPC,IAAI,GAAAzB,IAAA,CAAJyB,IAAI;IACJC,MAAM,GAAA1B,IAAA,CAAN0B,MAAM;IACNC,GAAG,GAAA3B,IAAA,CAAH2B,GAAG;IACHC,EAAE,GAAA5B,IAAA,CAAF4B,EAAE;IAAAC,YAAA,GAAA7B,IAAA,CACF8B,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,YAAA;IAAAE,SAAA,GAAA/B,IAAA,CACnBgC,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,SAAA;IACdE,MAAM,GAAAjC,IAAA,CAANiC,MAAM;IACNC,OAAO,GAAAlC,IAAA,CAAPkC,OAAO;IACPC,UAAU,GAAAnC,IAAA,CAAVmC,UAAU;IACVC,UAAU,GAAApC,IAAA,CAAVoC,UAAU;IACVC,QAAQ,GAAArC,IAAA,CAARqC,QAAQ;IACRC,SAAS,GAAAtC,IAAA,CAATsC,SAAS;IACTC,SAAS,GAAAvC,IAAA,CAATuC,SAAS;AACNC,IAAAA,IAAI,GAAAC,wBAAA,CAAAzC,IAAA,EAAA0C,SAAA,CAAA,CAAA;AAIT,EAAA,IAAAC,eAAA,GAAkCC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAJ,eAAA,EAAA,CAAA,CAAA;AAAhDK,IAAAA,SAAS,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,YAAY,GAAAH,gBAAA,CAAA,CAAA,CAAA,CAAA;AAC9B,EAAA,IAAAI,SAAA,GAAwBC,QAAQ,EAAE;IAA1BC,WAAW,GAAAF,SAAA,CAAXE,WAAW,CAAA;AAEnBC,EAAAA,wBAAwB,CAAC;AACvBnD,IAAAA,QAAQ,EAARA,QAAQ;AACRoD,IAAAA,aAAa,EAAE,MAAM;IACrBC,iBAAiB,EACfzB,OAAO,KAAK,WAAW,GACnB,CAAC9C,YAAY,CAACO,QAAQ,CAAC,GACvB,CAACP,YAAY,CAACC,UAAU,EAAED,YAAY,CAACO,QAAQ,EAAEP,YAAY,CAACI,UAAU,CAAA;AAChF,GAAC,CAAC,CAAA;AAEF,EAAA,IAAMoE,kBAAkB,GAAGC,uBAAuB,EAAE,CAAA;AACpD,EAAA,IAAMC,eAAe,GAAGC,oBAAoB,EAAE,CAAA;AAE9C,EAAA,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,GAAuE;AACxF,IAAA,IAAIC,MAAM,CAACC,IAAI,CAACN,kBAAkB,CAAC,CAACO,MAAM,GAAG,CAAC,EAAE,OAAOP,kBAAkB,CAAA;AACzE,IAAA,IAAIK,MAAM,CAACC,IAAI,CAACJ,eAAe,CAAC,CAACK,MAAM,GAAG,CAAC,EAAE,OAAOL,eAAe,CAAA;AACnE,IAAA,OAAOM,SAAS,CAAA;GACjB,CAAA;AAED,EAAA,IAAMC,UAAU,GAAGL,aAAa,EAAE,CAAA;EAClC,IAAMM,gBAAgB,GAAGD,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAVA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,UAAU,CAAEE,eAAe,CAAA;;AAEpD;AACA;AACA,EAAA,IAAMC,cAAc,GAAGhD,UAAU,IAAIiD,OAAO,CAACJ,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAE7C,UAAU,CAAC,CAAA;AACpE,EAAA,IAAMkD,cAAc,GAAGpD,UAAU,IAAI,CAACkD,cAAc,CAAA;EAEpD,IAAMG,gBAAkC,GAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CACnCC,EAAAA,EAAAA,aAAa,CAAC;AAAEC,IAAAA,IAAI,EAAEC,oBAAAA;GAAsB,CAAC,CAC7CC,EAAAA,cAAc,CAAC;AAAEC,IAAAA,KAAK,EAAExD,kBAAkB;AAAEyD,IAAAA,OAAO,EAAErD,IAAI,GAAGuC,SAAS,GAAGM,cAAAA;AAAe,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;AAC5FS,IAAAA,OAAO,EAAE,SAATA,OAAOA,GAAQ;MACb9B,YAAY,CAAC,IAAI,CAAC,CAAA;KACnB;AACD+B,IAAAA,MAAM,EAAE,SAARA,MAAMA,GAAQ;MACZ/B,YAAY,CAAC,KAAK,CAAC,CAAA;AACrB,KAAA;GACD,CAAA,CAAA;EACD,IAAMgC,UAAU,GAAGvD,MAAM,IAAIA,MAAM,KAAK,QAAQ,GAAG,qBAAqB,GAAGsC,SAAS,CAAA;EAEpF,oBACEkB,GAAA,CAACC,YAAY,EAAA;AAACnD,IAAAA,IAAI,EAAEA,IAAK;AAAA9B,IAAAA,QAAA,eACvBgF,GAAA,CAACE,QAAQ,EAAAZ,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACP5C,MAAAA,EAAE,EAAEA,EAAG;AACP3B,MAAAA,GAAG,EAAEA,GAAa;AAClBoF,MAAAA,OAAO,EAAE,OAAiB;AAC1BhF,MAAAA,YAAY,EAAC,QAAQ;AACrBiF,MAAAA,YAAY,EAAE9D,OAAiB;AAC/BD,MAAAA,kBAAkB,EAAEA,kBAAmB;AACvCL,MAAAA,UAAU,EAAEoD,cAAe;AAC3BtB,MAAAA,SAAS,EAAEA,SAAAA;AACX;AAAA;MACAhC,OAAO,EAAEuE,aAAa,EAAE,IAAI,CAACnB,cAAc,GAAGpD,OAAO,GAAGgD,SAAU;AAClErD,MAAAA,KAAK,EAAEA,KAAM;AACbC,MAAAA,MAAM,EAAEA,MAAO;AACfC,MAAAA,SAAS,EAAEA,SAAU;AACrBC,MAAAA,QAAQ,EAAEA,QAAS;AACnBC,MAAAA,QAAQ,EAAEA,QAAS;AACnBU,MAAAA,IAAI,EAAE2C,cAAc,GAAGJ,SAAS,GAAGvC,IAAK;AACxCJ,MAAAA,kBAAkB,EAAEA,kBAAmB;AACvC8C,MAAAA,eAAe,EAAED,gBAAiB;MAClCjC,MAAM,EAAGsD,aAAa,EAAE,GAAGvB,SAAS,GAAGI,cAAc,GAAG,aAAa,GAAGnC,MAAiB;AACzFC,MAAAA,OAAO,EAAEA,OAAQ;AACjBC,MAAAA,UAAU,EAAEA,UAAW;AACvBC,MAAAA,UAAU,EAAEA,UAAAA;AAAW,KAAA,EACnBwC,cAAc,CAAC;AAAEY,MAAAA,QAAQ,EAAEpB,cAAc,GAAG,IAAI,GAAGJ,SAAAA;KAAW,CAAC,CAC/DS,EAAAA,aAAa,CAAC;MAAEC,IAAI,EAAEe,aAAa,CAACC,IAAI;AAAElF,MAAAA,MAAM,EAANA,MAAAA;KAAQ,CAAC,CACnDmF,EAAAA,cAAc,CAACnD,IAAI,CAAC,CACpBoD,EAAAA,sBAAsB,CAACpD,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;MAAAtC,QAAA,eAEhC2F,IAAA,CAACC,WAAW,EAAA;AACVlF,QAAAA,MAAM,EAAEA,MAAO;AACfC,QAAAA,SAAS,EAAEA,SAAU;AACrBH,QAAAA,OAAO,EAAEA,OAAQ;AACjBL,QAAAA,YAAY,EAAC,QAAQ;AACrB0F,QAAAA,SAAS,EAAE,MAAgB;AAC3B5F,QAAAA,eAAe,EAAC,iCAAiC;AACjDiD,QAAAA,WAAW,EAAEA,WAAY;AACzBlC,QAAAA,UAAU,EAAEoD,cAAe;AAC3B/D,QAAAA,SAAS,EAAEA,SAAU;AACrB8B,QAAAA,QAAQ,EAAEA,QAAS;AACnBC,QAAAA,SAAS,EAAEA,SAAU;AACrBC,QAAAA,SAAS,EAAEA,SAAU;AACrBT,QAAAA,OAAO,EAAEA,OAAQ;AACjBkE,QAAAA,OAAO,EAAE,IAAK;QAAA9F,QAAA,EAAA,CAEb,CAACkE,cAAc,IAAI3C,IAAI,gBACtByD,GAAA,CAACe,WAAW,EAAAzB,aAAA,CAAA;AACVxD,UAAAA,OAAO,EAAEA,OAAQ;AACjBS,UAAAA,IAAI,EAAEA,IAAK;AACXC,UAAAA,MAAM,EAAEA,MAAO;AACfC,UAAAA,GAAG,EAAEA,GAAG,KAAA,IAAA,IAAHA,GAAG,KAAA,KAAA,CAAA,GAAHA,GAAG,GAAIsD,UAAAA;AAAW,SAAA,EACnBV,gBAAgB,CACrB,CAAC,GACA,IAAI,EACP,CAACH,cAAc,IAAI,CAAC3C,IAAI,IAAIT,OAAO,gBAClCkE,GAAA,CAACe,WAAW,EAAAzB,aAAA,CAAA;AAAC5C,UAAAA,EAAE,EAAC,QAAQ;AAACZ,UAAAA,OAAO,EAAEA,OAAAA;AAAQ,SAAA,EAAKuD,gBAAgB,CAAG,CAAC,GACjE,IAAI,EACPrE,QAAQ,CAAA;OACE,CAAA;KACL,CAAA,CAAA;AAAC,GACC,CAAC,CAAA;AAEnB,CAAC,CAAA;AAQD,IAAMgG,SAAS,GAAG,SAAZA,SAASA,CAAAC,KAAA,EAAiF;AAAA,EAAA,IAA3EvF,MAAM,GAAAuF,KAAA,CAANvF,MAAM;IAAEV,QAAQ,GAAAiG,KAAA,CAARjG,QAAQ;IAAEM,MAAM,GAAA2F,KAAA,CAAN3F,MAAM;AAAKgC,IAAAA,IAAI,GAAAC,wBAAA,CAAA0D,KAAA,EAAAC,UAAA,CAAA,CAAA;EACpDC,mBAAmB,CAAC,UAAU,CAAC,CAAA;EAE/B,oBACEnB,GAAA,CAACoB,OAAO,EAAA9B,aAAA,CAAAA,aAAA,CAAAA,aAAA,CACFC,EAAAA,EAAAA,aAAa,CAAC;IAAEC,IAAI,EAAEe,aAAa,CAAClG,QAAQ;AAAEiB,IAAAA,MAAM,EAANA,MAAAA;AAAO,GAAC,CAAC,CAAA,EACvDoF,sBAAsB,CAACpD,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;AAChC5B,IAAAA,MAAM,EAAEA,MAAO;AAAAV,IAAAA,QAAA,EAEdA,QAAAA;AAAQ,GAAA,CACF,CAAC,CAAA;AAEd,CAAC,CAAA;AAED,IAAMwF,IAAI,gBAAG9C,cAAK,CAAC2D,UAAU,CAACxG,KAAK,EAAC;AACpC,IAAMR,QAAQ,gBAAGiH,wBAAwB,CAACN,SAAS,EAAE;EAAEO,WAAW,EAAEzH,YAAY,CAACO,QAAAA;AAAS,CAAC;;;;"}

package/build/lib/web/production/components/Card/CardFooter.js

@@ -10,10 +10,12 @@ import '../Typography/index.js';
 import '../../utils/metaAttribute/index.js';
 import '../../utils/assignWithoutSideEffects/index.js';
 import { useIsMobile } from '../../utils/useIsMobile.js';
+import '../../utils/index.js';
 import '../../utils/logger/index.js';
 import { useVerifyAllowedChildren } from '../../utils/useVerifyAllowedChildren/useVerifyAllowedChildren.js';
 import '../../utils/makeAnalyticsAttribute/index.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { isReactNative } from '../../utils/platform/isReactNative.js';
 import { throwBladeError } from '../../utils/logger/logger.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
@@ -30,6 +32,11 @@ var _excluded = ["children", "testID", "marginTop", "paddingTop", "showDivider"]
   _excluded3 = ["actions"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var equalWidthFlexProps = isReactNative() ? {
+  flex: 1
+} : {
+  flexGrow: 1
+};
 var _CardFooter = function _CardFooter(_ref) {
   var _footerChildrensArray;
   var children = _ref.children,
@@ -114,12 +121,13 @@ var _CardFooterTrailing = function _CardFooterTrailing(_ref3) {
   return /*#__PURE__*/jsxs(BaseBox, _objectSpread(_objectSpread({
     display: "flex",
     flexDirection: "row",
+    gap: isReactNative() ? 'spacing.5' : undefined,
     alignSelf: isMobile ? 'auto' : 'center',
     marginTop: isMobile ? 'spacing.5' : 'spacing.0',
-    marginLeft: isMobile ? 'spacing.0' : 'spacing.5'
+    marginLeft: isMobile ? 'spacing.0' : 'spacing.5',
+    width: isReactNative() ? '100%' : undefined
   }, makeAnalyticsAttribute(rest)), {}, {
-    children: [/*#__PURE__*/jsx(BaseBox, {
-      flexGrow: 1,
+    children: [!isReactNative() || actions !== null && actions !== void 0 && actions.secondary ? /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread({}, equalWidthFlexProps), {}, {
       children: actions !== null && actions !== void 0 && actions.secondary ? /*#__PURE__*/jsx(Button, _objectSpread(_objectSpread({
         isFullWidth: true,
         size: "medium",
@@ -128,10 +136,9 @@ var _CardFooterTrailing = function _CardFooterTrailing(_ref3) {
         "data-analytics-name": MAKE_ANALYTICS_CONSTANTS.CARD.FOOTER_SECONDARY_ACTION_BUTTON,
         children: actions.secondary.text
       })) : null
-    }), /*#__PURE__*/jsx(BaseBox, {
+    })) : null, !isReactNative() && /*#__PURE__*/jsx(BaseBox, {
       marginLeft: "spacing.5"
-    }), /*#__PURE__*/jsx(BaseBox, {
-      flexGrow: 1,
+    }), !isReactNative() || actions !== null && actions !== void 0 && actions.primary ? /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread({}, equalWidthFlexProps), {}, {
       children: actions !== null && actions !== void 0 && actions.primary ? /*#__PURE__*/jsx(Button, _objectSpread(_objectSpread({
         isFullWidth: true,
         size: "medium"
@@ -139,7 +146,7 @@ var _CardFooterTrailing = function _CardFooterTrailing(_ref3) {
         "data-analytics-name": MAKE_ANALYTICS_CONSTANTS.CARD.FOOTER_PRIMARY_ACTION_BUTTON,
         children: actions.primary.text
       })) : null
-    })]
+    })) : null]
   }));
 };
 var CardFooterTrailing = /*#__PURE__*/assignWithoutSideEffects(_CardFooterTrailing, {