@razorpay/blade 10.23.5 → 11.0.0

package/build/lib/web/production/components/Chip/chipTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"chipTokens.js","sources":["../../../../../../src/components/Chip/chipTokens.ts"],"sourcesContent":["import type { ChipGroupProps } from './ChipGroup';\nimport type { Theme } from '~components/BladeProvider';\nimport type { DotNotationColorStringToken, DotNotationSpacingStringToken } from '~utils/types';\nimport type { SelectorInputHoverTokens } from '~components/Form/Selector/types';\nimport { size } from '~tokens/global';\nimport type { IconProps } from '~components/Icons';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\n\nconst chipGroupGapTokens = {\n  xsmall: {\n    right: 'spacing.3',\n    bottom: 'spacing.3',\n  },\n  small: {\n    right: 'spacing.3',\n    bottom: 'spacing.3',\n  },\n  medium: {\n    right: 'spacing.3',\n    bottom: 'spacing.4',\n  },\n  large: {\n    right: 'spacing.3',\n    bottom: 'spacing.4',\n  },\n} as const;\n\nconst chipHeightTokens: Record<NonNullable<ChipGroupProps['size']>, number> = {\n  xsmall: size[24],\n  small: size[28],\n  medium: size[36],\n  large: size[48],\n};\n\ntype ChipHorizontalPaddingTokens = {\n  withoutIcon: Record<\n    'left' | 'right',\n    Record<NonNullable<ChipGroupProps['size']>, DotNotationSpacingStringToken>\n  >;\n  withIcon: Record<\n    'left' | 'right',\n    Record<NonNullable<ChipGroupProps['size']>, DotNotationSpacingStringToken>\n  >;\n};\n\nconst chipHorizontalPaddingTokens: ChipHorizontalPaddingTokens = {\n  withoutIcon: {\n    left: {\n      xsmall: 'spacing.4',\n      small: 'spacing.4',\n      medium: 'spacing.6',\n      large: 'spacing.7',\n    },\n    right: {\n      xsmall: 'spacing.4',\n      small: 'spacing.4',\n      medium: 'spacing.6',\n      large: 'spacing.7',\n    },\n  },\n  withIcon: {\n    left: {\n      xsmall: 'spacing.4',\n      small: 'spacing.4',\n      medium: 'spacing.5',\n      large: 'spacing.6',\n    },\n    right: {\n      xsmall: 'spacing.4',\n      small: 'spacing.4',\n      medium: 'spacing.6',\n      large: 'spacing.7',\n    },\n  },\n};\n\ntype FeedbackActionBackgroundColors<\n  T extends 'positive' | 'negative'\n> = `feedback.${T}.action.background.primary.${DotNotationColorStringToken<\n  Theme['colors']['feedback'][T]['action']['background']['primary']\n>}`;\ntype FeedbackActionBorderColors<\n  T extends 'positive' | 'negative'\n> = `feedback.${T}.action.border.${DotNotationColorStringToken<\n  Theme['colors']['feedback'][T]['action']['border']\n>}`;\ntype TextColorTokens = BaseTextProps['color'];\ntype IconColorTokens = IconProps['color'];\ntype ChipColorTokens = {\n  text: Record<string, TextColorTokens>;\n  icon: Record<string, IconColorTokens | 'brand.primary.500'>;\n  background: Record<\n    string,\n    Record<\n      string,\n      | FeedbackActionBackgroundColors<'positive'>\n      | FeedbackActionBackgroundColors<'negative'>\n      | 'transparent'\n      | 'brand.gray.a50.lowContrast'\n      | 'brand.primary.300'\n      | 'brand.primary.400'\n    >\n  >;\n  border: Record<\n    string,\n    Record<\n      string,\n      | FeedbackActionBorderColors<'positive'>\n      | FeedbackActionBorderColors<'negative'>\n      | 'brand.gray.400.lowContrast'\n      | 'brand.gray.a100.lowContrast'\n      | 'brand.gray.a50.lowContrast'\n      | 'brand.primary.500'\n    >\n  >;\n};\n\nconst chipColorTokens: ChipColorTokens = {\n  text: {\n    unchecked: 'surface.text.subtle.lowContrast',\n    disabled: 'surface.text.placeholder.lowContrast',\n    default: 'action.text.secondary.default',\n    positive: 'feedback.text.positive.lowContrast',\n    negative: 'feedback.text.negative.lowContrast',\n  },\n  icon: {\n    unchecked: 'surface.text.subtle.lowContrast',\n    disabled: 'surface.text.placeholder.lowContrast',\n    default: 'action.icon.secondary.default',\n    positive: 'feedback.icon.positive.lowContrast',\n    negative: 'feedback.icon.negative.lowContrast',\n  },\n  background: {\n    unchecked: {\n      default: 'transparent',\n      hover: 'brand.gray.a50.lowContrast',\n      disabled: 'transparent',\n    },\n    default: {\n      default: 'brand.primary.300',\n      hover: 'brand.primary.400',\n      disabled: 'brand.gray.a50.lowContrast',\n    },\n    positive: {\n      default: 'feedback.positive.action.background.primary.default.lowContrast',\n      hover: 'feedback.positive.action.background.primary.hover.lowContrast',\n      disabled: 'brand.gray.a50.lowContrast',\n    },\n    negative: {\n      default: 'feedback.negative.action.background.primary.default.lowContrast',\n      hover: 'feedback.negative.action.background.primary.hover.lowContrast',\n      disabled: 'brand.gray.a50.lowContrast',\n    },\n  },\n  border: {\n    unchecked: {\n      default: 'brand.gray.400.lowContrast',\n      disabled: 'brand.gray.400.lowContrast',\n    },\n    default: {\n      default: 'brand.primary.500',\n      hover: 'brand.primary.500',\n      disabled: 'brand.gray.a100.lowContrast',\n    },\n    positive: {\n      default: 'feedback.positive.action.border.primary.default.lowContrast',\n      hover: 'feedback.positive.action.border.primary.hover.lowContrast',\n      disabled: 'brand.gray.a100.lowContrast',\n    },\n    negative: {\n      default: 'feedback.negative.action.border.primary.default.lowContrast',\n      hover: 'feedback.negative.action.border.primary.hover.lowContrast',\n      disabled: 'brand.gray.a50.lowContrast',\n    },\n  },\n};\n\nconst getChipInputHoverTokens = (color: ChipGroupProps['color']): SelectorInputHoverTokens => {\n  return {\n    default: {\n      background: {\n        checked: 'transparent',\n        unchecked: 'transparent',\n      },\n      border: {\n        checked: `colors.${chipColorTokens.border[color || 'default'].hover}` as never,\n        unchecked: 'colors.brand.gray.500.lowContrast',\n      },\n    },\n  };\n};\n\nconst chipIconSizes: Record<NonNullable<ChipGroupProps['size']>, IconProps['size']> = {\n  xsmall: 'small',\n  small: 'small',\n  medium: 'medium',\n  large: 'large',\n};\n\nconst chipTextSizes = {\n  xsmall: {\n    variant: 'body',\n    size: 'small',\n  },\n  small: {\n    variant: 'body',\n    size: 'medium',\n  },\n  medium: {\n    variant: 'body',\n    size: 'large',\n  },\n  large: {\n    variant: 'body',\n    size: 'large',\n  },\n} as const;\n\nconst chipMotionTokens = {\n  duration: 'motion.duration.xquick',\n  easing: 'motion.easing.standard.effective',\n};\n\nexport {\n  chipColorTokens,\n  chipHeightTokens,\n  chipGroupGapTokens,\n  getChipInputHoverTokens,\n  chipHorizontalPaddingTokens,\n  chipTextSizes,\n  chipIconSizes,\n  chipMotionTokens,\n};\n"],"names":["chipGroupGapTokens","xsmall","right","bottom","small","medium","large","chipHeightTokens","size","chipHorizontalPaddingTokens","withoutIcon","left","withIcon","chipColorTokens","text","unchecked","disabled","positive","negative","icon","background","hover","border","getChipInputHoverTokens","color","checked","concat","chipIconSizes","chipTextSizes","variant","chipMotionTokens","duration","easing"],"mappings":"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"}
+{"version":3,"file":"chipTokens.js","sources":["../../../../../../src/components/Chip/chipTokens.ts"],"sourcesContent":["import type { ChipGroupProps } from './ChipGroup';\nimport type { ChipBorderColors, ChipBackgroundColors } from './types';\nimport type { DotNotationSpacingStringToken } from '~utils/types';\nimport type { SelectorInputHoverTokens } from '~components/Form/Selector/types';\nimport type { IconProps } from '~components/Icons';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport type { DurationString, EasingString } from '~tokens/global';\nimport { size } from '~tokens/global';\n\nconst chipGroupGapTokens = {\n  xsmall: {\n    right: 'spacing.3',\n    bottom: 'spacing.3',\n  },\n  small: {\n    right: 'spacing.3',\n    bottom: 'spacing.3',\n  },\n  medium: {\n    right: 'spacing.3',\n    bottom: 'spacing.4',\n  },\n  large: {\n    right: 'spacing.3',\n    bottom: 'spacing.4',\n  },\n} as const;\n\nconst chipHeightTokens: Record<NonNullable<ChipGroupProps['size']>, number> = {\n  xsmall: size[24],\n  small: size[28],\n  medium: size[36],\n  large: size[48],\n};\n\ntype ChipHorizontalPaddingTokens = {\n  withoutIcon: Record<\n    'left' | 'right',\n    Record<NonNullable<ChipGroupProps['size']>, DotNotationSpacingStringToken>\n  >;\n  withIcon: Record<\n    'left' | 'right',\n    Record<NonNullable<ChipGroupProps['size']>, DotNotationSpacingStringToken>\n  >;\n};\n\nconst chipHorizontalPaddingTokens: ChipHorizontalPaddingTokens = {\n  withoutIcon: {\n    left: {\n      xsmall: 'spacing.4',\n      small: 'spacing.4',\n      medium: 'spacing.6',\n      large: 'spacing.7',\n    },\n    right: {\n      xsmall: 'spacing.4',\n      small: 'spacing.4',\n      medium: 'spacing.6',\n      large: 'spacing.7',\n    },\n  },\n  withIcon: {\n    left: {\n      xsmall: 'spacing.4',\n      small: 'spacing.4',\n      medium: 'spacing.5',\n      large: 'spacing.6',\n    },\n    right: {\n      xsmall: 'spacing.4',\n      small: 'spacing.4',\n      medium: 'spacing.6',\n      large: 'spacing.7',\n    },\n  },\n};\n\ntype TextColorTokens = BaseTextProps['color'];\ntype IconColorTokens = IconProps['color'];\ntype ChipColorTokens = {\n  text: Record<string, TextColorTokens>;\n  icon: Record<string, IconColorTokens>;\n  background: Record<string, Record<string, ChipBackgroundColors>>;\n  border: Record<string, Record<string, ChipBorderColors>>;\n};\n\nconst chipColorTokens: ChipColorTokens = {\n  text: {\n    unchecked: 'interactive.text.gray.subtle',\n    disabled: 'interactive.text.gray.disabled',\n    primary: 'interactive.text.primary.normal',\n    positive: 'interactive.text.positive.normal',\n    negative: 'interactive.text.negative.normal',\n  },\n  icon: {\n    unchecked: 'interactive.icon.gray.subtle',\n    disabled: 'interactive.icon.gray.disabled',\n    primary: 'interactive.icon.primary.normal',\n    positive: 'interactive.icon.positive.normal',\n    negative: 'interactive.icon.negative.normal',\n  },\n  background: {\n    unchecked: {\n      default: 'transparent',\n      hover: 'interactive.background.gray.faded',\n      disabled: 'transparent',\n    },\n    primary: {\n      default: 'interactive.background.primary.faded',\n      hover: 'interactive.background.primary.fadedHighlighted',\n      disabled: 'interactive.background.primary.disabled',\n    },\n    positive: {\n      default: 'interactive.background.positive.faded',\n      hover: 'interactive.background.positive.fadedHighlighted',\n      disabled: 'interactive.background.positive.disabled',\n    },\n    negative: {\n      default: 'interactive.background.negative.faded',\n      hover: 'interactive.background.negative.fadedHighlighted',\n      disabled: 'interactive.background.negative.disabled',\n    },\n  },\n  border: {\n    unchecked: {\n      default: 'interactive.border.gray.faded',\n      disabled: 'interactive.border.gray.disabled',\n    },\n    primary: {\n      default: 'interactive.border.primary.default',\n      hover: 'interactive.border.primary.default',\n      disabled: 'interactive.border.primary.disabled',\n    },\n    positive: {\n      default: 'interactive.border.positive.default',\n      hover: 'interactive.border.positive.default',\n      disabled: 'interactive.border.positive.disabled',\n    },\n    negative: {\n      default: 'interactive.border.negative.default',\n      hover: 'interactive.border.negative.default',\n      disabled: 'interactive.border.negative.disabled',\n    },\n  },\n};\n\nconst getChipInputHoverTokens = (color: ChipGroupProps['color']): SelectorInputHoverTokens => {\n  return {\n    default: {\n      background: {\n        checked: 'colors.interactive.background.staticWhite.default',\n        unchecked: 'colors.interactive.background.staticWhite.default',\n      },\n      border: {\n        checked: `colors.${chipColorTokens.border[color || 'default'].hover}` as never,\n        unchecked: 'colors.interactive.border.gray.default',\n      },\n    },\n  };\n};\n\nconst chipIconSizes: Record<NonNullable<ChipGroupProps['size']>, IconProps['size']> = {\n  xsmall: 'small',\n  small: 'small',\n  medium: 'medium',\n  large: 'large',\n};\n\nconst chipTextSizes = {\n  xsmall: {\n    variant: 'body',\n    size: 'small',\n  },\n  small: {\n    variant: 'body',\n    size: 'medium',\n  },\n  medium: {\n    variant: 'body',\n    size: 'large',\n  },\n  large: {\n    variant: 'body',\n    size: 'large',\n  },\n} as const;\n\nconst chipMotionTokens: Record<'duration' | 'easing', DurationString | EasingString> = {\n  duration: 'duration.xquick',\n  easing: 'easing.standard.effective',\n};\n\nexport {\n  chipColorTokens,\n  chipHeightTokens,\n  chipGroupGapTokens,\n  getChipInputHoverTokens,\n  chipHorizontalPaddingTokens,\n  chipTextSizes,\n  chipIconSizes,\n  chipMotionTokens,\n};\n"],"names":["chipGroupGapTokens","xsmall","right","bottom","small","medium","large","chipHeightTokens","size","chipHorizontalPaddingTokens","withoutIcon","left","withIcon","chipColorTokens","text","unchecked","disabled","primary","positive","negative","icon","background","hover","border","getChipInputHoverTokens","color","checked","concat","chipIconSizes","chipTextSizes","variant","chipMotionTokens","duration","easing"],"mappings":"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"}

package/build/lib/web/production/components/Chip/getAnimatedChipStyles.js

@@ -8,7 +8,7 @@ var getAnimatedChipStyles = function getAnimatedChipStyles(_ref) {
     isDisabled = _ref.isDisabled,
     borderColor = _ref.borderColor;
   return {
-    backgroundColor: isDisabled ? 'transparent' : getIn(theme.colors, 'surface.background.level2.lowContrast'),
+    backgroundColor: isDisabled ? 'transparent' : getIn(theme.colors, 'interactive.background.staticWhite.default'),
     borderRadius: makeBorderSize(theme.border.radius.max),
     borderColor: getIn(theme.colors, borderColor),
     borderWidth: getIn(theme, 'border.width.thin'),

package/build/lib/web/production/components/Chip/getAnimatedChipStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"getAnimatedChipStyles.js","sources":["../../../../../../src/components/Chip/getAnimatedChipStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport type { AnimatedChipProps } from './types';\nimport getIn from '~utils/lodashButBetter/get';\nimport { makeBorderSize } from '~utils/makeBorderSize';\n\nconst getAnimatedChipStyles = ({\n  theme,\n  isDesktop,\n  isDisabled,\n  borderColor,\n}: AnimatedChipProps): CSSObject => {\n  return {\n    backgroundColor: isDisabled\n      ? 'transparent'\n      : getIn(theme.colors, 'surface.background.level2.lowContrast'),\n    borderRadius: makeBorderSize(theme.border.radius.max),\n    borderColor: getIn(theme.colors, borderColor),\n    borderWidth: getIn(theme, 'border.width.thin'),\n    display: 'flex',\n    flexWrap: 'nowrap',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    textAlign: 'left',\n    textOverflow: 'ellipsis',\n    maxWidth: isDesktop ? '420px' : '280px',\n  };\n};\n\nexport { getAnimatedChipStyles };\n"],"names":["getAnimatedChipStyles","_ref","theme","isDesktop","isDisabled","borderColor","backgroundColor","getIn","colors","borderRadius","makeBorderSize","border","radius","max","borderWidth","display","flexWrap","flexDirection","alignItems","justifyContent","textAlign","textOverflow","maxWidth"],"mappings":";;;;AAKA,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAAC,IAAA,EAKS;AAAA,EAAA,IAJlCC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IACVC,WAAW,GAAAJ,IAAA,CAAXI,WAAW,CAAA;EAEX,OAAO;AACLC,IAAAA,eAAe,EAAEF,UAAU,GACvB,aAAa,GACbG,KAAK,CAACL,KAAK,CAACM,MAAM,EAAE,uCAAuC,CAAC;IAChEC,YAAY,EAAEC,cAAc,CAACR,KAAK,CAACS,MAAM,CAACC,MAAM,CAACC,GAAG,CAAC;IACrDR,WAAW,EAAEE,KAAK,CAACL,KAAK,CAACM,MAAM,EAAEH,WAAW,CAAC;AAC7CS,IAAAA,WAAW,EAAEP,KAAK,CAACL,KAAK,EAAE,mBAAmB,CAAC;AAC9Ca,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,aAAa,EAAE,KAAK;AACpBC,IAAAA,UAAU,EAAE,QAAQ;AACpBC,IAAAA,cAAc,EAAE,QAAQ;AACxBC,IAAAA,SAAS,EAAE,MAAM;AACjBC,IAAAA,YAAY,EAAE,UAAU;AACxBC,IAAAA,QAAQ,EAAEnB,SAAS,GAAG,OAAO,GAAG,OAAA;GACjC,CAAA;AACH;;;;"}
+{"version":3,"file":"getAnimatedChipStyles.js","sources":["../../../../../../src/components/Chip/getAnimatedChipStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport type { AnimatedChipProps } from './types';\nimport getIn from '~utils/lodashButBetter/get';\nimport { makeBorderSize } from '~utils/makeBorderSize';\n\nconst getAnimatedChipStyles = ({\n  theme,\n  isDesktop,\n  isDisabled,\n  borderColor,\n}: AnimatedChipProps): CSSObject => {\n  return {\n    backgroundColor: isDisabled\n      ? 'transparent'\n      : getIn(theme.colors, 'interactive.background.staticWhite.default'),\n    borderRadius: makeBorderSize(theme.border.radius.max),\n    borderColor: getIn(theme.colors, borderColor),\n    borderWidth: getIn(theme, 'border.width.thin'),\n    display: 'flex',\n    flexWrap: 'nowrap',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    textAlign: 'left',\n    textOverflow: 'ellipsis',\n    maxWidth: isDesktop ? '420px' : '280px',\n  };\n};\n\nexport { getAnimatedChipStyles };\n"],"names":["getAnimatedChipStyles","_ref","theme","isDesktop","isDisabled","borderColor","backgroundColor","getIn","colors","borderRadius","makeBorderSize","border","radius","max","borderWidth","display","flexWrap","flexDirection","alignItems","justifyContent","textAlign","textOverflow","maxWidth"],"mappings":";;;;AAKA,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAAC,IAAA,EAKS;AAAA,EAAA,IAJlCC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IACVC,WAAW,GAAAJ,IAAA,CAAXI,WAAW,CAAA;EAEX,OAAO;AACLC,IAAAA,eAAe,EAAEF,UAAU,GACvB,aAAa,GACbG,KAAK,CAACL,KAAK,CAACM,MAAM,EAAE,4CAA4C,CAAC;IACrEC,YAAY,EAAEC,cAAc,CAACR,KAAK,CAACS,MAAM,CAACC,MAAM,CAACC,GAAG,CAAC;IACrDR,WAAW,EAAEE,KAAK,CAACL,KAAK,CAACM,MAAM,EAAEH,WAAW,CAAC;AAC7CS,IAAAA,WAAW,EAAEP,KAAK,CAACL,KAAK,EAAE,mBAAmB,CAAC;AAC9Ca,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,aAAa,EAAE,KAAK;AACpBC,IAAAA,UAAU,EAAE,QAAQ;AACpBC,IAAAA,cAAc,EAAE,QAAQ;AACxBC,IAAAA,SAAS,EAAE,MAAM;AACjBC,IAAAA,YAAY,EAAE,UAAU;AACxBC,IAAAA,QAAQ,EAAEnB,SAAS,GAAG,OAAO,GAAG,OAAA;GACjC,CAAA;AACH;;;;"}

package/build/lib/web/production/components/Chip/useChipGroup.js

@@ -11,7 +11,6 @@ var useChipGroup = function useChipGroup(_ref) {
     _onChange = _ref.onChange,
     name = _ref.name,
     size = _ref.size,
-    intent = _ref.intent,
     color = _ref.color,
     selectionType = _ref.selectionType;
   var idBase = useId('chip-group');
@@ -79,11 +78,10 @@ var useChipGroup = function useChipGroup(_ref) {
       name: name,
       state: state,
       size: size,
-      intent: intent,
       color: color,
       selectionType: selectionType
     };
-  }, [isDisabled, name, state, size, intent, color, selectionType]);
+  }, [isDisabled, name, state, size, color, selectionType]);
   return {
     state: state,
     contextValue: contextValue,

package/build/lib/web/production/components/Chip/useChipGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"useChipGroup.js","sources":["../../../../../../src/components/Chip/useChipGroup.ts"],"sourcesContent":["import React from 'react';\nimport type { ChipGroupProps, ChipGroupContextType, State } from './types';\nimport isUndefined from '~utils/lodashButBetter/isUndefined';\nimport { useControllableState } from '~utils/useControllable';\nimport { useId } from '~utils/useId';\n\ntype UseChipGroupProps = Pick<\n  ChipGroupProps,\n  | 'isDisabled'\n  | 'name'\n  | 'value'\n  | 'defaultValue'\n  | 'onChange'\n  | 'size'\n  | 'intent'\n  | 'color'\n  | 'selectionType'\n>;\ntype UseChipGroupReturn = {\n  state: State;\n  contextValue: ChipGroupContextType;\n  ids: { labelId: string };\n};\n\nconst useChipGroup = ({\n  value,\n  defaultValue,\n  isDisabled,\n  onChange,\n  name,\n  size,\n  intent,\n  color,\n  selectionType,\n}: UseChipGroupProps): UseChipGroupReturn => {\n  const idBase = useId('chip-group');\n  const labelId = `${idBase}-label`;\n\n  const fallbackName = name ?? idBase;\n  const [checkedValues, setValues] = useControllableState({\n    value: (value && selectionType === 'single' ? [value] : value) as string[] | undefined,\n    // If selectionType is single, we need to convert the value to an array\n    defaultValue: (defaultValue && selectionType === 'single'\n      ? [defaultValue]\n      : defaultValue || []) as string[] | undefined,\n    onChange: (values: string[]) => onChange?.({ values, name: fallbackName }),\n  });\n\n  const state = React.useMemo<State>(() => {\n    return {\n      value: checkedValues,\n      isChecked(value: string): boolean {\n        if (selectionType === 'single') {\n          if (isUndefined(value) || isUndefined(checkedValues)) return false;\n          return checkedValues[0] === value;\n        }\n        return checkedValues.includes(value);\n      },\n      addValue(value: string) {\n        if (isDisabled) {\n          return;\n        }\n        if (selectionType === 'single') {\n          setValues(() => [value]);\n        }\n        if (selectionType === 'multiple' && !checkedValues.includes(value)) {\n          setValues(() => checkedValues.concat(value));\n        }\n      },\n      removeValue(value: string) {\n        if (isDisabled) {\n          return;\n        }\n        if (selectionType === 'single') {\n          setValues(undefined!);\n        }\n        if (\n          selectionType === 'multiple' &&\n          Array.isArray(checkedValues) &&\n          checkedValues.includes(value)\n        ) {\n          setValues(() => checkedValues.filter((existingValue) => existingValue !== value));\n        }\n      },\n    };\n  }, [checkedValues, isDisabled, setValues, selectionType]);\n\n  const contextValue = React.useMemo<ChipGroupContextType>(() => {\n    return {\n      isDisabled,\n      name,\n      state,\n      size,\n      intent,\n      color,\n      selectionType,\n    };\n  }, [isDisabled, name, state, size, intent, color, selectionType]);\n\n  return { state, contextValue, ids: { labelId } };\n};\n\nexport { useChipGroup };\n"],"names":["useChipGroup","_ref","value","defaultValue","isDisabled","onChange","name","size","intent","color","selectionType","idBase","useId","labelId","concat","fallbackName","_useControllableState","useControllableState","values","_useControllableState2","_slicedToArray","checkedValues","setValues","state","React","useMemo","isChecked","isUndefined","includes","addValue","removeValue","undefined","Array","isArray","filter","existingValue","contextValue","ids"],"mappings":"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"}
+{"version":3,"file":"useChipGroup.js","sources":["../../../../../../src/components/Chip/useChipGroup.ts"],"sourcesContent":["import React from 'react';\nimport type { ChipGroupProps, ChipGroupContextType, State } from './types';\nimport isUndefined from '~utils/lodashButBetter/isUndefined';\nimport { useControllableState } from '~utils/useControllable';\nimport { useId } from '~utils/useId';\n\ntype UseChipGroupProps = Pick<\n  ChipGroupProps,\n  'isDisabled' | 'name' | 'value' | 'defaultValue' | 'onChange' | 'size' | 'color' | 'selectionType'\n>;\ntype UseChipGroupReturn = {\n  state: State;\n  contextValue: ChipGroupContextType;\n  ids: { labelId: string };\n};\n\nconst useChipGroup = ({\n  value,\n  defaultValue,\n  isDisabled,\n  onChange,\n  name,\n  size,\n  color,\n  selectionType,\n}: UseChipGroupProps): UseChipGroupReturn => {\n  const idBase = useId('chip-group');\n  const labelId = `${idBase}-label`;\n\n  const fallbackName = name ?? idBase;\n  const [checkedValues, setValues] = useControllableState({\n    value: (value && selectionType === 'single' ? [value] : value) as string[] | undefined,\n    // If selectionType is single, we need to convert the value to an array\n    defaultValue: (defaultValue && selectionType === 'single'\n      ? [defaultValue]\n      : defaultValue || []) as string[] | undefined,\n    onChange: (values: string[]) => onChange?.({ values, name: fallbackName }),\n  });\n\n  const state = React.useMemo<State>(() => {\n    return {\n      value: checkedValues,\n      isChecked(value: string): boolean {\n        if (selectionType === 'single') {\n          if (isUndefined(value) || isUndefined(checkedValues)) return false;\n          return checkedValues[0] === value;\n        }\n        return checkedValues.includes(value);\n      },\n      addValue(value: string) {\n        if (isDisabled) {\n          return;\n        }\n        if (selectionType === 'single') {\n          setValues(() => [value]);\n        }\n        if (selectionType === 'multiple' && !checkedValues.includes(value)) {\n          setValues(() => checkedValues.concat(value));\n        }\n      },\n      removeValue(value: string) {\n        if (isDisabled) {\n          return;\n        }\n        if (selectionType === 'single') {\n          setValues(undefined!);\n        }\n        if (\n          selectionType === 'multiple' &&\n          Array.isArray(checkedValues) &&\n          checkedValues.includes(value)\n        ) {\n          setValues(() => checkedValues.filter((existingValue) => existingValue !== value));\n        }\n      },\n    };\n  }, [checkedValues, isDisabled, setValues, selectionType]);\n\n  const contextValue = React.useMemo<ChipGroupContextType>(() => {\n    return {\n      isDisabled,\n      name,\n      state,\n      size,\n      color,\n      selectionType,\n    };\n  }, [isDisabled, name, state, size, color, selectionType]);\n\n  return { state, contextValue, ids: { labelId } };\n};\n\nexport { useChipGroup };\n"],"names":["useChipGroup","_ref","value","defaultValue","isDisabled","onChange","name","size","color","selectionType","idBase","useId","labelId","concat","fallbackName","_useControllableState","useControllableState","values","_useControllableState2","_slicedToArray","checkedValues","setValues","state","React","useMemo","isChecked","isUndefined","includes","addValue","removeValue","undefined","Array","isArray","filter","existingValue","contextValue","ids"],"mappings":"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"}

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

@@ -1,62 +1,55 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { StyledCounter } from './StyledCounter.web.js';
-import { horizontalPadding, verticalPadding } from './counterTokens.js';
+import { counterHeight, horizontalPadding } from './counterTokens.js';
 import '../Typography/index.js';
 import '../Box/BaseBox/index.js';
 import '../BladeProvider/index.js';
 import '../../utils/metaAttribute/index.js';
 import '../Box/styledProps/index.js';
 import '../../utils/index.js';
-import '../../utils/logger/index.js';
 import '../../utils/assignWithoutSideEffects/index.js';
 import { jsx } from 'react/jsx-runtime';
 import useTheme from '../BladeProvider/useTheme.js';
-import { logger } from '../../utils/logger/logger.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { isReactNative } from '../../utils/platform/isReactNative.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
+import { makeSize } from '../../utils/makeSize/makeSize.js';
 import { Text } from '../Typography/Text/Text.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded = ["value", "max", "intent", "variant", "color", "contrast", "size", "testID"];
+var _excluded = ["value", "max", "color", "emphasis", "size", "testID"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var isFeedbackVariant = function isFeedbackVariant(variant) {
-  var feedbackVariants = ['information', 'negative', 'neutral', 'notice', 'positive'];
-  return feedbackVariants.includes(variant);
-};
 var getColorProps = function getColorProps(_ref) {
-  var _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? 'neutral' : _ref$variant,
-    _ref$contrast = _ref.contrast,
-    contrast = _ref$contrast === void 0 ? 'low' : _ref$contrast;
-  var counterVariant = variant === 'default' ? 'blue' : variant;
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'neutral' : _ref$color,
+    _ref$emphasis = _ref.emphasis,
+    emphasis = _ref$emphasis === void 0 ? 'subtle' : _ref$emphasis;
   var props = {
-    textColor: 'feedback.text.neutral.lowContrast',
-    backgroundColor: 'feedback.background.neutral.lowContrast'
+    textColor: 'feedback.text.neutral.intense',
+    backgroundColor: 'feedback.background.neutral.subtle'
   };
-  if (isFeedbackVariant(counterVariant)) {
-    props.textColor = "feedback.text.".concat(counterVariant, ".").concat(contrast, "Contrast");
-    props.backgroundColor = "feedback.background.".concat(counterVariant, ".").concat(contrast, "Contrast");
+  if (color === 'primary') {
+    // primary color badge
+    props.textColor = emphasis === 'intense' ? "surface.text.staticWhite.normal" : "surface.text.primary.normal";
+    props.backgroundColor = "surface.background.primary.".concat(emphasis);
   } else {
-    props.textColor = "badge.text.".concat(counterVariant, ".").concat(contrast, "Contrast");
-    props.backgroundColor = "badge.background.".concat(counterVariant, ".").concat(contrast, "Contrast");
+    // feedback colors badge
+    props.textColor = emphasis === 'intense' ? "surface.text.staticWhite.normal" : "feedback.text.".concat(color, ".intense");
+    props.backgroundColor = "feedback.background.".concat(color, ".").concat(emphasis);
   }
   return props;
 };
 var _Counter = function _Counter(_ref2) {
-  var _ref3;
   var value = _ref2.value,
     max = _ref2.max,
-    intent = _ref2.intent,
-    _ref2$variant = _ref2.variant,
-    variant = _ref2$variant === void 0 ? 'neutral' : _ref2$variant,
-    color = _ref2.color,
-    _ref2$contrast = _ref2.contrast,
-    contrast = _ref2$contrast === void 0 ? 'low' : _ref2$contrast,
+    _ref2$color = _ref2.color,
+    color = _ref2$color === void 0 ? 'neutral' : _ref2$color,
+    _ref2$emphasis = _ref2.emphasis,
+    emphasis = _ref2$emphasis === void 0 ? 'subtle' : _ref2$emphasis,
     _ref2$size = _ref2.size,
     size = _ref2$size === void 0 ? 'medium' : _ref2$size,
     testID = _ref2.testID,
@@ -68,20 +61,11 @@ var _Counter = function _Counter(_ref2) {
   var _useTheme = useTheme(),
     platform = _useTheme.platform;
   var _getColorProps = getColorProps({
-      variant: (_ref3 = color !== null && color !== void 0 ? color : intent) !== null && _ref3 !== void 0 ? _ref3 : variant,
-      contrast: contrast
+      color: color,
+      emphasis: emphasis
     }),
     backgroundColor = _getColorProps.backgroundColor,
     textColor = _getColorProps.textColor;
-  if (false) {
-    if (intent) {
-      logger({
-        type: 'warn',
-        message: 'The prop `intent` is deprecated and will be removed in a future release. Please use `variant` instead.',
-        moduleName: 'Counter'
-      });
-    }
-  }
   var counterTextSizes = {
     small: {
       variant: 'body',
@@ -103,14 +87,12 @@ var _Counter = function _Counter(_ref2) {
     testID: testID
   })), getStyledProps(styledProps)), {}, {
     children: /*#__PURE__*/jsx(StyledCounter, {
+      minHeight: makeSize(counterHeight[size]),
       backgroundColor: backgroundColor,
       size: size,
       platform: platform,
       children: /*#__PURE__*/jsx(BaseBox, {
-        paddingRight: horizontalPadding[size],
-        paddingLeft: horizontalPadding[size],
-        paddingTop: verticalPadding[size],
-        paddingBottom: verticalPadding[size],
+        paddingX: horizontalPadding[size],
         display: "flex",
         flexDirection: "row",
         justifyContent: "center",
@@ -118,8 +100,7 @@ var _Counter = function _Counter(_ref2) {
         overflow: "hidden",
         children: /*#__PURE__*/jsx(Text, _objectSpread(_objectSpread({}, counterTextSizes[size]), {}, {
           textAlign: "center",
-          type: "normal",
-          weight: "regular",
+          weight: "medium",
           truncateAfterLines: 1,
           color: textColor,
           children: content

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

@@ -1 +1 @@
-{"version":3,"file":"Counter.js","sources":["../../../../../../src/components/Counter/Counter.tsx"],"sourcesContent":["import { StyledCounter } from './StyledCounter';\nimport type { StyledCounterProps } from './types';\nimport { horizontalPadding, verticalPadding } from './counterTokens';\nimport type { Feedback } from '~tokens/theme/theme';\nimport { Text } from '~components/Typography';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useTheme } from '~components/BladeProvider';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport type { TestID } from '~utils/types';\nimport { isReactNative } from '~utils';\nimport { logger } from '~utils/logger';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\nexport type CounterProps = {\n  /**\n   * Sets the value for the counter.\n   */\n  value: number;\n  /**\n   * Sets the max value for the counter.\n   * If value exceedes `max` it will render `value+`\n   */\n  max?: number;\n  /**\n   * This prop is deprecated in favor of `color`.\n   *\n   * @default 'neutral'\n   * @deprecated Use `color` instead\n   */\n  intent?: Feedback;\n  /**\n   * This prop is deprecated in favor of `color`.\n   *\n   * @default 'neutral'\n   * @deprecated Use `color` instead\n   */\n  variant?: Feedback | 'blue';\n  /**\n   * Sets the color of the counter.\n   *\n   * @default 'neutral'\n   */\n  color?: Feedback | 'default';\n  /**\n   * Sets the contrast of the counter.\n   *\n   * @default 'low'\n   */\n  contrast?: 'high' | 'low';\n  /**\n   * Sets the size of the counter.\n   *\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n} & TestID &\n  StyledPropsBlade;\n\ntype ColorProps = {\n  textColor: BaseTextProps['color'];\n  backgroundColor: StyledCounterProps['backgroundColor'];\n};\n\nconst isFeedbackVariant = (variant: string): variant is Feedback => {\n  const feedbackVariants = ['information', 'negative', 'neutral', 'notice', 'positive'];\n  return feedbackVariants.includes(variant);\n};\n\nconst getColorProps = ({\n  variant = 'neutral',\n  contrast = 'low',\n}: {\n  variant: NonNullable<CounterProps['color'] | 'blue'>;\n  contrast: NonNullable<CounterProps['contrast']>;\n}): ColorProps => {\n  const counterVariant = variant === 'default' ? 'blue' : variant;\n  const props: ColorProps = {\n    textColor: 'feedback.text.neutral.lowContrast',\n    backgroundColor: 'feedback.background.neutral.lowContrast',\n  };\n  if (isFeedbackVariant(counterVariant)) {\n    props.textColor = `feedback.text.${counterVariant}.${contrast}Contrast`;\n    props.backgroundColor = `feedback.background.${counterVariant}.${contrast}Contrast`;\n  } else {\n    props.textColor = `badge.text.${counterVariant}.${contrast}Contrast`;\n    props.backgroundColor = `badge.background.${counterVariant}.${contrast}Contrast`;\n  }\n  return props;\n};\n\nconst _Counter = ({\n  value,\n  max,\n  intent,\n  variant = 'neutral',\n  color,\n  contrast = 'low',\n  size = 'medium',\n  testID,\n  ...styledProps\n}: CounterProps): React.ReactElement => {\n  let content = `${value}`;\n  if (max && value > max) {\n    content = `${max}+`;\n  }\n\n  const { platform } = useTheme();\n  const { backgroundColor, textColor } = getColorProps({\n    variant: color ?? intent ?? variant,\n    contrast,\n  });\n\n  if (__DEV__) {\n    if (intent) {\n      logger({\n        type: 'warn',\n        message:\n          'The prop `intent` is deprecated and will be removed in a future release. Please use `variant` instead.',\n        moduleName: 'Counter',\n      });\n    }\n  }\n\n  const counterTextSizes = {\n    small: {\n      variant: 'body',\n      size: 'xsmall',\n    },\n    medium: {\n      variant: 'body',\n      size: 'small',\n    },\n    large: {\n      variant: 'body',\n      size: 'medium',\n    },\n  } as const;\n\n  return (\n    <BaseBox\n      display={(isReactNative() ? 'flex' : 'inline-flex') as never}\n      {...metaAttribute({ name: MetaConstants.Counter, testID })}\n      {...getStyledProps(styledProps)}\n    >\n      <StyledCounter backgroundColor={backgroundColor} size={size} platform={platform}>\n        <BaseBox\n          paddingRight={horizontalPadding[size]}\n          paddingLeft={horizontalPadding[size]}\n          paddingTop={verticalPadding[size]}\n          paddingBottom={verticalPadding[size]}\n          display=\"flex\"\n          flexDirection=\"row\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          overflow=\"hidden\"\n        >\n          <Text\n            {...counterTextSizes[size]}\n            textAlign=\"center\"\n            type=\"normal\"\n            weight=\"regular\"\n            truncateAfterLines={1}\n            color={textColor}\n          >\n            {content}\n          </Text>\n        </BaseBox>\n      </StyledCounter>\n    </BaseBox>\n  );\n};\n\nconst Counter = assignWithoutSideEffects(_Counter, {\n  displayName: 'Counter',\n  componentId: 'Counter',\n});\n\nexport { Counter };\n"],"names":["isFeedbackVariant","variant","feedbackVariants","includes","getColorProps","_ref","_ref$variant","_ref$contrast","contrast","counterVariant","props","textColor","backgroundColor","concat","_Counter","_ref2","_ref3","value","max","intent","_ref2$variant","color","_ref2$contrast","_ref2$size","size","testID","styledProps","_objectWithoutProperties","_excluded","content","_useTheme","useTheme","platform","_getColorProps","logger","type","message","moduleName","counterTextSizes","small","medium","large","_jsx","BaseBox","_objectSpread","display","isReactNative","metaAttribute","name","MetaConstants","Counter","getStyledProps","children","StyledCounter","paddingRight","horizontalPadding","paddingLeft","paddingTop","verticalPadding","paddingBottom","flexDirection","justifyContent","alignItems","overflow","Text","textAlign","weight","truncateAfterLines","assignWithoutSideEffects","displayName","componentId"],"mappings":"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"}
+{"version":3,"file":"Counter.js","sources":["../../../../../../src/components/Counter/Counter.tsx"],"sourcesContent":["import { StyledCounter } from './StyledCounter';\nimport type { StyledCounterProps } from './types';\nimport { counterHeight, horizontalPadding } from './counterTokens';\nimport type { FeedbackColors, SubtleOrIntense } from '~tokens/theme/theme';\nimport { Text } from '~components/Typography';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useTheme } from '~components/BladeProvider';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport type { TestID } from '~utils/types';\nimport { isReactNative, makeSize } from '~utils';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\nexport type CounterProps = {\n  /**\n   * Sets the value for the counter.\n   */\n  value: number;\n  /**\n   * Sets the max value for the counter.\n   * If value exceedes `max` it will render `value+`\n   */\n  max?: number;\n  /**\n   * Sets the color of the counter.\n   *\n   * @default 'neutral'\n   */\n  color?: FeedbackColors | 'primary';\n  /**\n   * Sets the contrast of the counter.\n   *\n   * @default 'subtle'\n   */\n  emphasis?: SubtleOrIntense;\n  /**\n   * Sets the size of the counter.\n   *\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n} & TestID &\n  StyledPropsBlade;\n\ntype ColorProps = {\n  textColor: BaseTextProps['color'];\n  backgroundColor: StyledCounterProps['backgroundColor'];\n};\n\nconst getColorProps = ({\n  color = 'neutral',\n  emphasis = 'subtle',\n}: {\n  color: NonNullable<CounterProps['color']>;\n  emphasis: NonNullable<CounterProps['emphasis']>;\n}): ColorProps => {\n  const props: ColorProps = {\n    textColor: 'feedback.text.neutral.intense',\n    backgroundColor: 'feedback.background.neutral.subtle',\n  };\n\n  if (color === 'primary') {\n    // primary color badge\n    props.textColor =\n      emphasis === 'intense' ? `surface.text.staticWhite.normal` : `surface.text.primary.normal`;\n    props.backgroundColor = `surface.background.primary.${emphasis}`;\n  } else {\n    // feedback colors badge\n    props.textColor =\n      emphasis === 'intense' ? `surface.text.staticWhite.normal` : `feedback.text.${color}.intense`;\n    props.backgroundColor = `feedback.background.${color}.${emphasis}`;\n  }\n  return props;\n};\n\nconst _Counter = ({\n  value,\n  max,\n  color = 'neutral',\n  emphasis = 'subtle',\n  size = 'medium',\n  testID,\n  ...styledProps\n}: CounterProps): React.ReactElement => {\n  let content = `${value}`;\n  if (max && value > max) {\n    content = `${max}+`;\n  }\n\n  const { platform } = useTheme();\n  const { backgroundColor, textColor } = getColorProps({\n    color,\n    emphasis,\n  });\n\n  const counterTextSizes = {\n    small: {\n      variant: 'body',\n      size: 'xsmall',\n    },\n    medium: {\n      variant: 'body',\n      size: 'small',\n    },\n    large: {\n      variant: 'body',\n      size: 'medium',\n    },\n  } as const;\n\n  return (\n    <BaseBox\n      display={(isReactNative() ? 'flex' : 'inline-flex') as never}\n      {...metaAttribute({ name: MetaConstants.Counter, testID })}\n      {...getStyledProps(styledProps)}\n    >\n      <StyledCounter\n        minHeight={makeSize(counterHeight[size])}\n        backgroundColor={backgroundColor}\n        size={size}\n        platform={platform}\n      >\n        <BaseBox\n          paddingX={horizontalPadding[size]}\n          display=\"flex\"\n          flexDirection=\"row\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          overflow=\"hidden\"\n        >\n          <Text\n            {...counterTextSizes[size]}\n            textAlign=\"center\"\n            weight=\"medium\"\n            truncateAfterLines={1}\n            color={textColor}\n          >\n            {content}\n          </Text>\n        </BaseBox>\n      </StyledCounter>\n    </BaseBox>\n  );\n};\n\nconst Counter = assignWithoutSideEffects(_Counter, {\n  displayName: 'Counter',\n  componentId: 'Counter',\n});\n\nexport { Counter };\n"],"names":["getColorProps","_ref","_ref$color","color","_ref$emphasis","emphasis","props","textColor","backgroundColor","concat","_Counter","_ref2","value","max","_ref2$color","_ref2$emphasis","_ref2$size","size","testID","styledProps","_objectWithoutProperties","_excluded","content","_useTheme","useTheme","platform","_getColorProps","counterTextSizes","small","variant","medium","large","_jsx","BaseBox","_objectSpread","display","isReactNative","metaAttribute","name","MetaConstants","Counter","getStyledProps","children","StyledCounter","minHeight","makeSize","counterHeight","paddingX","horizontalPadding","flexDirection","justifyContent","alignItems","overflow","Text","textAlign","weight","truncateAfterLines","assignWithoutSideEffects","displayName","componentId"],"mappings":"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"}

package/build/lib/web/production/components/Counter/counterTokens.js

@@ -1,10 +1,10 @@
 import '../../tokens/global/index.js';
 import { size } from '../../tokens/global/size.js';
 
-var verticalPadding = {
-  small: 'spacing.0',
-  medium: 'spacing.1',
-  large: 'spacing.1'
+var counterHeight = {
+  small: size[16],
+  medium: size[20],
+  large: size[24]
 };
 var horizontalPadding = {
   small: 'spacing.2',
@@ -16,5 +16,5 @@ var maxWidth = {
   onDesktop: size[120]
 };
 
-export { horizontalPadding, maxWidth, verticalPadding };
+export { counterHeight, horizontalPadding, maxWidth };
 //# sourceMappingURL=counterTokens.js.map

package/build/lib/web/production/components/Counter/counterTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"counterTokens.js","sources":["../../../../../../src/components/Counter/counterTokens.ts"],"sourcesContent":["import type { CounterProps } from './Counter';\nimport type { TypographyPlatforms, Size } from '~tokens/global';\nimport type { DotNotationSpacingStringToken } from '~utils/types';\n\nimport { size } from '~tokens/global';\n\ntype CounterMaxWidth = Size[100] | Size[120];\n\nconst verticalPadding: Record<NonNullable<CounterProps['size']>, DotNotationSpacingStringToken> = {\n  small: 'spacing.0',\n  medium: 'spacing.1',\n  large: 'spacing.1',\n};\n\nconst horizontalPadding: Record<\n  NonNullable<CounterProps['size']>,\n  DotNotationSpacingStringToken\n> = {\n  small: 'spacing.2',\n  medium: 'spacing.3',\n  large: 'spacing.3',\n};\n\nconst maxWidth: Record<NonNullable<TypographyPlatforms>, CounterMaxWidth> = {\n  onMobile: size[100],\n  onDesktop: size[120],\n};\n\nexport { maxWidth, verticalPadding, horizontalPadding };\n"],"names":["verticalPadding","small","medium","large","horizontalPadding","maxWidth","onMobile","size","onDesktop"],"mappings":";;;AAQA,IAAMA,eAAyF,GAAG;AAChGC,EAAAA,KAAK,EAAE,WAAW;AAClBC,EAAAA,MAAM,EAAE,WAAW;AACnBC,EAAAA,KAAK,EAAE,WAAA;AACT,EAAC;AAED,IAAMC,iBAGL,GAAG;AACFH,EAAAA,KAAK,EAAE,WAAW;AAClBC,EAAAA,MAAM,EAAE,WAAW;AACnBC,EAAAA,KAAK,EAAE,WAAA;AACT,EAAC;AAED,IAAME,QAAmE,GAAG;AAC1EC,EAAAA,QAAQ,EAAEC,IAAI,CAAC,GAAG,CAAC;EACnBC,SAAS,EAAED,IAAI,CAAC,GAAG,CAAA;AACrB;;;;"}
+{"version":3,"file":"counterTokens.js","sources":["../../../../../../src/components/Counter/counterTokens.ts"],"sourcesContent":["import type { CounterProps } from './Counter';\nimport type { TypographyPlatforms, Size } from '~tokens/global';\nimport type { DotNotationSpacingStringToken } from '~utils/types';\n\nimport { size } from '~tokens/global';\n\ntype CounterMaxWidth = Size[100] | Size[120];\n\nconst counterHeight: Record<NonNullable<CounterProps['size']>, number> = {\n  small: size[16],\n  medium: size[20],\n  large: size[24],\n};\n\nconst horizontalPadding: Record<\n  NonNullable<CounterProps['size']>,\n  DotNotationSpacingStringToken\n> = {\n  small: 'spacing.2',\n  medium: 'spacing.3',\n  large: 'spacing.3',\n};\n\nconst maxWidth: Record<NonNullable<TypographyPlatforms>, CounterMaxWidth> = {\n  onMobile: size[100],\n  onDesktop: size[120],\n};\n\nexport { maxWidth, counterHeight, horizontalPadding };\n"],"names":["counterHeight","small","size","medium","large","horizontalPadding","maxWidth","onMobile","onDesktop"],"mappings":";;;AAQA,IAAMA,aAAgE,GAAG;AACvEC,EAAAA,KAAK,EAAEC,IAAI,CAAC,EAAE,CAAC;AACfC,EAAAA,MAAM,EAAED,IAAI,CAAC,EAAE,CAAC;EAChBE,KAAK,EAAEF,IAAI,CAAC,EAAE,CAAA;AAChB,EAAC;AAED,IAAMG,iBAGL,GAAG;AACFJ,EAAAA,KAAK,EAAE,WAAW;AAClBE,EAAAA,MAAM,EAAE,WAAW;AACnBC,EAAAA,KAAK,EAAE,WAAA;AACT,EAAC;AAED,IAAME,QAAmE,GAAG;AAC1EC,EAAAA,QAAQ,EAAEL,IAAI,CAAC,GAAG,CAAC;EACnBM,SAAS,EAAEN,IAAI,CAAC,GAAG,CAAA;AACrB;;;;"}

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

@@ -16,7 +16,7 @@ import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
 
-var _excluded = ["orientation", "dividerStyle", "variant", "thickness", "contrast", "height", "width", "testID"];
+var _excluded = ["orientation", "dividerStyle", "variant", "thickness", "height", "width", "testID"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var StyledDivider = /*#__PURE__*/styled(BaseBox).withConfig({
@@ -31,7 +31,9 @@ var StyledDivider = /*#__PURE__*/styled(BaseBox).withConfig({
     isDividerHorizontal = _ref.isDividerHorizontal,
     width = _ref.width,
     height = _ref.height;
-  return _objectSpread((_objectSpread2 = {}, _defineProperty(_objectSpread2, "".concat(borderPosition, "Style"), dividerStyle), _defineProperty(_objectSpread2, "".concat(borderPosition, "Width"), makeBorderSize(theme.border.width[thickness])), _objectSpread2), isDividerHorizontal ? {
+  return _objectSpread((_objectSpread2 = {
+    borderWidth: 0
+  }, _defineProperty(_objectSpread2, "".concat(borderPosition, "Style"), dividerStyle), _defineProperty(_objectSpread2, "".concat(borderPosition, "Width"), makeBorderSize(theme.border.width[thickness])), _objectSpread2), isDividerHorizontal ? {
     flexGrow: 1,
     width: width
   } : {
@@ -45,24 +47,20 @@ var Divider = function Divider(_ref2) {
     _ref2$dividerStyle = _ref2.dividerStyle,
     dividerStyle = _ref2$dividerStyle === void 0 ? 'solid' : _ref2$dividerStyle,
     _ref2$variant = _ref2.variant,
-    variant = _ref2$variant === void 0 ? 'normal' : _ref2$variant,
+    variant = _ref2$variant === void 0 ? 'muted' : _ref2$variant,
     _ref2$thickness = _ref2.thickness,
     thickness = _ref2$thickness === void 0 ? 'thin' : _ref2$thickness,
-    _ref2$contrast = _ref2.contrast,
-    contrast = _ref2$contrast === void 0 ? 'low' : _ref2$contrast,
     height = _ref2.height,
     width = _ref2.width,
     testID = _ref2.testID,
     styledProps = _objectWithoutProperties(_ref2, _excluded);
   var isDividerHorizontal = orientation === 'horizontal';
   var borderPosition = isDividerHorizontal ? 'borderBottom' : 'borderLeft';
-  var colorContrast = "".concat(contrast, "Contrast");
-  var borderColor = _defineProperty({}, "".concat(borderPosition, "Color"), "surface.border.".concat(variant, ".").concat(colorContrast));
+  var borderColor = _defineProperty({}, "".concat(borderPosition, "Color"), "surface.border.gray.".concat(variant));
   var accessibilityProps = isReactNative() ? {} : makeAccessible({
     role: 'separator'
   });
   return /*#__PURE__*/jsx(StyledDivider, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
-    borderWidth: "none",
     borderPosition: borderPosition,
     isDividerHorizontal: isDividerHorizontal,
     dividerStyle: dividerStyle,

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

@@ -1 +1 @@
-{"version":3,"file":"Divider.js","sources":["../../../../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import React from 'react';\nimport type { CSSObject } from 'styled-components';\nimport styled from 'styled-components';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport type { ColorContrast } from '~tokens/theme/theme';\nimport { isReactNative, makeBorderSize } from '~utils';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport type { TestID } from '~utils/types';\nimport { makeAccessible } from '~utils/makeAccessible';\n\ntype DividerProps = {\n  /**\n   * Sets the orientation of divider\n   *\n   * @default 'horizontal'\n   */\n  orientation?: 'horizontal' | 'vertical';\n  /**\n   * Sets the style of divider\n   *\n   * @default 'solid'\n   */\n  dividerStyle?: 'solid' | 'dashed';\n  /**\n   * Sets the variant of divider\n   *\n   * @default 'normal'\n   */\n  variant?: 'normal' | 'subtle';\n  /**\n   * Sets the thickness of divider\n   *\n   * @default 'thin'\n   */\n  thickness?: 'thinner' | 'thin' | 'thick';\n  /**\n   * Sets the contrast of divider\n   *\n   * @default 'low'\n   */\n  contrast?: 'low' | 'high';\n  /**\n   * Sets the height of divider. Divider uses Flex by default, use height only when parent is not flex.\n   *\n   */\n  height?: CSSObject['height'];\n  /**\n   * Sets the width of divider. Divider uses Flex by default, use width only when parent is not flex.\n   *\n   */\n  width?: CSSObject['width'];\n} & TestID &\n  StyledPropsBlade;\n\nconst StyledDivider = styled(BaseBox)<{\n  borderPosition: 'borderBottom' | 'borderLeft';\n  dividerStyle: NonNullable<DividerProps['dividerStyle']>;\n  thickness: NonNullable<DividerProps['thickness']>;\n  height: DividerProps['height'];\n  width: DividerProps['width'];\n  isDividerHorizontal: boolean;\n}>(({ theme, borderPosition, dividerStyle, thickness, isDividerHorizontal, width, height }) => ({\n  [`${borderPosition}Style`]: dividerStyle,\n  [`${borderPosition}Width`]: makeBorderSize(theme.border.width[thickness]),\n  ...(isDividerHorizontal ? { flexGrow: 1, width } : { alignSelf: 'stretch', height }),\n}));\n\nconst Divider = ({\n  orientation = 'horizontal',\n  dividerStyle = 'solid',\n  variant = 'normal',\n  thickness = 'thin',\n  contrast = 'low',\n  height,\n  width,\n  testID,\n  ...styledProps\n}: DividerProps): React.ReactElement => {\n  const isDividerHorizontal = orientation === 'horizontal';\n  const borderPosition = isDividerHorizontal ? 'borderBottom' : 'borderLeft';\n  const colorContrast: keyof ColorContrast = `${contrast}Contrast`;\n  const borderColor = { [`${borderPosition}Color`]: `surface.border.${variant}.${colorContrast}` };\n  const accessibilityProps = isReactNative()\n    ? {}\n    : makeAccessible({\n        role: 'separator',\n      });\n\n  return (\n    <StyledDivider\n      borderWidth=\"none\"\n      borderPosition={borderPosition}\n      isDividerHorizontal={isDividerHorizontal}\n      dividerStyle={dividerStyle}\n      thickness={thickness}\n      height={height}\n      width={width}\n      {...borderColor}\n      {...metaAttribute({ name: MetaConstants.Divider, testID })}\n      {...getStyledProps(styledProps)}\n      {...accessibilityProps}\n    />\n  );\n};\n\nexport { Divider };\nexport type { DividerProps };\n"],"names":["StyledDivider","styled","BaseBox","withConfig","displayName","componentId","_ref","_objectSpread2","theme","borderPosition","dividerStyle","thickness","isDividerHorizontal","width","height","_objectSpread","_defineProperty","concat","makeBorderSize","border","flexGrow","alignSelf","Divider","_ref2","_ref2$orientation","orientation","_ref2$dividerStyle","_ref2$variant","variant","_ref2$thickness","_ref2$contrast","contrast","testID","styledProps","_objectWithoutProperties","_excluded","colorContrast","borderColor","accessibilityProps","isReactNative","makeAccessible","role","_jsx","borderWidth","metaAttribute","name","MetaConstants","getStyledProps"],"mappings":"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"}
+{"version":3,"file":"Divider.js","sources":["../../../../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import React from 'react';\nimport type { CSSObject } from 'styled-components';\nimport styled from 'styled-components';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { isReactNative, makeBorderSize } from '~utils';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport type { TestID } from '~utils/types';\nimport { makeAccessible } from '~utils/makeAccessible';\n\ntype DividerProps = {\n  /**\n   * Sets the orientation of divider\n   *\n   * @default 'horizontal'\n   */\n  orientation?: 'horizontal' | 'vertical';\n  /**\n   * Sets the style of divider\n   *\n   * @default 'solid'\n   */\n  dividerStyle?: 'solid' | 'dashed';\n  /**\n   * Sets the variant of divider\n   *\n   * @default 'normal'\n   */\n  variant?: 'normal' | 'subtle' | 'muted';\n  /**\n   * Sets the thickness of divider\n   *\n   * @default 'thin'\n   */\n  thickness?: 'thinner' | 'thin' | 'thick' | 'thicker';\n  /**\n   * Sets the height of divider. Divider uses Flex by default, use height only when parent is not flex.\n   *\n   */\n  height?: CSSObject['height'];\n  /**\n   * Sets the width of divider. Divider uses Flex by default, use width only when parent is not flex.\n   *\n   */\n  width?: CSSObject['width'];\n} & TestID &\n  StyledPropsBlade;\n\nconst StyledDivider = styled(BaseBox)<{\n  borderPosition: 'borderBottom' | 'borderLeft';\n  dividerStyle: NonNullable<DividerProps['dividerStyle']>;\n  thickness: NonNullable<DividerProps['thickness']>;\n  height: DividerProps['height'];\n  width: DividerProps['width'];\n  isDividerHorizontal: boolean;\n}>(({ theme, borderPosition, dividerStyle, thickness, isDividerHorizontal, width, height }) => ({\n  borderWidth: 0,\n  [`${borderPosition}Style`]: dividerStyle,\n  [`${borderPosition}Width`]: makeBorderSize(theme.border.width[thickness]),\n  ...(isDividerHorizontal ? { flexGrow: 1, width } : { alignSelf: 'stretch', height }),\n}));\n\nconst Divider = ({\n  orientation = 'horizontal',\n  dividerStyle = 'solid',\n  variant = 'muted',\n  thickness = 'thin',\n  height,\n  width,\n  testID,\n  ...styledProps\n}: DividerProps): React.ReactElement => {\n  const isDividerHorizontal = orientation === 'horizontal';\n  const borderPosition = isDividerHorizontal ? 'borderBottom' : 'borderLeft';\n  const borderColor = { [`${borderPosition}Color`]: `surface.border.gray.${variant}` };\n  const accessibilityProps = isReactNative()\n    ? {}\n    : makeAccessible({\n        role: 'separator',\n      });\n\n  return (\n    <StyledDivider\n      borderPosition={borderPosition}\n      isDividerHorizontal={isDividerHorizontal}\n      dividerStyle={dividerStyle}\n      thickness={thickness}\n      height={height}\n      width={width}\n      {...borderColor}\n      {...metaAttribute({ name: MetaConstants.Divider, testID })}\n      {...getStyledProps(styledProps)}\n      {...accessibilityProps}\n    />\n  );\n};\n\nexport { Divider };\nexport type { DividerProps };\n"],"names":["StyledDivider","styled","BaseBox","withConfig","displayName","componentId","_ref","_objectSpread2","theme","borderPosition","dividerStyle","thickness","isDividerHorizontal","width","height","_objectSpread","borderWidth","_defineProperty","concat","makeBorderSize","border","flexGrow","alignSelf","Divider","_ref2","_ref2$orientation","orientation","_ref2$dividerStyle","_ref2$variant","variant","_ref2$thickness","testID","styledProps","_objectWithoutProperties","_excluded","borderColor","accessibilityProps","isReactNative","makeAccessible","role","_jsx","metaAttribute","name","MetaConstants","getStyledProps"],"mappings":"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"}

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

@@ -25,7 +25,7 @@ import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded = ["children", "isOpen", "onOpenChange", "selectionType", "onDismiss", "testID"];
+var _excluded = ["children", "isOpen", "onOpenChange", "selectionType", "testID"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var validDropdownChildren = [dropdownComponentIds.triggers.SelectInput, dropdownComponentIds.triggers.DropdownButton, dropdownComponentIds.triggers.DropdownLink, dropdownComponentIds.DropdownOverlay, dropdownComponentIds.triggers.AutoComplete, ComponentIds.BottomSheet];
@@ -62,7 +62,6 @@ var _Dropdown = function _Dropdown(_ref) {
     onOpenChange = _ref.onOpenChange,
     _ref$selectionType = _ref.selectionType,
     selectionType = _ref$selectionType === void 0 ? 'single' : _ref$selectionType,
-    onDismiss = _ref.onDismiss,
     testID = _ref.testID,
     styledProps = _objectWithoutProperties(_ref, _excluded);
   var _React$useState = React__default.useState(isOpenControlled !== null && isOpenControlled !== void 0 ? isOpenControlled : false),
@@ -141,9 +140,6 @@ var _Dropdown = function _Dropdown(_ref) {
   var dropdownBaseId = useId('dropdown');
   useDidUpdate(function () {
     onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(isOpen);
-    if (!isOpen) {
-      onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
-    }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isOpen]);
   React__default.useEffect(function () {

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sources":["../../../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React from 'react';\nimport { DropdownContext } from './useDropdown';\nimport type { DropdownContextType } from './useDropdown';\nimport type { DropdownProps } from './types';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport { useId } from '~utils/useId';\nimport { ComponentIds as bottomSheetComponentIds } from '~components/BottomSheet/componentIds';\nimport { BottomSheetAndDropdownGlueContext } from '~components/BottomSheet/BottomSheetContext';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport BaseBox from '~components/Box/BaseBox';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { isReactNative } from '~utils';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { throwBladeError } from '~utils/logger';\nimport { useDidUpdate } from '~utils/useDidUpdate';\nimport type { ContainerElementType } from '~utils/types';\n\nconst validDropdownChildren = [\n  dropdownComponentIds.triggers.SelectInput,\n  dropdownComponentIds.triggers.DropdownButton,\n  dropdownComponentIds.triggers.DropdownLink,\n  dropdownComponentIds.DropdownOverlay,\n  dropdownComponentIds.triggers.AutoComplete,\n  bottomSheetComponentIds.BottomSheet,\n];\n\n/**\n * ### Dropdown component\n *\n * Dropdown component is generic component that controls the dropdown functionality.\n * It can be used with multiple triggers and mostly contains ActionList component inside it\n *\n * ---\n *\n * #### Usage\n *\n * ```jsx\n * <Dropdown selectionType=\"single\">\n *  <SelectInput />\n *  <DropdownOverlay>\n *    <ActionList>\n *      <ActionListItem />\n *      <ActionListItem />\n *    </ActionList>\n *  </DropdownOverlay>\n * </Dropdown>\n * ```\n *\n * ---\n *\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-dropdown-with-select--with-single-select Dropdown Documentation}\n */\nconst _Dropdown = ({\n  children,\n  isOpen: isOpenControlled,\n  onOpenChange,\n  selectionType = 'single',\n  onDismiss,\n  testID,\n  ...styledProps\n}: DropdownProps): React.ReactElement => {\n  const [isOpen, setIsOpen] = React.useState<boolean>(isOpenControlled ?? false);\n  const [options, setOptions] = React.useState<DropdownContextType['options']>([]);\n  const [filteredValues, setFilteredValues] = React.useState<string[]>([]);\n  const [selectedIndices, setSelectedIndices] = React.useState<\n    DropdownContextType['selectedIndices']\n  >([]);\n  const [controlledValueIndices, setControlledValueIndices] = React.useState<\n    DropdownContextType['selectedIndices']\n  >([]);\n  const [activeIndex, setActiveIndex] = React.useState(-1);\n  const [activeTagIndex, setActiveTagIndex] = React.useState(-1);\n  const [shouldIgnoreBlurAnimation, setShouldIgnoreBlurAnimation] = React.useState(false);\n  const [hasFooterAction, setHasFooterAction] = React.useState(false);\n  const [\n    hasAutoCompleteInBottomSheetHeader,\n    setHasAutoCompleteInBottomSheetHeader,\n  ] = React.useState(false);\n  const [isKeydownPressed, setIsKeydownPressed] = React.useState(false);\n  const [changeCallbackTriggerer, setChangeCallbackTriggerer] = React.useState<\n    DropdownContextType['changeCallbackTriggerer']\n  >(0);\n  const [isControlled, setIsControlled] = React.useState(false);\n  // keep track if dropdown contains bottomsheet\n  const [dropdownHasBottomSheet, setDropdownHasBottomSheet] = React.useState(false);\n\n  /**\n   * In inputs, actual input is smaller than the visible input wrapper.\n   * You can set this reference in such cases so floating ui calculations happen correctly\n   * */\n  const triggererWrapperRef = React.useRef<ContainerElementType>(null);\n  const triggererRef = React.useRef<HTMLButtonElement>(null);\n  const actionListItemRef = React.useRef<HTMLDivElement>(null);\n  const dropdownTriggerer = React.useRef<DropdownContextType['dropdownTriggerer']>();\n  const isTagDismissedRef = React.useRef<{ value: boolean } | null>({ value: false });\n  const visibleTagsCountRef = React.useRef<{ value: number }>({ value: 0 });\n  const dropdownContainerRef = React.useRef<HTMLDivElement>(null);\n\n  const dropdownBaseId = useId('dropdown');\n\n  useDidUpdate(() => {\n    onOpenChange?.(isOpen);\n    if (!isOpen) {\n      onDismiss?.();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen]);\n\n  React.useEffect(() => {\n    if (isOpenControlled !== undefined) {\n      setIsOpen(isOpenControlled);\n    }\n  }, [isOpenControlled]);\n\n  const close = React.useCallback(() => {\n    setActiveTagIndex(-1);\n    setIsOpen(false);\n  }, []);\n\n  React.Children.map(children, (child) => {\n    if (React.isValidElement(child)) {\n      if (__DEV__) {\n        if (!validDropdownChildren.includes(getComponentId(child) ?? '')) {\n          throwBladeError({\n            message: `Dropdown can only have one of following elements as children - \\n\\n ${validDropdownChildren.join(\n              ', ',\n            )} \\n\\n Check out: https://blade.razorpay.com/?path=/story/components-dropdown`,\n            moduleName: 'Dropdown',\n          });\n        }\n      }\n\n      if (isValidAllowedChildren(child, dropdownComponentIds.triggers.SelectInput)) {\n        dropdownTriggerer.current = 'SelectInput';\n      }\n\n      if (isValidAllowedChildren(child, dropdownComponentIds.triggers.DropdownButton)) {\n        dropdownTriggerer.current = 'DropdownButton';\n      }\n\n      if (isValidAllowedChildren(child, dropdownComponentIds.triggers.AutoComplete)) {\n        dropdownTriggerer.current = 'AutoComplete';\n      }\n    }\n  });\n\n  const contextValue = React.useMemo<DropdownContextType>(\n    () => ({\n      isOpen,\n      setIsOpen,\n      close,\n      selectedIndices,\n      setSelectedIndices,\n      controlledValueIndices,\n      setControlledValueIndices,\n      options,\n      setOptions,\n      filteredValues,\n      setFilteredValues,\n      activeIndex,\n      setActiveIndex,\n      activeTagIndex,\n      setActiveTagIndex,\n      visibleTagsCountRef,\n      shouldIgnoreBlurAnimation,\n      setShouldIgnoreBlurAnimation,\n      isKeydownPressed,\n      setIsKeydownPressed,\n      dropdownBaseId,\n      triggererRef,\n      triggererWrapperRef,\n      actionListItemRef,\n      selectionType,\n      hasFooterAction,\n      setHasFooterAction,\n      hasAutoCompleteInBottomSheetHeader,\n      setHasAutoCompleteInBottomSheetHeader,\n      dropdownTriggerer: dropdownTriggerer.current,\n      changeCallbackTriggerer,\n      setChangeCallbackTriggerer,\n      isControlled,\n      setIsControlled,\n      isTagDismissedRef,\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      isOpen,\n      selectedIndices,\n      controlledValueIndices,\n      options,\n      filteredValues,\n      activeIndex,\n      activeTagIndex,\n      shouldIgnoreBlurAnimation,\n      selectionType,\n      hasFooterAction,\n      isKeydownPressed,\n      changeCallbackTriggerer,\n      isControlled,\n    ],\n  );\n\n  const BottomSheetAndDropdownGlueContextValue = React.useMemo((): BottomSheetAndDropdownGlueContext => {\n    return {\n      isOpen,\n      dropdownHasBottomSheet,\n      hasAutoCompleteInBottomSheetHeader,\n      setDropdownHasBottomSheet,\n      // This is the dismiss function which will be injected into the BottomSheet\n      // Basically <BottomSheet onDismiss={onBottomSheetDismiss} />\n      onBottomSheetDismiss: close,\n    };\n  }, [dropdownHasBottomSheet, hasAutoCompleteInBottomSheetHeader, isOpen, close]);\n\n  React.useEffect((): (() => void) | undefined => {\n    if (!isReactNative()) {\n      const dropdown = dropdownContainerRef.current;\n\n      const documentClickHandler = (e: MouseEvent): void => {\n        const target = e.target as HTMLDivElement;\n\n        if (!target || !dropdown) {\n          return;\n        }\n\n        if (!dropdown.contains(target) && !isTagDismissedRef.current?.value) {\n          close();\n        }\n\n        if (isTagDismissedRef.current?.value) {\n          isTagDismissedRef.current.value = false;\n        }\n      };\n\n      const documentFocusHandler = (e: FocusEvent): void => {\n        const target = e.relatedTarget as HTMLDivElement;\n        setActiveIndex(-1);\n\n        if (!dropdown || !target) {\n          return;\n        }\n\n        if (!dropdown.contains(target)) {\n          close();\n        }\n      };\n\n      document.addEventListener('click', documentClickHandler);\n      document.addEventListener('focusout', documentFocusHandler);\n\n      return (): void => {\n        document.removeEventListener('click', documentClickHandler);\n        document.removeEventListener('focusout', documentFocusHandler);\n      };\n    }\n\n    return undefined;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <BottomSheetAndDropdownGlueContext.Provider value={BottomSheetAndDropdownGlueContextValue}>\n      <DropdownContext.Provider value={contextValue}>\n        <BaseBox\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          ref={dropdownContainerRef as any}\n          {...metaAttribute({ name: MetaConstants.Dropdown, testID })}\n          {...getStyledProps(styledProps)}\n        >\n          <BaseBox position=\"relative\" textAlign={'left' as never}>\n            {children}\n          </BaseBox>\n        </BaseBox>\n      </DropdownContext.Provider>\n    </BottomSheetAndDropdownGlueContext.Provider>\n  );\n};\n\nconst Dropdown = assignWithoutSideEffects(_Dropdown, {\n  componentId: dropdownComponentIds.Dropdown,\n});\n\nexport { Dropdown };\n"],"names":["validDropdownChildren","dropdownComponentIds","triggers","SelectInput","DropdownButton","DropdownLink","DropdownOverlay","AutoComplete","bottomSheetComponentIds","BottomSheet","_Dropdown","_ref","children","isOpenControlled","isOpen","onOpenChange","_ref$selectionType","selectionType","onDismiss","testID","styledProps","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","setIsOpen","_React$useState3","_React$useState4","options","setOptions","_React$useState5","_React$useState6","filteredValues","setFilteredValues","_React$useState7","_React$useState8","selectedIndices","setSelectedIndices","_React$useState9","_React$useState10","controlledValueIndices","setControlledValueIndices","_React$useState11","_React$useState12","activeIndex","setActiveIndex","_React$useState13","_React$useState14","activeTagIndex","setActiveTagIndex","_React$useState15","_React$useState16","shouldIgnoreBlurAnimation","setShouldIgnoreBlurAnimation","_React$useState17","_React$useState18","hasFooterAction","setHasFooterAction","_React$useState19","_React$useState20","hasAutoCompleteInBottomSheetHeader","setHasAutoCompleteInBottomSheetHeader","_React$useState21","_React$useState22","isKeydownPressed","setIsKeydownPressed","_React$useState23","_React$useState24","changeCallbackTriggerer","setChangeCallbackTriggerer","_React$useState25","_React$useState26","isControlled","setIsControlled","_React$useState27","_React$useState28","dropdownHasBottomSheet","setDropdownHasBottomSheet","triggererWrapperRef","useRef","triggererRef","actionListItemRef","dropdownTriggerer","isTagDismissedRef","value","visibleTagsCountRef","dropdownContainerRef","dropdownBaseId","useId","useDidUpdate","useEffect","undefined","close","useCallback","Children","map","child","isValidElement","_getComponentId","includes","getComponentId","throwBladeError","message","concat","join","moduleName","isValidAllowedChildren","current","contextValue","useMemo","BottomSheetAndDropdownGlueContextValue","onBottomSheetDismiss","isReactNative","dropdown","documentClickHandler","e","_isTagDismissedRef$cu","_isTagDismissedRef$cu2","target","contains","documentFocusHandler","relatedTarget","document","addEventListener","removeEventListener","_jsx","BottomSheetAndDropdownGlueContext","Provider","DropdownContext","BaseBox","_objectSpread","ref","metaAttribute","name","MetaConstants","Dropdown","getStyledProps","position","textAlign","assignWithoutSideEffects","componentId"],"mappings":"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"}
+{"version":3,"file":"Dropdown.js","sources":["../../../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React from 'react';\nimport { DropdownContext } from './useDropdown';\nimport type { DropdownContextType } from './useDropdown';\nimport type { DropdownProps } from './types';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport { useId } from '~utils/useId';\nimport { ComponentIds as bottomSheetComponentIds } from '~components/BottomSheet/componentIds';\nimport { BottomSheetAndDropdownGlueContext } from '~components/BottomSheet/BottomSheetContext';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport BaseBox from '~components/Box/BaseBox';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { isReactNative } from '~utils';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { throwBladeError } from '~utils/logger';\nimport { useDidUpdate } from '~utils/useDidUpdate';\nimport type { ContainerElementType } from '~utils/types';\n\nconst validDropdownChildren = [\n  dropdownComponentIds.triggers.SelectInput,\n  dropdownComponentIds.triggers.DropdownButton,\n  dropdownComponentIds.triggers.DropdownLink,\n  dropdownComponentIds.DropdownOverlay,\n  dropdownComponentIds.triggers.AutoComplete,\n  bottomSheetComponentIds.BottomSheet,\n];\n\n/**\n * ### Dropdown component\n *\n * Dropdown component is generic component that controls the dropdown functionality.\n * It can be used with multiple triggers and mostly contains ActionList component inside it\n *\n * ---\n *\n * #### Usage\n *\n * ```jsx\n * <Dropdown selectionType=\"single\">\n *  <SelectInput />\n *  <DropdownOverlay>\n *    <ActionList>\n *      <ActionListItem />\n *      <ActionListItem />\n *    </ActionList>\n *  </DropdownOverlay>\n * </Dropdown>\n * ```\n *\n * ---\n *\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-dropdown-with-select--with-single-select Dropdown Documentation}\n */\nconst _Dropdown = ({\n  children,\n  isOpen: isOpenControlled,\n  onOpenChange,\n  selectionType = 'single',\n  testID,\n  ...styledProps\n}: DropdownProps): React.ReactElement => {\n  const [isOpen, setIsOpen] = React.useState<boolean>(isOpenControlled ?? false);\n  const [options, setOptions] = React.useState<DropdownContextType['options']>([]);\n  const [filteredValues, setFilteredValues] = React.useState<string[]>([]);\n  const [selectedIndices, setSelectedIndices] = React.useState<\n    DropdownContextType['selectedIndices']\n  >([]);\n  const [controlledValueIndices, setControlledValueIndices] = React.useState<\n    DropdownContextType['selectedIndices']\n  >([]);\n  const [activeIndex, setActiveIndex] = React.useState(-1);\n  const [activeTagIndex, setActiveTagIndex] = React.useState(-1);\n  const [shouldIgnoreBlurAnimation, setShouldIgnoreBlurAnimation] = React.useState(false);\n  const [hasFooterAction, setHasFooterAction] = React.useState(false);\n  const [\n    hasAutoCompleteInBottomSheetHeader,\n    setHasAutoCompleteInBottomSheetHeader,\n  ] = React.useState(false);\n  const [isKeydownPressed, setIsKeydownPressed] = React.useState(false);\n  const [changeCallbackTriggerer, setChangeCallbackTriggerer] = React.useState<\n    DropdownContextType['changeCallbackTriggerer']\n  >(0);\n  const [isControlled, setIsControlled] = React.useState(false);\n  // keep track if dropdown contains bottomsheet\n  const [dropdownHasBottomSheet, setDropdownHasBottomSheet] = React.useState(false);\n\n  /**\n   * In inputs, actual input is smaller than the visible input wrapper.\n   * You can set this reference in such cases so floating ui calculations happen correctly\n   * */\n  const triggererWrapperRef = React.useRef<ContainerElementType>(null);\n  const triggererRef = React.useRef<HTMLButtonElement>(null);\n  const actionListItemRef = React.useRef<HTMLDivElement>(null);\n  const dropdownTriggerer = React.useRef<DropdownContextType['dropdownTriggerer']>();\n  const isTagDismissedRef = React.useRef<{ value: boolean } | null>({ value: false });\n  const visibleTagsCountRef = React.useRef<{ value: number }>({ value: 0 });\n  const dropdownContainerRef = React.useRef<HTMLDivElement>(null);\n\n  const dropdownBaseId = useId('dropdown');\n\n  useDidUpdate(() => {\n    onOpenChange?.(isOpen);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen]);\n\n  React.useEffect(() => {\n    if (isOpenControlled !== undefined) {\n      setIsOpen(isOpenControlled);\n    }\n  }, [isOpenControlled]);\n\n  const close = React.useCallback(() => {\n    setActiveTagIndex(-1);\n    setIsOpen(false);\n  }, []);\n\n  React.Children.map(children, (child) => {\n    if (React.isValidElement(child)) {\n      if (__DEV__) {\n        if (!validDropdownChildren.includes(getComponentId(child) ?? '')) {\n          throwBladeError({\n            message: `Dropdown can only have one of following elements as children - \\n\\n ${validDropdownChildren.join(\n              ', ',\n            )} \\n\\n Check out: https://blade.razorpay.com/?path=/story/components-dropdown`,\n            moduleName: 'Dropdown',\n          });\n        }\n      }\n\n      if (isValidAllowedChildren(child, dropdownComponentIds.triggers.SelectInput)) {\n        dropdownTriggerer.current = 'SelectInput';\n      }\n\n      if (isValidAllowedChildren(child, dropdownComponentIds.triggers.DropdownButton)) {\n        dropdownTriggerer.current = 'DropdownButton';\n      }\n\n      if (isValidAllowedChildren(child, dropdownComponentIds.triggers.AutoComplete)) {\n        dropdownTriggerer.current = 'AutoComplete';\n      }\n    }\n  });\n\n  const contextValue = React.useMemo<DropdownContextType>(\n    () => ({\n      isOpen,\n      setIsOpen,\n      close,\n      selectedIndices,\n      setSelectedIndices,\n      controlledValueIndices,\n      setControlledValueIndices,\n      options,\n      setOptions,\n      filteredValues,\n      setFilteredValues,\n      activeIndex,\n      setActiveIndex,\n      activeTagIndex,\n      setActiveTagIndex,\n      visibleTagsCountRef,\n      shouldIgnoreBlurAnimation,\n      setShouldIgnoreBlurAnimation,\n      isKeydownPressed,\n      setIsKeydownPressed,\n      dropdownBaseId,\n      triggererRef,\n      triggererWrapperRef,\n      actionListItemRef,\n      selectionType,\n      hasFooterAction,\n      setHasFooterAction,\n      hasAutoCompleteInBottomSheetHeader,\n      setHasAutoCompleteInBottomSheetHeader,\n      dropdownTriggerer: dropdownTriggerer.current,\n      changeCallbackTriggerer,\n      setChangeCallbackTriggerer,\n      isControlled,\n      setIsControlled,\n      isTagDismissedRef,\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      isOpen,\n      selectedIndices,\n      controlledValueIndices,\n      options,\n      filteredValues,\n      activeIndex,\n      activeTagIndex,\n      shouldIgnoreBlurAnimation,\n      selectionType,\n      hasFooterAction,\n      isKeydownPressed,\n      changeCallbackTriggerer,\n      isControlled,\n    ],\n  );\n\n  const BottomSheetAndDropdownGlueContextValue = React.useMemo((): BottomSheetAndDropdownGlueContext => {\n    return {\n      isOpen,\n      dropdownHasBottomSheet,\n      hasAutoCompleteInBottomSheetHeader,\n      setDropdownHasBottomSheet,\n      // This is the dismiss function which will be injected into the BottomSheet\n      // Basically <BottomSheet onDismiss={onBottomSheetDismiss} />\n      onBottomSheetDismiss: close,\n    };\n  }, [dropdownHasBottomSheet, hasAutoCompleteInBottomSheetHeader, isOpen, close]);\n\n  React.useEffect((): (() => void) | undefined => {\n    if (!isReactNative()) {\n      const dropdown = dropdownContainerRef.current;\n\n      const documentClickHandler = (e: MouseEvent): void => {\n        const target = e.target as HTMLDivElement;\n\n        if (!target || !dropdown) {\n          return;\n        }\n\n        if (!dropdown.contains(target) && !isTagDismissedRef.current?.value) {\n          close();\n        }\n\n        if (isTagDismissedRef.current?.value) {\n          isTagDismissedRef.current.value = false;\n        }\n      };\n\n      const documentFocusHandler = (e: FocusEvent): void => {\n        const target = e.relatedTarget as HTMLDivElement;\n        setActiveIndex(-1);\n\n        if (!dropdown || !target) {\n          return;\n        }\n\n        if (!dropdown.contains(target)) {\n          close();\n        }\n      };\n\n      document.addEventListener('click', documentClickHandler);\n      document.addEventListener('focusout', documentFocusHandler);\n\n      return (): void => {\n        document.removeEventListener('click', documentClickHandler);\n        document.removeEventListener('focusout', documentFocusHandler);\n      };\n    }\n\n    return undefined;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <BottomSheetAndDropdownGlueContext.Provider value={BottomSheetAndDropdownGlueContextValue}>\n      <DropdownContext.Provider value={contextValue}>\n        <BaseBox\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          ref={dropdownContainerRef as any}\n          {...metaAttribute({ name: MetaConstants.Dropdown, testID })}\n          {...getStyledProps(styledProps)}\n        >\n          <BaseBox position=\"relative\" textAlign={'left' as never}>\n            {children}\n          </BaseBox>\n        </BaseBox>\n      </DropdownContext.Provider>\n    </BottomSheetAndDropdownGlueContext.Provider>\n  );\n};\n\nconst Dropdown = assignWithoutSideEffects(_Dropdown, {\n  componentId: dropdownComponentIds.Dropdown,\n});\n\nexport { Dropdown };\n"],"names":["validDropdownChildren","dropdownComponentIds","triggers","SelectInput","DropdownButton","DropdownLink","DropdownOverlay","AutoComplete","bottomSheetComponentIds","BottomSheet","_Dropdown","_ref","children","isOpenControlled","isOpen","onOpenChange","_ref$selectionType","selectionType","testID","styledProps","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","setIsOpen","_React$useState3","_React$useState4","options","setOptions","_React$useState5","_React$useState6","filteredValues","setFilteredValues","_React$useState7","_React$useState8","selectedIndices","setSelectedIndices","_React$useState9","_React$useState10","controlledValueIndices","setControlledValueIndices","_React$useState11","_React$useState12","activeIndex","setActiveIndex","_React$useState13","_React$useState14","activeTagIndex","setActiveTagIndex","_React$useState15","_React$useState16","shouldIgnoreBlurAnimation","setShouldIgnoreBlurAnimation","_React$useState17","_React$useState18","hasFooterAction","setHasFooterAction","_React$useState19","_React$useState20","hasAutoCompleteInBottomSheetHeader","setHasAutoCompleteInBottomSheetHeader","_React$useState21","_React$useState22","isKeydownPressed","setIsKeydownPressed","_React$useState23","_React$useState24","changeCallbackTriggerer","setChangeCallbackTriggerer","_React$useState25","_React$useState26","isControlled","setIsControlled","_React$useState27","_React$useState28","dropdownHasBottomSheet","setDropdownHasBottomSheet","triggererWrapperRef","useRef","triggererRef","actionListItemRef","dropdownTriggerer","isTagDismissedRef","value","visibleTagsCountRef","dropdownContainerRef","dropdownBaseId","useId","useDidUpdate","useEffect","undefined","close","useCallback","Children","map","child","isValidElement","_getComponentId","includes","getComponentId","throwBladeError","message","concat","join","moduleName","isValidAllowedChildren","current","contextValue","useMemo","BottomSheetAndDropdownGlueContextValue","onBottomSheetDismiss","isReactNative","dropdown","documentClickHandler","e","_isTagDismissedRef$cu","_isTagDismissedRef$cu2","target","contains","documentFocusHandler","relatedTarget","document","addEventListener","removeEventListener","_jsx","BottomSheetAndDropdownGlueContext","Provider","DropdownContext","BaseBox","_objectSpread","ref","metaAttribute","name","MetaConstants","Dropdown","getStyledProps","position","textAlign","assignWithoutSideEffects","componentId"],"mappings":"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"}