@razorpay/blade 12.120.0 → 12.121.0

package/build/lib/web/production/components/Button/BaseButton/buttonTokens.js

@@ -45,15 +45,6 @@ var backgroundGradient = function backgroundGradient(color) {
         highlighted: 'interactive.background.staticBlack.faded',
         disabled: 'interactive.background.gray.disabled'
       }
-    },
-    // Only the `primary` emphasis exists in the design for the black color, which
-    // is currently used by FloatingActionButton and is not exposed on `Button`.
-    black: {
-      primary: {
-        "default": 'interactive.background.staticBlack.default',
-        highlighted: 'interactive.background.staticBlack.highlighted',
-        disabled: 'interactive.background.staticBlack.fadedHighlighted'
-      }
     }
   };
 };
@@ -282,7 +273,7 @@ var boxShadow = function boxShadow(color) {
         }]
       }
     },
-    black: {
+    neutral: {
       primary: {
         "default": [{
           y: -1.5,
@@ -367,11 +358,11 @@ var textColor = function textColor(property) {
         disabled: "interactive.".concat(property, ".staticWhite.disabled")
       }
     },
-    black: {
+    neutral: {
       primary: {
-        "default": "interactive.".concat(property, ".staticWhite.normal"),
-        highlighted: "interactive.".concat(property, ".staticWhite.normal"),
-        disabled: "interactive.".concat(property, ".staticWhite.disabled")
+        "default": "interactive.".concat(property, ".onNeutral.normal"),
+        highlighted: "interactive.".concat(property, ".onNeutral.normal"),
+        disabled: "interactive.".concat(property, ".onNeutral.disabled")
       }
     },
     transparent: {
@@ -491,9 +482,6 @@ var spinnerColor = {
     secondary: 'white',
     tertiary: 'white'
   },
-  black: {
-    primary: 'white'
-  },
   positive: {
     primary: 'positive',
     secondary: 'positive'
@@ -511,7 +499,9 @@ var spinnerColor = {
     secondary: 'information'
   },
   neutral: {
-    primary: 'neutral',
+    // The primary emphasis renders content on a filled neutral surface, so the
+    // spinner follows the same inverted treatment as the label.
+    primary: 'onNeutral',
     secondary: 'neutral'
   }
 };

package/build/lib/web/production/components/Button/BaseButton/buttonTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttonTokens.js","sources":["../../../../../../../src/components/Button/BaseButton/buttonTokens.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport type { BaseButtonProps } from './BaseButton';\nimport type { Theme } from '~components/BladeProvider';\nimport type { IconSize } from '~components/Icons';\nimport type { SpinnerProps } from '~components/Spinner';\nimport type { Size } from '~tokens/global';\nimport { size } from '~tokens/global';\nimport type { FeedbackColors } from '~tokens/theme/theme';\nimport { makeSize } from '~utils';\nimport type { DotNotationToken } from '~utils/lodashButBetter/get';\n\nexport type ButtonMinHeight = Size[28] | Size[32] | Size[36] | Size[48];\n\nexport type ButtonTypography = {\n  fonts: {\n    size: Record<NonNullable<BaseButtonProps['size']>, keyof Theme['typography']['fonts']['size']>;\n  };\n  lineHeights: Record<\n    NonNullable<BaseButtonProps['size']>,\n    keyof Theme['typography']['lineHeights']\n  >;\n};\n\nconst backgroundGradient = (color: FeedbackColors | 'primary') => {\n  return {\n    base: {\n      primary: {\n        default: `interactive.background.${color}.default`,\n        highlighted: `interactive.background.${color}.highlighted`,\n        disabled: `interactive.background.${color}.disabled`,\n      },\n      secondary: {\n        default: 'surface.background.gray.intense',\n        highlighted: 'surface.background.gray.intense',\n        disabled: 'interactive.background.staticWhite.ghost',\n      },\n      tertiary: {\n        default: 'surface.background.gray.intense',\n        highlighted: 'surface.background.gray.intense',\n        disabled: 'interactive.background.staticWhite.ghost',\n      },\n      transparent: {\n        default: 'transparent',\n        highlighted: 'interactive.background.gray.faded',\n        disabled: 'interactive.background.gray.disabled',\n      },\n    },\n    white: {\n      primary: {\n        default: 'interactive.background.staticWhite.default',\n        highlighted: 'interactive.background.staticWhite.highlighted',\n        disabled: 'interactive.background.staticWhite.disabled',\n      },\n      secondary: {\n        default: 'interactive.background.staticWhite.faded',\n        highlighted: 'interactive.background.staticBlack.faded',\n        disabled: 'interactive.background.gray.disabled',\n      },\n      tertiary: {\n        default: 'interactive.background.staticWhite.faded',\n        highlighted: 'interactive.background.staticBlack.faded',\n        disabled: 'interactive.background.gray.disabled',\n      },\n    },\n    // Only the `primary` emphasis exists in the design for the black color, which\n    // is currently used by FloatingActionButton and is not exposed on `Button`.\n    black: {\n      primary: {\n        default: 'interactive.background.staticBlack.default',\n        highlighted: 'interactive.background.staticBlack.highlighted',\n        disabled: 'interactive.background.staticBlack.fadedHighlighted',\n      },\n    },\n  } as const;\n};\n\ntype BoxShadowValue = {\n  y: number;\n  blur: number;\n  spread: number;\n  color: DotNotationToken<Theme['colors']>;\n};\n\ntype ButtonBoxShadow = BoxShadowValue[];\n\n/**\n * Box-shadow tokens for buttons (includes border + 3D effects)\n * Each shadow is: inset 0 {y}px {blur}px {spread}px {color}\n */\nconst boxShadow = (\n  color: FeedbackColors | 'primary',\n): {\n  base: Record<\n    'primary' | 'secondary' | 'tertiary' | 'transparent',\n    Record<'default' | 'highlighted' | 'disabled', ButtonBoxShadow>\n  >;\n  white: Record<\n    'primary' | 'secondary' | 'tertiary',\n    Record<'default' | 'highlighted' | 'disabled', ButtonBoxShadow>\n  >;\n  black: Record<'primary', Record<'default' | 'highlighted' | 'disabled', ButtonBoxShadow>>;\n} => {\n  return {\n    base: {\n      primary: {\n        default: [\n          { y: -1.5, blur: 0, spread: 0, color: `interactive.border.${color}.highlighted` },\n          { y: 0, blur: 0, spread: 0.5, color: `interactive.border.${color}.default` },\n          { y: 1.5, blur: 0, spread: 0, color: 'interactive.border.staticWhite.faded' },\n          { y: -2, blur: 0, spread: 0, color: 'interactive.border.staticWhite.faded' },\n        ],\n        highlighted: [\n          { y: -1.5, blur: 0, spread: 0, color: `interactive.border.${color}.highlighted` },\n          { y: 0, blur: 0, spread: 0.5, color: `interactive.border.${color}.highlighted` },\n          { y: 1.5, blur: 0, spread: 0, color: 'interactive.border.staticWhite.faded' },\n          { y: -2, blur: 0, spread: 0, color: 'interactive.border.staticWhite.faded' },\n        ],\n        disabled: [],\n      },\n      secondary: {\n        default: [\n          { y: -1, blur: 0.5, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 1, color: 'interactive.border.gray.default' },\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.gray.default' },\n        ],\n        highlighted: [\n          { y: -1, blur: 0.5, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 1, color: 'interactive.border.gray.highlighted' },\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.gray.default' },\n        ],\n        disabled: [{ y: 0, blur: 0, spread: 1, color: 'interactive.border.gray.disabled' }],\n      },\n      tertiary: {\n        default: [\n          { y: -1, blur: 0.5, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 1, color: 'interactive.border.gray.default' },\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.gray.default' },\n        ],\n        highlighted: [\n          { y: -1, blur: 0.5, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 1, color: 'interactive.border.gray.highlighted' },\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.gray.default' },\n        ],\n        disabled: [{ y: 0, blur: 0, spread: 1, color: 'interactive.border.gray.disabled' }],\n      },\n      transparent: {\n        default: [],\n        highlighted: [],\n        disabled: [],\n      },\n    },\n    white: {\n      primary: {\n        default: [\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          {\n            y: 0,\n            blur: 0,\n            spread: 0.5,\n            color: 'interactive.border.staticBlack.fadedHighlighted',\n          },\n        ],\n        highlighted: [\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          {\n            y: 0,\n            blur: 0,\n            spread: 0.5,\n            color: 'interactive.border.staticBlack.fadedHighlighted',\n          },\n        ],\n        disabled: [],\n      },\n      secondary: {\n        default: [\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 1, color: 'interactive.border.staticWhite.highlighted' },\n        ],\n        highlighted: [\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 1, color: 'interactive.border.staticWhite.highlighted' },\n        ],\n        disabled: [{ y: 0, blur: 0, spread: 1, color: 'interactive.border.staticWhite.disabled' }],\n      },\n      tertiary: {\n        default: [\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 1, color: 'interactive.border.staticWhite.highlighted' },\n        ],\n        highlighted: [\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 1, color: 'interactive.border.staticWhite.highlighted' },\n        ],\n        disabled: [{ y: 0, blur: 0, spread: 1, color: 'interactive.border.staticWhite.disabled' }],\n      },\n    },\n    black: {\n      primary: {\n        default: [\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.staticBlack.highlighted' },\n          { y: 0, blur: 0, spread: 0.5, color: 'interactive.border.staticBlack.highlighted' },\n          { y: 1.5, blur: 0, spread: 0, color: 'interactive.border.staticWhite.fadedHighlighted' },\n          { y: -2, blur: 0, spread: 0, color: 'interactive.border.staticWhite.fadedHighlighted' },\n        ],\n        highlighted: [\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.staticBlack.highlighted' },\n          { y: 0, blur: 0, spread: 0.5, color: 'interactive.border.staticBlack.highlighted' },\n          { y: 1.5, blur: 0, spread: 0, color: 'interactive.border.staticWhite.fadedHighlighted' },\n          { y: -2, blur: 0, spread: 0, color: 'interactive.border.staticWhite.fadedHighlighted' },\n        ],\n        disabled: [],\n      },\n    },\n  };\n};\n\nconst textColor = (property: 'icon' | 'text') => {\n  return {\n    base: {\n      primary: {\n        default: `interactive.${property}.onPrimary.normal`,\n        highlighted: `interactive.${property}.onPrimary.normal`,\n        disabled: `interactive.${property}.primary.disabled`,\n      },\n      secondary: {\n        default: `interactive.${property}.gray.normal`,\n        highlighted: `interactive.${property}.gray.normal`,\n        disabled: `interactive.${property}.gray.disabled`,\n      },\n      tertiary: {\n        default: `interactive.${property}.gray.normal`,\n        highlighted: `interactive.${property}.gray.normal`,\n        disabled: `interactive.${property}.gray.disabled`,\n      },\n    },\n    white: {\n      primary: {\n        default: `interactive.${property}.staticBlack.muted`,\n        highlighted: `interactive.${property}.staticBlack.muted`,\n        disabled: `interactive.${property}.staticBlack.disabled`,\n      },\n      secondary: {\n        default: `interactive.${property}.staticWhite.normal`,\n        highlighted: `interactive.${property}.staticWhite.normal`,\n        disabled: `interactive.${property}.staticWhite.disabled`,\n      },\n      tertiary: {\n        default: `interactive.${property}.staticWhite.normal`,\n        highlighted: `interactive.${property}.staticWhite.normal`,\n        disabled: `interactive.${property}.staticWhite.disabled`,\n      },\n    },\n    black: {\n      primary: {\n        default: `interactive.${property}.staticWhite.normal`,\n        highlighted: `interactive.${property}.staticWhite.normal`,\n        disabled: `interactive.${property}.staticWhite.disabled`,\n      },\n    },\n    transparent: {\n      tertiary: {\n        default: property === 'icon' ? 'interactive.icon.gray.muted' : 'surface.text.gray.normal',\n        highlighted:\n          property === 'icon' ? 'interactive.icon.gray.subtle' : 'surface.text.gray.normal',\n        disabled: `interactive.${property}.gray.disabled`,\n      },\n    },\n\n    color: (color: FeedbackColors) => {\n      return {\n        primary: {\n          default: `interactive.${property}.staticWhite.normal`,\n          highlighted: `interactive.${property}.staticWhite.normal`,\n          disabled: `interactive.${property}.${color}.disabled`,\n        },\n        secondary: {\n          default: `interactive.${property}.${color}.normal`,\n          highlighted: `interactive.${property}.${color}.normal`,\n          disabled: `interactive.${property}.${color}.disabled`,\n        },\n      } as const;\n    },\n  } as const;\n};\n\nconst typography: ButtonTypography = {\n  fonts: {\n    size: {\n      xsmall: 75,\n      small: 75,\n      medium: 100,\n      large: 200,\n    },\n  },\n  lineHeights: {\n    xsmall: 75,\n    small: 75,\n    medium: 100,\n    large: 200,\n  },\n};\n\nconst minHeight: Record<NonNullable<BaseButtonProps['size']>, ButtonMinHeight> = {\n  xsmall: size[28],\n  small: size[32],\n  medium: size[36],\n  large: size[48],\n};\n\nconst buttonPadding: Record<\n  NonNullable<BaseButtonProps['size']>,\n  Record<'top' | 'bottom' | 'left' | 'right', keyof Theme['spacing']>\n> = {\n  xsmall: {\n    top: 0,\n    bottom: 0,\n    left: 3,\n    right: 3,\n  },\n  small: {\n    top: 0,\n    bottom: 0,\n    left: 3,\n    right: 3,\n  },\n  medium: {\n    top: 0,\n    bottom: 0,\n    left: 4,\n    right: 4,\n  },\n  large: {\n    top: 0,\n    bottom: 0,\n    left: 5,\n    right: 5,\n  },\n};\n\nconst buttonBorderRadius = {\n  xsmall: 'small',\n  small: 'small',\n  medium: 'small',\n  large: 'medium',\n} as const;\n\nconst buttonIconOnlyHeightWidth = {\n  xsmall: makeSize(size['28']),\n  small: makeSize(size['32']),\n  medium: makeSize(size['36']),\n  large: makeSize(size['48']),\n} as const;\n\nconst buttonSizeToIconSizeMap: Record<NonNullable<BaseButtonProps['size']>, IconSize> = {\n  xsmall: 'small',\n  small: 'small',\n  medium: 'medium',\n  large: 'medium',\n};\n\nconst buttonIconOnlySizeToIconSizeMap: Record<NonNullable<BaseButtonProps['size']>, IconSize> = {\n  xsmall: 'medium',\n  small: 'medium',\n  medium: 'medium',\n  large: 'medium',\n};\n\nconst buttonSizeToSpinnerSizeMap: Record<\n  NonNullable<BaseButtonProps['size']>,\n  SpinnerProps['size']\n> = {\n  xsmall: 'medium',\n  small: 'medium',\n  medium: 'medium',\n  large: 'large',\n};\n\n/**\n * Spinner color mapping based on button variant and color\n */\nconst spinnerColor = {\n  base: {\n    primary: 'primary',\n    secondary: 'neutral',\n    tertiary: 'neutral',\n    transparent: 'primary',\n  },\n  white: {\n    primary: 'white',\n    secondary: 'white',\n    tertiary: 'white',\n  },\n  black: {\n    primary: 'white',\n  },\n  positive: {\n    primary: 'positive',\n    secondary: 'positive',\n  },\n  negative: {\n    primary: 'negative',\n    secondary: 'negative',\n  },\n  notice: {\n    primary: 'notice',\n    secondary: 'notice',\n  },\n  information: {\n    primary: 'information',\n    secondary: 'information',\n  },\n  neutral: {\n    primary: 'neutral',\n    secondary: 'neutral',\n  },\n} as const;\n\nexport {\n  boxShadow,\n  backgroundGradient,\n  textColor,\n  spinnerColor,\n  typography,\n  minHeight,\n  buttonSizeToIconSizeMap,\n  buttonIconOnlySizeToIconSizeMap,\n  buttonSizeToSpinnerSizeMap,\n  buttonPadding,\n  buttonIconOnlyHeightWidth,\n  buttonBorderRadius,\n};\n\nexport type { ButtonBoxShadow };\n"],"names":["backgroundGradient","color","base","primary","concat","highlighted","disabled","secondary","tertiary","transparent","white","black","boxShadow","y","blur","spread","textColor","property","typography","fonts","size","xsmall","small","medium","large","lineHeights","minHeight","buttonPadding","top","bottom","left","right","buttonBorderRadius","buttonIconOnlyHeightWidth","makeSize","buttonSizeToIconSizeMap","buttonIconOnlySizeToIconSizeMap","buttonSizeToSpinnerSizeMap","spinnerColor","positive","negative","notice","information","neutral"],"mappings":"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"}
+{"version":3,"file":"buttonTokens.js","sources":["../../../../../../../src/components/Button/BaseButton/buttonTokens.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport type { BaseButtonProps } from './BaseButton';\nimport type { Theme } from '~components/BladeProvider';\nimport type { IconSize } from '~components/Icons';\nimport type { SpinnerProps } from '~components/Spinner';\nimport type { Size } from '~tokens/global';\nimport { size } from '~tokens/global';\nimport type { FeedbackColors } from '~tokens/theme/theme';\nimport { makeSize } from '~utils';\nimport type { DotNotationToken } from '~utils/lodashButBetter/get';\n\nexport type ButtonMinHeight = Size[28] | Size[32] | Size[36] | Size[48];\n\nexport type ButtonTypography = {\n  fonts: {\n    size: Record<NonNullable<BaseButtonProps['size']>, keyof Theme['typography']['fonts']['size']>;\n  };\n  lineHeights: Record<\n    NonNullable<BaseButtonProps['size']>,\n    keyof Theme['typography']['lineHeights']\n  >;\n};\n\nconst backgroundGradient = (color: FeedbackColors | 'primary') => {\n  return {\n    base: {\n      primary: {\n        default: `interactive.background.${color}.default`,\n        highlighted: `interactive.background.${color}.highlighted`,\n        disabled: `interactive.background.${color}.disabled`,\n      },\n      secondary: {\n        default: 'surface.background.gray.intense',\n        highlighted: 'surface.background.gray.intense',\n        disabled: 'interactive.background.staticWhite.ghost',\n      },\n      tertiary: {\n        default: 'surface.background.gray.intense',\n        highlighted: 'surface.background.gray.intense',\n        disabled: 'interactive.background.staticWhite.ghost',\n      },\n      transparent: {\n        default: 'transparent',\n        highlighted: 'interactive.background.gray.faded',\n        disabled: 'interactive.background.gray.disabled',\n      },\n    },\n    white: {\n      primary: {\n        default: 'interactive.background.staticWhite.default',\n        highlighted: 'interactive.background.staticWhite.highlighted',\n        disabled: 'interactive.background.staticWhite.disabled',\n      },\n      secondary: {\n        default: 'interactive.background.staticWhite.faded',\n        highlighted: 'interactive.background.staticBlack.faded',\n        disabled: 'interactive.background.gray.disabled',\n      },\n      tertiary: {\n        default: 'interactive.background.staticWhite.faded',\n        highlighted: 'interactive.background.staticBlack.faded',\n        disabled: 'interactive.background.gray.disabled',\n      },\n    },\n  } as const;\n};\n\ntype BoxShadowValue = {\n  y: number;\n  blur: number;\n  spread: number;\n  color: DotNotationToken<Theme['colors']>;\n};\n\ntype ButtonBoxShadow = BoxShadowValue[];\n\n/**\n * Box-shadow tokens for buttons (includes border + 3D effects)\n * Each shadow is: inset 0 {y}px {blur}px {spread}px {color}\n */\nconst boxShadow = (\n  color: FeedbackColors | 'primary',\n): {\n  base: Record<\n    'primary' | 'secondary' | 'tertiary' | 'transparent',\n    Record<'default' | 'highlighted' | 'disabled', ButtonBoxShadow>\n  >;\n  white: Record<\n    'primary' | 'secondary' | 'tertiary',\n    Record<'default' | 'highlighted' | 'disabled', ButtonBoxShadow>\n  >;\n  neutral: Record<'primary', Record<'default' | 'highlighted' | 'disabled', ButtonBoxShadow>>;\n} => {\n  return {\n    base: {\n      primary: {\n        default: [\n          { y: -1.5, blur: 0, spread: 0, color: `interactive.border.${color}.highlighted` },\n          { y: 0, blur: 0, spread: 0.5, color: `interactive.border.${color}.default` },\n          { y: 1.5, blur: 0, spread: 0, color: 'interactive.border.staticWhite.faded' },\n          { y: -2, blur: 0, spread: 0, color: 'interactive.border.staticWhite.faded' },\n        ],\n        highlighted: [\n          { y: -1.5, blur: 0, spread: 0, color: `interactive.border.${color}.highlighted` },\n          { y: 0, blur: 0, spread: 0.5, color: `interactive.border.${color}.highlighted` },\n          { y: 1.5, blur: 0, spread: 0, color: 'interactive.border.staticWhite.faded' },\n          { y: -2, blur: 0, spread: 0, color: 'interactive.border.staticWhite.faded' },\n        ],\n        disabled: [],\n      },\n      secondary: {\n        default: [\n          { y: -1, blur: 0.5, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 1, color: 'interactive.border.gray.default' },\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.gray.default' },\n        ],\n        highlighted: [\n          { y: -1, blur: 0.5, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 1, color: 'interactive.border.gray.highlighted' },\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.gray.default' },\n        ],\n        disabled: [{ y: 0, blur: 0, spread: 1, color: 'interactive.border.gray.disabled' }],\n      },\n      tertiary: {\n        default: [\n          { y: -1, blur: 0.5, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 1, color: 'interactive.border.gray.default' },\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.gray.default' },\n        ],\n        highlighted: [\n          { y: -1, blur: 0.5, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 1, color: 'interactive.border.gray.highlighted' },\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.gray.default' },\n        ],\n        disabled: [{ y: 0, blur: 0, spread: 1, color: 'interactive.border.gray.disabled' }],\n      },\n      transparent: {\n        default: [],\n        highlighted: [],\n        disabled: [],\n      },\n    },\n    white: {\n      primary: {\n        default: [\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          {\n            y: 0,\n            blur: 0,\n            spread: 0.5,\n            color: 'interactive.border.staticBlack.fadedHighlighted',\n          },\n        ],\n        highlighted: [\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          {\n            y: 0,\n            blur: 0,\n            spread: 0.5,\n            color: 'interactive.border.staticBlack.fadedHighlighted',\n          },\n        ],\n        disabled: [],\n      },\n      secondary: {\n        default: [\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 1, color: 'interactive.border.staticWhite.highlighted' },\n        ],\n        highlighted: [\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 1, color: 'interactive.border.staticWhite.highlighted' },\n        ],\n        disabled: [{ y: 0, blur: 0, spread: 1, color: 'interactive.border.staticWhite.disabled' }],\n      },\n      tertiary: {\n        default: [\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 1, color: 'interactive.border.staticWhite.highlighted' },\n        ],\n        highlighted: [\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 1, color: 'interactive.border.staticWhite.highlighted' },\n        ],\n        disabled: [{ y: 0, blur: 0, spread: 1, color: 'interactive.border.staticWhite.disabled' }],\n      },\n    },\n    neutral: {\n      primary: {\n        default: [\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.staticBlack.highlighted' },\n          { y: 0, blur: 0, spread: 0.5, color: 'interactive.border.staticBlack.highlighted' },\n          { y: 1.5, blur: 0, spread: 0, color: 'interactive.border.staticWhite.fadedHighlighted' },\n          { y: -2, blur: 0, spread: 0, color: 'interactive.border.staticWhite.fadedHighlighted' },\n        ],\n        highlighted: [\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.staticBlack.highlighted' },\n          { y: 0, blur: 0, spread: 0.5, color: 'interactive.border.staticBlack.highlighted' },\n          { y: 1.5, blur: 0, spread: 0, color: 'interactive.border.staticWhite.fadedHighlighted' },\n          { y: -2, blur: 0, spread: 0, color: 'interactive.border.staticWhite.fadedHighlighted' },\n        ],\n        disabled: [],\n      },\n    },\n  };\n};\n\nconst textColor = (property: 'icon' | 'text') => {\n  return {\n    base: {\n      primary: {\n        default: `interactive.${property}.onPrimary.normal`,\n        highlighted: `interactive.${property}.onPrimary.normal`,\n        disabled: `interactive.${property}.primary.disabled`,\n      },\n      secondary: {\n        default: `interactive.${property}.gray.normal`,\n        highlighted: `interactive.${property}.gray.normal`,\n        disabled: `interactive.${property}.gray.disabled`,\n      },\n      tertiary: {\n        default: `interactive.${property}.gray.normal`,\n        highlighted: `interactive.${property}.gray.normal`,\n        disabled: `interactive.${property}.gray.disabled`,\n      },\n    },\n    white: {\n      primary: {\n        default: `interactive.${property}.staticBlack.muted`,\n        highlighted: `interactive.${property}.staticBlack.muted`,\n        disabled: `interactive.${property}.staticBlack.disabled`,\n      },\n      secondary: {\n        default: `interactive.${property}.staticWhite.normal`,\n        highlighted: `interactive.${property}.staticWhite.normal`,\n        disabled: `interactive.${property}.staticWhite.disabled`,\n      },\n      tertiary: {\n        default: `interactive.${property}.staticWhite.normal`,\n        highlighted: `interactive.${property}.staticWhite.normal`,\n        disabled: `interactive.${property}.staticWhite.disabled`,\n      },\n    },\n    neutral: {\n      primary: {\n        default: `interactive.${property}.onNeutral.normal`,\n        highlighted: `interactive.${property}.onNeutral.normal`,\n        disabled: `interactive.${property}.onNeutral.disabled`,\n      },\n    },\n    transparent: {\n      tertiary: {\n        default: property === 'icon' ? 'interactive.icon.gray.muted' : 'surface.text.gray.normal',\n        highlighted:\n          property === 'icon' ? 'interactive.icon.gray.subtle' : 'surface.text.gray.normal',\n        disabled: `interactive.${property}.gray.disabled`,\n      },\n    },\n\n    color: (color: FeedbackColors) => {\n      return {\n        primary: {\n          default: `interactive.${property}.staticWhite.normal`,\n          highlighted: `interactive.${property}.staticWhite.normal`,\n          disabled: `interactive.${property}.${color}.disabled`,\n        },\n        secondary: {\n          default: `interactive.${property}.${color}.normal`,\n          highlighted: `interactive.${property}.${color}.normal`,\n          disabled: `interactive.${property}.${color}.disabled`,\n        },\n      } as const;\n    },\n  } as const;\n};\n\nconst typography: ButtonTypography = {\n  fonts: {\n    size: {\n      xsmall: 75,\n      small: 75,\n      medium: 100,\n      large: 200,\n    },\n  },\n  lineHeights: {\n    xsmall: 75,\n    small: 75,\n    medium: 100,\n    large: 200,\n  },\n};\n\nconst minHeight: Record<NonNullable<BaseButtonProps['size']>, ButtonMinHeight> = {\n  xsmall: size[28],\n  small: size[32],\n  medium: size[36],\n  large: size[48],\n};\n\nconst buttonPadding: Record<\n  NonNullable<BaseButtonProps['size']>,\n  Record<'top' | 'bottom' | 'left' | 'right', keyof Theme['spacing']>\n> = {\n  xsmall: {\n    top: 0,\n    bottom: 0,\n    left: 3,\n    right: 3,\n  },\n  small: {\n    top: 0,\n    bottom: 0,\n    left: 3,\n    right: 3,\n  },\n  medium: {\n    top: 0,\n    bottom: 0,\n    left: 4,\n    right: 4,\n  },\n  large: {\n    top: 0,\n    bottom: 0,\n    left: 5,\n    right: 5,\n  },\n};\n\nconst buttonBorderRadius = {\n  xsmall: 'small',\n  small: 'small',\n  medium: 'small',\n  large: 'medium',\n} as const;\n\nconst buttonIconOnlyHeightWidth = {\n  xsmall: makeSize(size['28']),\n  small: makeSize(size['32']),\n  medium: makeSize(size['36']),\n  large: makeSize(size['48']),\n} as const;\n\nconst buttonSizeToIconSizeMap: Record<NonNullable<BaseButtonProps['size']>, IconSize> = {\n  xsmall: 'small',\n  small: 'small',\n  medium: 'medium',\n  large: 'medium',\n};\n\nconst buttonIconOnlySizeToIconSizeMap: Record<NonNullable<BaseButtonProps['size']>, IconSize> = {\n  xsmall: 'medium',\n  small: 'medium',\n  medium: 'medium',\n  large: 'medium',\n};\n\nconst buttonSizeToSpinnerSizeMap: Record<\n  NonNullable<BaseButtonProps['size']>,\n  SpinnerProps['size']\n> = {\n  xsmall: 'medium',\n  small: 'medium',\n  medium: 'medium',\n  large: 'large',\n};\n\n/**\n * Spinner color mapping based on button variant and color\n */\nconst spinnerColor = {\n  base: {\n    primary: 'primary',\n    secondary: 'neutral',\n    tertiary: 'neutral',\n    transparent: 'primary',\n  },\n  white: {\n    primary: 'white',\n    secondary: 'white',\n    tertiary: 'white',\n  },\n  positive: {\n    primary: 'positive',\n    secondary: 'positive',\n  },\n  negative: {\n    primary: 'negative',\n    secondary: 'negative',\n  },\n  notice: {\n    primary: 'notice',\n    secondary: 'notice',\n  },\n  information: {\n    primary: 'information',\n    secondary: 'information',\n  },\n  neutral: {\n    // The primary emphasis renders content on a filled neutral surface, so the\n    // spinner follows the same inverted treatment as the label.\n    primary: 'onNeutral',\n    secondary: 'neutral',\n  },\n} as const;\n\nexport {\n  boxShadow,\n  backgroundGradient,\n  textColor,\n  spinnerColor,\n  typography,\n  minHeight,\n  buttonSizeToIconSizeMap,\n  buttonIconOnlySizeToIconSizeMap,\n  buttonSizeToSpinnerSizeMap,\n  buttonPadding,\n  buttonIconOnlyHeightWidth,\n  buttonBorderRadius,\n};\n\nexport type { ButtonBoxShadow };\n"],"names":["backgroundGradient","color","base","primary","concat","highlighted","disabled","secondary","tertiary","transparent","white","boxShadow","y","blur","spread","neutral","textColor","property","typography","fonts","size","xsmall","small","medium","large","lineHeights","minHeight","buttonPadding","top","bottom","left","right","buttonBorderRadius","buttonIconOnlyHeightWidth","makeSize","buttonSizeToIconSizeMap","buttonIconOnlySizeToIconSizeMap","buttonSizeToSpinnerSizeMap","spinnerColor","positive","negative","notice","information"],"mappings":"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"}

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

@@ -18,7 +18,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  */
 var colorToSpinnerColor = {
   primary: 'white',
-  black: 'white',
+  neutral: 'onNeutral',
   white: 'neutral'
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"FloatingActionButton.js","sources":["../../../../../../src/components/FloatingActionButton/FloatingActionButton.tsx"],"sourcesContent":["import React from 'react';\nimport { FloatingActionButtonContainer } from './FloatingActionButtonContainer';\nimport type { FloatingActionButtonProps } from './types';\nimport BaseButton from '~components/Button/BaseButton';\nimport { componentZIndices } from '~utils/componentZIndices';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { BladeElementRef } from '~utils/types';\n\n/**\n * The shared spinner map would render a white spinner on the white button, where\n * it is invisible.\n */\nconst colorToSpinnerColor = {\n  primary: 'white',\n  black: 'white',\n  white: 'neutral',\n} as const;\n\n/**\n * ### FloatingActionButton component\n *\n * A persistent, elevated button anchored to the bottom of the viewport, used for the single most important action on a screen.\n *\n * ---\n *\n * #### Usage\n *\n * ```jsx\n * <FloatingActionButton icon={PlusIcon} onClick={() => createPayment()}>\n *   Create payment\n * </FloatingActionButton>\n *\n * // icon-only, accessibilityLabel is required\n * <FloatingActionButton\n *   icon={PlusIcon}\n *   accessibilityLabel=\"Create payment\"\n *   onClick={() => createPayment()}\n * />\n * ```\n *\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-floatingactionbutton--docs FloatingActionButton Documentation}\n */\nconst _FloatingActionButton: React.ForwardRefRenderFunction<\n  BladeElementRef,\n  FloatingActionButtonProps\n> = (\n  {\n    children,\n    icon,\n    color = 'primary',\n    placement = 'bottom-end',\n    offset = 'spacing.5',\n    zIndex = componentZIndices.fab,\n    isDisabled = false,\n    isLoading = false,\n    href,\n    target,\n    rel,\n    type = 'button',\n    accessibilityLabel,\n    onClick,\n    onBlur,\n    onFocus,\n    onMouseLeave,\n    onMouseMove,\n    onMouseDown,\n    onPointerDown,\n    onPointerEnter,\n    onTouchStart,\n    onTouchEnd,\n    testID,\n    ...rest\n  },\n  ref,\n) => {\n  return (\n    <FloatingActionButtonContainer\n      placement={placement}\n      offset={offset}\n      zIndex={zIndex}\n      testID={testID}\n      {...rest}\n    >\n      <BaseButton\n        ref={ref}\n        icon={icon}\n        variant=\"primary\"\n        color={color}\n        size=\"large\"\n        _borderRadius=\"max\"\n        _iconSize=\"xlarge\"\n        _spinnerColor={colorToSpinnerColor[color]}\n        accessibilityProps={{ label: accessibilityLabel }}\n        href={href}\n        target={target}\n        rel={rel}\n        type={type}\n        isDisabled={isDisabled}\n        isLoading={isLoading}\n        onClick={onClick}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onMouseLeave={onMouseLeave}\n        onMouseMove={onMouseMove}\n        onMouseDown={onMouseDown}\n        onPointerDown={onPointerDown}\n        onPointerEnter={onPointerEnter}\n        onTouchStart={onTouchStart}\n        onTouchEnd={onTouchEnd}\n      >\n        {children}\n      </BaseButton>\n    </FloatingActionButtonContainer>\n  );\n};\n\nconst FloatingActionButton = assignWithoutSideEffects(React.forwardRef(_FloatingActionButton), {\n  displayName: 'FloatingActionButton',\n  componentId: 'FloatingActionButton',\n});\n\nexport { FloatingActionButton };\n"],"names":["colorToSpinnerColor","primary","black","white","_FloatingActionButton","_ref","ref","children","icon","_ref$color","color","_ref$placement","placement","_ref$offset","offset","_ref$zIndex","zIndex","componentZIndices","fab","_ref$isDisabled","isDisabled","_ref$isLoading","isLoading","href","target","rel","_ref$type","type","accessibilityLabel","onClick","onBlur","onFocus","onMouseLeave","onMouseMove","onMouseDown","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd","testID","rest","_objectWithoutProperties","_excluded","_jsx","FloatingActionButtonContainer","_objectSpread","BaseButton","variant","size","_borderRadius","_iconSize","_spinnerColor","accessibilityProps","label","FloatingActionButton","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":"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"}
+{"version":3,"file":"FloatingActionButton.js","sources":["../../../../../../src/components/FloatingActionButton/FloatingActionButton.tsx"],"sourcesContent":["import React from 'react';\nimport { FloatingActionButtonContainer } from './FloatingActionButtonContainer';\nimport type { FloatingActionButtonProps } from './types';\nimport BaseButton from '~components/Button/BaseButton';\nimport { componentZIndices } from '~utils/componentZIndices';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { BladeElementRef } from '~utils/types';\n\n/**\n * The shared spinner map would render a white spinner on the white button, where\n * it is invisible.\n */\nconst colorToSpinnerColor = {\n  primary: 'white',\n  neutral: 'onNeutral',\n  white: 'neutral',\n} as const;\n\n/**\n * ### FloatingActionButton component\n *\n * A persistent, elevated button anchored to the bottom of the viewport, used for the single most important action on a screen.\n *\n * ---\n *\n * #### Usage\n *\n * ```jsx\n * <FloatingActionButton icon={PlusIcon} onClick={() => createPayment()}>\n *   Create payment\n * </FloatingActionButton>\n *\n * // icon-only, accessibilityLabel is required\n * <FloatingActionButton\n *   icon={PlusIcon}\n *   accessibilityLabel=\"Create payment\"\n *   onClick={() => createPayment()}\n * />\n * ```\n *\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-floatingactionbutton--docs FloatingActionButton Documentation}\n */\nconst _FloatingActionButton: React.ForwardRefRenderFunction<\n  BladeElementRef,\n  FloatingActionButtonProps\n> = (\n  {\n    children,\n    icon,\n    color = 'primary',\n    placement = 'bottom-end',\n    offset = 'spacing.5',\n    zIndex = componentZIndices.fab,\n    isDisabled = false,\n    isLoading = false,\n    href,\n    target,\n    rel,\n    type = 'button',\n    accessibilityLabel,\n    onClick,\n    onBlur,\n    onFocus,\n    onMouseLeave,\n    onMouseMove,\n    onMouseDown,\n    onPointerDown,\n    onPointerEnter,\n    onTouchStart,\n    onTouchEnd,\n    testID,\n    ...rest\n  },\n  ref,\n) => {\n  return (\n    <FloatingActionButtonContainer\n      placement={placement}\n      offset={offset}\n      zIndex={zIndex}\n      testID={testID}\n      {...rest}\n    >\n      <BaseButton\n        ref={ref}\n        icon={icon}\n        variant=\"primary\"\n        color={color}\n        size=\"large\"\n        _borderRadius=\"max\"\n        _iconSize=\"xlarge\"\n        _spinnerColor={colorToSpinnerColor[color]}\n        accessibilityProps={{ label: accessibilityLabel }}\n        href={href}\n        target={target}\n        rel={rel}\n        type={type}\n        isDisabled={isDisabled}\n        isLoading={isLoading}\n        onClick={onClick}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onMouseLeave={onMouseLeave}\n        onMouseMove={onMouseMove}\n        onMouseDown={onMouseDown}\n        onPointerDown={onPointerDown}\n        onPointerEnter={onPointerEnter}\n        onTouchStart={onTouchStart}\n        onTouchEnd={onTouchEnd}\n      >\n        {children}\n      </BaseButton>\n    </FloatingActionButtonContainer>\n  );\n};\n\nconst FloatingActionButton = assignWithoutSideEffects(React.forwardRef(_FloatingActionButton), {\n  displayName: 'FloatingActionButton',\n  componentId: 'FloatingActionButton',\n});\n\nexport { FloatingActionButton };\n"],"names":["colorToSpinnerColor","primary","neutral","white","_FloatingActionButton","_ref","ref","children","icon","_ref$color","color","_ref$placement","placement","_ref$offset","offset","_ref$zIndex","zIndex","componentZIndices","fab","_ref$isDisabled","isDisabled","_ref$isLoading","isLoading","href","target","rel","_ref$type","type","accessibilityLabel","onClick","onBlur","onFocus","onMouseLeave","onMouseMove","onMouseDown","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd","testID","rest","_objectWithoutProperties","_excluded","_jsx","FloatingActionButtonContainer","_objectSpread","BaseButton","variant","size","_borderRadius","_iconSize","_spinnerColor","accessibilityProps","label","FloatingActionButton","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":"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"}

package/build/lib/web/production/components/Spinner/BaseSpinner/BaseSpinner.js

@@ -31,6 +31,11 @@ var getColor = function getColor(_ref) {
   if (color && color === 'white') {
     return getIn(theme.colors, 'interactive.icon.staticWhite.subtle');
   }
+  // `onNeutral` renders on a filled neutral surface, which inverts with the
+  // theme, so it tracks the surface instead of resolving to a static color.
+  if (color && color === 'onNeutral') {
+    return getIn(theme.colors, 'interactive.icon.onNeutral.normal');
+  }
   if (color && color !== 'neutral') {
     return getIn(theme.colors, "interactive.icon.".concat(color, ".subtle"));
   }

package/build/lib/web/production/components/Spinner/BaseSpinner/BaseSpinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseSpinner.js","sources":["../../../../../../../src/components/Spinner/BaseSpinner/BaseSpinner.tsx"],"sourcesContent":["import React from 'react';\nimport { dimensions } from './spinnerTokens';\nimport SpinnerIcon from './SpinnerIcon';\nimport { SpinningBox } from './SpinningBox';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { Theme } from '~components/BladeProvider';\nimport { useTheme } from '~components/BladeProvider';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { FeedbackColors } from '~tokens/theme/theme';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport type { BladeElementRef, TestID } from '~utils/types';\nimport { makeSize } from '~utils/makeSize';\nimport { makeAccessible } from '~utils/makeAccessible';\n\ntype BaseSpinnerProps = {\n  /**\n   * Sets the color of the spinner.\n   *\n   * @default 'default'\n   */\n  color?: 'primary' | 'white' | FeedbackColors;\n  /**\n   * Sets the label of the spinner.\n   *\n   * @default 'right'\n   */\n  label?: string;\n  /**\n   * Sets the label of the spinner.\n   *\n   */\n  labelPosition?: 'right' | 'bottom';\n  /**\n   * Sets the size of the spinner.\n   *\n   * @default 'medium'\n   */\n  size?: 'medium' | 'large' | 'xlarge';\n  /**\n   * Sets the aria-label for web & accessibilityLabel react-native.\n   *\n   */\n  accessibilityLabel: string;\n} & TestID &\n  StyledPropsBlade;\n\nconst getColor = ({ color, theme }: { color: BaseSpinnerProps['color']; theme: Theme }): string => {\n  if (color && color === 'white') {\n    return getIn(theme.colors, 'interactive.icon.staticWhite.subtle');\n  }\n  if (color && color !== 'neutral') {\n    return getIn(theme.colors, `interactive.icon.${color}.subtle`);\n  }\n  return getIn(theme.colors, 'interactive.icon.gray.muted');\n};\n\nconst _BaseSpinner = (\n  {\n    label,\n    labelPosition = 'right',\n    accessibilityLabel,\n    color = 'neutral',\n    size = 'medium',\n    testID,\n    ...styledProps\n  }: BaseSpinnerProps,\n  ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n  const { theme } = useTheme();\n  return (\n    <BaseBox\n      ref={ref as never}\n      {...metaAttribute({ name: MetaConstants.Spinner, testID })}\n      {...getStyledProps(styledProps)}\n    >\n      <BaseBox\n        display=\"flex\"\n        alignItems=\"center\"\n        flexDirection={labelPosition === 'right' ? 'row' : 'column'}\n        {...makeAccessible({\n          label: accessibilityLabel,\n          role: 'progressbar',\n        })}\n      >\n        <SpinningBox>\n          <SpinnerIcon dimensions={makeSize(dimensions[size])} color={getColor({ color, theme })} />\n        </SpinningBox>\n        {label && label.trim().length > 0 ? (\n          <BaseBox\n            marginLeft={labelPosition === 'right' ? 'spacing.3' : 'spacing.0'}\n            marginTop={labelPosition === 'bottom' ? 'spacing.3' : 'spacing.0'}\n          >\n            <Text variant=\"body\" weight=\"regular\" size=\"small\" color=\"surface.text.gray.muted\">\n              {label}\n            </Text>\n          </BaseBox>\n        ) : null}\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nconst BaseSpinner = React.forwardRef(_BaseSpinner);\n\nexport type { BaseSpinnerProps };\nexport { BaseSpinner };\n"],"names":["getColor","_ref","color","theme","getIn","colors","concat","_BaseSpinner","_ref2","ref","label","_ref2$labelPosition","labelPosition","accessibilityLabel","_ref2$color","_ref2$size","size","testID","styledProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","_jsx","BaseBox","_objectSpread","metaAttribute","name","MetaConstants","Spinner","getStyledProps","children","_jsxs","display","alignItems","flexDirection","makeAccessible","role","SpinningBox","SpinnerIcon","dimensions","makeSize","trim","length","marginLeft","marginTop","Text","variant","weight","BaseSpinner","React","forwardRef"],"mappings":"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"}
+{"version":3,"file":"BaseSpinner.js","sources":["../../../../../../../src/components/Spinner/BaseSpinner/BaseSpinner.tsx"],"sourcesContent":["import React from 'react';\nimport { dimensions } from './spinnerTokens';\nimport SpinnerIcon from './SpinnerIcon';\nimport { SpinningBox } from './SpinningBox';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { Theme } from '~components/BladeProvider';\nimport { useTheme } from '~components/BladeProvider';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { FeedbackColors } from '~tokens/theme/theme';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport type { BladeElementRef, TestID } from '~utils/types';\nimport { makeSize } from '~utils/makeSize';\nimport { makeAccessible } from '~utils/makeAccessible';\n\ntype BaseSpinnerProps = {\n  /**\n   * Sets the color of the spinner.\n   *\n   * @default 'default'\n   */\n  color?: 'primary' | 'white' | 'onNeutral' | FeedbackColors;\n  /**\n   * Sets the label of the spinner.\n   *\n   * @default 'right'\n   */\n  label?: string;\n  /**\n   * Sets the label of the spinner.\n   *\n   */\n  labelPosition?: 'right' | 'bottom';\n  /**\n   * Sets the size of the spinner.\n   *\n   * @default 'medium'\n   */\n  size?: 'medium' | 'large' | 'xlarge';\n  /**\n   * Sets the aria-label for web & accessibilityLabel react-native.\n   *\n   */\n  accessibilityLabel: string;\n} & TestID &\n  StyledPropsBlade;\n\nconst getColor = ({ color, theme }: { color: BaseSpinnerProps['color']; theme: Theme }): string => {\n  if (color && color === 'white') {\n    return getIn(theme.colors, 'interactive.icon.staticWhite.subtle');\n  }\n  // `onNeutral` renders on a filled neutral surface, which inverts with the\n  // theme, so it tracks the surface instead of resolving to a static color.\n  if (color && color === 'onNeutral') {\n    return getIn(theme.colors, 'interactive.icon.onNeutral.normal');\n  }\n  if (color && color !== 'neutral') {\n    return getIn(theme.colors, `interactive.icon.${color}.subtle`);\n  }\n  return getIn(theme.colors, 'interactive.icon.gray.muted');\n};\n\nconst _BaseSpinner = (\n  {\n    label,\n    labelPosition = 'right',\n    accessibilityLabel,\n    color = 'neutral',\n    size = 'medium',\n    testID,\n    ...styledProps\n  }: BaseSpinnerProps,\n  ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n  const { theme } = useTheme();\n  return (\n    <BaseBox\n      ref={ref as never}\n      {...metaAttribute({ name: MetaConstants.Spinner, testID })}\n      {...getStyledProps(styledProps)}\n    >\n      <BaseBox\n        display=\"flex\"\n        alignItems=\"center\"\n        flexDirection={labelPosition === 'right' ? 'row' : 'column'}\n        {...makeAccessible({\n          label: accessibilityLabel,\n          role: 'progressbar',\n        })}\n      >\n        <SpinningBox>\n          <SpinnerIcon dimensions={makeSize(dimensions[size])} color={getColor({ color, theme })} />\n        </SpinningBox>\n        {label && label.trim().length > 0 ? (\n          <BaseBox\n            marginLeft={labelPosition === 'right' ? 'spacing.3' : 'spacing.0'}\n            marginTop={labelPosition === 'bottom' ? 'spacing.3' : 'spacing.0'}\n          >\n            <Text variant=\"body\" weight=\"regular\" size=\"small\" color=\"surface.text.gray.muted\">\n              {label}\n            </Text>\n          </BaseBox>\n        ) : null}\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nconst BaseSpinner = React.forwardRef(_BaseSpinner);\n\nexport type { BaseSpinnerProps };\nexport { BaseSpinner };\n"],"names":["getColor","_ref","color","theme","getIn","colors","concat","_BaseSpinner","_ref2","ref","label","_ref2$labelPosition","labelPosition","accessibilityLabel","_ref2$color","_ref2$size","size","testID","styledProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","_jsx","BaseBox","_objectSpread","metaAttribute","name","MetaConstants","Spinner","getStyledProps","children","_jsxs","display","alignItems","flexDirection","makeAccessible","role","SpinningBox","SpinnerIcon","dimensions","makeSize","trim","length","marginLeft","marginTop","Text","variant","weight","BaseSpinner","React","forwardRef"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Spinner.js","sources":["../../../../../../../src/components/Spinner/Spinner/Spinner.tsx"],"sourcesContent":["import React from 'react';\nimport { BaseSpinner } from '../BaseSpinner';\nimport type { BaseSpinnerProps } from '../BaseSpinner';\nimport type { BladeElementRef } from '~utils/types';\n\ntype SpinnerProps = BaseSpinnerProps & {\n  /**\n   * Sets the color of the spinner.\n   *\n   * @default 'default'\n   */\n  color?: 'primary' | 'neutral' | 'white';\n};\n\nconst _Spinner = (\n  {\n    label,\n    labelPosition,\n    accessibilityLabel,\n    color = 'neutral',\n    size = 'medium',\n    testID,\n    ...styledProps\n  }: SpinnerProps,\n  ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n  return (\n    <BaseSpinner\n      ref={ref as never}\n      label={label}\n      labelPosition={labelPosition}\n      accessibilityLabel={accessibilityLabel ?? label ?? 'Loading'}\n      color={color}\n      size={size}\n      testID={testID}\n      {...styledProps}\n    />\n  );\n};\n\nconst Spinner = React.forwardRef(_Spinner);\n\nexport type { SpinnerProps };\nexport { Spinner };\n"],"names":["_Spinner","_ref","ref","_ref2","label","labelPosition","accessibilityLabel","_ref$color","color","_ref$size","size","testID","styledProps","_objectWithoutProperties","_excluded","_jsx","BaseSpinner","_objectSpread","Spinner","React","forwardRef"],"mappings":";;;;;;;;;;AAcA,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAUZC,GAA+B,EACR;AAAA,EAAA,IAAAC,KAAA,CAAA;AAAA,EAAA,IATrBC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,aAAa,GAAAJ,IAAA,CAAbI,aAAa;IACbC,kBAAkB,GAAAL,IAAA,CAAlBK,kBAAkB;IAAAC,UAAA,GAAAN,IAAA,CAClBO,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,UAAA;IAAAE,SAAA,GAAAR,IAAA,CACjBS,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,SAAA;IACfE,MAAM,GAAAV,IAAA,CAANU,MAAM;AACHC,IAAAA,WAAW,GAAAC,wBAAA,CAAAZ,IAAA,EAAAa,SAAA,CAAA,CAAA;AAIhB,EAAA,oBACEC,GAAA,CAACC,WAAW,EAAAC,aAAA,CAAA;AACVf,IAAAA,GAAG,EAAEA,GAAa;AAClBE,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,kBAAkB,EAAAH,CAAAA,KAAA,GAAEG,kBAAkB,aAAlBA,kBAAkB,KAAA,KAAA,CAAA,GAAlBA,kBAAkB,GAAIF,KAAK,MAAAD,IAAAA,IAAAA,KAAA,KAAAA,KAAAA,CAAAA,GAAAA,KAAA,GAAI,SAAU;AAC7DK,IAAAA,KAAK,EAAEA,KAAM;AACbE,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,MAAM,EAAEA,MAAAA;GACJC,EAAAA,WAAW,CAChB,CAAC,CAAA;AAEN,CAAC,CAAA;AAED,IAAMM,OAAO,gBAAGC,cAAK,CAACC,UAAU,CAACpB,QAAQ;;;;"}
+{"version":3,"file":"Spinner.js","sources":["../../../../../../../src/components/Spinner/Spinner/Spinner.tsx"],"sourcesContent":["import React from 'react';\nimport { BaseSpinner } from '../BaseSpinner';\nimport type { BaseSpinnerProps } from '../BaseSpinner';\nimport type { BladeElementRef } from '~utils/types';\n\ntype SpinnerProps = BaseSpinnerProps & {\n  /**\n   * Sets the color of the spinner.\n   *\n   * @default 'default'\n   */\n  color?: 'primary' | 'neutral' | 'white' | 'onNeutral';\n};\n\nconst _Spinner = (\n  {\n    label,\n    labelPosition,\n    accessibilityLabel,\n    color = 'neutral',\n    size = 'medium',\n    testID,\n    ...styledProps\n  }: SpinnerProps,\n  ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n  return (\n    <BaseSpinner\n      ref={ref as never}\n      label={label}\n      labelPosition={labelPosition}\n      accessibilityLabel={accessibilityLabel ?? label ?? 'Loading'}\n      color={color}\n      size={size}\n      testID={testID}\n      {...styledProps}\n    />\n  );\n};\n\nconst Spinner = React.forwardRef(_Spinner);\n\nexport type { SpinnerProps };\nexport { Spinner };\n"],"names":["_Spinner","_ref","ref","_ref2","label","labelPosition","accessibilityLabel","_ref$color","color","_ref$size","size","testID","styledProps","_objectWithoutProperties","_excluded","_jsx","BaseSpinner","_objectSpread","Spinner","React","forwardRef"],"mappings":";;;;;;;;;;AAcA,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAUZC,GAA+B,EACR;AAAA,EAAA,IAAAC,KAAA,CAAA;AAAA,EAAA,IATrBC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,aAAa,GAAAJ,IAAA,CAAbI,aAAa;IACbC,kBAAkB,GAAAL,IAAA,CAAlBK,kBAAkB;IAAAC,UAAA,GAAAN,IAAA,CAClBO,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,UAAA;IAAAE,SAAA,GAAAR,IAAA,CACjBS,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,SAAA;IACfE,MAAM,GAAAV,IAAA,CAANU,MAAM;AACHC,IAAAA,WAAW,GAAAC,wBAAA,CAAAZ,IAAA,EAAAa,SAAA,CAAA,CAAA;AAIhB,EAAA,oBACEC,GAAA,CAACC,WAAW,EAAAC,aAAA,CAAA;AACVf,IAAAA,GAAG,EAAEA,GAAa;AAClBE,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,kBAAkB,EAAAH,CAAAA,KAAA,GAAEG,kBAAkB,aAAlBA,kBAAkB,KAAA,KAAA,CAAA,GAAlBA,kBAAkB,GAAIF,KAAK,MAAAD,IAAAA,IAAAA,KAAA,KAAAA,KAAAA,CAAAA,GAAAA,KAAA,GAAI,SAAU;AAC7DK,IAAAA,KAAK,EAAEA,KAAM;AACbE,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,MAAM,EAAEA,MAAAA;GACJC,EAAAA,WAAW,CAChB,CAAC,CAAA;AAEN,CAAC,CAAA;AAED,IAAMM,OAAO,gBAAGC,cAAK,CAACC,UAAU,CAACpB,QAAQ;;;;"}

package/build/types/components/index.d.ts

@@ -5053,7 +5053,7 @@ type BaseSpinnerProps = {
      *
      * @default 'default'
      */
-    color?: 'primary' | 'white' | FeedbackColors;
+    color?: 'primary' | 'white' | 'onNeutral' | FeedbackColors;
     /**
      * Sets the label of the spinner.
      *
@@ -5084,10 +5084,10 @@ type SpinnerProps = BaseSpinnerProps & {
      *
      * @default 'default'
      */
-    color?: 'primary' | 'neutral' | 'white';
+    color?: 'primary' | 'neutral' | 'white' | 'onNeutral';
 };
 declare const Spinner: React__default.ForwardRefExoticComponent<{
-    color?: FeedbackColors | "primary" | "white" | undefined;
+    color?: FeedbackColors | "primary" | "onNeutral" | "white" | undefined;
     label?: string | undefined;
     labelPosition?: "bottom" | "right" | undefined;
     size?: "medium" | "large" | "xlarge" | undefined;
@@ -5541,7 +5541,7 @@ declare const Spinner: React__default.ForwardRefExoticComponent<{
      *
      * @default 'default'
      */
-    color?: "neutral" | "primary" | "white" | undefined;
+    color?: "neutral" | "primary" | "onNeutral" | "white" | undefined;
 } & React__default.RefAttributes<BladeElementRef>>;
 
 type AriaRoles = Exclude<AccessibilityRole, 'header' | 'adjustable' | 'image' | 'none' | 'summary'> | 'alert' | 'alertdialog' | 'application' | 'article' | 'banner' | 'button' | 'cell' | 'checkbox' | 'columnheader' | 'combobox' | 'complementary' | 'contentinfo' | 'definition' | 'dialog' | 'directory' | 'document' | 'feed' | 'figure' | 'form' | 'grid' | 'gridcell' | 'group' | 'heading' | 'img' | 'link' | 'list' | 'listbox' | 'listitem' | 'log' | 'main' | 'marquee' | 'math' | 'menu' | 'menubar' | 'menuitem' | 'menuitemcheckbox' | 'menuitemradio' | 'meter' | 'navigation' | 'none' | 'note' | 'option' | 'presentation' | 'progressbar' | 'radio' | 'radiogroup' | 'region' | 'row' | 'rowgroup' | 'rowheader' | 'scrollbar' | 'search' | 'searchbox' | 'separator' | 'slider' | 'spinbutton' | 'status' | 'switch' | 'tab' | 'table' | 'tablist' | 'tabpanel' | 'term' | 'textbox' | 'timer' | 'toolbar' | 'tooltip' | 'tree' | 'treegrid' | 'treeitem';
@@ -5893,12 +5893,7 @@ type BaseButtonCommonProps = {
     isLoading?: boolean;
     accessibilityProps?: Partial<AccessibilityProps>;
     variant?: 'primary' | 'secondary' | 'tertiary';
-    color?: 'primary' | 'white' | 'positive' | 'negative' | 'notice' | 'information' | 'neutral' | 'transparent'
-    /**
-     * Only supported with `variant="primary"`. Consumed by FloatingActionButton
-     * and intentionally not exposed on `Button`.
-     */
-     | 'black';
+    color?: 'primary' | 'white' | 'positive' | 'negative' | 'notice' | 'information' | 'neutral' | 'transparent';
     /**
      * Overrides the size-derived border radius. Used by FloatingActionButton to
      * render a pill. `round` is excluded because a percentage radius distorts on
@@ -20624,7 +20619,7 @@ type FloatingActionButtonCommonProps = {
      *
      * @default 'primary'
      */
-    color?: 'primary' | 'white' | 'black';
+    color?: 'primary' | 'white' | 'neutral';
     /**
      * Corner of the viewport the button is anchored to.
      *

package/build/types/components/index.native.d.ts

@@ -4422,7 +4422,7 @@ type BaseSpinnerProps = {
      *
      * @default 'default'
      */
-    color?: 'primary' | 'white' | FeedbackColors;
+    color?: 'primary' | 'white' | 'onNeutral' | FeedbackColors;
     /**
      * Sets the label of the spinner.
      *
@@ -4453,10 +4453,10 @@ type SpinnerProps = BaseSpinnerProps & {
      *
      * @default 'default'
      */
-    color?: 'primary' | 'neutral' | 'white';
+    color?: 'primary' | 'neutral' | 'white' | 'onNeutral';
 };
 declare const Spinner: React__default.ForwardRefExoticComponent<{
-    color?: FeedbackColors | "primary" | "white" | undefined;
+    color?: FeedbackColors | "primary" | "onNeutral" | "white" | undefined;
     label?: string | undefined;
     labelPosition?: "bottom" | "right" | undefined;
     size?: "medium" | "large" | "xlarge" | undefined;
@@ -4784,7 +4784,7 @@ declare const Spinner: React__default.ForwardRefExoticComponent<{
      *
      * @default 'default'
      */
-    color?: "neutral" | "primary" | "white" | undefined;
+    color?: "neutral" | "primary" | "onNeutral" | "white" | undefined;
 } & React__default.RefAttributes<BladeElementRef>>;
 
 type AriaRoles = Exclude<AccessibilityRole, 'header' | 'adjustable' | 'image' | 'none' | 'summary'> | 'alert' | 'alertdialog' | 'application' | 'article' | 'banner' | 'button' | 'cell' | 'checkbox' | 'columnheader' | 'combobox' | 'complementary' | 'contentinfo' | 'definition' | 'dialog' | 'directory' | 'document' | 'feed' | 'figure' | 'form' | 'grid' | 'gridcell' | 'group' | 'heading' | 'img' | 'link' | 'list' | 'listbox' | 'listitem' | 'log' | 'main' | 'marquee' | 'math' | 'menu' | 'menubar' | 'menuitem' | 'menuitemcheckbox' | 'menuitemradio' | 'meter' | 'navigation' | 'none' | 'note' | 'option' | 'presentation' | 'progressbar' | 'radio' | 'radiogroup' | 'region' | 'row' | 'rowgroup' | 'rowheader' | 'scrollbar' | 'search' | 'searchbox' | 'separator' | 'slider' | 'spinbutton' | 'status' | 'switch' | 'tab' | 'table' | 'tablist' | 'tabpanel' | 'term' | 'textbox' | 'timer' | 'toolbar' | 'tooltip' | 'tree' | 'treegrid' | 'treeitem';
@@ -5136,12 +5136,7 @@ type BaseButtonCommonProps = {
     isLoading?: boolean;
     accessibilityProps?: Partial<AccessibilityProps>;
     variant?: 'primary' | 'secondary' | 'tertiary';
-    color?: 'primary' | 'white' | 'positive' | 'negative' | 'notice' | 'information' | 'neutral' | 'transparent'
-    /**
-     * Only supported with `variant="primary"`. Consumed by FloatingActionButton
-     * and intentionally not exposed on `Button`.
-     */
-     | 'black';
+    color?: 'primary' | 'white' | 'positive' | 'negative' | 'notice' | 'information' | 'neutral' | 'transparent';
     /**
      * Overrides the size-derived border radius. Used by FloatingActionButton to
      * render a pill. `round` is excluded because a percentage radius distorts on
@@ -16497,7 +16492,7 @@ type FloatingActionButtonCommonProps = {
      *
      * @default 'primary'
      */
-    color?: 'primary' | 'white' | 'black';
+    color?: 'primary' | 'white' | 'neutral';
     /**
      * Corner of the viewport the button is anchored to.
      *

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@razorpay/blade",
   "description": "The Design System that powers Razorpay",
-  "version": "12.120.0",
+  "version": "12.121.0",
   "license": "MIT",
   "engines": {
     "node": ">=20"