npm - @razorpay/blade - Versions diffs - 12.120.0 → 12.121.1 - Mend

@razorpay/blade 12.120.0 → 12.121.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (59) hide show

package/build/lib/native/components/Button/BaseButton/buttonTokens.js.map CHANGED Viewed

	@@ -1 +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","default","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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"}
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 } 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","default","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":";;;;;AAuBM,IAAAA,kBAAkB,CAAG,SAArBA,kBAAkBA,CAAIC,KAAiC,CAAK,CAChE,OAAO,CACLC,IAAI,CAAE,CACJC,OAAO,CAAE,CACPC,OAAO,CAAE,0BAA0BH,KAAK,CAAA,QAAA,CAAU,CAClDI,WAAW,CAAE,CAAA,uBAAA,EAA0BJ,KAAK,CAAc,YAAA,CAAA,CAC1DK,QAAQ,CAAE,CAA0BL,uBAAAA,EAAAA,KAAK,WAC3C,CAAC,CACDM,SAAS,CAAE,CACTH,OAAO,CAAE,iCAAiC,CAC1CC,WAAW,CAAE,iCAAiC,CAC9CC,QAAQ,CAAE,0CACZ,CAAC,CACDE,QAAQ,CAAE,CACRJ,OAAO,CAAE,iCAAiC,CAC1CC,WAAW,CAAE,iCAAiC,CAC9CC,QAAQ,CAAE,0CACZ,CAAC,CACDG,WAAW,CAAE,CACXL,OAAO,CAAE,aAAa,CACtBC,WAAW,CAAE,mCAAmC,CAChDC,QAAQ,CAAE,sCACZ,CACF,CAAC,CACDI,KAAK,CAAE,CACLP,OAAO,CAAE,CACPC,OAAO,CAAE,4CAA4C,CACrDC,WAAW,CAAE,gDAAgD,CAC7DC,QAAQ,CAAE,6CACZ,CAAC,CACDC,SAAS,CAAE,CACTH,OAAO,CAAE,0CAA0C,CACnDC,WAAW,CAAE,0CAA0C,CACvDC,QAAQ,CAAE,sCACZ,CAAC,CACDE,QAAQ,CAAE,CACRJ,OAAO,CAAE,0CAA0C,CACnDC,WAAW,CAAE,0CAA0C,CACvDC,QAAQ,CAAE,sCACZ,CACF,CACF,CAAC,CACH,EAeM,IAAAK,SAAS,CAAG,SAAZA,SAASA,CACbV,KAAiC,CAW9B,CACH,OAAO,CACLC,IAAI,CAAE,CACJC,OAAO,CAAE,CACPC,OAAO,CAAE,CACP,CAAEQ,CAAC,CAAE,CAAC,GAAG,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,CAAsBA,mBAAAA,EAAAA,KAAK,CAAe,YAAA,CAAA,CAAC,CACjF,CAAEW,CAAC,CAAE,CAAC,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,GAAG,CAAEb,KAAK,CAAE,CAAA,mBAAA,EAAsBA,KAAK,CAAW,QAAA,CAAA,CAAC,CAC5E,CAAEW,CAAC,CAAE,GAAG,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,sCAAuC,CAAC,CAC7E,CAAEW,CAAC,CAAE,CAAC,CAAC,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,sCAAuC,CAAC,CAC7E,CACDI,WAAW,CAAE,CACX,CAAEO,CAAC,CAAE,CAAC,GAAG,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,CAAA,mBAAA,EAAsBA,KAAK,CAAA,YAAA,CAAe,CAAC,CACjF,CAAEW,CAAC,CAAE,CAAC,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,GAAG,CAAEb,KAAK,CAAE,CAAA,mBAAA,EAAsBA,KAAK,CAAA,YAAA,CAAe,CAAC,CAChF,CAAEW,CAAC,CAAE,GAAG,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,sCAAuC,CAAC,CAC7E,CAAEW,CAAC,CAAE,CAAC,CAAC,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,sCAAuC,CAAC,CAC7E,CACDK,QAAQ,CAAE,EACZ,CAAC,CACDC,SAAS,CAAE,CACTH,OAAO,CAAE,CACP,CAAEQ,CAAC,CAAE,CAAC,CAAC,CAAEC,IAAI,CAAE,GAAG,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,iDAAkD,CAAC,CACzF,CAAEW,CAAC,CAAE,CAAC,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,iCAAkC,CAAC,CACtE,CAAEW,CAAC,CAAE,CAAC,GAAG,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,iCAAkC,CAAC,CAC1E,CACDI,WAAW,CAAE,CACX,CAAEO,CAAC,CAAE,CAAC,CAAC,CAAEC,IAAI,CAAE,GAAG,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,iDAAkD,CAAC,CACzF,CAAEW,CAAC,CAAE,CAAC,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,qCAAsC,CAAC,CAC1E,CAAEW,CAAC,CAAE,CAAC,GAAG,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,iCAAkC,CAAC,CAC1E,CACDK,QAAQ,CAAE,CAAC,CAAEM,CAAC,CAAE,CAAC,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,kCAAmC,CAAC,CACpF,CAAC,CACDO,QAAQ,CAAE,CACRJ,OAAO,CAAE,CACP,CAAEQ,CAAC,CAAE,CAAC,CAAC,CAAEC,IAAI,CAAE,GAAG,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,iDAAkD,CAAC,CACzF,CAAEW,CAAC,CAAE,CAAC,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,iCAAkC,CAAC,CACtE,CAAEW,CAAC,CAAE,CAAC,GAAG,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,iCAAkC,CAAC,CAC1E,CACDI,WAAW,CAAE,CACX,CAAEO,CAAC,CAAE,CAAC,CAAC,CAAEC,IAAI,CAAE,GAAG,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,iDAAkD,CAAC,CACzF,CAAEW,CAAC,CAAE,CAAC,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,qCAAsC,CAAC,CAC1E,CAAEW,CAAC,CAAE,CAAC,GAAG,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,iCAAkC,CAAC,CAC1E,CACDK,QAAQ,CAAE,CAAC,CAAEM,CAAC,CAAE,CAAC,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,kCAAmC,CAAC,CACpF,CAAC,CACDQ,WAAW,CAAE,CACXL,OAAO,CAAE,EAAE,CACXC,WAAW,CAAE,EAAE,CACfC,QAAQ,CAAE,EACZ,CACF,CAAC,CACDI,KAAK,CAAE,CACLP,OAAO,CAAE,CACPC,OAAO,CAAE,CACP,CAAEQ,CAAC,CAAE,CAAC,GAAG,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,iDAAkD,CAAC,CACzF,CACEW,CAAC,CAAE,CAAC,CACJC,IAAI,CAAE,CAAC,CACPC,MAAM,CAAE,GAAG,CACXb,KAAK,CAAE,iDACT,CAAC,CACF,CACDI,WAAW,CAAE,CACX,CAAEO,CAAC,CAAE,CAAC,GAAG,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,iDAAkD,CAAC,CACzF,CACEW,CAAC,CAAE,CAAC,CACJC,IAAI,CAAE,CAAC,CACPC,MAAM,CAAE,GAAG,CACXb,KAAK,CAAE,iDACT,CAAC,CACF,CACDK,QAAQ,CAAE,EACZ,CAAC,CACDC,SAAS,CAAE,CACTH,OAAO,CAAE,CACP,CAAEQ,CAAC,CAAE,CAAC,GAAG,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,iDAAkD,CAAC,CACzF,CAAEW,CAAC,CAAE,CAAC,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,4CAA6C,CAAC,CAClF,CACDI,WAAW,CAAE,CACX,CAAEO,CAAC,CAAE,CAAC,GAAG,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,iDAAkD,CAAC,CACzF,CAAEW,CAAC,CAAE,CAAC,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,4CAA6C,CAAC,CAClF,CACDK,QAAQ,CAAE,CAAC,CAAEM,CAAC,CAAE,CAAC,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,yCAA0C,CAAC,CAC3F,CAAC,CACDO,QAAQ,CAAE,CACRJ,OAAO,CAAE,CACP,CAAEQ,CAAC,CAAE,CAAC,GAAG,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,iDAAkD,CAAC,CACzF,CAAEW,CAAC,CAAE,CAAC,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,4CAA6C,CAAC,CAClF,CACDI,WAAW,CAAE,CACX,CAAEO,CAAC,CAAE,CAAC,GAAG,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,iDAAkD,CAAC,CACzF,CAAEW,CAAC,CAAE,CAAC,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,4CAA6C,CAAC,CAClF,CACDK,QAAQ,CAAE,CAAC,CAAEM,CAAC,CAAE,CAAC,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,yCAA0C,CAAC,CAC3F,CACF,CAAC,CACDc,OAAO,CAAE,CACPZ,OAAO,CAAE,CACPC,OAAO,CAAE,CACP,CAAEQ,CAAC,CAAE,CAAC,GAAG,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,4CAA6C,CAAC,CACpF,CAAEW,CAAC,CAAE,CAAC,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,GAAG,CAAEb,KAAK,CAAE,4CAA6C,CAAC,CACnF,CAAEW,CAAC,CAAE,GAAG,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,iDAAkD,CAAC,CACxF,CAAEW,CAAC,CAAE,CAAC,CAAC,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,iDAAkD,CAAC,CACxF,CACDI,WAAW,CAAE,CACX,CAAEO,CAAC,CAAE,CAAC,GAAG,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,4CAA6C,CAAC,CACpF,CAAEW,CAAC,CAAE,CAAC,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,GAAG,CAAEb,KAAK,CAAE,4CAA6C,CAAC,CACnF,CAAEW,CAAC,CAAE,GAAG,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,iDAAkD,CAAC,CACxF,CAAEW,CAAC,CAAE,CAAC,CAAC,CAAEC,IAAI,CAAE,CAAC,CAAEC,MAAM,CAAE,CAAC,CAAEb,KAAK,CAAE,iDAAkD,CAAC,CACxF,CACDK,QAAQ,CAAE,EACZ,CACF,CACF,CAAC,CACH,EAEM,IAAAU,SAAS,CAAG,SAAZA,SAASA,CAAIC,QAAyB,CAAK,CAC/C,OAAO,CACLf,IAAI,CAAE,CACJC,OAAO,CAAE,CACPC,OAAO,CAAE,CAAea,YAAAA,EAAAA,QAAQ,mBAAmB,CACnDZ,WAAW,CAAE,CAAA,YAAA,EAAeY,QAAQ,CAAA,iBAAA,CAAmB,CACvDX,QAAQ,CAAE,CAAeW,YAAAA,EAAAA,QAAQ,CACnC,iBAAA,CAAA,CAAC,CACDV,SAAS,CAAE,CACTH,OAAO,CAAE,CAAA,YAAA,EAAea,QAAQ,CAAc,YAAA,CAAA,CAC9CZ,WAAW,CAAE,CAAeY,YAAAA,EAAAA,QAAQ,cAAc,CAClDX,QAAQ,CAAE,CAAA,YAAA,EAAeW,QAAQ,CAAA,cAAA,CACnC,CAAC,CACDT,QAAQ,CAAE,CACRJ,OAAO,CAAE,eAAea,QAAQ,CAAA,YAAA,CAAc,CAC9CZ,WAAW,CAAE,CAAA,YAAA,EAAeY,QAAQ,CAAA,YAAA,CAAc,CAClDX,QAAQ,CAAE,CAAA,YAAA,EAAeW,QAAQ,CAAA,cAAA,CACnC,CACF,CAAC,CACDP,KAAK,CAAE,CACLP,OAAO,CAAE,CACPC,OAAO,CAAE,CAAA,YAAA,EAAea,QAAQ,CAAA,kBAAA,CAAoB,CACpDZ,WAAW,CAAE,CAAeY,YAAAA,EAAAA,QAAQ,CAAoB,kBAAA,CAAA,CACxDX,QAAQ,CAAE,CAAeW,YAAAA,EAAAA,QAAQ,CACnC,qBAAA,CAAA,CAAC,CACDV,SAAS,CAAE,CACTH,OAAO,CAAE,CAAA,YAAA,EAAea,QAAQ,CAAA,mBAAA,CAAqB,CACrDZ,WAAW,CAAE,CAAeY,YAAAA,EAAAA,QAAQ,CAAqB,mBAAA,CAAA,CACzDX,QAAQ,CAAE,CAAA,YAAA,EAAeW,QAAQ,CAAA,qBAAA,CACnC,CAAC,CACDT,QAAQ,CAAE,CACRJ,OAAO,CAAE,CAAA,YAAA,EAAea,QAAQ,CAAA,mBAAA,CAAqB,CACrDZ,WAAW,CAAE,CAAeY,YAAAA,EAAAA,QAAQ,CAAqB,mBAAA,CAAA,CACzDX,QAAQ,CAAE,CAAA,YAAA,EAAeW,QAAQ,CAAA,qBAAA,CACnC,CACF,CAAC,CACDF,OAAO,CAAE,CACPZ,OAAO,CAAE,CACPC,OAAO,CAAE,CAAA,YAAA,EAAea,QAAQ,CAAA,iBAAA,CAAmB,CACnDZ,WAAW,CAAE,CAAeY,YAAAA,EAAAA,QAAQ,CAAmB,iBAAA,CAAA,CACvDX,QAAQ,CAAE,eAAeW,QAAQ,CAAA,mBAAA,CACnC,CACF,CAAC,CACDR,WAAW,CAAE,CACXD,QAAQ,CAAE,CACRJ,OAAO,CAAEa,QAAQ,GAAK,MAAM,CAAG,6BAA6B,CAAG,0BAA0B,CACzFZ,WAAW,CACTY,QAAQ,GAAK,MAAM,CAAG,8BAA8B,CAAG,0BAA0B,CACnFX,QAAQ,CAAE,CAAeW,YAAAA,EAAAA,QAAQ,gBACnC,CACF,CAAC,CAEDhB,KAAK,CAAE,SAAPA,KAAKA,CAAGA,MAAqB,CAAK,CAChC,OAAO,CACLE,OAAO,CAAE,CACPC,OAAO,CAAE,CAAea,YAAAA,EAAAA,QAAQ,qBAAqB,CACrDZ,WAAW,CAAE,CAAA,YAAA,EAAeY,QAAQ,CAAA,mBAAA,CAAqB,CACzDX,QAAQ,CAAE,CAAeW,YAAAA,EAAAA,QAAQ,CAAIhB,CAAAA,EAAAA,MAAK,CAC5C,SAAA,CAAA,CAAC,CACDM,SAAS,CAAE,CACTH,OAAO,CAAE,eAAea,QAAQ,CAAA,CAAA,EAAIhB,MAAK,CAAA,OAAA,CAAS,CAClDI,WAAW,CAAE,CAAeY,YAAAA,EAAAA,QAAQ,CAAIhB,CAAAA,EAAAA,MAAK,CAAS,OAAA,CAAA,CACtDK,QAAQ,CAAE,CAAA,YAAA,EAAeW,QAAQ,CAAA,CAAA,EAAIhB,MAAK,CAAA,SAAA,CAC5C,CACF,CAAC,CACH,CACF,CAAC,CACH,EAEM,IAAAiB,UAA4B,CAAG,CACnCC,KAAK,CAAE,CACLC,IAAI,CAAE,CACJC,MAAM,CAAE,EAAE,CACVC,KAAK,CAAE,EAAE,CACTC,MAAM,CAAE,GAAG,CACXC,KAAK,CAAE,GACT,CACF,CAAC,CACDC,WAAW,CAAE,CACXJ,MAAM,CAAE,EAAE,CACVC,KAAK,CAAE,EAAE,CACTC,MAAM,CAAE,GAAG,CACXC,KAAK,CAAE,GACT,CACF,EAEM,IAAAE,SAAwE,CAAG,CAC/EL,MAAM,CAAED,IAAI,CAAC,EAAE,CAAC,CAChBE,KAAK,CAAEF,IAAI,CAAC,EAAE,CAAC,CACfG,MAAM,CAAEH,IAAI,CAAC,EAAE,CAAC,CAChBI,KAAK,CAAEJ,IAAI,CAAC,EAAE,CAChB,EAEM,IAAAO,aAGL,CAAG,CACFN,MAAM,CAAE,CACNO,GAAG,CAAE,CAAC,CACNC,MAAM,CAAE,CAAC,CACTC,IAAI,CAAE,CAAC,CACPC,KAAK,CAAE,CACT,CAAC,CACDT,KAAK,CAAE,CACLM,GAAG,CAAE,CAAC,CACNC,MAAM,CAAE,CAAC,CACTC,IAAI,CAAE,CAAC,CACPC,KAAK,CAAE,CACT,CAAC,CACDR,MAAM,CAAE,CACNK,GAAG,CAAE,CAAC,CACNC,MAAM,CAAE,CAAC,CACTC,IAAI,CAAE,CAAC,CACPC,KAAK,CAAE,CACT,CAAC,CACDP,KAAK,CAAE,CACLI,GAAG,CAAE,CAAC,CACNC,MAAM,CAAE,CAAC,CACTC,IAAI,CAAE,CAAC,CACPC,KAAK,CAAE,CACT,CACF,EAEM,IAAAC,kBAAkB,CAAG,CACzBX,MAAM,CAAE,OAAO,CACfC,KAAK,CAAE,OAAO,CACdC,MAAM,CAAE,OAAO,CACfC,KAAK,CAAE,QACT,EAEM,IAAAS,yBAAyB,CAAG,CAChCZ,MAAM,CAAEa,QAAQ,CAACd,IAAI,CAAC,IAAI,CAAC,CAAC,CAC5BE,KAAK,CAAEY,QAAQ,CAACd,IAAI,CAAC,IAAI,CAAC,CAAC,CAC3BG,MAAM,CAAEW,QAAQ,CAACd,IAAI,CAAC,IAAI,CAAC,CAAC,CAC5BI,KAAK,CAAEU,QAAQ,CAACd,IAAI,CAAC,IAAI,CAAC,CAC5B,EAEM,IAAAe,uBAA+E,CAAG,CACtFd,MAAM,CAAE,OAAO,CACfC,KAAK,CAAE,OAAO,CACdC,MAAM,CAAE,QAAQ,CAChBC,KAAK,CAAE,QACT,EAEM,IAAAY,+BAAuF,CAAG,CAC9Ff,MAAM,CAAE,QAAQ,CAChBC,KAAK,CAAE,QAAQ,CACfC,MAAM,CAAE,QAAQ,CAChBC,KAAK,CAAE,QACT,EAEM,IAAAa,0BAGL,CAAG,CACFhB,MAAM,CAAE,QAAQ,CAChBC,KAAK,CAAE,QAAQ,CACfC,MAAM,CAAE,QAAQ,CAChBC,KAAK,CAAE,OACT,EAKM,IAAAc,YAAY,CAAG,CACnBpC,IAAI,CAAE,CACJC,OAAO,CAAE,SAAS,CAClBI,SAAS,CAAE,SAAS,CACpBC,QAAQ,CAAE,SAAS,CACnBC,WAAW,CAAE,SACf,CAAC,CACDC,KAAK,CAAE,CACLP,OAAO,CAAE,OAAO,CAChBI,SAAS,CAAE,OAAO,CAClBC,QAAQ,CAAE,OACZ,CAAC,CACD+B,QAAQ,CAAE,CACRpC,OAAO,CAAE,UAAU,CACnBI,SAAS,CAAE,UACb,CAAC,CACDiC,QAAQ,CAAE,CACRrC,OAAO,CAAE,UAAU,CACnBI,SAAS,CAAE,UACb,CAAC,CACDkC,MAAM,CAAE,CACNtC,OAAO,CAAE,QAAQ,CACjBI,SAAS,CAAE,QACb,CAAC,CACDmC,WAAW,CAAE,CACXvC,OAAO,CAAE,aAAa,CACtBI,SAAS,CAAE,aACb,CAAC,CACDQ,OAAO,CAAE,CAGPZ,OAAO,CAAE,WAAW,CACpBI,SAAS,CAAE,SACb,CACF;;;;"}

package/build/lib/native/components/FloatingActionButton/FloatingActionButton.js CHANGED Viewed

@@ -8,7 +8,7 @@ import { jsx } from 'react/jsx-runtime';
 import BaseButton from '../Button/BaseButton/BaseButton.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
-var _excluded=["children","icon","color","placement","offset","zIndex","isDisabled","isLoading","href","target","rel","type","accessibilityLabel","onClick","onBlur","onFocus","onMouseLeave","onMouseMove","onMouseDown","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd","testID"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/FloatingActionButton/FloatingActionButton.tsx";var colorToSpinnerColor={primary:'white',black:'white',white:'neutral'};var _FloatingActionButton=function _FloatingActionButton(_ref,ref){var children=_ref.children,icon=_ref.icon,_ref$color=_ref.color,color=_ref$color===void 0?'primary':_ref$color,_ref$placement=_ref.placement,placement=_ref$placement===void 0?'bottom-end':_ref$placement,_ref$offset=_ref.offset,offset=_ref$offset===void 0?'spacing.5':_ref$offset,_ref$zIndex=_ref.zIndex,zIndex=_ref$zIndex===void 0?componentZIndices.fab:_ref$zIndex,_ref$isDisabled=_ref.isDisabled,isDisabled=_ref$isDisabled===void 0?false:_ref$isDisabled,_ref$isLoading=_ref.isLoading,isLoading=_ref$isLoading===void 0?false:_ref$isLoading,href=_ref.href,target=_ref.target,rel=_ref.rel,_ref$type=_ref.type,type=_ref$type===void 0?'button':_ref$type,accessibilityLabel=_ref.accessibilityLabel,onClick=_ref.onClick,onBlur=_ref.onBlur,onFocus=_ref.onFocus,onMouseLeave=_ref.onMouseLeave,onMouseMove=_ref.onMouseMove,onMouseDown=_ref.onMouseDown,onPointerDown=_ref.onPointerDown,onPointerEnter=_ref.onPointerEnter,onTouchStart=_ref.onTouchStart,onTouchEnd=_ref.onTouchEnd,testID=_ref.testID,rest=_objectWithoutProperties(_ref,_excluded);return jsx(FloatingActionButtonContainer,Object.assign({placement:placement,offset:offset,zIndex:zIndex,testID:testID},rest,{children:jsx(BaseButton,{ref:ref,icon:icon,variant:"primary",color:color,size:"large",_borderRadius:"max",_iconSize:"xlarge",_spinnerColor:colorToSpinnerColor[color],accessibilityProps:{label:accessibilityLabel},href:href,target:target,rel:rel,type:type,isDisabled:isDisabled,isLoading:isLoading,onClick:onClick,onBlur:onBlur,onFocus:onFocus,onMouseLeave:onMouseLeave,onMouseMove:onMouseMove,onMouseDown:onMouseDown,onPointerDown:onPointerDown,onPointerEnter:onPointerEnter,onTouchStart:onTouchStart,onTouchEnd:onTouchEnd,children:children})}));};var FloatingActionButton=assignWithoutSideEffects(React__default.forwardRef(_FloatingActionButton),{displayName:'FloatingActionButton',componentId:'FloatingActionButton'});
+var _excluded=["children","icon","color","placement","offset","zIndex","isDisabled","isLoading","href","target","rel","type","accessibilityLabel","onClick","onBlur","onFocus","onMouseLeave","onMouseMove","onMouseDown","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd","testID"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/FloatingActionButton/FloatingActionButton.tsx";var colorToSpinnerColor={primary:'white',neutral:'onNeutral',white:'neutral'};var _FloatingActionButton=function _FloatingActionButton(_ref,ref){var children=_ref.children,icon=_ref.icon,_ref$color=_ref.color,color=_ref$color===void 0?'primary':_ref$color,_ref$placement=_ref.placement,placement=_ref$placement===void 0?'bottom-end':_ref$placement,_ref$offset=_ref.offset,offset=_ref$offset===void 0?'spacing.5':_ref$offset,_ref$zIndex=_ref.zIndex,zIndex=_ref$zIndex===void 0?componentZIndices.fab:_ref$zIndex,_ref$isDisabled=_ref.isDisabled,isDisabled=_ref$isDisabled===void 0?false:_ref$isDisabled,_ref$isLoading=_ref.isLoading,isLoading=_ref$isLoading===void 0?false:_ref$isLoading,href=_ref.href,target=_ref.target,rel=_ref.rel,_ref$type=_ref.type,type=_ref$type===void 0?'button':_ref$type,accessibilityLabel=_ref.accessibilityLabel,onClick=_ref.onClick,onBlur=_ref.onBlur,onFocus=_ref.onFocus,onMouseLeave=_ref.onMouseLeave,onMouseMove=_ref.onMouseMove,onMouseDown=_ref.onMouseDown,onPointerDown=_ref.onPointerDown,onPointerEnter=_ref.onPointerEnter,onTouchStart=_ref.onTouchStart,onTouchEnd=_ref.onTouchEnd,testID=_ref.testID,rest=_objectWithoutProperties(_ref,_excluded);return jsx(FloatingActionButtonContainer,Object.assign({placement:placement,offset:offset,zIndex:zIndex,testID:testID},rest,{children:jsx(BaseButton,{ref:ref,icon:icon,variant:"primary",color:color,size:"large",_borderRadius:"max",_iconSize:"xlarge",_spinnerColor:colorToSpinnerColor[color],accessibilityProps:{label:accessibilityLabel},href:href,target:target,rel:rel,type:type,isDisabled:isDisabled,isLoading:isLoading,onClick:onClick,onBlur:onBlur,onFocus:onFocus,onMouseLeave:onMouseLeave,onMouseMove:onMouseMove,onMouseDown:onMouseDown,onPointerDown:onPointerDown,onPointerEnter:onPointerEnter,onTouchStart:onTouchStart,onTouchEnd:onTouchEnd,children:children})}));};var FloatingActionButton=assignWithoutSideEffects(React__default.forwardRef(_FloatingActionButton),{displayName:'FloatingActionButton',componentId:'FloatingActionButton'});
 export { FloatingActionButton };
 //# sourceMappingURL=FloatingActionButton.js.map

package/build/lib/native/components/FloatingActionButton/FloatingActionButton.js.map CHANGED Viewed

	@@ -1 +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","Object","assign","BaseButton","variant","size","_borderRadius","_iconSize","_spinnerColor","accessibilityProps","label","FloatingActionButton","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":";;;;;;;;;;8aAYA,IAAMA,mBAAmB,CAAG,CAC1BC,OAAO,CAAE,OAAO,CAChBC,~~KAAK~~,CAAE,~~OAAO~~,~~CACdC~~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"}
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 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","Object","assign","BaseButton","variant","size","_borderRadius","_iconSize","_spinnerColor","accessibilityProps","label","FloatingActionButton","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":"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"}

package/build/lib/native/components/Input/ColorInput/ColorSwatch.native.js CHANGED Viewed

@@ -7,8 +7,9 @@ import { padHexForPicker } from './ColorInput.utils.js';
 import { jsx } from 'react/jsx-runtime';
 import { size } from '../../../tokens/global/size.js';
 import useTheme from '../../BladeProvider/useTheme.js';
+import { opacity } from '../../../tokens/global/opacity.js';
-var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Input/ColorInput/ColorSwatch.native.tsx";var swatchSizeTokens={xsmall:size['20'],small:size['24'],medium:size['28'],large:size['40']};var ColorSwatch=function ColorSwatch(_ref){var color=_ref.color,inputSize=_ref.size,isDisabled=_ref.isDisabled,_onChange=_ref.onChange,onPress=_ref.onPress;var dimension=swatchSizeTokens[inputSize];var _useTheme=useTheme(),theme=_useTheme.theme;var borderColor=getIn(theme.colors,'interactive.border.gray.default');var handlePress=function handlePress(){onPress==null?void 0:onPress();if(__DEV__){console.warn('[Blade ColorInput]: Native color picker is not supported. The swatch is display-only on React Native.');}};return jsx(Pressable,{onPress:handlePress,disabled:isDisabled,children:jsx(View,{style:{width:dimension,height:dimension,backgroundColor:padHexForPicker(color),borderRadius:theme.border.radius.xsmall,borderWidth:theme.border.width.thin,borderColor:borderColor,opacity:isDisabled?0.5:1}})});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Input/ColorInput/ColorSwatch.native.tsx";var swatchSizeTokens={xsmall:size['16'],small:size['16'],medium:size['20'],large:size['24']};var swatchLeftPaddingTokens={xsmall:2,small:2,medium:2,large:3};var ColorSwatch=function ColorSwatch(_ref){var color=_ref.color,inputSize=_ref.size,isDisabled=_ref.isDisabled,_onChange=_ref.onChange,onPress=_ref.onPress;var dimension=swatchSizeTokens[inputSize];var _useTheme=useTheme(),theme=_useTheme.theme;var borderColor=getIn(theme.colors,'interactive.border.gray.default');var handlePress=function handlePress(){onPress==null?void 0:onPress();if(__DEV__){console.warn('[Blade ColorInput]: Native color picker is not supported. The swatch is display-only on React Native.');}};return jsx(Pressable,{onPress:handlePress,disabled:isDisabled,style:{paddingLeft:theme.spacing[swatchLeftPaddingTokens[inputSize]]},children:jsx(View,{style:{width:dimension,height:dimension,backgroundColor:padHexForPicker(color),borderRadius:theme.border.radius.xsmall,borderWidth:theme.border.width.thin,borderColor:borderColor,opacity:isDisabled?opacity['500']:1}})});};
 export { ColorSwatch };
 //# sourceMappingURL=ColorSwatch.native.js.map

package/build/lib/native/components/Input/ColorInput/ColorSwatch.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ColorSwatch.native.js","sources":["../../../../../../src/components/Input/ColorInput/ColorSwatch.native.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable, View } from 'react-native';\nimport type { BaseInputProps } from '~components/Input/BaseInput';\nimport { useTheme } from '~components/BladeProvider';\nimport { size } from '~tokens/global';\nimport getIn from '~utils/lodashButBetter/get';\nimport { padHexForPicker } from './ColorInput.utils';\n\ntype ColorSwatchProps = {\n color: string;\n size: NonNullable<BaseInputProps['size']>;\n isDisabled?: boolean;\n // eslint-disable-next-line react/no-unused-prop-types -- kept for API consistency with web; native picker not supported\n onChange: (hex: string) => void;\n onPress?: () => void;\n};\n\nconst swatchSizeTokens = {\n xsmall: size['20'],\n small: size['24'],\n medium: size['28'],\n large: size['40'],\n} as const;\n\nconst ColorSwatch = ({\n color,\n size: inputSize,\n isDisabled,\n onChange: _onChange,\n onPress,\n}: ColorSwatchProps): React.ReactElement => {\n const dimension = swatchSizeTokens[inputSize];\n const { theme } = useTheme();\n const borderColor = getIn(theme.colors, 'interactive.border.gray.default');\n\n const handlePress = (): void => {\n onPress?.();\n if (__DEV__) {\n console.warn(\n '[Blade ColorInput]: Native color picker is not supported. The swatch is display-only on React Native.',\n );\n }\n };\n\n return (\n <Pressable onPress={handlePress} disabled={isDisabled}>\n <View\n style={{\n width: dimension,\n height: dimension,\n backgroundColor: padHexForPicker(color),\n borderRadius: theme.border.radius.xsmall,\n borderWidth: theme.border.width.thin,\n borderColor,\n opacity: isDisabled ? ~~0.5~~ : 1,\n }}\n />\n </Pressable>\n );\n};\n\nexport { ColorSwatch };\n"],"names":["swatchSizeTokens","xsmall","size","small","medium","large","ColorSwatch","_ref","color","inputSize","isDisabled","_onChange","onChange","onPress","dimension","_useTheme","useTheme","theme","borderColor","getIn","colors","handlePress","__DEV__","console","warn","_jsx","Pressable","disabled","~~children~~","~~View~~","~~style~~","width","height","backgroundColor","padHexForPicker","borderRadius","border","radius","borderWidth","thin","opacity"],"mappings":"~~;;;;;;;;;;uIAiBA~~,~~IAAMA~~,gBAAgB,CAAG,CACvBC,MAAM,CAAEC,IAAI,CAAC,IAAI,CAAC,CAClBC,KAAK,CAAED,IAAI,CAAC,IAAI,CAAC,CACjBE,MAAM,CAAEF,IAAI,CAAC,IAAI,CAAC,CAClBG,KAAK,CAAEH,IAAI,CAAC,IAAI,CAClB,CAAU,CAEJ,~~IAAAI~~,WAAW,CAAG,SAAdA,WAAWA,CAAAC,IAAA,CAM2B,~~CAL1C~~,~~IAAAC~~,KAAK,CAAAD,IAAA,CAALC,KAAK,CACCC,SAAS,CAAAF,IAAA,~~CAAfL~~,IAAI,~~CACJQ~~,UAAU,CAAAH,IAAA,CAAVG,UAAU,CACAC,SAAS,CAAAJ,IAAA,CAAnBK,QAAQ,CACRC,OAAO,CAAAN,IAAA,CAAPM,OAAO,CAEP,IAAMC,SAAS,~~CAAGd~~,gBAAgB,~~CAACS~~,SAAS,CAAC,CAC7C,IAAAM,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CACb,IAAMC,WAAW,CAAGC,KAAK,CAACF,KAAK,CAACG,MAAM,CAAE,iCAAiC,CAAC,CAE1E,IAAMC,WAAW,CAAG,SAAdA,WAAWA,EAAe,CAC9BR,OAAO,~~EAAA~~,~~IAAA~~,~~CAAA~~,~~KAAA~~,~~CAAA~~,~~CAAPA~~,OAAO,EAAI,CACX,GAAIS,OAAO,CAAE,CACXC,OAAO,CAACC,IAAI,CACV,uGACF,CAAC,CACH,CACF,CAAC,CAED,OACEC,GAAA,CAACC,SAAS,CAAA,~~CAACb~~,OAAO,CAAEQ,WAAY,~~CAACM~~,QAAQ,CAAEjB,UAAW,~~CAAAkB~~,QAAA,~~CACpDH~~,GAAA,~~CAACI~~,IAAI,CAAA,~~CACHC~~,KAAK,CAAE,~~CACLC~~,KAAK,~~CAAEjB~~,SAAS,~~CAChBkB~~,MAAM,~~CAAElB~~,SAAS,~~CACjBmB~~,eAAe,CAAEC,eAAe,~~CAAC1B~~,KAAK,CAAC,~~CACvC2B~~,YAAY,~~CAAElB~~,KAAK,~~CAACmB~~,MAAM,CAACC,MAAM,~~CAACpC~~,MAAM,~~CACxCqC~~,WAAW,~~CAAErB~~,KAAK,~~CAACmB~~,MAAM,CAACL,KAAK,CAACQ,IAAI,~~CACpCrB~~,WAAW,CAAXA,WAAW,~~CACXsB~~,OAAO,~~CAAE9B~~,UAAU,~~CAAG~~,~~GAAG~~,CAAG,~~CAC9B~~,CAAE,CACH,CAAC,CACO,CAAC,CAEhB;;;;"}
1	+ {"version":3,"file":"ColorSwatch.native.js","sources":["../../../../../../src/components/Input/ColorInput/ColorSwatch.native.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable, View } from 'react-native';\nimport type { BaseInputProps } from '~components/Input/BaseInput';\nimport { useTheme } from '~components/BladeProvider';\nimport { opacity, size } from '~tokens/global';\nimport getIn from '~utils/lodashButBetter/get';\nimport { padHexForPicker } from './ColorInput.utils';\n\ntype ColorSwatchProps = {\n color: string;\n size: NonNullable<BaseInputProps['size']>;\n isDisabled?: boolean;\n // eslint-disable-next-line react/no-unused-prop-types -- kept for API consistency with web; native picker not supported\n onChange: (hex: string) => void;\n onPress?: () => void;\n};\n\nconst swatchSizeTokens = {\n xsmall: size['16'],\n small: size['16'],\n medium: size['20'],\n large: size['24'],\n} as const;\n\n/*\n BaseInput insets the leading interaction element by spacing.2 (4px). The spec places the\n * swatch 8px from the field edge, and 12px at large, so make up the difference here.\n */\nconst swatchLeftPaddingTokens = {\n xsmall: 2,\n small: 2,\n medium: 2,\n large: 3,\n} as const;\n\nconst ColorSwatch = ({\n color,\n size: inputSize,\n isDisabled,\n onChange: _onChange,\n onPress,\n}: ColorSwatchProps): React.ReactElement => {\n const dimension = swatchSizeTokens[inputSize];\n const { theme } = useTheme();\n const borderColor = getIn(theme.colors, 'interactive.border.gray.default');\n\n const handlePress = (): void => {\n onPress?.();\n if (__DEV__) {\n console.warn(\n '[Blade ColorInput]: Native color picker is not supported. The swatch is display-only on React Native.',\n );\n }\n };\n\n return (\n <Pressable\n onPress={handlePress}\n disabled={isDisabled}\n style={{ paddingLeft: theme.spacing[swatchLeftPaddingTokens[inputSize]] }}\n >\n <View\n style={{\n width: dimension,\n height: dimension,\n backgroundColor: padHexForPicker(color),\n borderRadius: theme.border.radius.xsmall,\n borderWidth: theme.border.width.thin,\n borderColor,\n opacity: isDisabled ? opacity['500'] : 1,\n }}\n />\n </Pressable>\n );\n};\n\nexport { ColorSwatch };\n"],"names":["this","swatchSizeTokens","xsmall","size","small","medium","large","swatchLeftPaddingTokens","ColorSwatch","_ref","color","inputSize","isDisabled","_onChange","onChange","onPress","dimension","_useTheme","useTheme","theme","borderColor","getIn","colors","handlePress","__DEV__","console","warn","_jsx","Pressable","disabled","style","paddingLeft","spacing","children","View","width","height","backgroundColor","padHexForPicker","borderRadius","border","radius","borderWidth","thin","opacity"],"mappings":";;;;;;;;;;;AAAA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,qGAAA,CAiBA,IAAMC,gBAAgB,CAAG,CACvBC,MAAM,CAAEC,IAAI,CAAC,IAAI,CAAC,CAClBC,KAAK,CAAED,IAAI,CAAC,IAAI,CAAC,CACjBE,MAAM,CAAEF,IAAI,CAAC,IAAI,CAAC,CAClBG,KAAK,CAAEH,IAAI,CAAC,IAAI,CAClB,CAAU,CAMV,IAAMI,uBAAuB,CAAG,CAC9BL,MAAM,CAAE,CAAC,CACTE,KAAK,CAAE,CAAC,CACRC,MAAM,CAAE,CAAC,CACTC,KAAK,CAAE,CACT,CAAU,CAEJ,IAAAE,WAAW,CAAG,SAAdA,WAAWA,CAAAC,IAAA,CAM2B,CAAA,IAL1CC,KAAK,CAAAD,IAAA,CAALC,KAAK,CACCC,SAAS,CAAAF,IAAA,CAAfN,IAAI,CACJS,UAAU,CAAAH,IAAA,CAAVG,UAAU,CACAC,SAAS,CAAAJ,IAAA,CAAnBK,QAAQ,CACRC,OAAO,CAAAN,IAAA,CAAPM,OAAO,CAEP,IAAMC,SAAS,CAAGf,gBAAgB,CAACU,SAAS,CAAC,CAC7C,IAAAM,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CACb,IAAMC,WAAW,CAAGC,KAAK,CAACF,KAAK,CAACG,MAAM,CAAE,iCAAiC,CAAC,CAE1E,IAAMC,WAAW,CAAG,SAAdA,WAAWA,EAAe,CAC9BR,OAAO,EAAPA,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,OAAO,EAAI,CACX,GAAIS,OAAO,CAAE,CACXC,OAAO,CAACC,IAAI,CACV,uGACF,CAAC,CACH,CACF,CAAC,CAED,OACEC,GAAA,CAACC,SAAS,CAAA,CACRb,OAAO,CAAEQ,WAAY,CACrBM,QAAQ,CAAEjB,UAAW,CACrBkB,KAAK,CAAE,CAAEC,WAAW,CAAEZ,KAAK,CAACa,OAAO,CAACzB,uBAAuB,CAACI,SAAS,CAAC,CAAE,CAAE,CAAAsB,QAAA,CAE1EN,GAAA,CAACO,IAAI,CAAA,CACHJ,KAAK,CAAE,CACLK,KAAK,CAAEnB,SAAS,CAChBoB,MAAM,CAAEpB,SAAS,CACjBqB,eAAe,CAAEC,eAAe,CAAC5B,KAAK,CAAC,CACvC6B,YAAY,CAAEpB,KAAK,CAACqB,MAAM,CAACC,MAAM,CAACvC,MAAM,CACxCwC,WAAW,CAAEvB,KAAK,CAACqB,MAAM,CAACL,KAAK,CAACQ,IAAI,CACpCvB,WAAW,CAAXA,WAAW,CACXwB,OAAO,CAAEhC,UAAU,CAAGgC,OAAO,CAAC,KAAK,CAAC,CAAG,CACzC,CAAE,CACH,CAAC,CACO,CAAC,CAEhB;;;;"}

package/build/lib/native/components/Input/OTPInput/OTPInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OTPInput.js","sources":["../../../../../../src/components/Input/OTPInput/OTPInput.tsx"],"sourcesContent":["import React, { useEffect, useImperativeHandle, useState } from 'react';\nimport type { BaseInputProps } from '../BaseInput';\nimport { BaseInput } from '../BaseInput';\nimport { getHintType } from '../BaseInput/BaseInput';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport type { FormInputOnEvent } from '~components/Form';\nimport { FormHint, FormLabel } from '~components/Form';\nimport { useFormId } from '~components/Form/useFormId';\nimport type { FormInputOnKeyDownEvent } from '~components/Form/FormTypes';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { getPlatformType } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { makeSize } from '~utils/makeSize';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype FormInputOnEventWithIndex = ({\n name,\n value,\n inputIndex,\n}: {\n name?: string;\n value?: string;\n inputIndex: number;\n}) => void;\n\nexport type OTPInputCommonProps = Pick<\n BaseInputProps,\n \| 'label'\n \| 'accessibilityLabel'\n \| 'labelPosition'\n \| 'labelSuffix'\n \| 'labelTrailing'\n \| 'validationState'\n \| 'helpText'\n \| 'errorText'\n \| 'successText'\n \| 'name'\n \| 'onChange'\n \| 'value'\n \| 'isDisabled'\n \| 'autoFocus'\n \| 'keyboardReturnKeyType'\n \| 'keyboardType'\n \| 'placeholder'\n \| 'testID'\n \| 'size'\n \| keyof DataAnalyticsAttribute\n> & {\n /*\n Determines the number of input fields to show for the OTP\n * @default 6\n /\n otpLength?: 4 \| 6;\n /\n The callback function to be invoked when all the values of the OTPInput are filled\n /\n onOTPFilled?: FormInputOnEvent;\n /\n Masks input characters in all the fields\n /\n isMasked?: boolean;\n /\n Determines what autoComplete suggestion type to show. Defaults to `oneTimeCode`.\n \n It's not recommended to turn this off in favor of otp input practices.\n \n \n * Internally it'll render platform specific attributes:\n \n - web: `autocomplete`\n * - iOS: `textContentType`\n * - android: `autoComplete`\n \n /\n autoCompleteSuggestionType?: Extract<\n BaseInputProps['autoCompleteSuggestionType'],\n 'none' \| 'oneTimeCode'\n >;\n /*\n The callback function to be invoked when one of the input fields gets focus\n /\n onFocus?: FormInputOnEventWithIndex;\n /\n The callback function to be invoked when one of the input fields is blurred\n /\n onBlur?: FormInputOnEventWithIndex;\n} & StyledPropsBlade;\n\n/\n Mandatory accessibilityLabel prop when label is not provided\n/\ntype OTPInputPropsWithA11yLabel = {\n /\n Label to be shown for the input field\n /\n label?: undefined;\n /\n Accessibility label for the input\n /\n accessibilityLabel: string;\n};\n\n/\n Optional accessibilityLabel prop when label is provided\n/\ntype OTPInputPropsWithLabel = {\n /\n Label to be shown for the input field\n /\n label: string;\n /\n Accessibility label for the input\n /\n accessibilityLabel?: string;\n};\n\ntype OTPInputProps = (OTPInputPropsWithA11yLabel \| OTPInputPropsWithLabel) & OTPInputCommonProps;\n\nconst isReactNative = getPlatformType() === 'react-native';\n\n/\n Converts a string value of otp to array if passed otherwise returns an array of 6 empty strings\n /\nconst otpToArray = (code?: string): string[] => code?.split('') ?? Array(6).fill('');\n\n/\n OTPInput component can be used for accepting OTPs sent to users for authentication/verification purposes.\n \n ## Usage\n \n ```tsx\n * <OTPInput\n * label=\"Enter OTP\"\n * name=\"otpInput\"\n * onChange={({ name, value }): void => console.log({ name, value })}\n * onOTPFilled={({ name, value }): void => console.log({ name, value })}\n * />\n * ```\n /\nconst _OTPInput: React.ForwardRefRenderFunction<HTMLInputElement[], OTPInputProps> = (\n {\n autoFocus,\n errorText,\n helpText,\n isDisabled,\n keyboardReturnKeyType,\n keyboardType = 'decimal',\n label,\n accessibilityLabel,\n labelPosition,\n labelSuffix,\n labelTrailing,\n name,\n onChange,\n onFocus,\n onBlur,\n onOTPFilled,\n otpLength = 6,\n placeholder,\n successText,\n validationState,\n value: inputValue,\n isMasked,\n autoCompleteSuggestionType = 'oneTimeCode',\n testID,\n size = 'medium',\n ...rest\n },\n incomingRef,\n) => {\n const inputRefs: React.RefObject<HTMLInputElement>[] = [];\n const [otpValue, setOtpValue] = useState<string[]>(otpToArray(inputValue));\n const [inputType, setInputType] = useState<('password' \| undefined)[]>([]);\n const isLabelLeftPositioned = labelPosition === 'left';\n const { inputId, helpTextId, errorTextId, successTextId } = useFormId('otp');\n\n useImperativeHandle(\n incomingRef,\n () => {\n return inputRefs.map((ref) => ref.current!);\n },\n [inputRefs],\n );\n\n useEffect(() => {\n // Effect for calling `onOTPFilled` callback\n if (inputValue && inputValue.length >= otpLength) {\n // callback for when the OTPInput is controlled and inputValue reaches the same or greater length as the otpLength\n onOTPFilled?.({ value: inputValue.slice(0, otpLength), name });\n } else if (!inputValue && otpValue.join('').length >= otpLength) {\n // callback for when the OTPInput is uncontrolled and otpValue stored in state reaches the same or greater length as the otpLength\n onOTPFilled?.({ value: otpValue.slice(0, otpLength).join(''), name });\n }\n }, [otpValue, otpLength, name, inputValue, onOTPFilled]);\n\n useEffect(() => {\n / We want to disable the password managers for OTPInput when isMasked is set.\n The issue with only setting autocomplete='off' is that its not an enforcement but a suggestion to the browser to follow.\n This workaround unsets type on first render and sets it to `password` only once a value is entered by the user.\n /\n otpValue.forEach((otp, index) => {\n // Set inputType as 'password' only when a value is entered when isMasked is set\n if (!isEmpty(otp) && !inputType[index] && isMasked) {\n const newInputType = Array.from(inputType);\n newInputType[index] = 'password';\n setInputType(newInputType);\n }\n // Cleanup the inputType array whenever the value is empty but inputType[index] is set\n if (isEmpty(otp) && inputType[index]) {\n const newInputType = Array.from(inputType);\n newInputType[index] = undefined;\n setInputType(newInputType);\n }\n });\n }, [otpValue, inputType, isMasked]);\n\n /\n Changes the value of the otp at a given index and updates the otpValue stored in state\n \n @param {{ value: string; index: number }} { value, index }\n * @returns {string} updated otpValue\n /\n const setOtpValueByIndex = ({ value, index }: { value: string; index: number }): string => {\n const newOtpValue = Array.from(otpValue);\n newOtpValue[index] = value;\n setOtpValue(newOtpValue);\n return newOtpValue.join('');\n };\n\n /\n Sets focus to the desired otp input by index\n \n @param {number} index the index of the otp input to be focused\n /\n const focusOnOtpByIndex = (index: number): void => {\n inputRefs[index]?.current?.focus();\n if (!isReactNative) {\n // React Native doesn't support imperatively selecting the value of input\n inputRefs[index]?.current?.select();\n }\n };\n\n const handleOnChange = ({\n value,\n currentOtpIndex,\n }: {\n value?: string;\n currentOtpIndex: number;\n }): void => {\n if (value && value === ' ') {\n // React native doesn't support `event.preventDefault()` hence have to add this check to ensure that empty space is not allowed\n return;\n }\n if (inputValue && inputValue.length > 0) {\n // When OTPInput is controlled, set the otpValue as the consumer passed `inputValue` and append the value on current index based on user's input.\n // User's input will not reflect on the otp but will trigger `onChange` callback with the user's input appended so that the consumer can take appropriate action.\n const newOtpValue = Array.from(inputValue);\n newOtpValue[currentOtpIndex] = value ?? '';\n setOtpValue(newOtpValue);\n onChange?.({ name, value: newOtpValue.join('') });\n } else if (value && value.trim().length > 1) {\n // When the entered value is more that 1 character (when value is pasted), set the otpValue to the newly received value.\n // Could have used `onPaste` for web to achieve this but 1. React Native doesn't support onPaste and 2. Safari's autofill on web doesn't trigger onPaste\n setOtpValue(Array.from(value));\n onChange?.({ name, value: value.trim().slice(0, otpLength) });\n // Move focus to the last filled input box after paste\n const lastFilledIndex = Math.min(value.trim().length, otpLength) - 1;\n focusOnOtpByIndex(lastFilledIndex);\n } else if (otpValue[currentOtpIndex] !== value?.trim()) {\n // Set the value at the current index to the entered value\n // only as long as its not the same as the already existing value (this prevents `onChange` being triggered unnecessarily)\n const newValue = setOtpValueByIndex({\n value: value?.trim() ?? '',\n index: currentOtpIndex,\n });\n onChange?.({ name, value: newValue });\n }\n };\n\n const handleOnInput = ({\n value,\n currentOtpIndex,\n }: {\n value?: string;\n currentOtpIndex: number;\n }): void => {\n // Moves focus to next input whenever a value is entered in the current input\n if (value && value.trim().length === 1) {\n focusOnOtpByIndex(++currentOtpIndex);\n }\n };\n\n const handleOnKeyDown = ({\n key,\n code,\n event,\n currentOtpIndex,\n }: FormInputOnKeyDownEvent & { currentOtpIndex: number }): void => {\n if (key === 'Backspace' \|\| code === 'Backspace' \|\| code === 'Delete' \|\| key === 'Delete') {\n event.preventDefault?.();\n if (otpValue[currentOtpIndex]) {\n // Clear the value at the current index if value exists\n handleOnChange({ value: '', currentOtpIndex });\n } else {\n // Move focus to the previous input if the current input is empty\n // and clear the value at the new active (previous) index\n focusOnOtpByIndex(--currentOtpIndex);\n handleOnChange({ value: '', currentOtpIndex });\n }\n } else if (key === 'ArrowLeft' \|\| code === 'ArrowLeft') {\n event.preventDefault?.();\n focusOnOtpByIndex(--currentOtpIndex);\n } else if (key === 'ArrowRight' \|\| code === 'ArrowRight') {\n event.preventDefault?.();\n focusOnOtpByIndex(++currentOtpIndex);\n } else if (key === ' ' \|\| code === 'Space') {\n event.preventDefault?.();\n }\n };\n\n const getHiddenInput = (): React.ReactNode => {\n if (!isReactNative) {\n return (\n <input\n hidden={true}\n id={inputId}\n name={name}\n value={inputValue ?? otpValue.join('') ?? ''}\n readOnly\n />\n );\n }\n return null;\n };\n\n const getOTPInputFields = (): React.ReactNode => {\n const inputs = [];\n for (let index = 0; index < otpLength; index++) {\n const currentValue = inputValue ? otpToArray(inputValue)[index] \|\| '' : otpValue[index] \|\| '';\n const ref = React.createRef<HTMLInputElement>();\n // if an inputValue is passed (controlled) and isMasked is set, inputType will always be password\n let currentInputType: 'password' \| undefined;\n if (isMasked) {\n // if inputValue is passed (controlled component) then the inputType will always be password\n currentInputType = inputValue ? 'password' : inputType[index];\n }\n inputRefs.push(ref);\n inputs.push(\n <BaseBox\n flex={1}\n marginLeft={index == 0 ? 'spacing.0' : 'spacing.3'}\n key={`${inputId}-${index}`}\n >\n <BaseInput\n // eslint-disable-next-line jsx-a11y/no-autofocus\n autoFocus={autoFocus && index === 0}\n accessibilityLabel={`${index === 0 ? label \|\| accessibilityLabel : ''} character ${\n index + 1\n }`}\n label={label}\n hideLabelText={true}\n id={`${inputId}-${index}`}\n textAlign=\"center\"\n ref={ref as never}\n name={name}\n value={currentValue}\n maxCharacters={otpValue[index]?.length > 0 ? 1 : undefined}\n onChange={(formEvent) => handleOnChange({ ...formEvent, currentOtpIndex: index })}\n onFocus={(formEvent) => onFocus?.({ ...formEvent, inputIndex: index })}\n onBlur={(formEvent) => onBlur?.({ ...formEvent, inputIndex: index })}\n onInput={(formEvent) => handleOnInput({ ...formEvent, currentOtpIndex: index })}\n onKeyDown={(keyboardEvent) =>\n handleOnKeyDown({ ...keyboardEvent, currentOtpIndex: index })\n }\n isDisabled={isDisabled}\n placeholder={Array.from(placeholder ?? '')[index] ?? ''}\n isRequired={true}\n autoCompleteSuggestionType={autoCompleteSuggestionType}\n keyboardType={keyboardType}\n keyboardReturnKeyType={keyboardReturnKeyType}\n validationState={validationState}\n successText={successText}\n errorText={errorText}\n helpText={helpText}\n hideFormHint={true}\n type={currentInputType}\n size={size}\n valueComponentType=\"heading\"\n {...makeAnalyticsAttribute(rest)}\n />\n </BaseBox>,\n );\n }\n return inputs;\n };\n\n return (\n <BaseBox {...metaAttribute({ name: MetaConstants.OTPInput, testID })} {...getStyledProps(rest)}>\n <BaseBox\n display=\"flex\"\n flexDirection={isLabelLeftPositioned ? 'row' : 'column'}\n alignItems={isLabelLeftPositioned ? 'center' : undefined}\n position=\"relative\"\n >\n {Boolean(label) && (\n <FormLabel\n as=\"label\"\n position={labelPosition}\n htmlFor={inputId}\n size={size}\n labelSuffix={labelSuffix}\n labelTrailing={labelTrailing}\n >\n {label}\n </FormLabel>\n )}\n <BaseBox display=\"flex\" flexDirection=\"row\">\n {getHiddenInput()}\n {getOTPInputFields()}\n </BaseBox>\n </BaseBox>\n {/ the magic number 136 is basically max-width of label i.e 120 and then right margin i.e 16 which is the spacing between label and input field /}\n {/Refer `BaseInput`'s implementation of FormHint which uses similar logic */}\n <BaseBox marginLeft={makeSize(isLabelLeftPositioned ? 136 : 0)}>\n <FormHint\n type={getHintType({ validationState, hasHelpText: Boolean(helpText) })}\n helpText={helpText}\n errorText={errorText}\n successText={successText}\n helpTextId={helpTextId}\n errorTextId={errorTextId}\n successTextId={successTextId}\n size={size}\n />\n </BaseBox>\n </BaseBox>\n );\n};\n\nconst OTPInput = React.forwardRef<HTMLInputElement[], OTPInputProps>(_OTPInput);\n\nexport type { OTPInputProps };\nexport { OTPInput };\n"],"names":["isReactNative","getPlatformType","otpToArray","code","_code$split","split","Array","fill","_OTPInput","_ref","incomingRef","autoFocus","errorText","helpText","isDisabled","keyboardReturnKeyType","_ref$keyboardType","keyboardType","label","accessibilityLabel","labelPosition","labelSuffix","labelTrailing","name","onChange","onFocus","onBlur","onOTPFilled","_ref$otpLength","otpLength","placeholder","successText","validationState","inputValue","value","isMasked","_ref$autoCompleteSugg","autoCompleteSuggestionType","testID","_ref$size","size","rest","_objectWithoutProperties","_excluded","inputRefs","_useState","useState","_useState2","_slicedToArray","otpValue","setOtpValue","_useState3","_useState4","inputType","setInputType","isLabelLeftPositioned","_useFormId","useFormId","inputId","helpTextId","errorTextId","successTextId","useImperativeHandle","map","ref","current","useEffect","length","slice","join","forEach","otp","index","isEmpty","newInputType","from","undefined","setOtpValueByIndex","_ref2","newOtpValue","focusOnOtpByIndex","_inputRefs$index","_inputRefs$index$curr","focus","_inputRefs$index2","_inputRefs$index2$cur","select","handleOnChange","_ref3","currentOtpIndex","trim","lastFilledIndex","Math","min","_value$trim","newValue","handleOnInput","_ref4","handleOnKeyDown","_ref5","key","event","preventDefault","getHiddenInput","_ref6","_jsx","hidden","id","readOnly","getOTPInputFields","inputs","_loop","_otpValue$index","_Array$from$index","currentValue","React","createRef","currentInputType","push","BaseBox","flex","marginLeft","children","BaseInput","Object","assign","hideLabelText","textAlign","maxCharacters","formEvent","inputIndex","onInput","onKeyDown","keyboardEvent","isRequired","hideFormHint","type","valueComponentType","makeAnalyticsAttribute","_jsxs","metaAttribute","MetaConstants","OTPInput","getStyledProps","display","flexDirection","alignItems","position","Boolean","FormLabel","as","htmlFor","makeSize","FormHint","getHintType","hasHelpText","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;0dAyHA,IAAMA,aAAa,CAAGC,eAAe,EAAE,GAAK,cAAc,CAK1D,IAAMC,UAAU,CAAG,SAAbA,UAAUA,CAAIC,IAAa,CAAAC,CAAAA,IAAAA,WAAA,CAAAA,OAAAA,CAAAA,WAAA,CAAeD,IAAI,EAAJA,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,IAAI,CAAEE,KAAK,CAAC,EAAE,CAAC,GAAAD,IAAAA,CAAAA,WAAA,CAAIE,KAAK,CAAC,CAAC,CAAC,CAACC,IAAI,CAAC,EAAE,CAAC,CAgBpF,CAAA,CAAA,IAAMC,SAA4E,CAAG,SAA/EA,SAA4EA,CAAAC,IAAA,CA6BhFC,WAAW,CACR,CAAA,IA5BDC,SAAS,CAAAF,IAAA,CAATE,SAAS,CACTC,SAAS,CAAAH,IAAA,CAATG,SAAS,CACTC,QAAQ,CAAAJ,IAAA,CAARI,QAAQ,CACRC,UAAU,CAAAL,IAAA,CAAVK,UAAU,CACVC,qBAAqB,CAAAN,IAAA,CAArBM,qBAAqB,CAAAC,iBAAA,CAAAP,IAAA,CACrBQ,YAAY,CAAZA,YAAY,CAAAD,iBAAA,GAAA,KAAA,CAAA,CAAG,SAAS,CAAAA,iBAAA,CACxBE,KAAK,CAAAT,IAAA,CAALS,KAAK,CACLC,kBAAkB,CAAAV,IAAA,CAAlBU,kBAAkB,CAClBC,aAAa,CAAAX,IAAA,CAAbW,aAAa,CACbC,WAAW,CAAAZ,IAAA,CAAXY,WAAW,CACXC,aAAa,CAAAb,IAAA,CAAba,aAAa,CACbC,IAAI,CAAAd,IAAA,CAAJc,IAAI,CACJC,QAAQ,CAAAf,IAAA,CAARe,QAAQ,CACRC,QAAO,CAAAhB,IAAA,CAAPgB,OAAO,CACPC,OAAM,CAAAjB,IAAA,CAANiB,MAAM,CACNC,WAAW,CAAAlB,IAAA,CAAXkB,WAAW,CAAAC,cAAA,CAAAnB,IAAA,CACXoB,SAAS,CAATA,SAAS,CAAAD,cAAA,GAAA,KAAA,CAAA,CAAG,CAAC,CAAAA,cAAA,CACbE,WAAW,CAAArB,IAAA,CAAXqB,WAAW,CACXC,WAAW,CAAAtB,IAAA,CAAXsB,WAAW,CACXC,eAAe,CAAAvB,IAAA,CAAfuB,eAAe,CACRC,UAAU,CAAAxB,IAAA,CAAjByB,KAAK,CACLC,QAAQ,CAAA1B,IAAA,CAAR0B,QAAQ,CAAAC,qBAAA,CAAA3B,IAAA,CACR4B,0BAA0B,CAA1BA,0BAA0B,CAAAD,qBAAA,GAAG,KAAA,CAAA,CAAA,aAAa,CAAAA,qBAAA,CAC1CE,MAAM,CAAA7B,IAAA,CAAN6B,MAAM,CAAAC,SAAA,CAAA9B,IAAA,CACN+B,IAAI,CAAJA,IAAI,CAAAD,SAAA,GAAA,KAAA,CAAA,CAAG,QAAQ,CAAAA,SAAA,CACZE,IAAI,CAAAC,wBAAA,CAAAjC,IAAA,CAAAkC,SAAA,CAIT,CAAA,IAAMC,SAA8C,CAAG,EAAE,CACzD,IAAAC,SAAA,CAAgCC,QAAQ,CAAW5C,UAAU,CAAC+B,UAAU,CAAC,CAAC,CAAAc,UAAA,CAAAC,cAAA,CAAAH,SAAA,IAAnEI,QAAQ,CAAAF,UAAA,CAAA,CAAA,CAAA,CAAEG,WAAW,CAAAH,UAAA,CAAA,CAAA,CAAA,CAC5B,IAAAI,UAAA,CAAkCL,QAAQ,CAA6B,EAAE,CAAC,CAAAM,UAAA,CAAAJ,cAAA,CAAAG,UAAA,CAAA,CAAA,CAAA,CAAnEE,SAAS,CAAAD,UAAA,CAAA,CAAA,CAAA,CAAEE,YAAY,CAAAF,UAAA,CAAA,CAAA,CAAA,CAC9B,IAAMG,qBAAqB,CAAGnC,aAAa,GAAK,MAAM,CACtD,IAAAoC,UAAA,CAA4DC,SAAS,CAAC,KAAK,CAAC,CAApEC,OAAO,CAAAF,UAAA,CAAPE,OAAO,CAAEC,UAAU,CAAAH,UAAA,CAAVG,UAAU,CAAEC,WAAW,CAAAJ,UAAA,CAAXI,WAAW,CAAEC,aAAa,CAAAL,UAAA,CAAbK,aAAa,CAEvDC,mBAAmB,CACjBpD,WAAW,CACX,UAAM,CACJ,OAAOkC,SAAS,CAACmB,GAAG,CAAC,SAACC,GAAG,CAAA,CAAA,OAAKA,GAAG,CAACC,OAAO,CAAC,CAAA,CAAC,CAC7C,CAAC,CACD,CAACrB,SAAS,CACZ,CAAC,CAEDsB,SAAS,CAAC,UAAM,CAEd,GAAIjC,UAAU,EAAIA,UAAU,CAACkC,MAAM,EAAItC,SAAS,CAAE,CAEhDF,WAAW,EAAA,IAAA,CAAA,KAAA,CAAA,CAAXA,WAAW,CAAG,CAAEO,KAAK,CAAED,UAAU,CAACmC,KAAK,CAAC,CAAC,CAAEvC,SAAS,CAAC,CAAEN,IAAI,CAAJA,IAAK,CAAC,CAAC,CAChE,CAAC,KAAM,GAAI,CAACU,UAAU,EAAIgB,QAAQ,CAACoB,IAAI,CAAC,EAAE,CAAC,CAACF,MAAM,EAAItC,SAAS,CAAE,CAE/DF,WAAW,EAAA,IAAA,CAAA,KAAA,CAAA,CAAXA,WAAW,CAAG,CAAEO,KAAK,CAAEe,QAAQ,CAACmB,KAAK,CAAC,CAAC,CAAEvC,SAAS,CAAC,CAACwC,IAAI,CAAC,EAAE,CAAC,CAAE9C,IAAI,CAAJA,IAAK,CAAC,CAAC,CACvE,CACF,CAAC,CAAE,CAAC0B,QAAQ,CAAEpB,SAAS,CAAEN,IAAI,CAAEU,UAAU,CAAEN,WAAW,CAAC,CAAC,CAExDuC,SAAS,CAAC,UAAM,CAKdjB,QAAQ,CAACqB,OAAO,CAAC,SAACC,GAAG,CAAEC,KAAK,CAAK,CAE/B,GAAI,CAACC,OAAO,CAACF,GAAG,CAAC,EAAI,CAAClB,SAAS,CAACmB,KAAK,CAAC,EAAIrC,QAAQ,CAAE,CAClD,IAAMuC,YAAY,CAAGpE,KAAK,CAACqE,IAAI,CAACtB,SAAS,CAAC,CAC1CqB,YAAY,CAACF,KAAK,CAAC,CAAG,UAAU,CAChClB,YAAY,CAACoB,YAAY,CAAC,CAC5B,CAEA,GAAID,OAAO,CAACF,GAAG,CAAC,EAAIlB,SAAS,CAACmB,KAAK,CAAC,CAAE,CACpC,IAAME,aAAY,CAAGpE,KAAK,CAACqE,IAAI,CAACtB,SAAS,CAAC,CAC1CqB,aAAY,CAACF,KAAK,CAAC,CAAGI,SAAS,CAC/BtB,YAAY,CAACoB,aAAY,CAAC,CAC5B,CACF,CAAC,CAAC,CACJ,CAAC,CAAE,CAACzB,QAAQ,CAAEI,SAAS,CAAElB,QAAQ,CAAC,CAAC,CAQnC,IAAM0C,kBAAkB,CAAG,SAArBA,kBAAkBA,CAAAC,KAAA,CAAmE,CAA7D,IAAA5C,KAAK,CAAA4C,KAAA,CAAL5C,KAAK,CAAEsC,KAAK,CAAAM,KAAA,CAALN,KAAK,CACxC,IAAMO,WAAW,CAAGzE,KAAK,CAACqE,IAAI,CAAC1B,QAAQ,CAAC,CACxC8B,WAAW,CAACP,KAAK,CAAC,CAAGtC,KAAK,CAC1BgB,WAAW,CAAC6B,WAAW,CAAC,CACxB,OAAOA,WAAW,CAACV,IAAI,CAAC,EAAE,CAAC,CAC7B,CAAC,CAOD,IAAMW,iBAAiB,CAAG,SAApBA,iBAAiBA,CAAIR,KAAa,CAAW,CAAA,IAAAS,gBAAA,CAAAC,qBAAA,CACjD,CAAAD,gBAAA,CAAArC,SAAS,CAAC4B,KAAK,CAAC,GAAA,IAAA,CAAA,KAAA,CAAA,CAAA,CAAAU,qBAAA,CAAhBD,gBAAA,CAAkBhB,OAAO,GAAA,IAAA,CAAA,KAAA,CAAA,CAAzBiB,qBAAA,CAA2BC,KAAK,EAAE,CAClC,GAAI,CAACnF,aAAa,CAAE,CAAA,IAAAoF,iBAAA,CAAAC,qBAAA,CAElB,CAAAD,iBAAA,CAAAxC,SAAS,CAAC4B,KAAK,CAAC,GAAA,IAAA,CAAA,KAAA,CAAA,CAAA,CAAAa,qBAAA,CAAhBD,iBAAA,CAAkBnB,OAAO,GAAzBoB,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,qBAAA,CAA2BC,MAAM,EAAE,CACrC,CACF,CAAC,CAED,IAAMC,cAAc,CAAG,SAAjBA,cAAcA,CAAAC,KAAA,CAMR,CAAA,IALVtD,KAAK,CAAAsD,KAAA,CAALtD,KAAK,CACLuD,eAAe,CAAAD,KAAA,CAAfC,eAAe,CAKf,GAAIvD,KAAK,EAAIA,KAAK,GAAK,GAAG,CAAE,CAE1B,OACF,CACA,GAAID,UAAU,EAAIA,UAAU,CAACkC,MAAM,CAAG,CAAC,CAAE,CAGvC,IAAMY,WAAW,CAAGzE,KAAK,CAACqE,IAAI,CAAC1C,UAAU,CAAC,CAC1C8C,WAAW,CAACU,eAAe,CAAC,CAAGvD,KAAK,EAALA,IAAAA,CAAAA,KAAK,CAAI,EAAE,CAC1CgB,WAAW,CAAC6B,WAAW,CAAC,CACxBvD,QAAQ,EAAA,IAAA,CAAA,KAAA,CAAA,CAARA,QAAQ,CAAG,CAAED,IAAI,CAAJA,IAAI,CAAEW,KAAK,CAAE6C,WAAW,CAACV,IAAI,CAAC,EAAE,CAAE,CAAC,CAAC,CACnD,CAAC,KAAM,GAAInC,KAAK,EAAIA,KAAK,CAACwD,IAAI,EAAE,CAACvB,MAAM,CAAG,CAAC,CAAE,CAG3CjB,WAAW,CAAC5C,KAAK,CAACqE,IAAI,CAACzC,KAAK,CAAC,CAAC,CAC9BV,QAAQ,EAAA,IAAA,CAAA,KAAA,CAAA,CAARA,QAAQ,CAAG,CAAED,IAAI,CAAJA,IAAI,CAAEW,KAAK,CAAEA,KAAK,CAACwD,IAAI,EAAE,CAACtB,KAAK,CAAC,CAAC,CAAEvC,SAAS,CAAE,CAAC,CAAC,CAE7D,IAAM8D,eAAe,CAAGC,IAAI,CAACC,GAAG,CAAC3D,KAAK,CAACwD,IAAI,EAAE,CAACvB,MAAM,CAAEtC,SAAS,CAAC,CAAG,CAAC,CACpEmD,iBAAiB,CAACW,eAAe,CAAC,CACpC,CAAC,KAAM,GAAI1C,QAAQ,CAACwC,eAAe,CAAC,IAAKvD,KAAK,EAALA,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,KAAK,CAAEwD,IAAI,EAAE,CAAA,CAAE,CAAAI,IAAAA,WAAA,CAGtD,IAAMC,QAAQ,CAAGlB,kBAAkB,CAAC,CAClC3C,KAAK,CAAA,CAAA4D,WAAA,CAAE5D,KAAK,EAAA,IAAA,CAAA,KAAA,CAAA,CAALA,KAAK,CAAEwD,IAAI,EAAE,GAAA,IAAA,CAAAI,WAAA,CAAI,EAAE,CAC1BtB,KAAK,CAAEiB,eACT,CAAC,CAAC,CACFjE,QAAQ,EAARA,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,QAAQ,CAAG,CAAED,IAAI,CAAJA,IAAI,CAAEW,KAAK,CAAE6D,QAAS,CAAC,CAAC,CACvC,CACF,CAAC,CAED,IAAMC,aAAa,CAAG,SAAhBA,aAAaA,CAAAC,KAAA,CAMP,CAAA,IALV/D,KAAK,CAAA+D,KAAA,CAAL/D,KAAK,CACLuD,eAAe,CAAAQ,KAAA,CAAfR,eAAe,CAMf,GAAIvD,KAAK,EAAIA,KAAK,CAACwD,IAAI,EAAE,CAACvB,MAAM,GAAK,CAAC,CAAE,CACtCa,iBAAiB,CAAC,EAAES,eAAe,CAAC,CACtC,CACF,CAAC,CAED,IAAMS,eAAe,CAAG,SAAlBA,eAAeA,CAAAC,KAAA,CAK8C,CAAA,IAJjEC,GAAG,CAAAD,KAAA,CAAHC,GAAG,CACHjG,IAAI,CAAAgG,KAAA,CAAJhG,IAAI,CACJkG,KAAK,CAAAF,KAAA,CAALE,KAAK,CACLZ,eAAe,CAAAU,KAAA,CAAfV,eAAe,CAEf,GAAIW,GAAG,GAAK,WAAW,EAAIjG,IAAI,GAAK,WAAW,EAAIA,IAAI,GAAK,QAAQ,EAAIiG,GAAG,GAAK,QAAQ,CAAE,CACxFC,KAAK,CAACC,cAAc,EAApBD,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,KAAK,CAACC,cAAc,EAAI,CACxB,GAAIrD,QAAQ,CAACwC,eAAe,CAAC,CAAE,CAE7BF,cAAc,CAAC,CAAErD,KAAK,CAAE,EAAE,CAAEuD,eAAe,CAAfA,eAAgB,CAAC,CAAC,CAChD,CAAC,KAAM,CAGLT,iBAAiB,CAAC,EAAES,eAAe,CAAC,CACpCF,cAAc,CAAC,CAAErD,KAAK,CAAE,EAAE,CAAEuD,eAAe,CAAfA,eAAgB,CAAC,CAAC,CAChD,CACF,CAAC,KAAM,GAAIW,GAAG,GAAK,WAAW,EAAIjG,IAAI,GAAK,WAAW,CAAE,CACtDkG,KAAK,CAACC,cAAc,EAAA,IAAA,CAAA,KAAA,CAAA,CAApBD,KAAK,CAACC,cAAc,EAAI,CACxBtB,iBAAiB,CAAC,EAAES,eAAe,CAAC,CACtC,CAAC,KAAM,GAAIW,GAAG,GAAK,YAAY,EAAIjG,IAAI,GAAK,YAAY,CAAE,CACxDkG,KAAK,CAACC,cAAc,EAAA,IAAA,CAAA,KAAA,CAAA,CAApBD,KAAK,CAACC,cAAc,EAAI,CACxBtB,iBAAiB,CAAC,EAAES,eAAe,CAAC,CACtC,CAAC,KAAUW,GAAAA,GAAG,GAAK,GAAG,EAAIjG,IAAI,GAAK,OAAO,CAAE,CAC1CkG,KAAK,CAACC,cAAc,EAApBD,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,KAAK,CAACC,cAAc,EAAI,CAC1B,CACF,CAAC,CAED,IAAMC,cAAc,CAAG,SAAjBA,cAAcA,EAA0B,CAC5C,GAAI,CAACvG,aAAa,CAAE,CAAA,IAAAwG,KAAA,CAClB,OACEC,GAAA,CACEC,OAAAA,CAAAA,CAAAA,MAAM,CAAE,IAAK,CACbC,EAAE,CAAEjD,OAAQ,CACZnC,IAAI,CAAEA,IAAK,CACXW,KAAK,CAAA,CAAAsE,KAAA,CAAEvE,UAAU,EAAA,IAAA,CAAVA,UAAU,CAAIgB,QAAQ,CAACoB,IAAI,CAAC,EAAE,CAAC,GAAA,IAAA,CAAAmC,KAAA,CAAI,EAAG,CAC7CI,QAAQ,CAAA,IAAA,CACT,CAAC,CAEN,CACA,OAAW,IAAA,CACb,CAAC,CAED,IAAMC,iBAAiB,CAAG,SAApBA,iBAAiBA,EAA0B,CAC/C,IAAMC,MAAM,CAAG,EAAE,CAAC,IAAAC,KAAA,CAAAA,SAAAA,KAAAA,CAAAvC,KAAA,CAC8B,CAAAwC,IAAAA,eAAA,CAAAC,iBAAA,CAC9C,IAAMC,YAAY,CAAGjF,UAAU,CAAG/B,UAAU,CAAC+B,UAAU,CAAC,CAACuC,KAAK,CAAC,EAAI,EAAE,CAAGvB,QAAQ,CAACuB,KAAK,CAAC,EAAI,EAAE,CAC7F,IAAMR,GAAG,CAAGmD,cAAK,CAACC,SAAS,EAAoB,CAE/C,IAAIC,gBAAwC,CAC5C,GAAIlF,QAAQ,CAAE,CAEZkF,gBAAgB,CAAGpF,UAAU,CAAG,UAAU,CAAGoB,SAAS,CAACmB,KAAK,CAAC,CAC/D,CACA5B,SAAS,CAAC0E,IAAI,CAACtD,GAAG,CAAC,CACnB8C,MAAM,CAACQ,IAAI,CACTb,GAAA,CAACc,OAAO,CAAA,CACNC,IAAI,CAAE,CAAE,CACRC,UAAU,CAAEjD,KAAK,EAAI,CAAC,CAAG,WAAW,CAAG,WAAY,CAAAkD,QAAA,CAGnDjB,GAAA,CAACkB,SAAS,CAAAC,MAAA,CAAAC,MAAA,CAERlH,CAAAA,SAAS,CAAEA,SAAS,EAAI6D,KAAK,GAAK,CAAE,CACpCrD,kBAAkB,CAAE,CAAGqD,EAAAA,KAAK,GAAK,CAAC,CAAGtD,KAAK,EAAIC,kBAAkB,CAAG,EAAE,CAAA,WAAA,EACnEqD,KAAK,CAAG,CAAC,CAAA,CACR,CACHtD,KAAK,CAAEA,KAAM,CACb4G,aAAa,CAAE,IAAK,CACpBnB,EAAE,CAAE,CAAA,EAAGjD,OAAO,CAAA,CAAA,EAAIc,KAAK,CAAA,CAAG,CAC1BuD,SAAS,CAAC,QAAQ,CAClB/D,GAAG,CAAEA,GAAa,CAClBzC,IAAI,CAAEA,IAAK,CACXW,KAAK,CAAEgF,YAAa,CACpBc,aAAa,CAAE,CAAAhB,CAAAA,eAAA,CAAA/D,QAAQ,CAACuB,KAAK,CAAC,GAAfwC,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,eAAA,CAAiB7C,MAAM,EAAG,CAAC,CAAG,CAAC,CAAGS,SAAU,CAC3DpD,QAAQ,CAAE,SAAVA,QAAQA,CAAGyG,SAAS,CAAA,CAAA,OAAK1C,cAAc,CAAAqC,MAAA,CAAAC,MAAA,IAAMI,SAAS,CAAA,CAAExC,eAAe,CAAEjB,KAAK,CAAA,CAAE,CAAC,CAAA,CAAC,CAClF/C,OAAO,CAAE,SAATA,OAAOA,CAAGwG,SAAS,CAAA,CAAA,OAAKxG,QAAO,EAAPA,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,QAAO,CAAAmG,MAAA,CAAAC,MAAA,CAAQI,EAAAA,CAAAA,SAAS,CAAEC,CAAAA,UAAU,CAAE1D,KAAK,CAAA,CAAE,CAAC,CAAA,CAAC,CACvE9C,MAAM,CAAE,SAARA,MAAMA,CAAGuG,SAAS,CAAK,CAAA,OAAAvG,OAAM,EAANA,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,OAAM,CAAAkG,MAAA,CAAAC,MAAA,CAAQI,EAAAA,CAAAA,SAAS,CAAEC,CAAAA,UAAU,CAAE1D,KAAK,CAAE,CAAA,CAAC,CAAC,CAAA,CACrE2D,OAAO,CAAE,SAATA,OAAOA,CAAGF,SAAS,CAAA,CAAA,OAAKjC,aAAa,CAAA4B,MAAA,CAAAC,MAAA,IAAMI,SAAS,CAAA,CAAExC,eAAe,CAAEjB,KAAK,CAAA,CAAE,CAAC,CAAA,CAAC,CAChF4D,SAAS,CAAE,SAAXA,SAASA,CAAGC,aAAa,CAAA,CAAA,OACvBnC,eAAe,CAAA0B,MAAA,CAAAC,MAAA,CAAMQ,EAAAA,CAAAA,aAAa,CAAE5C,CAAAA,eAAe,CAAEjB,KAAK,EAAE,CAAC,CAAA,CAC9D,CACD1D,UAAU,CAAEA,UAAW,CACvBgB,WAAW,CAAAmF,CAAAA,iBAAA,CAAE3G,KAAK,CAACqE,IAAI,CAAC7C,WAAW,EAAXA,IAAAA,CAAAA,WAAW,CAAI,EAAE,CAAC,CAAC0C,KAAK,CAAC,GAAAyC,IAAAA,CAAAA,iBAAA,CAAI,EAAG,CACxDqB,UAAU,CAAE,IAAK,CACjBjG,0BAA0B,CAAEA,0BAA2B,CACvDpB,YAAY,CAAEA,YAAa,CAC3BF,qBAAqB,CAAEA,qBAAsB,CAC7CiB,eAAe,CAAEA,eAAgB,CACjCD,WAAW,CAAEA,WAAY,CACzBnB,SAAS,CAAEA,SAAU,CACrBC,QAAQ,CAAEA,QAAS,CACnB0H,YAAY,CAAE,IAAK,CACnBC,IAAI,CAAEnB,gBAAiB,CACvB7E,IAAI,CAAEA,IAAK,CACXiG,kBAAkB,CAAC,SAAS,CAAA,CACxBC,sBAAsB,CAACjG,IAAI,CAAC,CACjC,CAAC,CAtCG,CAAA,CAAA,EAAGiB,OAAO,CAAA,CAAA,EAAIc,KAAK,CAAA,CAuCjB,CACX,CAAC,CACH,CAAC,CAvDD,IAAK,IAAIA,KAAK,CAAG,CAAC,CAAEA,KAAK,CAAG3C,SAAS,CAAE2C,KAAK,EAAE,CAAAuC,CAAAA,KAAA,CAAAvC,KAAA,CAwD9C,CAAA,CAAA,OAAOsC,MAAM,CACf,CAAC,CAED,OACE6B,IAAA,CAACpB,OAAO,CAAAK,MAAA,CAAAC,MAAA,CAAA,EAAA,CAAKe,aAAa,CAAC,CAAErH,IAAI,CAAEsH,aAAa,CAACC,QAAQ,CAAExG,MAAM,CAANA,MAAO,CAAC,CAAC,CAAMyG,cAAc,CAACtG,IAAI,CAAC,CAAAiF,CAAAA,QAAA,CAC5FiB,CAAAA,IAAA,CAACpB,OAAO,CAAA,CACNyB,OAAO,CAAC,MAAM,CACdC,aAAa,CAAE1F,qBAAqB,CAAG,KAAK,CAAG,QAAS,CACxD2F,UAAU,CAAE3F,qBAAqB,CAAG,QAAQ,CAAGqB,SAAU,CACzDuE,QAAQ,CAAC,UAAU,CAAAzB,QAAA,CAElB0B,CAAAA,OAAO,CAAClI,KAAK,CAAC,EACbuF,GAAA,CAAC4C,SAAS,CACRC,CAAAA,EAAE,CAAC,OAAO,CACVH,QAAQ,CAAE/H,aAAc,CACxBmI,OAAO,CAAE7F,OAAQ,CACjBlB,IAAI,CAAEA,IAAK,CACXnB,WAAW,CAAEA,WAAY,CACzBC,aAAa,CAAEA,aAAc,CAAAoG,QAAA,CAE5BxG,KAAK,CACG,CACZ,CACDyH,IAAA,CAACpB,OAAO,CAAA,CAACyB,OAAO,CAAC,MAAM,CAACC,aAAa,CAAC,KAAK,CAAAvB,QAAA,CACxCnB,CAAAA,cAAc,EAAE,CAChBM,iBAAiB,EAAE,CACb,CAAA,CAAC,EACH,CAAC,CAGVJ,GAAA,CAACc,OAAO,CAAA,CAACE,UAAU,CAAE+B,QAAQ,CAACjG,qBAAqB,CAAG,GAAG,CAAG,CAAC,CAAE,CAAAmE,QAAA,CAC7DjB,GAAA,CAACgD,QAAQ,CACPjB,CAAAA,IAAI,CAAEkB,WAAW,CAAC,CAAE1H,eAAe,CAAfA,eAAe,CAAE2H,WAAW,CAAEP,OAAO,CAACvI,QAAQ,CAAE,CAAC,CAAE,CACvEA,QAAQ,CAAEA,QAAS,CACnBD,SAAS,CAAEA,SAAU,CACrBmB,WAAW,CAAEA,WAAY,CACzB4B,UAAU,CAAEA,UAAW,CACvBC,WAAW,CAAEA,WAAY,CACzBC,aAAa,CAAEA,aAAc,CAC7BrB,IAAI,CAAEA,IAAK,CACZ,CAAC,CACK,CAAC,CAAA,CAAA,CACH,CAAC,CAEd,CAAC,CAEK,IAAAsG,QAAQ,CAAG3B,cAAK,CAACyC,UAAU,CAAoCpJ,SAAS;;;;"}
1	+ {"version":3,"file":"OTPInput.js","sources":["../../../../../../src/components/Input/OTPInput/OTPInput.tsx"],"sourcesContent":["import React, { useEffect, useImperativeHandle, useState } from 'react';\nimport type { BaseInputProps } from '../BaseInput';\nimport { BaseInput } from '../BaseInput';\nimport { getHintType } from '../BaseInput/BaseInput';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport type { FormInputOnEvent } from '~components/Form';\nimport { FormHint, FormLabel } from '~components/Form';\nimport { useFormId } from '~components/Form/useFormId';\nimport type { FormInputOnKeyDownEvent } from '~components/Form/FormTypes';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { getPlatformType } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { makeSize } from '~utils/makeSize';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\ntype FormInputOnEventWithIndex = ({\n name,\n value,\n inputIndex,\n}: {\n name?: string;\n value?: string;\n inputIndex: number;\n}) => void;\n\nexport type OTPInputCommonProps = Pick<\n BaseInputProps,\n \| 'label'\n \| 'accessibilityLabel'\n \| 'labelPosition'\n \| 'labelSuffix'\n \| 'labelTrailing'\n \| 'validationState'\n \| 'helpText'\n \| 'errorText'\n \| 'successText'\n \| 'name'\n \| 'onChange'\n \| 'value'\n \| 'isDisabled'\n \| 'autoFocus'\n \| 'keyboardReturnKeyType'\n \| 'keyboardType'\n \| 'placeholder'\n \| 'testID'\n \| 'size'\n \| keyof DataAnalyticsAttribute\n> & {\n /*\n Determines the number of input fields to show for the OTP\n * @default 6\n /\n otpLength?: 4 \| 6 \| 8;\n /\n The callback function to be invoked when all the values of the OTPInput are filled\n /\n onOTPFilled?: FormInputOnEvent;\n /\n Masks input characters in all the fields\n /\n isMasked?: boolean;\n /\n Determines what autoComplete suggestion type to show. Defaults to `oneTimeCode`.\n \n It's not recommended to turn this off in favor of otp input practices.\n \n \n * Internally it'll render platform specific attributes:\n \n - web: `autocomplete`\n * - iOS: `textContentType`\n * - android: `autoComplete`\n \n /\n autoCompleteSuggestionType?: Extract<\n BaseInputProps['autoCompleteSuggestionType'],\n 'none' \| 'oneTimeCode'\n >;\n /*\n The callback function to be invoked when one of the input fields gets focus\n /\n onFocus?: FormInputOnEventWithIndex;\n /\n The callback function to be invoked when one of the input fields is blurred\n /\n onBlur?: FormInputOnEventWithIndex;\n} & StyledPropsBlade;\n\n/\n Mandatory accessibilityLabel prop when label is not provided\n/\ntype OTPInputPropsWithA11yLabel = {\n /\n Label to be shown for the input field\n /\n label?: undefined;\n /\n Accessibility label for the input\n /\n accessibilityLabel: string;\n};\n\n/\n Optional accessibilityLabel prop when label is provided\n/\ntype OTPInputPropsWithLabel = {\n /\n Label to be shown for the input field\n /\n label: string;\n /\n Accessibility label for the input\n /\n accessibilityLabel?: string;\n};\n\ntype OTPInputProps = (OTPInputPropsWithA11yLabel \| OTPInputPropsWithLabel) & OTPInputCommonProps;\n\nconst isReactNative = getPlatformType() === 'react-native';\n\n/\n Converts a string value of otp to array if passed otherwise returns an array of 6 empty strings\n /\nconst otpToArray = (code?: string): string[] => code?.split('') ?? Array(6).fill('');\n\n/\n OTPInput component can be used for accepting OTPs sent to users for authentication/verification purposes.\n \n ## Usage\n \n ```tsx\n * <OTPInput\n * label=\"Enter OTP\"\n * name=\"otpInput\"\n * onChange={({ name, value }): void => console.log({ name, value })}\n * onOTPFilled={({ name, value }): void => console.log({ name, value })}\n * />\n * ```\n /\nconst _OTPInput: React.ForwardRefRenderFunction<HTMLInputElement[], OTPInputProps> = (\n {\n autoFocus,\n errorText,\n helpText,\n isDisabled,\n keyboardReturnKeyType,\n keyboardType = 'decimal',\n label,\n accessibilityLabel,\n labelPosition,\n labelSuffix,\n labelTrailing,\n name,\n onChange,\n onFocus,\n onBlur,\n onOTPFilled,\n otpLength = 6,\n placeholder,\n successText,\n validationState,\n value: inputValue,\n isMasked,\n autoCompleteSuggestionType = 'oneTimeCode',\n testID,\n size = 'medium',\n ...rest\n },\n incomingRef,\n) => {\n const inputRefs: React.RefObject<HTMLInputElement>[] = [];\n const [otpValue, setOtpValue] = useState<string[]>(otpToArray(inputValue));\n const [inputType, setInputType] = useState<('password' \| undefined)[]>([]);\n const isLabelLeftPositioned = labelPosition === 'left';\n const { inputId, helpTextId, errorTextId, successTextId } = useFormId('otp');\n\n useImperativeHandle(\n incomingRef,\n () => {\n return inputRefs.map((ref) => ref.current!);\n },\n [inputRefs],\n );\n\n useEffect(() => {\n // Effect for calling `onOTPFilled` callback\n if (inputValue && inputValue.length >= otpLength) {\n // callback for when the OTPInput is controlled and inputValue reaches the same or greater length as the otpLength\n onOTPFilled?.({ value: inputValue.slice(0, otpLength), name });\n } else if (!inputValue && otpValue.join('').length >= otpLength) {\n // callback for when the OTPInput is uncontrolled and otpValue stored in state reaches the same or greater length as the otpLength\n onOTPFilled?.({ value: otpValue.slice(0, otpLength).join(''), name });\n }\n }, [otpValue, otpLength, name, inputValue, onOTPFilled]);\n\n useEffect(() => {\n / We want to disable the password managers for OTPInput when isMasked is set.\n The issue with only setting autocomplete='off' is that its not an enforcement but a suggestion to the browser to follow.\n This workaround unsets type on first render and sets it to `password` only once a value is entered by the user.\n /\n otpValue.forEach((otp, index) => {\n // Set inputType as 'password' only when a value is entered when isMasked is set\n if (!isEmpty(otp) && !inputType[index] && isMasked) {\n const newInputType = Array.from(inputType);\n newInputType[index] = 'password';\n setInputType(newInputType);\n }\n // Cleanup the inputType array whenever the value is empty but inputType[index] is set\n if (isEmpty(otp) && inputType[index]) {\n const newInputType = Array.from(inputType);\n newInputType[index] = undefined;\n setInputType(newInputType);\n }\n });\n }, [otpValue, inputType, isMasked]);\n\n /\n Changes the value of the otp at a given index and updates the otpValue stored in state\n \n @param {{ value: string; index: number }} { value, index }\n * @returns {string} updated otpValue\n /\n const setOtpValueByIndex = ({ value, index }: { value: string; index: number }): string => {\n const newOtpValue = Array.from(otpValue);\n newOtpValue[index] = value;\n setOtpValue(newOtpValue);\n return newOtpValue.join('');\n };\n\n /\n Sets focus to the desired otp input by index\n \n @param {number} index the index of the otp input to be focused\n /\n const focusOnOtpByIndex = (index: number): void => {\n inputRefs[index]?.current?.focus();\n if (!isReactNative) {\n // React Native doesn't support imperatively selecting the value of input\n inputRefs[index]?.current?.select();\n }\n };\n\n const handleOnChange = ({\n value,\n currentOtpIndex,\n }: {\n value?: string;\n currentOtpIndex: number;\n }): void => {\n if (value && value === ' ') {\n // React native doesn't support `event.preventDefault()` hence have to add this check to ensure that empty space is not allowed\n return;\n }\n if (inputValue && inputValue.length > 0) {\n // When OTPInput is controlled, set the otpValue as the consumer passed `inputValue` and append the value on current index based on user's input.\n // User's input will not reflect on the otp but will trigger `onChange` callback with the user's input appended so that the consumer can take appropriate action.\n const newOtpValue = Array.from(inputValue);\n newOtpValue[currentOtpIndex] = value ?? '';\n setOtpValue(newOtpValue);\n onChange?.({ name, value: newOtpValue.join('') });\n } else if (value && value.trim().length > 1) {\n // When the entered value is more that 1 character (when value is pasted), set the otpValue to the newly received value.\n // Could have used `onPaste` for web to achieve this but 1. React Native doesn't support onPaste and 2. Safari's autofill on web doesn't trigger onPaste\n setOtpValue(Array.from(value));\n onChange?.({ name, value: value.trim().slice(0, otpLength) });\n // Move focus to the last filled input box after paste\n const lastFilledIndex = Math.min(value.trim().length, otpLength) - 1;\n focusOnOtpByIndex(lastFilledIndex);\n } else if (otpValue[currentOtpIndex] !== value?.trim()) {\n // Set the value at the current index to the entered value\n // only as long as its not the same as the already existing value (this prevents `onChange` being triggered unnecessarily)\n const newValue = setOtpValueByIndex({\n value: value?.trim() ?? '',\n index: currentOtpIndex,\n });\n onChange?.({ name, value: newValue });\n }\n };\n\n const handleOnInput = ({\n value,\n currentOtpIndex,\n }: {\n value?: string;\n currentOtpIndex: number;\n }): void => {\n // Moves focus to next input whenever a value is entered in the current input\n if (value && value.trim().length === 1) {\n focusOnOtpByIndex(++currentOtpIndex);\n }\n };\n\n const handleOnKeyDown = ({\n key,\n code,\n event,\n currentOtpIndex,\n }: FormInputOnKeyDownEvent & { currentOtpIndex: number }): void => {\n if (key === 'Backspace' \|\| code === 'Backspace' \|\| code === 'Delete' \|\| key === 'Delete') {\n event.preventDefault?.();\n if (otpValue[currentOtpIndex]) {\n // Clear the value at the current index if value exists\n handleOnChange({ value: '', currentOtpIndex });\n } else {\n // Move focus to the previous input if the current input is empty\n // and clear the value at the new active (previous) index\n focusOnOtpByIndex(--currentOtpIndex);\n handleOnChange({ value: '', currentOtpIndex });\n }\n } else if (key === 'ArrowLeft' \|\| code === 'ArrowLeft') {\n event.preventDefault?.();\n focusOnOtpByIndex(--currentOtpIndex);\n } else if (key === 'ArrowRight' \|\| code === 'ArrowRight') {\n event.preventDefault?.();\n focusOnOtpByIndex(++currentOtpIndex);\n } else if (key === ' ' \|\| code === 'Space') {\n event.preventDefault?.();\n }\n };\n\n const getHiddenInput = (): React.ReactNode => {\n if (!isReactNative) {\n return (\n <input\n hidden={true}\n id={inputId}\n name={name}\n value={inputValue ?? otpValue.join('') ?? ''}\n readOnly\n />\n );\n }\n return null;\n };\n\n const getOTPInputFields = (): React.ReactNode => {\n const inputs = [];\n for (let index = 0; index < otpLength; index++) {\n const currentValue = inputValue ? otpToArray(inputValue)[index] \|\| '' : otpValue[index] \|\| '';\n const ref = React.createRef<HTMLInputElement>();\n // if an inputValue is passed (controlled) and isMasked is set, inputType will always be password\n let currentInputType: 'password' \| undefined;\n if (isMasked) {\n // if inputValue is passed (controlled component) then the inputType will always be password\n currentInputType = inputValue ? 'password' : inputType[index];\n }\n inputRefs.push(ref);\n inputs.push(\n <BaseBox\n flex={1}\n marginLeft={index == 0 ? 'spacing.0' : 'spacing.3'}\n key={`${inputId}-${index}`}\n >\n <BaseInput\n // eslint-disable-next-line jsx-a11y/no-autofocus\n autoFocus={autoFocus && index === 0}\n accessibilityLabel={`${index === 0 ? label \|\| accessibilityLabel : ''} character ${\n index + 1\n }`}\n label={label}\n hideLabelText={true}\n id={`${inputId}-${index}`}\n textAlign=\"center\"\n ref={ref as never}\n name={name}\n value={currentValue}\n maxCharacters={otpValue[index]?.length > 0 ? 1 : undefined}\n onChange={(formEvent) => handleOnChange({ ...formEvent, currentOtpIndex: index })}\n onFocus={(formEvent) => onFocus?.({ ...formEvent, inputIndex: index })}\n onBlur={(formEvent) => onBlur?.({ ...formEvent, inputIndex: index })}\n onInput={(formEvent) => handleOnInput({ ...formEvent, currentOtpIndex: index })}\n onKeyDown={(keyboardEvent) =>\n handleOnKeyDown({ ...keyboardEvent, currentOtpIndex: index })\n }\n isDisabled={isDisabled}\n placeholder={Array.from(placeholder ?? '')[index] ?? ''}\n isRequired={true}\n autoCompleteSuggestionType={autoCompleteSuggestionType}\n keyboardType={keyboardType}\n keyboardReturnKeyType={keyboardReturnKeyType}\n validationState={validationState}\n successText={successText}\n errorText={errorText}\n helpText={helpText}\n hideFormHint={true}\n type={currentInputType}\n size={size}\n valueComponentType=\"heading\"\n {...makeAnalyticsAttribute(rest)}\n />\n </BaseBox>,\n );\n }\n return inputs;\n };\n\n return (\n <BaseBox {...metaAttribute({ name: MetaConstants.OTPInput, testID })} {...getStyledProps(rest)}>\n <BaseBox\n display=\"flex\"\n flexDirection={isLabelLeftPositioned ? 'row' : 'column'}\n alignItems={isLabelLeftPositioned ? 'center' : undefined}\n position=\"relative\"\n >\n {Boolean(label) && (\n <FormLabel\n as=\"label\"\n position={labelPosition}\n htmlFor={inputId}\n size={size}\n labelSuffix={labelSuffix}\n labelTrailing={labelTrailing}\n >\n {label}\n </FormLabel>\n )}\n <BaseBox display=\"flex\" flexDirection=\"row\">\n {getHiddenInput()}\n {getOTPInputFields()}\n </BaseBox>\n </BaseBox>\n {/ the magic number 136 is basically max-width of label i.e 120 and then right margin i.e 16 which is the spacing between label and input field /}\n {/Refer `BaseInput`'s implementation of FormHint which uses similar logic */}\n <BaseBox marginLeft={makeSize(isLabelLeftPositioned ? 136 : 0)}>\n <FormHint\n type={getHintType({ validationState, hasHelpText: Boolean(helpText) })}\n helpText={helpText}\n errorText={errorText}\n successText={successText}\n helpTextId={helpTextId}\n errorTextId={errorTextId}\n successTextId={successTextId}\n size={size}\n />\n </BaseBox>\n </BaseBox>\n );\n};\n\nconst OTPInput = React.forwardRef<HTMLInputElement[], OTPInputProps>(_OTPInput);\n\nexport type { OTPInputProps };\nexport { OTPInput };\n"],"names":["isReactNative","getPlatformType","otpToArray","code","_code$split","split","Array","fill","_OTPInput","_ref","incomingRef","autoFocus","errorText","helpText","isDisabled","keyboardReturnKeyType","_ref$keyboardType","keyboardType","label","accessibilityLabel","labelPosition","labelSuffix","labelTrailing","name","onChange","onFocus","onBlur","onOTPFilled","_ref$otpLength","otpLength","placeholder","successText","validationState","inputValue","value","isMasked","_ref$autoCompleteSugg","autoCompleteSuggestionType","testID","_ref$size","size","rest","_objectWithoutProperties","_excluded","inputRefs","_useState","useState","_useState2","_slicedToArray","otpValue","setOtpValue","_useState3","_useState4","inputType","setInputType","isLabelLeftPositioned","_useFormId","useFormId","inputId","helpTextId","errorTextId","successTextId","useImperativeHandle","map","ref","current","useEffect","length","slice","join","forEach","otp","index","isEmpty","newInputType","from","undefined","setOtpValueByIndex","_ref2","newOtpValue","focusOnOtpByIndex","_inputRefs$index","_inputRefs$index$curr","focus","_inputRefs$index2","_inputRefs$index2$cur","select","handleOnChange","_ref3","currentOtpIndex","trim","lastFilledIndex","Math","min","_value$trim","newValue","handleOnInput","_ref4","handleOnKeyDown","_ref5","key","event","preventDefault","getHiddenInput","_ref6","_jsx","hidden","id","readOnly","getOTPInputFields","inputs","_loop","_otpValue$index","_Array$from$index","currentValue","React","createRef","currentInputType","push","BaseBox","flex","marginLeft","children","BaseInput","Object","assign","hideLabelText","textAlign","maxCharacters","formEvent","inputIndex","onInput","onKeyDown","keyboardEvent","isRequired","hideFormHint","type","valueComponentType","makeAnalyticsAttribute","_jsxs","metaAttribute","MetaConstants","OTPInput","getStyledProps","display","flexDirection","alignItems","position","Boolean","FormLabel","as","htmlFor","makeSize","FormHint","getHintType","hasHelpText","forwardRef"],"mappings":"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"}

package/build/lib/native/components/Spinner/BaseSpinner/BaseSpinner.js CHANGED Viewed

@@ -21,7 +21,7 @@ import { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.nat
 import { makeSize } from '../../../utils/makeSize/makeSize.js';
 import { Text } from '../../Typography/Text/Text.js';
-var _excluded=["label","labelPosition","accessibilityLabel","color","size","testID"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Spinner/BaseSpinner/BaseSpinner.tsx";var getColor=function getColor(_ref){var color=_ref.color,theme=_ref.theme;if(color&&color==='white'){return getIn(theme.colors,'interactive.icon.staticWhite.subtle');}if(color&&color!=='neutral'){return getIn(theme.colors,`interactive.icon.${color}.subtle`);}return getIn(theme.colors,'interactive.icon.gray.muted');};var _BaseSpinner=function _BaseSpinner(_ref2,ref){var label=_ref2.label,_ref2$labelPosition=_ref2.labelPosition,labelPosition=_ref2$labelPosition===void 0?'right':_ref2$labelPosition,accessibilityLabel=_ref2.accessibilityLabel,_ref2$color=_ref2.color,color=_ref2$color===void 0?'neutral':_ref2$color,_ref2$size=_ref2.size,size=_ref2$size===void 0?'medium':_ref2$size,testID=_ref2.testID,styledProps=_objectWithoutProperties(_ref2,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;return jsx(BaseBox,Object.assign({ref:ref},metaAttribute({name:MetaConstants.Spinner,testID:testID}),getStyledProps(styledProps),{children:jsxs(BaseBox,Object.assign({display:"flex",alignItems:"center",flexDirection:labelPosition==='right'?'row':'column'},makeAccessible({label:accessibilityLabel,role:'progressbar'}),{children:[jsx(SpinningBox,{children:jsx(SpinnerIcon,{dimensions:makeSize(dimensions[size]),color:getColor({color:color,theme:theme})})}),label&&label.trim().length>0?jsx(BaseBox,{marginLeft:labelPosition==='right'?'spacing.3':'spacing.0',marginTop:labelPosition==='bottom'?'spacing.3':'spacing.0',children:jsx(Text,{variant:"body",weight:"regular",size:"small",color:"surface.text.gray.muted",children:label})}):null]}))}));};var BaseSpinner=React__default.forwardRef(_BaseSpinner);
+var _excluded=["label","labelPosition","accessibilityLabel","color","size","testID"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Spinner/BaseSpinner/BaseSpinner.tsx";var getColor=function getColor(_ref){var color=_ref.color,theme=_ref.theme;if(color&&color==='white'){return getIn(theme.colors,'interactive.icon.staticWhite.subtle');}if(color&&color==='onNeutral'){return getIn(theme.colors,'interactive.icon.onNeutral.normal');}if(color&&color!=='neutral'){return getIn(theme.colors,`interactive.icon.${color}.subtle`);}return getIn(theme.colors,'interactive.icon.gray.muted');};var _BaseSpinner=function _BaseSpinner(_ref2,ref){var label=_ref2.label,_ref2$labelPosition=_ref2.labelPosition,labelPosition=_ref2$labelPosition===void 0?'right':_ref2$labelPosition,accessibilityLabel=_ref2.accessibilityLabel,_ref2$color=_ref2.color,color=_ref2$color===void 0?'neutral':_ref2$color,_ref2$size=_ref2.size,size=_ref2$size===void 0?'medium':_ref2$size,testID=_ref2.testID,styledProps=_objectWithoutProperties(_ref2,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;return jsx(BaseBox,Object.assign({ref:ref},metaAttribute({name:MetaConstants.Spinner,testID:testID}),getStyledProps(styledProps),{children:jsxs(BaseBox,Object.assign({display:"flex",alignItems:"center",flexDirection:labelPosition==='right'?'row':'column'},makeAccessible({label:accessibilityLabel,role:'progressbar'}),{children:[jsx(SpinningBox,{children:jsx(SpinnerIcon,{dimensions:makeSize(dimensions[size]),color:getColor({color:color,theme:theme})})}),label&&label.trim().length>0?jsx(BaseBox,{marginLeft:labelPosition==='right'?'spacing.3':'spacing.0',marginTop:labelPosition==='bottom'?'spacing.3':'spacing.0',children:jsx(Text,{variant:"body",weight:"regular",size:"small",color:"surface.text.gray.muted",children:label})}):null]}))}));};var BaseSpinner=React__default.forwardRef(_BaseSpinner);
 export { BaseSpinner };
 //# sourceMappingURL=BaseSpinner.js.map

package/build/lib/native/components/Spinner/BaseSpinner/BaseSpinner.js.map CHANGED Viewed

	@@ -1 +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","_BaseSpinner","_ref2","ref","label","_ref2$labelPosition","labelPosition","accessibilityLabel","_ref2$color","_ref2$size","size","testID","styledProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","_jsx","BaseBox","Object","assign","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":";;;;;;;;;;;;;;;;;;;;;;;wNAiDA,IAAMA,QAAQ,CAAG,SAAXA,QAAQA,CAAAC,IAAA,CAAqF,~~CAAA,IAA~~/EC,KAAK,CAAAD,IAAA,CAALC,KAAK,CAAEC,KAAK,CAAAF,IAAA,CAALE,KAAK,CAC9B,GAAID,KAAK,EAAIA,KAAK,GAAK,OAAO,CAAE,CAC9B,OAAOE,KAAK,CAACD,KAAK,CAACE,MAAM,CAAE,qCAAqC,CAAC,CACnE,CACA,GAAIH,KAAK,EAAIA,KAAK,GAAK,SAAS,CAAE,CAChC,OAAOE,KAAK,CAACD,KAAK,CAACE,MAAM,CAAE,oBAAoBH,KAAK,CAAA,OAAA,CAAS,CAAC,CAChE,CACA,OAAOE,KAAK,CAACD,KAAK,CAACE,MAAM,CAAE,6BAA6B,CAAC,CAC3D,CAAC,CAED,IAAMC,YAAY,CAAG,SAAfA,YAAYA,CAAAC,KAAA,CAUhBC,GAA+B,CACR,~~CAAA~~,~~IATrBC~~,KAAK,CAAAF,KAAA,CAALE,KAAK,CAAAC,mBAAA,CAAAH,KAAA,CACLI,aAAa,CAAbA,aAAa,CAAAD,mBAAA,~~UAAG~~,OAAO,CAAAA,mBAAA,CACvBE,kBAAkB,CAAAL,KAAA,CAAlBK,kBAAkB,CAAAC,WAAA,CAAAN,KAAA,CAClBL,KAAK,CAALA,KAAK,CAAAW,WAAA,~~UAAG~~,SAAS,CAAAA,WAAA,CAAAC,UAAA,CAAAP,KAAA,CACjBQ,IAAI,CAAJA,IAAI,CAAAD,UAAA,GAAG,KAAA,CAAA,CAAA,QAAQ,CAAAA,UAAA,CACfE,MAAM,CAAAT,KAAA,CAANS,MAAM,CACHC,WAAW,CAAAC,wBAAA,CAAAX,KAAA,CAAAY,SAAA,CAIhB,CAAA,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBlB,KAAK,CAAAiB,SAAA,CAALjB,KAAK,CACb,OACEmB,GAAA,CAACC,OAAO,CAAAC,MAAA,CAAAC,MAAA,CACNjB,CAAAA,GAAG,CAAEA,GAAa,~~CACdkB~~,~~CAAAA,~~aAAa,CAAC,CAAEC,IAAI,CAAEC,aAAa,CAACC,OAAO,CAAEb,MAAM,CAANA,MAAO,CAAC,CAAC,CACtDc,cAAc,CAACb,WAAW,CAAC,CAAAc,~~CAAAA,~~QAAA,CAE/BC,IAAA,CAACT,OAAO,CAAAC,MAAA,CAAAC,MAAA,CACNQ,~~CAAAA,~~OAAO,CAAC,MAAM,CACdC,UAAU,CAAC,QAAQ,CACnBC,aAAa,CAAExB,aAAa,GAAK,OAAO,CAAG,KAAK,CAAG,QAAS,CAAA,CACxDyB,cAAc,CAAC,CACjB3B,KAAK,CAAEG,kBAAkB,CACzByB,IAAI,CAAE,aACR,CAAC,CAAC,~~CAAA,~~CAAAN,QAAA,~~CAEFT~~,~~CAAAA,~~GAAA,CAACgB,WAAW,CAAAP,~~CAAAA,~~QAAA,CACVT,GAAA,CAACiB,WAAW,CAAA,CAACC,UAAU,CAAEC,QAAQ,CAACD,UAAU,CAACzB,IAAI,CAAC,CAAE,CAACb,KAAK,CAAEF,QAAQ,CAAC,CAAEE,KAAK,CAALA,KAAK,CAAEC,KAAK,CAALA,KAAM,CAAC,CAAE,CAAE,CAAC,CAC/E,CAAC,CACbM,KAAK,EAAIA,KAAK,CAACiC,IAAI,EAAE,CAACC,MAAM,CAAG,CAAC,CAC/BrB,GAAA,CAACC,OAAO,~~CAAA,~~CACNqB,UAAU,CAAEjC,aAAa,GAAK,OAAO,CAAG,WAAW,CAAG,WAAY,CAClEkC,SAAS,CAAElC,aAAa,GAAK,QAAQ,CAAG,WAAW,CAAG,WAAY,CAAAoB,QAAA,CAElET,GAAA,CAACwB,IAAI,CAACC,CAAAA,OAAO,CAAC,MAAM,CAACC,MAAM,CAAC,SAAS,CAACjC,IAAI,CAAC,OAAO,CAACb,KAAK,CAAC,yBAAyB,CAAA6B,QAAA,CAC/EtB,KAAK,CACF,CAAC,CACA,CAAC,CACR,IAAI,~~GACD~~,~~CAAC~~,CAAA,CACH,CAAC,CAEd,CAAC,CAEK,IAAAwC,WAAW,CAAGC,cAAK,CAACC,UAAU,CAAC7C,YAAY;;;;"}
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' \| '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","_BaseSpinner","_ref2","ref","label","_ref2$labelPosition","labelPosition","accessibilityLabel","_ref2$color","_ref2$size","size","testID","styledProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","_jsx","BaseBox","Object","assign","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/native/components/Spinner/Spinner/Spinner.js.map CHANGED Viewed

	@@ -1 +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":["this","_Spinner","_ref","ref","_ref2","label","labelPosition","accessibilityLabel","_ref$color","color","_ref$size","size","testID","styledProps","_objectWithoutProperties","_excluded","_jsx","BaseSpinner","Object","assign","Spinner","React","forwardRef"],"mappings":";;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,OAAA,CAAA,eAAA,CAAA,oBAAA,CAAA,OAAA,CAAA,MAAA,CAAA,QAAA,CAAA,CAAA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,yFAAA,CAcA,IAAMC,QAAQ,CAAG,SAAXA,QAAQA,CAAAC,IAAA,CAUZC,GAA+B,CACR,CAAAC,IAAAA,KAAA,CATrB,IAAAC,KAAK,CAAAH,IAAA,CAALG,KAAK,CACLC,aAAa,CAAAJ,IAAA,CAAbI,aAAa,CACbC,kBAAkB,CAAAL,IAAA,CAAlBK,kBAAkB,CAAAC,UAAA,CAAAN,IAAA,CAClBO,KAAK,CAALA,KAAK,CAAAD,UAAA,GAAA,KAAA,CAAA,CAAG,SAAS,CAAAA,UAAA,CAAAE,SAAA,CAAAR,IAAA,CACjBS,IAAI,CAAJA,IAAI,CAAAD,SAAA,GAAG,KAAA,CAAA,CAAA,QAAQ,CAAAA,SAAA,CACfE,MAAM,CAAAV,IAAA,CAANU,MAAM,CACHC,WAAW,CAAAC,wBAAA,CAAAZ,IAAA,CAAAa,SAAA,CAAA,CAIhB,OACEC,GAAA,CAACC,WAAW,CAAAC,MAAA,CAAAC,MAAA,CAAA,CACVhB,GAAG,CAAEA,GAAa,CAClBE,KAAK,CAAEA,KAAM,CACbC,aAAa,CAAEA,aAAc,CAC7BC,kBAAkB,CAAAH,CAAAA,KAAA,CAAEG,kBAAkB,EAAA,IAAA,CAAlBA,kBAAkB,CAAIF,KAAK,GAAAD,IAAAA,CAAAA,KAAA,CAAI,SAAU,CAC7DK,KAAK,CAAEA,KAAM,CACbE,IAAI,CAAEA,IAAK,CACXC,MAAM,CAAEA,MAAO,CAAA,CACXC,WAAW,CAChB,CAAC,CAEN,CAAC,CAEK,IAAAO,OAAO,CAAGC,cAAK,CAACC,UAAU,CAACrB,QAAQ;;;;"}
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' \| '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":["this","_Spinner","_ref","ref","_ref2","label","labelPosition","accessibilityLabel","_ref$color","color","_ref$size","size","testID","styledProps","_objectWithoutProperties","_excluded","_jsx","BaseSpinner","Object","assign","Spinner","React","forwardRef"],"mappings":";;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,OAAA,CAAA,eAAA,CAAA,oBAAA,CAAA,OAAA,CAAA,MAAA,CAAA,QAAA,CAAA,CAAA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,yFAAA,CAcA,IAAMC,QAAQ,CAAG,SAAXA,QAAQA,CAAAC,IAAA,CAUZC,GAA+B,CACR,CAAAC,IAAAA,KAAA,CATrB,IAAAC,KAAK,CAAAH,IAAA,CAALG,KAAK,CACLC,aAAa,CAAAJ,IAAA,CAAbI,aAAa,CACbC,kBAAkB,CAAAL,IAAA,CAAlBK,kBAAkB,CAAAC,UAAA,CAAAN,IAAA,CAClBO,KAAK,CAALA,KAAK,CAAAD,UAAA,GAAA,KAAA,CAAA,CAAG,SAAS,CAAAA,UAAA,CAAAE,SAAA,CAAAR,IAAA,CACjBS,IAAI,CAAJA,IAAI,CAAAD,SAAA,GAAG,KAAA,CAAA,CAAA,QAAQ,CAAAA,SAAA,CACfE,MAAM,CAAAV,IAAA,CAANU,MAAM,CACHC,WAAW,CAAAC,wBAAA,CAAAZ,IAAA,CAAAa,SAAA,CAAA,CAIhB,OACEC,GAAA,CAACC,WAAW,CAAAC,MAAA,CAAAC,MAAA,CAAA,CACVhB,GAAG,CAAEA,GAAa,CAClBE,KAAK,CAAEA,KAAM,CACbC,aAAa,CAAEA,aAAc,CAC7BC,kBAAkB,CAAAH,CAAAA,KAAA,CAAEG,kBAAkB,EAAA,IAAA,CAAlBA,kBAAkB,CAAIF,KAAK,GAAAD,IAAAA,CAAAA,KAAA,CAAI,SAAU,CAC7DK,KAAK,CAAEA,KAAM,CACbE,IAAI,CAAEA,IAAK,CACXC,MAAM,CAAEA,MAAO,CAAA,CACXC,WAAW,CAChB,CAAC,CAEN,CAAC,CAEK,IAAAO,OAAO,CAAGC,cAAK,CAACC,UAAU,CAACrB,QAAQ;;;;"}

package/build/lib/web/development/_virtual/flatten.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import '../node_modules/es-toolkit/dist/array/flatten.js';
+import '../node_modules/es-toolkit/dist/compat/array/flatten.js';
 //# sourceMappingURL=flatten.js.map

package/build/lib/web/development/_virtual/flatten3.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import '../node_modules/es-toolkit/dist/compat/array/flatten.js';
+import '../node_modules/es-toolkit/dist/array/flatten.js';
 //# sourceMappingURL=flatten3.js.map

package/build/lib/web/development/components/Button/BaseButton/BaseButton.js CHANGED Viewed

@@ -26,8 +26,8 @@ import '../../../utils/getStringChildren/index.js';
 import '../../../utils/logger/index.js';
 import '../../../utils/makeAnalyticsAttribute/index.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { throwBladeError } from '../../../utils/logger/logger.js';
 import { isReactNative } from '../../../utils/platform/isReactNative.js';
+import { throwBladeError } from '../../../utils/logger/logger.js';
 import { makeSize } from '../../../utils/makeSize/makeSize.js';
 import { makeSpace } from '../../../utils/makeSpace/makeSpace.js';
 import { makeBorderSize } from '../../../utils/makeBorderSize/makeBorderSize.js';
@@ -52,34 +52,30 @@ function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 /**
- * `white`, `black` and `transparent` are not feedback colors, so the token
- * factories are still called with `primary` and the value is looked up under its
- * own key instead of under `base`.
+ * `white` and `transparent` are not feedback colors, so the token factories are
+ * still called with `primary` and the value is looked up under its own key
+ * instead of under `base`.
  */
 var isStaticOrTransparentColor = function isStaticOrTransparentColor(color) {
-  return color === 'white' || color === 'black' || color === 'transparent';
+  return color === 'white' || color === 'transparent';
+};
+/**
+ * The filled `neutral` surface needs inverted content and a heavier inner shadow
+ * than the shared feedback treatment, so its `primary` emphasis is looked up
+ * under a dedicated key. The remaining emphases fall back to `base`.
+ */
+var isFilledNeutral = function isFilledNeutral(color, variant) {
+  return color === 'neutral' && variant === 'primary';
 };
 var getSpinnerColor = function getSpinnerColor(_ref) {
   var variant = _ref.variant,
     color = _ref.color;
-  // `black` only exists as a primary button, so it is looked up separately from
-  // the colors that carry a full variant record.
-  if (color === 'black') {
-    return spinnerColor.black.primary;
-  }
   if (color !== 'primary' && color !== 'transparent' && color in spinnerColor) {
     return spinnerColor[color][variant];
   }
   return spinnerColor.base[variant];
 };
-var assertBlackIsPrimary = function assertBlackIsPrimary(variant) {
-  if (variant !== 'primary') {
-    throwBladeError({
-      moduleName: 'BaseButton',
-      message: "Black color can only be used with primary variant but received \"".concat(variant, "\"")
-    });
-  }
-};
 var getRenderElement = function getRenderElement(href) {
   if (isReactNative()) {
     return undefined; // as property doesn't work with react native
@@ -95,17 +91,13 @@ var getBackgroundColorToken = function getBackgroundColorToken(_ref2) {
     color = _ref2.color;
   var _state = state === 'focus' || state === 'hover' ? 'highlighted' : state;
-  // For white, black and transparent colors, we use 'primary' as the base color
-  // since the actual token lookup uses the white/black/transparent specific paths
+  // For white and transparent colors, we use 'primary' as the base color
+  // since the actual token lookup uses the white/transparent specific paths
   var gradientColor = isStaticOrTransparentColor(color) || !color ? 'primary' : color;
   var tokens = backgroundGradient(gradientColor);
   if (color === 'white') {
     return tokens.white[variant][_state];
   }
-  if (color === 'black') {
-    assertBlackIsPrimary(variant);
-    return tokens.black.primary[_state];
-  }
   if (color === 'transparent') {
     if (variant !== 'tertiary') {
       throw new Error("Transparent color can only be used with tertiary variant but received \"".concat(variant, "\""));
@@ -129,9 +121,8 @@ var getBoxShadowToken = function getBoxShadowToken(_ref3) {
   if (color === 'white') {
     return tokens.white[variant][_state];
   }
-  if (color === 'black') {
-    assertBlackIsPrimary(variant);
-    return tokens.black.primary[_state];
+  if (isFilledNeutral(color, variant)) {
+    return tokens.neutral.primary[_state];
   }
   if (color === 'transparent') {
     if (variant !== 'tertiary') {
@@ -151,9 +142,8 @@ var getTextColorToken = function getTextColorToken(_ref4) {
   if (color === 'white') {
     return tokens.white[variant][_state];
   }
-  if (color === 'black') {
-    assertBlackIsPrimary(variant);
-    return tokens.black.primary[_state];
+  if (isFilledNeutral(color, variant)) {
+    return tokens.neutral.primary[_state];
   }
   if (color === 'transparent') {
     if (variant !== 'tertiary') {
@@ -323,7 +313,9 @@ var getProps = function getProps(_ref5) {
       state: 'focus'
     })),
     focusBoxShadow: getBoxShadow('focus', color),
-    focusRingColor: getIn(theme.colors, 'surface.border.primary.muted'),
+    // The system focus ring is a faded primary blue, which the design replaces
+    // with a faded neutral ring on the filled neutral surface.
+    focusRingColor: getIn(theme.colors, isFilledNeutral(color, variant) ? 'interactive.border.neutral.faded' : 'surface.border.primary.muted'),
     borderRadius: makeBorderSize(theme.border.radius[_borderRadius !== null && _borderRadius !== void 0 ? _borderRadius : buttonBorderRadius[size]]),
     motionDuration: 'duration.xquick',
     motionEasing: 'easing.standard'