@razorpay/blade 12.68.0 → 12.89.0

package/build/lib/web/development/components/Chip/chipTokens.js

@@ -34,30 +34,30 @@ var chipGroupLabelSizeTokens = {
 var chipHorizontalPaddingTokens = {
   withoutIcon: {
     left: {
-      xsmall: 'spacing.4',
-      small: 'spacing.4',
-      medium: 'spacing.6',
-      large: 'spacing.7'
+      xsmall: 'spacing.3',
+      small: 'spacing.3',
+      medium: 'spacing.4',
+      large: 'spacing.5'
     },
     right: {
-      xsmall: 'spacing.4',
-      small: 'spacing.4',
-      medium: 'spacing.6',
-      large: 'spacing.7'
+      xsmall: 'spacing.3',
+      small: 'spacing.3',
+      medium: 'spacing.4',
+      large: 'spacing.5'
     }
   },
   withIcon: {
     left: {
-      xsmall: 'spacing.4',
-      small: 'spacing.4',
-      medium: 'spacing.5',
-      large: 'spacing.6'
+      xsmall: 'spacing.3',
+      small: 'spacing.3',
+      medium: 'spacing.4',
+      large: 'spacing.5'
     },
     right: {
-      xsmall: 'spacing.4',
-      small: 'spacing.4',
-      medium: 'spacing.6',
-      large: 'spacing.7'
+      xsmall: 'spacing.3',
+      small: 'spacing.3',
+      medium: 'spacing.4',
+      large: 'spacing.5'
     }
   }
 };
@@ -163,6 +163,12 @@ var chipMotionTokens = {
   duration: 'duration.xquick',
   easing: 'easing.standard'
 };
+var chipBorderRadiusTokens = {
+  xsmall: 'small',
+  small: 'small',
+  medium: 'small',
+  large: 'medium'
+};
 
-export { chipColorTokens, chipGroupGapTokens, chipGroupLabelSizeTokens, chipHeightTokens, chipHorizontalPaddingTokens, chipIconSizes, chipMotionTokens, chipTextSizes, getChipInputHoverTokens };
+export { chipBorderRadiusTokens, chipColorTokens, chipGroupGapTokens, chipGroupLabelSizeTokens, chipHeightTokens, chipHorizontalPaddingTokens, chipIconSizes, chipMotionTokens, chipTextSizes, getChipInputHoverTokens };
 //# sourceMappingURL=chipTokens.js.map

package/build/lib/web/development/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 { 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\nconst chipGroupLabelSizeTokens = {\n  xsmall: 'small',\n  small: 'medium',\n  medium: 'large',\n  large: 'large',\n} as const;\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: 'surface.background.gray.intense',\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      hover: '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.transparent',\n        unchecked: 'colors.transparent',\n      },\n      border: {\n        checked: `colors.${chipColorTokens.border[color || 'default'].hover}` as never,\n        unchecked: 'colors.interactive.border.gray.faded',\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',\n};\n\nexport {\n  chipColorTokens,\n  chipHeightTokens,\n  chipGroupGapTokens,\n  getChipInputHoverTokens,\n  chipHorizontalPaddingTokens,\n  chipTextSizes,\n  chipIconSizes,\n  chipMotionTokens,\n  chipGroupLabelSizeTokens,\n};\n"],"names":["chipGroupGapTokens","xsmall","right","bottom","small","medium","large","chipHeightTokens","size","chipGroupLabelSizeTokens","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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"}
+{"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\nconst chipGroupLabelSizeTokens = {\n  xsmall: 'small',\n  small: 'medium',\n  medium: 'large',\n  large: 'large',\n} as const;\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.3',\n      small: 'spacing.3',\n      medium: 'spacing.4',\n      large: 'spacing.5',\n    },\n    right: {\n      xsmall: 'spacing.3',\n      small: 'spacing.3',\n      medium: 'spacing.4',\n      large: 'spacing.5',\n    },\n  },\n  withIcon: {\n    left: {\n      xsmall: 'spacing.3',\n      small: 'spacing.3',\n      medium: 'spacing.4',\n      large: 'spacing.5',\n    },\n    right: {\n      xsmall: 'spacing.3',\n      small: 'spacing.3',\n      medium: 'spacing.4',\n      large: 'spacing.5',\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: 'surface.background.gray.intense',\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      hover: '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.transparent',\n        unchecked: 'colors.transparent',\n      },\n      border: {\n        checked: `colors.${chipColorTokens.border[color || 'default'].hover}` as never,\n        unchecked: 'colors.interactive.border.gray.faded',\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',\n};\n\nconst chipBorderRadiusTokens: Record<NonNullable<ChipGroupProps['size']>, 'small' | 'medium'> = {\n  xsmall: 'small',\n  small: 'small',\n  medium: 'small',\n  large: 'medium',\n};\n\nexport {\n  chipColorTokens,\n  chipHeightTokens,\n  chipGroupGapTokens,\n  getChipInputHoverTokens,\n  chipHorizontalPaddingTokens,\n  chipTextSizes,\n  chipIconSizes,\n  chipMotionTokens,\n  chipGroupLabelSizeTokens,\n  chipBorderRadiusTokens,\n};\n"],"names":["chipGroupGapTokens","xsmall","right","bottom","small","medium","large","chipHeightTokens","size","chipGroupLabelSizeTokens","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","chipBorderRadiusTokens"],"mappings":"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"}

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

@@ -1,3 +1,4 @@
+import { chipBorderRadiusTokens } from './chipTokens.js';
 import getIn from '../../utils/lodashButBetter/get.js';
 import '../../utils/makeBorderSize/index.js';
 import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.js';
@@ -5,12 +6,17 @@ import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.js';
 var getAnimatedChipStyles = function getAnimatedChipStyles(_ref) {
   var theme = _ref.theme,
     isDesktop = _ref.isDesktop,
-    borderColor = _ref.borderColor;
+    borderColor = _ref.borderColor,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'small' : _ref$size;
+  var borderRadius = chipBorderRadiusTokens[size];
+  var outerRadius = makeBorderSize(theme.border.radius[borderRadius]);
+  var outerBorderWidth = getIn(theme, 'border.width.thin');
   return {
     backgroundColor: 'transparent',
-    borderRadius: makeBorderSize(theme.border.radius.max),
+    borderRadius: outerRadius,
     borderColor: getIn(theme.colors, borderColor),
-    borderWidth: getIn(theme, 'border.width.thin'),
+    borderWidth: outerBorderWidth,
     display: 'flex',
     flexWrap: 'nowrap',
     flexDirection: 'row',

package/build/lib/web/development/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 = ({ theme, isDesktop, borderColor }: AnimatedChipProps): CSSObject => {\n  return {\n    backgroundColor: 'transparent',\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","borderColor","backgroundColor","borderRadius","makeBorderSize","border","radius","max","getIn","colors","borderWidth","display","flexWrap","flexDirection","alignItems","justifyContent","textAlign","textOverflow","maxWidth"],"mappings":";;;;AAKA,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAAC,IAAA,EAAwE;AAAA,EAAA,IAAlEC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAEC,WAAW,GAAAH,IAAA,CAAXG,WAAW,CAAA;EAC5D,OAAO;AACLC,IAAAA,eAAe,EAAE,aAAa;IAC9BC,YAAY,EAAEC,cAAc,CAACL,KAAK,CAACM,MAAM,CAACC,MAAM,CAACC,GAAG,CAAC;IACrDN,WAAW,EAAEO,KAAK,CAACT,KAAK,CAACU,MAAM,EAAER,WAAW,CAAC;AAC7CS,IAAAA,WAAW,EAAEF,KAAK,CAACT,KAAK,EAAE,mBAAmB,CAAC;AAC9CY,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,EAAElB,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 { chipBorderRadiusTokens } from './chipTokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport { makeBorderSize } from '~utils/makeBorderSize';\n\nconst getAnimatedChipStyles = ({\n  theme,\n  isDesktop,\n  borderColor,\n  size = 'small',\n}: AnimatedChipProps): CSSObject => {\n  const borderRadius = chipBorderRadiusTokens[size];\n  const outerRadius = makeBorderSize(theme.border.radius[borderRadius]);\n  const outerBorderWidth = getIn(theme, 'border.width.thin');\n\n  return {\n    backgroundColor: 'transparent',\n    borderRadius: outerRadius,\n    borderColor: getIn(theme.colors, borderColor),\n    borderWidth: outerBorderWidth,\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  } as CSSObject;\n};\n\nexport { getAnimatedChipStyles };\n"],"names":["getAnimatedChipStyles","_ref","theme","isDesktop","borderColor","_ref$size","size","borderRadius","chipBorderRadiusTokens","outerRadius","makeBorderSize","border","radius","outerBorderWidth","getIn","backgroundColor","colors","borderWidth","display","flexWrap","flexDirection","alignItems","justifyContent","textAlign","textOverflow","maxWidth"],"mappings":";;;;;AAMA,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAAC,IAAA,EAKS;AAAA,EAAA,IAJlCC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IAAAC,SAAA,GAAAJ,IAAA,CACXK,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,SAAA,CAAA;AAEd,EAAA,IAAME,YAAY,GAAGC,sBAAsB,CAACF,IAAI,CAAC,CAAA;AACjD,EAAA,IAAMG,WAAW,GAAGC,cAAc,CAACR,KAAK,CAACS,MAAM,CAACC,MAAM,CAACL,YAAY,CAAC,CAAC,CAAA;AACrE,EAAA,IAAMM,gBAAgB,GAAGC,KAAK,CAACZ,KAAK,EAAE,mBAAmB,CAAC,CAAA;EAE1D,OAAO;AACLa,IAAAA,eAAe,EAAE,aAAa;AAC9BR,IAAAA,YAAY,EAAEE,WAAW;IACzBL,WAAW,EAAEU,KAAK,CAACZ,KAAK,CAACc,MAAM,EAAEZ,WAAW,CAAC;AAC7Ca,IAAAA,WAAW,EAAEJ,gBAAgB;AAC7BK,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,EAAEtB,SAAS,GAAG,OAAO,GAAG,OAAA;GACjC,CAAA;AACH;;;;"}

package/build/lib/web/development/components/Collapsible/commonStyles.js

@@ -12,8 +12,8 @@ var getCollapsibleBodyContentBoxProps = function getCollapsibleBodyContentBoxPro
      * Need a margin inside the outside wrapper so this is
      * included in height calculations and prevents jank
      */
-    marginTop: direction === 'bottom' ? 'spacing.5' : 'spacing.0',
-    marginBottom: direction === 'top' ? 'spacing.5' : 'spacing.0'
+    marginTop: direction === 'bottom' ? 'spacing.4' : 'spacing.0',
+    marginBottom: direction === 'top' ? 'spacing.4' : 'spacing.0'
   };
 };
 var getOpacity = function getOpacity(_ref2) {

package/build/lib/web/development/components/Collapsible/commonStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"commonStyles.js","sources":["../../../../../../src/components/Collapsible/commonStyles.ts"],"sourcesContent":["import type { CollapsibleProps } from './Collapsible';\nimport type { CollapsibleBodyProps } from './types';\nimport type { Theme } from '~components/BladeProvider';\nimport type { BoxProps } from '~components/Box';\nimport { makeMotionTime } from '~utils';\n\nconst getCollapsibleBodyContentBoxProps = ({\n  direction,\n  _hasMargin,\n}: {\n  direction: CollapsibleProps['direction'];\n  _hasMargin: CollapsibleBodyProps['_hasMargin'];\n}): BoxProps => {\n  if (!_hasMargin) {\n    return {};\n  }\n\n  return {\n    /**\n     * Need a margin inside the outside wrapper so this is\n     * included in height calculations and prevents jank\n     */\n    marginTop: direction === 'bottom' ? 'spacing.5' : 'spacing.0',\n    marginBottom: direction === 'top' ? 'spacing.5' : 'spacing.0',\n  };\n};\n\nconst getOpacity = ({ isExpanded }: { isExpanded: boolean }): number => (isExpanded ? 1 : 0.8);\n\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nconst getTransitionDuration = (theme: Theme) => makeMotionTime(theme.motion.duration.moderate);\n\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nconst getTransitionEasing = (theme: Theme) => theme.motion.easing.standard;\n\nconst getCollapsibleChevronIconTransforms = (): {\n  transformExpanded: number;\n  transformCollapsed: number;\n} => ({ transformExpanded: -180, transformCollapsed: 0 });\n\nexport {\n  getCollapsibleBodyContentBoxProps,\n  getOpacity,\n  getTransitionDuration,\n  getTransitionEasing,\n  getCollapsibleChevronIconTransforms,\n};\n"],"names":["getCollapsibleBodyContentBoxProps","_ref","direction","_hasMargin","marginTop","marginBottom","getOpacity","_ref2","isExpanded","getTransitionDuration","theme","makeMotionTime","motion","duration","moderate","getTransitionEasing","easing","standard","getCollapsibleChevronIconTransforms","transformExpanded","transformCollapsed"],"mappings":";;;AAMA,IAAMA,iCAAiC,GAAG,SAApCA,iCAAiCA,CAAAC,IAAA,EAMvB;AAAA,EAAA,IALdC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,UAAU,GAAAF,IAAA,CAAVE,UAAU,CAAA;EAKV,IAAI,CAACA,UAAU,EAAE;AACf,IAAA,OAAO,EAAE,CAAA;AACX,GAAA;EAEA,OAAO;AACL;AACJ;AACA;AACA;AACIC,IAAAA,SAAS,EAAEF,SAAS,KAAK,QAAQ,GAAG,WAAW,GAAG,WAAW;AAC7DG,IAAAA,YAAY,EAAEH,SAAS,KAAK,KAAK,GAAG,WAAW,GAAG,WAAA;GACnD,CAAA;AACH,EAAC;AAED,IAAMI,UAAU,GAAG,SAAbA,UAAUA,CAAAC,KAAA,EAAA;AAAA,EAAA,IAAMC,UAAU,GAAAD,KAAA,CAAVC,UAAU,CAAA;AAAA,EAAA,OAAyCA,UAAU,GAAG,CAAC,GAAG,GAAG,CAAA;AAAA,EAAC;;AAE9F;AACA,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,KAAY,EAAA;EAAA,OAAKC,cAAc,CAACD,KAAK,CAACE,MAAM,CAACC,QAAQ,CAACC,QAAQ,CAAC,CAAA;AAAA,EAAA;;AAE9F;AACA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIL,KAAY,EAAA;AAAA,EAAA,OAAKA,KAAK,CAACE,MAAM,CAACI,MAAM,CAACC,QAAQ,CAAA;AAAA,EAAA;AAE1E,IAAMC,mCAAmC,GAAG,SAAtCA,mCAAmCA,GAAA;EAAA,OAGnC;IAAEC,iBAAiB,EAAE,CAAC,GAAG;AAAEC,IAAAA,kBAAkB,EAAE,CAAA;GAAG,CAAA;AAAA;;;;"}
+{"version":3,"file":"commonStyles.js","sources":["../../../../../../src/components/Collapsible/commonStyles.ts"],"sourcesContent":["import type { CollapsibleProps } from './Collapsible';\nimport type { CollapsibleBodyProps } from './types';\nimport type { Theme } from '~components/BladeProvider';\nimport type { BoxProps } from '~components/Box';\nimport { makeMotionTime } from '~utils';\n\nconst getCollapsibleBodyContentBoxProps = ({\n  direction,\n  _hasMargin,\n}: {\n  direction: CollapsibleProps['direction'];\n  _hasMargin: CollapsibleBodyProps['_hasMargin'];\n}): BoxProps => {\n  if (!_hasMargin) {\n    return {};\n  }\n\n  return {\n    /**\n     * Need a margin inside the outside wrapper so this is\n     * included in height calculations and prevents jank\n     */\n    marginTop: direction === 'bottom' ? 'spacing.4' : 'spacing.0',\n    marginBottom: direction === 'top' ? 'spacing.4' : 'spacing.0',\n  };\n};\n\nconst getOpacity = ({ isExpanded }: { isExpanded: boolean }): number => (isExpanded ? 1 : 0.8);\n\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nconst getTransitionDuration = (theme: Theme) => makeMotionTime(theme.motion.duration.moderate);\n\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nconst getTransitionEasing = (theme: Theme) => theme.motion.easing.standard;\n\nconst getCollapsibleChevronIconTransforms = (): {\n  transformExpanded: number;\n  transformCollapsed: number;\n} => ({ transformExpanded: -180, transformCollapsed: 0 });\n\nexport {\n  getCollapsibleBodyContentBoxProps,\n  getOpacity,\n  getTransitionDuration,\n  getTransitionEasing,\n  getCollapsibleChevronIconTransforms,\n};\n"],"names":["getCollapsibleBodyContentBoxProps","_ref","direction","_hasMargin","marginTop","marginBottom","getOpacity","_ref2","isExpanded","getTransitionDuration","theme","makeMotionTime","motion","duration","moderate","getTransitionEasing","easing","standard","getCollapsibleChevronIconTransforms","transformExpanded","transformCollapsed"],"mappings":";;;AAMA,IAAMA,iCAAiC,GAAG,SAApCA,iCAAiCA,CAAAC,IAAA,EAMvB;AAAA,EAAA,IALdC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,UAAU,GAAAF,IAAA,CAAVE,UAAU,CAAA;EAKV,IAAI,CAACA,UAAU,EAAE;AACf,IAAA,OAAO,EAAE,CAAA;AACX,GAAA;EAEA,OAAO;AACL;AACJ;AACA;AACA;AACIC,IAAAA,SAAS,EAAEF,SAAS,KAAK,QAAQ,GAAG,WAAW,GAAG,WAAW;AAC7DG,IAAAA,YAAY,EAAEH,SAAS,KAAK,KAAK,GAAG,WAAW,GAAG,WAAA;GACnD,CAAA;AACH,EAAC;AAED,IAAMI,UAAU,GAAG,SAAbA,UAAUA,CAAAC,KAAA,EAAA;AAAA,EAAA,IAAMC,UAAU,GAAAD,KAAA,CAAVC,UAAU,CAAA;AAAA,EAAA,OAAyCA,UAAU,GAAG,CAAC,GAAG,GAAG,CAAA;AAAA,EAAC;;AAE9F;AACA,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,KAAY,EAAA;EAAA,OAAKC,cAAc,CAACD,KAAK,CAACE,MAAM,CAACC,QAAQ,CAACC,QAAQ,CAAC,CAAA;AAAA,EAAA;;AAE9F;AACA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIL,KAAY,EAAA;AAAA,EAAA,OAAKA,KAAK,CAACE,MAAM,CAACI,MAAM,CAACC,QAAQ,CAAA;AAAA,EAAA;AAE1E,IAAMC,mCAAmC,GAAG,SAAtCA,mCAAmCA,GAAA;EAAA,OAGnC;IAAEC,iBAAiB,EAAE,CAAC,GAAG;AAAEC,IAAAA,kBAAkB,EAAE,CAAA;GAAG,CAAA;AAAA;;;;"}

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

@@ -2,7 +2,7 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default from 'react';
 import { StyledCounter } from './StyledCounter.web.js';
-import { counterHeight, horizontalPadding } from './counterTokens.js';
+import { counterHeight, counterMinWidth, horizontalPadding } from './counterTokens.js';
 import '../Typography/index.js';
 import '../Box/BaseBox/index.js';
 import '../BladeProvider/index.js';
@@ -85,18 +85,21 @@ var _Counter = function _Counter(_ref2, ref) {
   };
   return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     ref: ref,
-    display: isReactNative() ? 'flex' : 'inline-flex'
+    display: isReactNative() ? 'flex' : 'inline-flex',
+    alignSelf: "center",
+    justifyContent: "center"
   }, metaAttribute({
     name: MetaConstants.Counter,
     testID: testID
   })), getStyledProps(rest)), makeAnalyticsAttribute(rest)), {}, {
     children: /*#__PURE__*/jsx(StyledCounter, {
       minHeight: makeSize(counterHeight[size]),
+      minWidth: makeSize(counterMinWidth[size]),
       backgroundColor: backgroundColor,
       size: size,
       platform: platform,
       children: /*#__PURE__*/jsx(BaseBox, {
-        paddingX: horizontalPadding[size],
+        paddingX: value > 9 ? horizontalPadding[size] : undefined,
         display: "flex",
         flexDirection: "row",
         justifyContent: "center",

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

@@ -1 +1 @@
-{"version":3,"file":"Counter.js","sources":["../../../../../../src/components/Counter/Counter.tsx"],"sourcesContent":["import React from 'react';\nimport { 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 { DataAnalyticsAttribute, BladeElementRef, TestID } from '~utils/types';\nimport { isReactNative, makeSize } from '~utils';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\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  DataAnalyticsAttribute &\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  {\n    value,\n    max,\n    color = 'neutral',\n    emphasis = 'subtle',\n    size = 'medium',\n    testID,\n    ...rest\n  }: CounterProps,\n  ref: React.Ref<BladeElementRef>,\n): 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      ref={ref as never}\n      display={(isReactNative() ? 'flex' : 'inline-flex') as never}\n      {...metaAttribute({ name: MetaConstants.Counter, testID })}\n      {...getStyledProps(rest)}\n      {...makeAnalyticsAttribute(rest)}\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(React.forwardRef(_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","ref","value","max","_ref2$color","_ref2$emphasis","_ref2$size","size","testID","rest","_objectWithoutProperties","_excluded","content","_useTheme","useTheme","platform","_getColorProps","counterTextSizes","small","variant","medium","large","_jsx","BaseBox","_objectSpread","display","isReactNative","metaAttribute","name","MetaConstants","Counter","getStyledProps","makeAnalyticsAttribute","children","StyledCounter","minHeight","makeSize","counterHeight","paddingX","horizontalPadding","flexDirection","justifyContent","alignItems","overflow","Text","textAlign","weight","truncateAfterLines","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":"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"}
+{"version":3,"file":"Counter.js","sources":["../../../../../../src/components/Counter/Counter.tsx"],"sourcesContent":["import React from 'react';\nimport { StyledCounter } from './StyledCounter';\nimport type { StyledCounterProps } from './types';\nimport { counterHeight, counterMinWidth, 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 { DataAnalyticsAttribute, BladeElementRef, TestID } from '~utils/types';\nimport { isReactNative, makeSize } from '~utils';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\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  DataAnalyticsAttribute &\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  {\n    value,\n    max,\n    color = 'neutral',\n    emphasis = 'subtle',\n    size = 'medium',\n    testID,\n    ...rest\n  }: CounterProps,\n  ref: React.Ref<BladeElementRef>,\n): 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      ref={ref as never}\n      display={(isReactNative() ? 'flex' : 'inline-flex') as never}\n      alignSelf=\"center\"\n      justifyContent=\"center\"\n      {...metaAttribute({ name: MetaConstants.Counter, testID })}\n      {...getStyledProps(rest)}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <StyledCounter\n        minHeight={makeSize(counterHeight[size])}\n        minWidth={makeSize(counterMinWidth[size])}\n        backgroundColor={backgroundColor}\n        size={size}\n        platform={platform}\n      >\n        <BaseBox\n          paddingX={value > 9 ? horizontalPadding[size] : undefined}\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(React.forwardRef(_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","ref","value","max","_ref2$color","_ref2$emphasis","_ref2$size","size","testID","rest","_objectWithoutProperties","_excluded","content","_useTheme","useTheme","platform","_getColorProps","counterTextSizes","small","variant","medium","large","_jsx","BaseBox","_objectSpread","display","isReactNative","alignSelf","justifyContent","metaAttribute","name","MetaConstants","Counter","getStyledProps","makeAnalyticsAttribute","children","StyledCounter","minHeight","makeSize","counterHeight","minWidth","counterMinWidth","paddingX","horizontalPadding","undefined","flexDirection","alignItems","overflow","Text","textAlign","weight","truncateAfterLines","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":"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"}

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

@@ -6,6 +6,11 @@ var counterHeight = {
   medium: size[20],
   large: size[24]
 };
+var counterMinWidth = {
+  small: size[16],
+  medium: size[20],
+  large: size[24]
+};
 var horizontalPadding = {
   small: 'spacing.2',
   medium: 'spacing.3',
@@ -16,5 +21,5 @@ var maxWidth = {
   onDesktop: size[120]
 };
 
-export { counterHeight, horizontalPadding, maxWidth };
+export { counterHeight, counterMinWidth, horizontalPadding, maxWidth };
 //# sourceMappingURL=counterTokens.js.map

package/build/lib/web/development/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 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;;;;"}
+{"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 counterMinWidth: 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, counterMinWidth, horizontalPadding };\n"],"names":["counterHeight","small","size","medium","large","counterMinWidth","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,eAAkE,GAAG;AACzEJ,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,IAAMI,iBAGL,GAAG;AACFL,EAAAA,KAAK,EAAE,WAAW;AAClBE,EAAAA,MAAM,EAAE,WAAW;AACnBC,EAAAA,KAAK,EAAE,WAAA;AACT,EAAC;AAED,IAAMG,QAAmE,GAAG;AAC1EC,EAAAA,QAAQ,EAAEN,IAAI,CAAC,GAAG,CAAC;EACnBO,SAAS,EAAEP,IAAI,CAAC,GAAG,CAAA;AACrB;;;;"}

package/build/lib/web/development/components/Counter/getStyledCounterStyles.js

@@ -14,6 +14,8 @@ var getStyledCounterStyles = function getStyledCounterStyles(_ref) {
     borderRadius: makeBorderSize(theme.border.radius.max),
     maxWidth: makeSize(maxWidth[platform]),
     display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
     flexWrap: 'nowrap'
   };
 };

package/build/lib/web/development/components/Counter/getStyledCounterStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"getStyledCounterStyles.js","sources":["../../../../../../src/components/Counter/getStyledCounterStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport { maxWidth } from './counterTokens';\nimport type { StyledCounterProps } from './types';\nimport getIn from '~utils/lodashButBetter/get';\nimport { makeSize } from '~utils/makeSize';\nimport { makeBorderSize } from '~utils/makeBorderSize';\n\nconst getStyledCounterStyles = ({\n  theme,\n  platform,\n  backgroundColor,\n}: StyledCounterProps): CSSObject => ({\n  backgroundColor: getIn(theme.colors, backgroundColor),\n  borderRadius: makeBorderSize(theme.border.radius.max),\n  maxWidth: makeSize(maxWidth[platform]),\n  display: 'flex',\n  flexWrap: 'nowrap',\n});\n\nexport { getStyledCounterStyles };\n"],"names":["getStyledCounterStyles","_ref","theme","platform","backgroundColor","getIn","colors","borderRadius","makeBorderSize","border","radius","max","maxWidth","makeSize","display","flexWrap"],"mappings":";;;;;;;AAOA,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAC1BC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,eAAe,GAAAH,IAAA,CAAfG,eAAe,CAAA;EAAA,OACqB;IACpCA,eAAe,EAAEC,KAAK,CAACH,KAAK,CAACI,MAAM,EAAEF,eAAe,CAAC;IACrDG,YAAY,EAAEC,cAAc,CAACN,KAAK,CAACO,MAAM,CAACC,MAAM,CAACC,GAAG,CAAC;AACrDC,IAAAA,QAAQ,EAAEC,QAAQ,CAACD,QAAQ,CAACT,QAAQ,CAAC,CAAC;AACtCW,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,QAAQ,EAAE,QAAA;GACX,CAAA;AAAA;;;;"}
+{"version":3,"file":"getStyledCounterStyles.js","sources":["../../../../../../src/components/Counter/getStyledCounterStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport { maxWidth } from './counterTokens';\nimport type { StyledCounterProps } from './types';\nimport getIn from '~utils/lodashButBetter/get';\nimport { makeSize } from '~utils/makeSize';\nimport { makeBorderSize } from '~utils/makeBorderSize';\n\nconst getStyledCounterStyles = ({\n  theme,\n  platform,\n  backgroundColor,\n}: StyledCounterProps): CSSObject => ({\n  backgroundColor: getIn(theme.colors, backgroundColor),\n  borderRadius: makeBorderSize(theme.border.radius.max),\n  maxWidth: makeSize(maxWidth[platform]),\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  flexWrap: 'nowrap',\n});\n\nexport { getStyledCounterStyles };\n"],"names":["getStyledCounterStyles","_ref","theme","platform","backgroundColor","getIn","colors","borderRadius","makeBorderSize","border","radius","max","maxWidth","makeSize","display","alignItems","justifyContent","flexWrap"],"mappings":";;;;;;;AAOA,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAC1BC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,eAAe,GAAAH,IAAA,CAAfG,eAAe,CAAA;EAAA,OACqB;IACpCA,eAAe,EAAEC,KAAK,CAACH,KAAK,CAACI,MAAM,EAAEF,eAAe,CAAC;IACrDG,YAAY,EAAEC,cAAc,CAACN,KAAK,CAACO,MAAM,CAACC,MAAM,CAACC,GAAG,CAAC;AACrDC,IAAAA,QAAQ,EAAEC,QAAQ,CAACD,QAAQ,CAACT,QAAQ,CAAC,CAAC;AACtCW,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,UAAU,EAAE,QAAQ;AACpBC,IAAAA,cAAc,EAAE,QAAQ;AACxBC,IAAAA,QAAQ,EAAE,QAAA;GACX,CAAA;AAAA;;;;"}

package/build/lib/web/development/components/CounterInput/CounterInput.web.js

@@ -25,6 +25,7 @@ import getIn from '../../utils/lodashButBetter/get.js';
 import { mergeRefs } from '../../utils/useMergeRefs.js';
 import '../../utils/getFocusRingStyles/index.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.js';
 import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
 import { castWebType } from '../../utils/platform/castUtils.js';
 import { makeMotionTime } from '../../utils/makeMotionTime/makeMotionTime.web.js';
@@ -49,11 +50,11 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 var StyledCounterButton = /*#__PURE__*/styled.button.withConfig({
   displayName: "CounterInputweb__StyledCounterButton",
   componentId: "l7imdl-0"
-})(["background-color:transparent;border:none;cursor:", ";display:flex;align-items:center;justify-content:center;border-radius:", "px;padding:", ";margin:", ";transition-property:background-color,color;transition-duration:", ";transition-timing-function:", ";&:focus-visible{", "}&:hover:not(:disabled){", "}"], function (props) {
+})(["background-color:transparent;border:none;cursor:", ";display:flex;align-items:center;justify-content:center;border-radius:", ";padding:", ";margin:", ";transition-property:background-color,color;transition-duration:", ";transition-timing-function:", ";&:focus-visible{", "}&:hover:not(:disabled){", "}"], function (props) {
   return props.disabled ? 'not-allowed' : 'pointer';
 }, function (_ref) {
-  var theme = _ref.theme;
-  return theme.border.radius.small;
+  var $borderRadius = _ref.$borderRadius;
+  return makeBorderSize($borderRadius);
 }, function (_ref2) {
   var $padding = _ref2.$padding;
   return makeSpace($padding);
@@ -260,7 +261,7 @@ var _CounterInput = /*#__PURE__*/React__default.forwardRef(function (_ref8, ref)
           backgroundColor: isLoading || isDisabled ? emphasisTokens.loadingOrDisabledBgColor : emphasisTokens.backgroundColor,
           width: "".concat(COUNTER_INPUT_TOKEN.width[size], "px"),
           height: "".concat(COUNTER_INPUT_TOKEN.height[size], "px"),
-          borderRadius: "medium",
+          borderRadius: COUNTER_INPUT_TOKEN.containerBorderRadius[size],
           borderWidth: "thin",
           borderColor: _isDisabled ? emphasisTokens.disabledBorderColor : emphasisTokens.borderColor,
           children: [/*#__PURE__*/jsxs(BaseBox, {
@@ -273,6 +274,7 @@ var _CounterInput = /*#__PURE__*/React__default.forwardRef(function (_ref8, ref)
               $padding: COUNTER_INPUT_TOKEN.iconPadding[size],
               $margin: COUNTER_INPUT_TOKEN.decrementIconMargin,
               $emphasis: emphasis,
+              $borderRadius: COUNTER_INPUT_TOKEN.buttonBorderRadius[size],
               "aria-label": "Decrement value",
               disabled: isDecrementDisabled,
               style: {
@@ -313,6 +315,7 @@ var _CounterInput = /*#__PURE__*/React__default.forwardRef(function (_ref8, ref)
               $padding: COUNTER_INPUT_TOKEN.iconPadding[size],
               $margin: COUNTER_INPUT_TOKEN.incrementIconMargin,
               $emphasis: emphasis,
+              $borderRadius: COUNTER_INPUT_TOKEN.buttonBorderRadius[size],
               "aria-label": "Increment value",
               disabled: isIncrementDisabled,
               style: {

package/build/lib/web/development/components/CounterInput/CounterInput.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"CounterInput.web.js","sources":["../../../../../../src/components/CounterInput/CounterInput.web.tsx"],"sourcesContent":["import React, { useCallback, useState, useEffect, useRef } from 'react';\nimport styled from 'styled-components';\nimport type { CounterInputProps } from './types';\nimport { StyledCounterInput } from './StyledCounterInput';\nimport { COUNTER_INPUT_TOKEN } from './token';\nimport { CounterInputProvider } from './CounterInputContext';\nimport { BaseInput } from '~components/Input/BaseInput';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport type { BladeElementRef } from '~utils/types';\nimport { useControllableState } from '~utils/useControllable';\nimport { getOuterMotionRef } from '~utils/getMotionRefs';\nimport BaseBox from '~components/Box/BaseBox';\nimport { FormLabel } from '~components/Form';\nimport { useFormId } from '~components/Form/useFormId';\nimport { useId } from '~utils/useId';\nimport { useTheme } from '~components/BladeProvider';\nimport { useBreakpoint, makeSpace, castWebType, makeMotionTime } from '~utils';\nimport { MinusIcon, PlusIcon } from '~components/Icons';\nimport { ProgressBar } from '~components/ProgressBar';\nimport get from '~utils/lodashButBetter/get';\nimport { mergeRefs } from '~utils/useMergeRefs';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\n\nconst StyledCounterButton = styled.button<{\n  disabled?: boolean;\n  $padding: number;\n  $margin: readonly number[];\n  $emphasis: 'subtle' | 'intense';\n}>`\n  background-color: transparent;\n  border: none;\n  cursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: ${({ theme }) => theme.border.radius.small}px;\n  padding: ${({ $padding }) => makeSpace($padding)};\n  margin: ${({ $margin }) => $margin.map((m) => makeSpace(m)).join(' ')};\n\n  /* Transitions for smooth hover effects */\n  transition-property: background-color, color;\n  transition-duration: ${({ theme }) =>\n    castWebType(makeMotionTime(get(theme.motion, 'duration.xquick')))};\n  transition-timing-function: ${({ theme }) => get(theme.motion, 'easing.standard')};\n\n  &:focus-visible {\n    ${({ theme }) => getFocusRingStyles({ theme, negativeOffset: true })}\n  }\n\n  /* Hover styles based on emphasis */\n  &:hover:not(:disabled) {\n    ${({ theme, $emphasis }) => {\n      if ($emphasis === 'subtle') {\n        return `\n          background-color: ${theme.colors.interactive.background.gray.fadedHighlighted} !important;\n          color: ${theme.colors.interactive.icon.gray.normal} !important;\n        `;\n      } else {\n        return `\n          background-color: ${theme.colors.interactive.background.primary.fadedHighlighted} !important;\n          color: ${theme.colors.interactive.icon.primary.normal} !important;\n        `;\n      }\n    }}\n  }\n`;\n\n// Icon size mapping for counter input\nconst ICON_SIZE_MAP = {\n  xsmall: 'small',\n  small: 'small',\n  medium: 'large',\n  large: 'xlarge',\n} as const;\n\nconst _CounterInput = React.forwardRef<BladeElementRef, CounterInputProps>(\n  (\n    {\n      label,\n      accessibilityLabel,\n      labelPosition = 'top',\n      name,\n      value,\n      defaultValue,\n      min = 0,\n      max,\n      emphasis = 'subtle',\n      size = 'medium',\n      isLoading = false,\n      isDisabled = false,\n      onChange,\n      onFocus,\n      onBlur,\n      testID,\n      _motionMeta,\n      ...rest\n    },\n    ref,\n  ) => {\n    const [internalValue, setInternalValue] = useControllableState({\n      value,\n      defaultValue,\n      onChange: (newValue) => onChange?.({ value: newValue }),\n    });\n\n    const { inputId } = useFormId('counter-input');\n    const idBase = useId('counter-input');\n    const labelId = `${idBase}-label`;\n    const { theme } = useTheme();\n    const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n    const isLabelLeftPositioned = labelPosition === 'left' && matchedDeviceType === 'desktop';\n    const emphasisTokens = COUNTER_INPUT_TOKEN.emphasis[emphasis];\n    const _isDisabled = isDisabled || isLoading;\n    const [animationClass, setAnimationClass] = useState('');\n    const lastActionRef = useRef<'increment' | 'decrement' | null>(null);\n    const previousValueRef = useRef<number | undefined>(internalValue);\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    // Track Tab navigation to show focus ring only on keyboard navigation (not mouse clicks)\n    // Note: :focus-visible doesn't work for text inputs - shows ring on both Tab and click\n    // TODO: Re-evaluate and remove later once focus style is unified from design\n    useEffect(() => {\n      const container = containerRef.current;\n      if (!container) return undefined;\n\n      const handleTabKey = (event: KeyboardEvent): void => {\n        if (event.key === 'Tab') {\n          container.classList.add('counter-input-keyboard-focus');\n        }\n      };\n\n      const handleMouseDown = (): void => {\n        container.classList.remove('counter-input-keyboard-focus');\n      };\n\n      document.addEventListener('keydown', handleTabKey, true);\n      document.addEventListener('mousedown', handleMouseDown, true);\n\n      return (): void => {\n        document.removeEventListener('keydown', handleTabKey, true);\n        document.removeEventListener('mousedown', handleMouseDown, true);\n      };\n    }, []);\n\n    // Animation effect - triggers only when value actually changes\n    useEffect(() => {\n      // Only animate if:\n      // 1. We have a stored action (button was clicked)\n      // 2. Value actually changed from previous value\n      // 3. Not currently loading\n      if (lastActionRef.current && !isLoading && internalValue !== previousValueRef.current) {\n        const animationClass =\n          lastActionRef.current === 'increment'\n            ? '__blade-counter-input-animate-slide-up'\n            : '__blade-counter-input-animate-slide-down';\n        setAnimationClass(animationClass);\n        setTimeout(() => setAnimationClass(''), 300);\n        lastActionRef.current = null;\n      }\n\n      previousValueRef.current = internalValue;\n    }, [internalValue, isLoading]);\n\n    const handleInputChange = useCallback(\n      ({ value: inputValue }: { value?: string }) => {\n        const numericValue = inputValue ? parseInt(inputValue, 10) : min;\n        const validValue = isNaN(numericValue) ? min : numericValue;\n\n        let constrainedValue = validValue;\n        if (constrainedValue < min) constrainedValue = min;\n        if (max !== undefined && constrainedValue > max) constrainedValue = max;\n        setInternalValue(() => constrainedValue);\n      },\n      [min, max, onChange, name],\n    );\n\n    const handleIncrement = useCallback(() => {\n      if (_isDisabled) return;\n\n      const newValue = (internalValue ?? min) + 1;\n      const constrainedValue = max !== undefined ? Math.min(newValue, max) : newValue;\n\n      lastActionRef.current = 'increment';\n      setInternalValue(() => constrainedValue);\n    }, [internalValue, min, max, _isDisabled, setInternalValue]);\n\n    const handleDecrement = useCallback(() => {\n      if (_isDisabled) return;\n\n      const newValue = (internalValue ?? min) - 1;\n      const constrainedValue = Math.max(newValue, min);\n\n      lastActionRef.current = 'decrement';\n      setInternalValue(() => constrainedValue);\n    }, [internalValue, min, _isDisabled, setInternalValue]);\n\n    const isDecrementDisabled = _isDisabled || (internalValue ?? min) <= min;\n    const isIncrementDisabled = _isDisabled || (max !== undefined && (internalValue ?? min) >= max);\n\n    const contextValue = {\n      size,\n      emphasis,\n      isDisabled,\n      isLoading,\n      color: emphasisTokens.color,\n      disabledTextColor: emphasisTokens.disabledColor,\n      isInsideCounterInput: true,\n    };\n\n    return (\n      <CounterInputProvider value={contextValue}>\n        {/* __blade-counter-input: CSS selector for animations and component-specific styles */}\n        <StyledCounterInput\n          className=\"__blade-counter-input\"\n          data-emphasis={emphasis}\n          ref={mergeRefs(getOuterMotionRef({ _motionMeta, ref }), containerRef)}\n          {...metaAttribute({ name: MetaConstants.CounterInput, testID })}\n          {...getStyledProps(rest)}\n          {...makeAnalyticsAttribute(rest)}\n        >\n          <BaseBox\n            display=\"flex\"\n            flexDirection={isLabelLeftPositioned ? 'row' : 'column'}\n            alignItems={isLabelLeftPositioned ? 'center' : undefined}\n          >\n            {label && (\n              <FormLabel\n                as=\"label\"\n                position={labelPosition}\n                id={labelId}\n                htmlFor={inputId}\n                size={size}\n              >\n                {label}\n              </FormLabel>\n            )}\n\n            <BaseBox\n              display=\"flex\"\n              position=\"relative\"\n              alignItems=\"center\"\n              flexDirection=\"column\"\n              backgroundColor={\n                isLoading || isDisabled\n                  ? emphasisTokens.loadingOrDisabledBgColor\n                  : emphasisTokens.backgroundColor\n              }\n              width={`${COUNTER_INPUT_TOKEN.width[size]}px`}\n              height={`${COUNTER_INPUT_TOKEN.height[size]}px`}\n              borderRadius=\"medium\"\n              borderWidth=\"thin\"\n              borderColor={\n                _isDisabled ? emphasisTokens.disabledBorderColor : emphasisTokens.borderColor\n              }\n            >\n              <BaseBox display=\"flex\" alignItems=\"center\" flexDirection=\"row\">\n                <StyledCounterButton\n                  className=\"__blade-counter-input-decrement-button\"\n                  onClick={handleDecrement}\n                  $padding={COUNTER_INPUT_TOKEN.iconPadding[size]}\n                  $margin={COUNTER_INPUT_TOKEN.decrementIconMargin}\n                  $emphasis={emphasis}\n                  aria-label=\"Decrement value\"\n                  disabled={isDecrementDisabled}\n                  style={{\n                    color: isDecrementDisabled\n                      ? get(theme.colors, emphasisTokens.disabledIconColor, '')\n                      : get(theme.colors, emphasisTokens.iconColor, ''),\n                  }}\n                >\n                  {/* Using currentColor allows CSS hover styles to control icon color */}\n                  <MinusIcon size={ICON_SIZE_MAP[size]} color=\"currentColor\" />\n                </StyledCounterButton>\n\n                <BaseBox className={animationClass}>\n                  <BaseInput\n                    ref={ref}\n                    id={inputId}\n                    as=\"input\"\n                    name={name}\n                    type=\"number\"\n                    componentName={MetaConstants.CounterInput}\n                    label=\"\"\n                    accessibilityLabel={accessibilityLabel}\n                    value={internalValue?.toString() ?? ''}\n                    onChange={handleInputChange}\n                    onFocus={onFocus}\n                    onBlur={onBlur}\n                    isDisabled={isDisabled}\n                    size={size}\n                    textAlign=\"center\"\n                    // Accessibility attributes for spinbutton\n                    role=\"spinbutton\"\n                    aria-valuemin={min}\n                    aria-valuemax={max}\n                    aria-valuenow={internalValue ?? min}\n                  />\n                </BaseBox>\n\n                <StyledCounterButton\n                  className=\"__blade-counter-input-increment-button\"\n                  onClick={handleIncrement}\n                  $padding={COUNTER_INPUT_TOKEN.iconPadding[size]}\n                  $margin={COUNTER_INPUT_TOKEN.incrementIconMargin}\n                  $emphasis={emphasis}\n                  aria-label=\"Increment value\"\n                  disabled={isIncrementDisabled}\n                  style={{\n                    color: isIncrementDisabled\n                      ? get(theme.colors, emphasisTokens.disabledIconColor, '')\n                      : get(theme.colors, emphasisTokens.iconColor, ''),\n                  }}\n                >\n                  {/* Using currentColor allows CSS hover styles to control icon color */}\n                  <PlusIcon size={ICON_SIZE_MAP[size]} color=\"currentColor\" />\n                </StyledCounterButton>\n              </BaseBox>\n              {isLoading && (\n                <BaseBox width=\"100%\" position=\"absolute\" bottom=\"spacing.0\">\n                  <ProgressBar\n                    color={emphasisTokens.progressBarColor}\n                    showPercentage={false}\n                    value={1}\n                    isIndeterminate={true}\n                    _oscillation={true}\n                  />\n                </BaseBox>\n              )}\n            </BaseBox>\n          </BaseBox>\n        </StyledCounterInput>\n      </CounterInputProvider>\n    );\n  },\n);\n\nconst CounterInput = assignWithoutSideEffects(_CounterInput, {\n  componentId: MetaConstants.CounterInput,\n});\n\nexport { CounterInput };\n"],"names":["StyledCounterButton","styled","button","withConfig","displayName","componentId","props","disabled","_ref","theme","border","radius","small","_ref2","$padding","makeSpace","_ref3","$margin","map","m","join","_ref4","castWebType","makeMotionTime","get","motion","_ref5","_ref6","getFocusRingStyles","negativeOffset","_ref7","$emphasis","concat","colors","interactive","background","gray","fadedHighlighted","icon","normal","primary","ICON_SIZE_MAP","xsmall","medium","large","_CounterInput","React","forwardRef","_ref8","ref","_internalValue$toStri","label","accessibilityLabel","_ref8$labelPosition","labelPosition","name","value","defaultValue","_ref8$min","min","max","_ref8$emphasis","emphasis","_ref8$size","size","_ref8$isLoading","isLoading","_ref8$isDisabled","isDisabled","onChange","onFocus","onBlur","testID","_motionMeta","rest","_objectWithoutProperties","_excluded","_useControllableState","useControllableState","newValue","_useControllableState2","_slicedToArray","internalValue","setInternalValue","_useFormId","useFormId","inputId","idBase","useId","labelId","_useTheme","useTheme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","isLabelLeftPositioned","emphasisTokens","COUNTER_INPUT_TOKEN","_isDisabled","_useState","useState","_useState2","animationClass","setAnimationClass","lastActionRef","useRef","previousValueRef","containerRef","useEffect","container","current","undefined","handleTabKey","event","key","classList","add","handleMouseDown","remove","document","addEventListener","removeEventListener","setTimeout","handleInputChange","useCallback","_ref9","inputValue","numericValue","parseInt","validValue","isNaN","constrainedValue","handleIncrement","Math","handleDecrement","isDecrementDisabled","isIncrementDisabled","contextValue","color","disabledTextColor","disabledColor","isInsideCounterInput","_jsx","CounterInputProvider","children","StyledCounterInput","_objectSpread","className","mergeRefs","getOuterMotionRef","metaAttribute","MetaConstants","CounterInput","getStyledProps","makeAnalyticsAttribute","_jsxs","BaseBox","display","flexDirection","alignItems","FormLabel","as","position","id","htmlFor","backgroundColor","loadingOrDisabledBgColor","width","height","borderRadius","borderWidth","borderColor","disabledBorderColor","onClick","iconPadding","decrementIconMargin","style","disabledIconColor","iconColor","MinusIcon","BaseInput","type","componentName","toString","textAlign","role","incrementIconMargin","PlusIcon","bottom","ProgressBar","progressBarColor","showPercentage","isIndeterminate","_oscillation","assignWithoutSideEffects"],"mappings":"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"}
+{"version":3,"file":"CounterInput.web.js","sources":["../../../../../../src/components/CounterInput/CounterInput.web.tsx"],"sourcesContent":["import React, { useCallback, useState, useEffect, useRef } from 'react';\nimport styled from 'styled-components';\nimport type { CounterInputProps } from './types';\nimport { StyledCounterInput } from './StyledCounterInput';\nimport { COUNTER_INPUT_TOKEN } from './token';\nimport { CounterInputProvider } from './CounterInputContext';\nimport { BaseInput } from '~components/Input/BaseInput';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport type { BladeElementRef } from '~utils/types';\nimport { useControllableState } from '~utils/useControllable';\nimport { getOuterMotionRef } from '~utils/getMotionRefs';\nimport BaseBox from '~components/Box/BaseBox';\nimport { FormLabel } from '~components/Form';\nimport { useFormId } from '~components/Form/useFormId';\nimport { useId } from '~utils/useId';\nimport { useTheme } from '~components/BladeProvider';\nimport { useBreakpoint, makeSpace, castWebType, makeMotionTime, makeBorderSize } from '~utils';\nimport { MinusIcon, PlusIcon } from '~components/Icons';\nimport { ProgressBar } from '~components/ProgressBar';\nimport get from '~utils/lodashButBetter/get';\nimport { mergeRefs } from '~utils/useMergeRefs';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\n\nconst StyledCounterButton = styled.button<{\n  disabled?: boolean;\n  $padding: number;\n  $margin: readonly number[];\n  $emphasis: 'subtle' | 'intense';\n  $borderRadius: number;\n}>`\n  background-color: transparent;\n  border: none;\n  cursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: ${({ $borderRadius }) => makeBorderSize($borderRadius)};\n  padding: ${({ $padding }) => makeSpace($padding)};\n  margin: ${({ $margin }) => $margin.map((m) => makeSpace(m)).join(' ')};\n\n  /* Transitions for smooth hover effects */\n  transition-property: background-color, color;\n  transition-duration: ${({ theme }) =>\n    castWebType(makeMotionTime(get(theme.motion, 'duration.xquick')))};\n  transition-timing-function: ${({ theme }) => get(theme.motion, 'easing.standard')};\n\n  &:focus-visible {\n    ${({ theme }) => getFocusRingStyles({ theme, negativeOffset: true })}\n  }\n\n  /* Hover styles based on emphasis */\n  &:hover:not(:disabled) {\n    ${({ theme, $emphasis }) => {\n      if ($emphasis === 'subtle') {\n        return `\n          background-color: ${theme.colors.interactive.background.gray.fadedHighlighted} !important;\n          color: ${theme.colors.interactive.icon.gray.normal} !important;\n        `;\n      } else {\n        return `\n          background-color: ${theme.colors.interactive.background.primary.fadedHighlighted} !important;\n          color: ${theme.colors.interactive.icon.primary.normal} !important;\n        `;\n      }\n    }}\n  }\n`;\n\n// Icon size mapping for counter input\nconst ICON_SIZE_MAP = {\n  xsmall: 'small',\n  small: 'small',\n  medium: 'large',\n  large: 'xlarge',\n} as const;\n\nconst _CounterInput = React.forwardRef<BladeElementRef, CounterInputProps>(\n  (\n    {\n      label,\n      accessibilityLabel,\n      labelPosition = 'top',\n      name,\n      value,\n      defaultValue,\n      min = 0,\n      max,\n      emphasis = 'subtle',\n      size = 'medium',\n      isLoading = false,\n      isDisabled = false,\n      onChange,\n      onFocus,\n      onBlur,\n      testID,\n      _motionMeta,\n      ...rest\n    },\n    ref,\n  ) => {\n    const [internalValue, setInternalValue] = useControllableState({\n      value,\n      defaultValue,\n      onChange: (newValue) => onChange?.({ value: newValue }),\n    });\n\n    const { inputId } = useFormId('counter-input');\n    const idBase = useId('counter-input');\n    const labelId = `${idBase}-label`;\n    const { theme } = useTheme();\n    const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n    const isLabelLeftPositioned = labelPosition === 'left' && matchedDeviceType === 'desktop';\n    const emphasisTokens = COUNTER_INPUT_TOKEN.emphasis[emphasis];\n    const _isDisabled = isDisabled || isLoading;\n    const [animationClass, setAnimationClass] = useState('');\n    const lastActionRef = useRef<'increment' | 'decrement' | null>(null);\n    const previousValueRef = useRef<number | undefined>(internalValue);\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    // Track Tab navigation to show focus ring only on keyboard navigation (not mouse clicks)\n    // Note: :focus-visible doesn't work for text inputs - shows ring on both Tab and click\n    // TODO: Re-evaluate and remove later once focus style is unified from design\n    useEffect(() => {\n      const container = containerRef.current;\n      if (!container) return undefined;\n\n      const handleTabKey = (event: KeyboardEvent): void => {\n        if (event.key === 'Tab') {\n          container.classList.add('counter-input-keyboard-focus');\n        }\n      };\n\n      const handleMouseDown = (): void => {\n        container.classList.remove('counter-input-keyboard-focus');\n      };\n\n      document.addEventListener('keydown', handleTabKey, true);\n      document.addEventListener('mousedown', handleMouseDown, true);\n\n      return (): void => {\n        document.removeEventListener('keydown', handleTabKey, true);\n        document.removeEventListener('mousedown', handleMouseDown, true);\n      };\n    }, []);\n\n    // Animation effect - triggers only when value actually changes\n    useEffect(() => {\n      // Only animate if:\n      // 1. We have a stored action (button was clicked)\n      // 2. Value actually changed from previous value\n      // 3. Not currently loading\n      if (lastActionRef.current && !isLoading && internalValue !== previousValueRef.current) {\n        const animationClass =\n          lastActionRef.current === 'increment'\n            ? '__blade-counter-input-animate-slide-up'\n            : '__blade-counter-input-animate-slide-down';\n        setAnimationClass(animationClass);\n        setTimeout(() => setAnimationClass(''), 300);\n        lastActionRef.current = null;\n      }\n\n      previousValueRef.current = internalValue;\n    }, [internalValue, isLoading]);\n\n    const handleInputChange = useCallback(\n      ({ value: inputValue }: { value?: string }) => {\n        const numericValue = inputValue ? parseInt(inputValue, 10) : min;\n        const validValue = isNaN(numericValue) ? min : numericValue;\n\n        let constrainedValue = validValue;\n        if (constrainedValue < min) constrainedValue = min;\n        if (max !== undefined && constrainedValue > max) constrainedValue = max;\n        setInternalValue(() => constrainedValue);\n      },\n      [min, max, onChange, name],\n    );\n\n    const handleIncrement = useCallback(() => {\n      if (_isDisabled) return;\n\n      const newValue = (internalValue ?? min) + 1;\n      const constrainedValue = max !== undefined ? Math.min(newValue, max) : newValue;\n\n      lastActionRef.current = 'increment';\n      setInternalValue(() => constrainedValue);\n    }, [internalValue, min, max, _isDisabled, setInternalValue]);\n\n    const handleDecrement = useCallback(() => {\n      if (_isDisabled) return;\n\n      const newValue = (internalValue ?? min) - 1;\n      const constrainedValue = Math.max(newValue, min);\n\n      lastActionRef.current = 'decrement';\n      setInternalValue(() => constrainedValue);\n    }, [internalValue, min, _isDisabled, setInternalValue]);\n\n    const isDecrementDisabled = _isDisabled || (internalValue ?? min) <= min;\n    const isIncrementDisabled = _isDisabled || (max !== undefined && (internalValue ?? min) >= max);\n\n    const contextValue = {\n      size,\n      emphasis,\n      isDisabled,\n      isLoading,\n      color: emphasisTokens.color,\n      disabledTextColor: emphasisTokens.disabledColor,\n      isInsideCounterInput: true,\n    };\n\n    return (\n      <CounterInputProvider value={contextValue}>\n        {/* __blade-counter-input: CSS selector for animations and component-specific styles */}\n        <StyledCounterInput\n          className=\"__blade-counter-input\"\n          data-emphasis={emphasis}\n          ref={mergeRefs(getOuterMotionRef({ _motionMeta, ref }), containerRef)}\n          {...metaAttribute({ name: MetaConstants.CounterInput, testID })}\n          {...getStyledProps(rest)}\n          {...makeAnalyticsAttribute(rest)}\n        >\n          <BaseBox\n            display=\"flex\"\n            flexDirection={isLabelLeftPositioned ? 'row' : 'column'}\n            alignItems={isLabelLeftPositioned ? 'center' : undefined}\n          >\n            {label && (\n              <FormLabel\n                as=\"label\"\n                position={labelPosition}\n                id={labelId}\n                htmlFor={inputId}\n                size={size}\n              >\n                {label}\n              </FormLabel>\n            )}\n\n            <BaseBox\n              display=\"flex\"\n              position=\"relative\"\n              alignItems=\"center\"\n              flexDirection=\"column\"\n              backgroundColor={\n                isLoading || isDisabled\n                  ? emphasisTokens.loadingOrDisabledBgColor\n                  : emphasisTokens.backgroundColor\n              }\n              width={`${COUNTER_INPUT_TOKEN.width[size]}px`}\n              height={`${COUNTER_INPUT_TOKEN.height[size]}px`}\n              borderRadius={COUNTER_INPUT_TOKEN.containerBorderRadius[size]}\n              borderWidth=\"thin\"\n              borderColor={\n                _isDisabled ? emphasisTokens.disabledBorderColor : emphasisTokens.borderColor\n              }\n            >\n              <BaseBox display=\"flex\" alignItems=\"center\" flexDirection=\"row\">\n                <StyledCounterButton\n                  className=\"__blade-counter-input-decrement-button\"\n                  onClick={handleDecrement}\n                  $padding={COUNTER_INPUT_TOKEN.iconPadding[size]}\n                  $margin={COUNTER_INPUT_TOKEN.decrementIconMargin}\n                  $emphasis={emphasis}\n                  $borderRadius={COUNTER_INPUT_TOKEN.buttonBorderRadius[size]}\n                  aria-label=\"Decrement value\"\n                  disabled={isDecrementDisabled}\n                  style={{\n                    color: isDecrementDisabled\n                      ? get(theme.colors, emphasisTokens.disabledIconColor, '')\n                      : get(theme.colors, emphasisTokens.iconColor, ''),\n                  }}\n                >\n                  {/* Using currentColor allows CSS hover styles to control icon color */}\n                  <MinusIcon size={ICON_SIZE_MAP[size]} color=\"currentColor\" />\n                </StyledCounterButton>\n\n                <BaseBox className={animationClass}>\n                  <BaseInput\n                    ref={ref}\n                    id={inputId}\n                    as=\"input\"\n                    name={name}\n                    type=\"number\"\n                    componentName={MetaConstants.CounterInput}\n                    label=\"\"\n                    accessibilityLabel={accessibilityLabel}\n                    value={internalValue?.toString() ?? ''}\n                    onChange={handleInputChange}\n                    onFocus={onFocus}\n                    onBlur={onBlur}\n                    isDisabled={isDisabled}\n                    size={size}\n                    textAlign=\"center\"\n                    // Accessibility attributes for spinbutton\n                    role=\"spinbutton\"\n                    aria-valuemin={min}\n                    aria-valuemax={max}\n                    aria-valuenow={internalValue ?? min}\n                  />\n                </BaseBox>\n\n                <StyledCounterButton\n                  className=\"__blade-counter-input-increment-button\"\n                  onClick={handleIncrement}\n                  $padding={COUNTER_INPUT_TOKEN.iconPadding[size]}\n                  $margin={COUNTER_INPUT_TOKEN.incrementIconMargin}\n                  $emphasis={emphasis}\n                  $borderRadius={COUNTER_INPUT_TOKEN.buttonBorderRadius[size]}\n                  aria-label=\"Increment value\"\n                  disabled={isIncrementDisabled}\n                  style={{\n                    color: isIncrementDisabled\n                      ? get(theme.colors, emphasisTokens.disabledIconColor, '')\n                      : get(theme.colors, emphasisTokens.iconColor, ''),\n                  }}\n                >\n                  {/* Using currentColor allows CSS hover styles to control icon color */}\n                  <PlusIcon size={ICON_SIZE_MAP[size]} color=\"currentColor\" />\n                </StyledCounterButton>\n              </BaseBox>\n              {isLoading && (\n                <BaseBox width=\"100%\" position=\"absolute\" bottom=\"spacing.0\">\n                  <ProgressBar\n                    color={emphasisTokens.progressBarColor}\n                    showPercentage={false}\n                    value={1}\n                    isIndeterminate={true}\n                    _oscillation={true}\n                  />\n                </BaseBox>\n              )}\n            </BaseBox>\n          </BaseBox>\n        </StyledCounterInput>\n      </CounterInputProvider>\n    );\n  },\n);\n\nconst CounterInput = assignWithoutSideEffects(_CounterInput, {\n  componentId: MetaConstants.CounterInput,\n});\n\nexport { CounterInput };\n"],"names":["StyledCounterButton","styled","button","withConfig","displayName","componentId","props","disabled","_ref","$borderRadius","makeBorderSize","_ref2","$padding","makeSpace","_ref3","$margin","map","m","join","_ref4","theme","castWebType","makeMotionTime","get","motion","_ref5","_ref6","getFocusRingStyles","negativeOffset","_ref7","$emphasis","concat","colors","interactive","background","gray","fadedHighlighted","icon","normal","primary","ICON_SIZE_MAP","xsmall","small","medium","large","_CounterInput","React","forwardRef","_ref8","ref","_internalValue$toStri","label","accessibilityLabel","_ref8$labelPosition","labelPosition","name","value","defaultValue","_ref8$min","min","max","_ref8$emphasis","emphasis","_ref8$size","size","_ref8$isLoading","isLoading","_ref8$isDisabled","isDisabled","onChange","onFocus","onBlur","testID","_motionMeta","rest","_objectWithoutProperties","_excluded","_useControllableState","useControllableState","newValue","_useControllableState2","_slicedToArray","internalValue","setInternalValue","_useFormId","useFormId","inputId","idBase","useId","labelId","_useTheme","useTheme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","isLabelLeftPositioned","emphasisTokens","COUNTER_INPUT_TOKEN","_isDisabled","_useState","useState","_useState2","animationClass","setAnimationClass","lastActionRef","useRef","previousValueRef","containerRef","useEffect","container","current","undefined","handleTabKey","event","key","classList","add","handleMouseDown","remove","document","addEventListener","removeEventListener","setTimeout","handleInputChange","useCallback","_ref9","inputValue","numericValue","parseInt","validValue","isNaN","constrainedValue","handleIncrement","Math","handleDecrement","isDecrementDisabled","isIncrementDisabled","contextValue","color","disabledTextColor","disabledColor","isInsideCounterInput","_jsx","CounterInputProvider","children","StyledCounterInput","_objectSpread","className","mergeRefs","getOuterMotionRef","metaAttribute","MetaConstants","CounterInput","getStyledProps","makeAnalyticsAttribute","_jsxs","BaseBox","display","flexDirection","alignItems","FormLabel","as","position","id","htmlFor","backgroundColor","loadingOrDisabledBgColor","width","height","borderRadius","containerBorderRadius","borderWidth","borderColor","disabledBorderColor","onClick","iconPadding","decrementIconMargin","buttonBorderRadius","style","disabledIconColor","iconColor","MinusIcon","BaseInput","type","componentName","toString","textAlign","role","incrementIconMargin","PlusIcon","bottom","ProgressBar","progressBarColor","showPercentage","isIndeterminate","_oscillation","assignWithoutSideEffects"],"mappings":"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"}

package/build/lib/web/development/components/CounterInput/StyledCounterInput.js

@@ -10,7 +10,7 @@ var slideDown = /*#__PURE__*/keyframes(["0%{transform:translateY(-30%);opacity:0
 var StyledCounterInput = /*#__PURE__*/styled(BaseBox).withConfig({
   displayName: "StyledCounterInput",
   componentId: "ljwv28-0"
-})(["&.__blade-counter-input .focus-ring-wrapper:focus-within{outline:none;}&.__blade-counter-input.counter-input-keyboard-focus .focus-ring-wrapper:focus-within{", ";}&.__blade-counter-input .__blade-base-input-wrapper{box-shadow:none;background-color:transparent !important;}&.__blade-counter-input .__blade-counter-input-animate-slide-up{animation:", " 0.3s ease-out;}&.__blade-counter-input .__blade-counter-input-animate-slide-down{animation:", " 0.3s ease-out;}&.__blade-counter-input input[type='number']::-webkit-inner-spin-button,&.__blade-counter-input input[type='number']::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}&.__blade-counter-input input[type='number']{-moz-appearance:textfield;}&.__blade-counter-input [data-blade-component='progress-bar'] .__blade-progress-bar-track{background-color:transparent !important;}"], function (_ref) {
+})(["&.__blade-counter-input .focus-ring-wrapper:focus-within{outline:none;}&.__blade-counter-input.counter-input-keyboard-focus .focus-ring-wrapper:focus-within{", ";}&.__blade-counter-input .__blade-base-input-wrapper{box-shadow:none;background-color:transparent !important;}&.__blade-counter-input .__blade-counter-input-animate-slide-up{animation:", " 0.2s ease-out;}&.__blade-counter-input .__blade-counter-input-animate-slide-down{animation:", " 0.2s ease-out;}&.__blade-counter-input input[type='number']::-webkit-inner-spin-button,&.__blade-counter-input input[type='number']::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}&.__blade-counter-input input[type='number']{-moz-appearance:textfield;}&.__blade-counter-input [data-blade-component='progress-bar'] .__blade-progress-bar-track{background-color:transparent !important;}"], function (_ref) {
   var theme = _ref.theme;
   return css(getFocusRingStyles({
     theme: theme,

package/build/lib/web/development/components/CounterInput/StyledCounterInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledCounterInput.js","sources":["../../../../../../src/components/CounterInput/StyledCounterInput.tsx"],"sourcesContent":["import styled, { keyframes, css } from 'styled-components';\nimport type { CSSObject } from 'styled-components';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\n\n// Keyframes for slide animations\nconst slideUp = keyframes`\n  0% {\n    transform: translateY(30%);\n    opacity: 0;\n  }\n  100% {\n    transform: translateY(0);\n    opacity: 1;\n  }\n`;\n\nconst slideDown = keyframes`\n  0% {\n    transform: translateY(-30%);\n    opacity: 0;\n  }\n  100% {\n    transform: translateY(0);\n    opacity: 1;\n  }\n`;\n\nconst StyledCounterInput = styled(BaseBox)`\n  /* Hide focus ring by default */\n  &.__blade-counter-input .focus-ring-wrapper:focus-within {\n    outline: none;\n  }\n\n  /* Show focus ring only during keyboard navigation */\n  &.__blade-counter-input.counter-input-keyboard-focus .focus-ring-wrapper:focus-within {\n    ${({ theme }) => css(getFocusRingStyles({ theme, negativeOffset: true }) as CSSObject)};\n  }\n\n  &.__blade-counter-input .__blade-base-input-wrapper {\n    box-shadow: none;\n    background-color: transparent !important;\n  }\n\n  /* Animation classes */\n  &.__blade-counter-input .__blade-counter-input-animate-slide-up {\n    animation: ${slideUp} 0.3s ease-out;\n  }\n\n  &.__blade-counter-input .__blade-counter-input-animate-slide-down {\n    animation: ${slideDown} 0.3s ease-out;\n  }\n\n  /* Hide number input arrows */\n  &.__blade-counter-input input[type='number']::-webkit-inner-spin-button,\n  &.__blade-counter-input input[type='number']::-webkit-outer-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n\n  &.__blade-counter-input input[type='number'] {\n    -moz-appearance: textfield; /* Firefox */\n  }\n\n  /* Remove ProgressBar background */\n  &.__blade-counter-input [data-blade-component='progress-bar'] .__blade-progress-bar-track {\n    background-color: transparent !important;\n  }\n`;\n\nexport { StyledCounterInput };\n"],"names":["slideUp","keyframes","slideDown","StyledCounterInput","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","css","getFocusRingStyles","negativeOffset"],"mappings":";;;;;;AAKA;AACA,IAAMA,OAAO,gBAAGC,SAAS,CASxB,CAAA,kFAAA,CAAA,CAAA,CAAA;AAED,IAAMC,SAAS,gBAAGD,SAAS,CAS1B,CAAA,mFAAA,CAAA,CAAA,CAAA;AAED,IAAME,kBAAkB,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,oBAAA;EAAAC,WAAA,EAAA,UAAA;AAAA,CAAA,CAAA,CAAA,CAAA,+JAAA,EAAA,2LAAA,EAAA,8FAAA,EAAA,+YAAA,CAAA,EAQpC,UAAAC,IAAA,EAAA;AAAA,EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK,CAAA;EAAA,OAAOC,GAAG,CAACC,kBAAkB,CAAC;AAAEF,IAAAA,KAAK,EAALA,KAAK;AAAEG,IAAAA,cAAc,EAAE,IAAA;AAAK,GAAC,CAAc,CAAC,CAAA;AAAA,CAUzEb,EAAAA,OAAO,EAIPE,SAAS;;;;"}
+{"version":3,"file":"StyledCounterInput.js","sources":["../../../../../../src/components/CounterInput/StyledCounterInput.tsx"],"sourcesContent":["import styled, { keyframes, css } from 'styled-components';\nimport type { CSSObject } from 'styled-components';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\n\n// Keyframes for slide animations\nconst slideUp = keyframes`\n  0% {\n    transform: translateY(30%);\n    opacity: 0;\n  }\n  100% {\n    transform: translateY(0);\n    opacity: 1;\n  }\n`;\n\nconst slideDown = keyframes`\n  0% {\n    transform: translateY(-30%);\n    opacity: 0;\n  }\n  100% {\n    transform: translateY(0);\n    opacity: 1;\n  }\n`;\n\nconst StyledCounterInput = styled(BaseBox)`\n  /* Hide focus ring by default */\n  &.__blade-counter-input .focus-ring-wrapper:focus-within {\n    outline: none;\n  }\n\n  /* Show focus ring only during keyboard navigation */\n  &.__blade-counter-input.counter-input-keyboard-focus .focus-ring-wrapper:focus-within {\n    ${({ theme }) => css(getFocusRingStyles({ theme, negativeOffset: true }) as CSSObject)};\n  }\n\n  &.__blade-counter-input .__blade-base-input-wrapper {\n    box-shadow: none;\n    background-color: transparent !important;\n  }\n\n  /* Animation classes */\n  &.__blade-counter-input .__blade-counter-input-animate-slide-up {\n    animation: ${slideUp} 0.2s ease-out;\n  }\n\n  &.__blade-counter-input .__blade-counter-input-animate-slide-down {\n    animation: ${slideDown} 0.2s ease-out;\n  }\n\n  /* Hide number input arrows */\n  &.__blade-counter-input input[type='number']::-webkit-inner-spin-button,\n  &.__blade-counter-input input[type='number']::-webkit-outer-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n\n  &.__blade-counter-input input[type='number'] {\n    -moz-appearance: textfield; /* Firefox */\n  }\n\n  /* Remove ProgressBar background */\n  &.__blade-counter-input [data-blade-component='progress-bar'] .__blade-progress-bar-track {\n    background-color: transparent !important;\n  }\n`;\n\nexport { StyledCounterInput };\n"],"names":["slideUp","keyframes","slideDown","StyledCounterInput","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","css","getFocusRingStyles","negativeOffset"],"mappings":";;;;;;AAKA;AACA,IAAMA,OAAO,gBAAGC,SAAS,CASxB,CAAA,kFAAA,CAAA,CAAA,CAAA;AAED,IAAMC,SAAS,gBAAGD,SAAS,CAS1B,CAAA,mFAAA,CAAA,CAAA,CAAA;AAED,IAAME,kBAAkB,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,oBAAA;EAAAC,WAAA,EAAA,UAAA;AAAA,CAAA,CAAA,CAAA,CAAA,+JAAA,EAAA,2LAAA,EAAA,8FAAA,EAAA,+YAAA,CAAA,EAQpC,UAAAC,IAAA,EAAA;AAAA,EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK,CAAA;EAAA,OAAOC,GAAG,CAACC,kBAAkB,CAAC;AAAEF,IAAAA,KAAK,EAALA,KAAK;AAAEG,IAAAA,cAAc,EAAE,IAAA;AAAK,GAAC,CAAc,CAAC,CAAA;AAAA,CAUzEb,EAAAA,OAAO,EAIPE,SAAS;;;;"}

package/build/lib/web/development/components/CounterInput/token.js

@@ -1,5 +1,6 @@
 import '../../tokens/global/index.js';
 import { size } from '../../tokens/global/size.js';
+import { border } from '../../tokens/global/border.js';
 import { spacing } from '../../tokens/global/spacing.js';
 
 var COUNTER_INPUT_TOKEN = {
@@ -13,6 +14,18 @@ var COUNTER_INPUT_TOKEN = {
     medium: size[38],
     large: size[50]
   },
+  containerBorderRadius: {
+    xsmall: 'small',
+    small: 'small',
+    medium: 'small',
+    large: 'medium'
+  },
+  buttonBorderRadius: {
+    xsmall: border.radius.xsmall,
+    small: border.radius.xsmall,
+    medium: border.radius.xsmall,
+    large: border.radius.small
+  },
   decrementIconMargin: [spacing[2], spacing[0], spacing[2], spacing[2]],
   incrementIconMargin: [spacing[2], spacing[2], spacing[2], spacing[0]],
   iconPadding: {