@razorpay/blade 11.15.2 → 11.16.1

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

@@ -69,7 +69,7 @@ var AmountValue = function AmountValue(_ref2) {
         fontFamily: numberFontFamily,
         color: amountValueColor,
         as: isReactNative ? undefined : 'span',
-        opacity: isAffixSubtle ? opacity[8] : 1,
+        opacity: isAffixSubtle ? opacity[800] : 1,
         children: [amount.decimal, amount.fraction]
       })]
     });
@@ -246,7 +246,7 @@ var _Amount = function _Amount(_ref4) {
         fontSize: currencyFontSize,
         color: amountValueColor,
         as: isReactNative ? undefined : 'span',
-        opacity: isAffixSubtle ? opacity[8] : 1,
+        opacity: isAffixSubtle ? opacity[800] : 1,
         children: currencySymbolOrCode
       }), /*#__PURE__*/jsx(AmountValue, {
         amount: renderedValue,
@@ -263,7 +263,7 @@ var _Amount = function _Amount(_ref4) {
         fontSize: currencyFontSize,
         color: amountValueColor,
         as: isReactNative ? undefined : 'span',
-        opacity: isAffixSubtle ? opacity[8] : 1,
+        opacity: isAffixSubtle ? opacity[800] : 1,
         children: currencySymbolOrCode
       }), isStrikethrough &&
       /*#__PURE__*/

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

@@ -1 +1 @@
-{"version":3,"file":"Amount.js","sources":["../../../../../../src/components/Amount/Amount.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React from 'react';\nimport type { CurrencyCodeType } from '@razorpay/i18nify-js/currency';\nimport { formatNumber, formatNumberByParts } from '@razorpay/i18nify-js/currency';\nimport type { AmountTypeProps } from './amountTokens';\nimport { normalAmountSizes, subtleFontSizes, amountLineHeights } from './amountTokens';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { TestID } from '~utils/types';\nimport { getPlatformType } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { throwBladeError } from '~utils/logger';\nimport { objectKeysWithType } from '~utils/objectKeysWithType';\nimport { BaseText } from '~components/Typography/BaseText';\nimport { Text } from '~components/Typography';\nimport { opacity } from '~tokens/global';\nimport type { FontFamily } from '~tokens/global';\n\ntype AmountCommonProps = {\n  /**\n   * The value to be rendered within the component.\n   *\n   */\n  value: number;\n  /**\n   * Sets the color of the amount.\n   *\n   * @default undefined\n   */\n  color?: BaseTextProps['color'];\n  /**\n   * Indicates what the suffix of amount should be\n   *\n   * @default 'decimals'\n   */\n  suffix?: 'decimals' | 'none' | 'humanize';\n  /**\n   * Makes the currency indicator(currency symbol/code) and decimal digits small and faded\n   *\n   * @default true\n   */\n  isAffixSubtle?: true | false;\n  /**\n   * Determines the visual representation of the currency, choose between displaying the currency symbol or code.\n   *\n   * Note: Currency symbol and code is determined by the locale set in user's browser or set via @razorpay/i18nify-react library.\n   *\n   * @default 'currency-symbol'\n   */\n  currencyIndicator?: 'currency-symbol' | 'currency-code';\n  /**\n   * The currency of the amount.  Note that this component\n   * only displays the provided value in the specified currency, it does not perform any currency conversion.\n   *\n   * @default 'INR'\n   * */\n  currency?: CurrencyCodeType;\n  /**\n   * If true, the amount text will have a line through it.\n   *\n   * @default false\n   */\n  isStrikethrough?: boolean;\n} & TestID &\n  StyledPropsBlade;\n\ntype ColorProps = {\n  amountValueColor: BaseTextProps['color'];\n};\n\ntype AmountProps = AmountTypeProps & AmountCommonProps;\n\nconst getTextColorProps = ({ color }: { color: AmountProps['color'] }): ColorProps => {\n  const props: ColorProps = {\n    amountValueColor: 'surface.text.gray.normal',\n  };\n  if (!color) return props;\n  props.amountValueColor = color;\n  return props;\n};\n\ntype AmountType = Partial<ReturnType<typeof formatNumberByParts>> & { formatted: string };\n\ninterface AmountValue extends Omit<AmountProps, 'value'> {\n  amountValueColor: BaseTextProps['color'];\n  amount: AmountType;\n  size: Exclude<AmountProps['size'], undefined>;\n}\n\nconst AmountValue = ({\n  amount,\n  size = 'medium',\n  type = 'body',\n  weight = 'regular',\n  amountValueColor,\n  isAffixSubtle,\n  suffix,\n}: AmountValue): ReactElement => {\n  const isReactNative = getPlatformType() === 'react-native';\n  const affixFontSize = isAffixSubtle ? subtleFontSizes[type][size] : normalAmountSizes[type][size];\n  const numberFontFamily: keyof FontFamily = type === 'body' ? 'text' : 'heading';\n  if (suffix === 'decimals' && isAffixSubtle) {\n    // Native does not support alignItems of Text inside a div, instead we need to wrap is in a Text\n    const AmountWrapper = isReactNative ? Text : React.Fragment;\n\n    return (\n      <AmountWrapper>\n        <BaseText\n          fontSize={normalAmountSizes[type][size]}\n          fontWeight={weight}\n          lineHeight={amountLineHeights[type][size]}\n          color={amountValueColor}\n          fontFamily={numberFontFamily}\n          as={isReactNative ? undefined : 'span'}\n        >\n          {amount.integer}\n        </BaseText>\n        <BaseText\n          fontWeight={weight}\n          fontSize={affixFontSize}\n          fontFamily={numberFontFamily}\n          color={amountValueColor}\n          as={isReactNative ? undefined : 'span'}\n          opacity={isAffixSubtle ? opacity[8] : 1}\n        >\n          {amount.decimal}\n          {amount.fraction}\n        </BaseText>\n      </AmountWrapper>\n    );\n  }\n\n  return (\n    <BaseText\n      fontSize={normalAmountSizes[type][size]}\n      fontWeight={weight}\n      fontFamily={numberFontFamily}\n      color={amountValueColor}\n      lineHeight={amountLineHeights[type][size]}\n    >\n      {amount.formatted}\n    </BaseText>\n  );\n};\n\ntype FormatAmountWithSuffixType = {\n  suffix: AmountProps['suffix'];\n  value: number;\n};\n\n/**\n * Returns a parsed object based on the suffix passed in parameters\n * === Logic ===\n * value = 12500.45 \n * if suffix === 'decimals' => {\n    \"formatted\": \"12,500.45\",\n    \"integer\": \"12,500\",\n    \"decimal\": \".\",\n    \"fraction\": \"45\",\n    \"isPrefixSymbol\": false,\n    \"rawParts\": [{\"type\": \"integer\",\"value\": \"12\"},{\"type\": \"group\",\"value\": \",\"},{\"type\": \"integer\",\"value\": \"500\"},{\"type\": \"decimal\",\"value\": \".\"},{\"type\": \"fraction\",\"value\": \"45\"}]\n}\n * else if suffix === 'humanize' => { formatted: \"1.2T\" }\n * else => { formatted: \"1,23,456\" }\n * @returns {AmountType}\n */\nexport const formatAmountWithSuffix = ({\n  suffix,\n  value,\n}: FormatAmountWithSuffixType): AmountType => {\n  try {\n    switch (suffix) {\n      case 'decimals': {\n        const options = {\n          intlOptions: {\n            maximumFractionDigits: 2,\n            minimumFractionDigits: 2,\n          },\n        };\n        return {\n          ...formatNumberByParts(value, options),\n          formatted: formatNumber(value, options),\n        };\n      }\n      case 'humanize': {\n        const formatted = formatNumber(value, {\n          intlOptions: {\n            notation: 'compact',\n            maximumFractionDigits: 2,\n            trailingZeroDisplay: 'stripIfInteger',\n          },\n        });\n        return {\n          formatted,\n        };\n      }\n\n      default: {\n        const formatted = formatNumber(value, {\n          intlOptions: {\n            maximumFractionDigits: 0,\n            roundingMode: 'floor',\n          },\n        });\n        return {\n          formatted,\n        };\n      }\n    }\n  } catch (err: unknown) {\n    return {\n      formatted: `${value}`,\n    };\n  }\n};\n\nconst _Amount = ({\n  value,\n  suffix = 'decimals',\n  type = 'body',\n  size = 'medium',\n  weight = 'regular',\n  isAffixSubtle = true,\n  isStrikethrough = false,\n  color,\n  currencyIndicator = 'currency-symbol',\n  currency = 'INR',\n  testID,\n  ...styledProps\n}: AmountProps): ReactElement => {\n  if (__DEV__) {\n    if (typeof value !== 'number') {\n      throwBladeError({\n        message: '`value` prop must be of type `number` for Amount.',\n        moduleName: 'Amount',\n      });\n    }\n    // @ts-expect-error neutral color should throw error\n    if (color === 'neutral') {\n      throwBladeError({\n        message: '`neutral` color is not supported.',\n        moduleName: 'Amount',\n      });\n    }\n\n    const bodySizes = objectKeysWithType(normalAmountSizes.body);\n    if ((type === 'body' || !type) && !bodySizes.includes(size)) {\n      throwBladeError({\n        message: `size=\"${size}\" is not allowed with type=\"body\"`,\n        moduleName: 'Amount',\n      });\n    }\n\n    const displaySizes = objectKeysWithType(normalAmountSizes.display);\n    if (type === 'display' && !displaySizes.includes(size)) {\n      throwBladeError({\n        message: `size=\"${size}\" is not allowed with type=\"display\"`,\n        moduleName: 'Amount',\n      });\n    }\n\n    const headingSizes = objectKeysWithType(normalAmountSizes.heading);\n    if (type === 'heading' && !headingSizes.includes(size)) {\n      throwBladeError({\n        message: `size=\"${size}\" is not allowed with type=\"heading\"`,\n        moduleName: 'Amount',\n      });\n    }\n  }\n\n  const { amountValueColor } = getTextColorProps({\n    color,\n  });\n\n  let isPrefixSymbol, currencySymbol;\n  try {\n    const byParts = formatNumberByParts(value, {\n      currency,\n    });\n    isPrefixSymbol = byParts.isPrefixSymbol;\n    currencySymbol = byParts.currency;\n  } catch (err: unknown) {\n    isPrefixSymbol = true;\n    currencySymbol = currency;\n  }\n\n  const currencyPosition = isPrefixSymbol ? 'left' : 'right';\n  const renderedValue = formatAmountWithSuffix({ suffix, value });\n  const currencySymbolOrCode = currencyIndicator === 'currency-symbol' ? currencySymbol : currency;\n\n  const currencyFontSize = isAffixSubtle\n    ? subtleFontSizes[type][size]\n    : normalAmountSizes[type][size];\n  const isReactNative = getPlatformType() === 'react-native';\n\n  return (\n    <BaseBox\n      display={(isReactNative ? 'flex' : 'inline-flex') as never}\n      flexDirection=\"row\"\n      {...metaAttribute({ name: MetaConstants.Amount, testID })}\n      {...getStyledProps(styledProps)}\n    >\n      <BaseBox\n        display={(isReactNative ? 'flex' : 'inline-flex') as never}\n        alignItems=\"baseline\"\n        flexDirection=\"row\"\n        position=\"relative\"\n      >\n        {currencyPosition === 'left' && (\n          <BaseText\n            marginRight=\"spacing.1\"\n            fontWeight={weight}\n            fontSize={currencyFontSize}\n            color={amountValueColor}\n            as={isReactNative ? undefined : 'span'}\n            opacity={isAffixSubtle ? opacity[8] : 1}\n          >\n            {currencySymbolOrCode}\n          </BaseText>\n        )}\n        <AmountValue\n          amount={renderedValue}\n          amountValueColor={amountValueColor}\n          type={type}\n          weight={weight}\n          size={size}\n          isAffixSubtle={isAffixSubtle}\n          suffix={suffix}\n          currency={currency}\n        />\n        {currencyPosition === 'right' && (\n          <BaseText\n            marginLeft=\"spacing.1\"\n            fontWeight={weight}\n            fontSize={currencyFontSize}\n            color={amountValueColor}\n            as={isReactNative ? undefined : 'span'}\n            opacity={isAffixSubtle ? opacity[8] : 1}\n          >\n            {currencySymbolOrCode}\n          </BaseText>\n        )}\n        {isStrikethrough && (\n          // eslint-disable-next-line @typescript-eslint/prefer-ts-expect-error\n          // @ts-ignore: the borderBottomColor error below is thrown here as well\n          <BaseBox\n            // eslint-disable-next-line @typescript-eslint/prefer-ts-expect-error\n            // @ts-ignore- intentionally setting the border color to the color prop for this hacky strikethrough\n            borderBottomColor={amountValueColor}\n            borderBottomWidth={type === 'body' ? 'thin' : 'thicker'}\n            borderBottomStyle=\"solid\"\n            position=\"absolute\"\n            width=\"100%\"\n            top=\"50%\"\n          />\n        )}\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nconst Amount = assignWithoutSideEffects(_Amount, {\n  displayName: 'Amount',\n  componentId: 'Amount',\n});\n\nexport type { AmountProps };\nexport { Amount };\n"],"names":["getTextColorProps","_ref","color","props","amountValueColor","AmountValue","_ref2","amount","_ref2$size","size","_ref2$type","type","_ref2$weight","weight","isAffixSubtle","suffix","isReactNative","getPlatformType","affixFontSize","subtleFontSizes","normalAmountSizes","numberFontFamily","AmountWrapper","Text","React","Fragment","_jsxs","children","_jsx","BaseText","fontSize","fontWeight","lineHeight","amountLineHeights","fontFamily","as","undefined","integer","opacity","decimal","fraction","formatted","formatAmountWithSuffix","_ref3","value","options","intlOptions","maximumFractionDigits","minimumFractionDigits","_objectSpread","formatNumberByParts","formatNumber","notation","trailingZeroDisplay","roundingMode","err","concat","_Amount","_ref4","_ref4$suffix","_ref4$type","_ref4$size","_ref4$weight","_ref4$isAffixSubtle","_ref4$isStrikethrough","isStrikethrough","_ref4$currencyIndicat","currencyIndicator","_ref4$currency","currency","testID","styledProps","_objectWithoutProperties","_excluded","throwBladeError","message","moduleName","bodySizes","objectKeysWithType","body","includes","displaySizes","display","headingSizes","heading","_getTextColorProps","isPrefixSymbol","currencySymbol","byParts","currencyPosition","renderedValue","currencySymbolOrCode","currencyFontSize","BaseBox","flexDirection","metaAttribute","name","MetaConstants","Amount","getStyledProps","alignItems","position","marginRight","marginLeft","borderBottomColor","borderBottomWidth","borderBottomStyle","width","top","assignWithoutSideEffects","displayName","componentId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2EA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAA+D;AAAA,EAAA,IAAzDC,KAAK,GAAAD,IAAA,CAALC,KAAK,CAAA;AAChC,EAAA,IAAMC,KAAiB,GAAG;AACxBC,IAAAA,gBAAgB,EAAE,0BAAA;GACnB,CAAA;AACD,EAAA,IAAI,CAACF,KAAK,EAAE,OAAOC,KAAK,CAAA;EACxBA,KAAK,CAACC,gBAAgB,GAAGF,KAAK,CAAA;AAC9B,EAAA,OAAOC,KAAK,CAAA;AACd,CAAC,CAAA;AAUD,IAAME,WAAW,GAAG,SAAdA,WAAWA,CAAAC,KAAA,EAQgB;AAAA,EAAA,IAP/BC,MAAM,GAAAD,KAAA,CAANC,MAAM;IAAAC,UAAA,GAAAF,KAAA,CACNG,IAAI;AAAJA,IAAAA,IAAI,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,UAAA;IAAAE,UAAA,GAAAJ,KAAA,CACfK,IAAI;AAAJA,IAAAA,IAAI,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,UAAA;IAAAE,YAAA,GAAAN,KAAA,CACbO,MAAM;AAANA,IAAAA,MAAM,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,YAAA;IAClBR,gBAAgB,GAAAE,KAAA,CAAhBF,gBAAgB;IAChBU,aAAa,GAAAR,KAAA,CAAbQ,aAAa;IACbC,MAAM,GAAAT,KAAA,CAANS,MAAM,CAAA;AAEN,EAAA,IAAMC,aAAa,GAAGC,eAAe,EAAE,KAAK,cAAc,CAAA;AAC1D,EAAA,IAAMC,aAAa,GAAGJ,aAAa,GAAGK,eAAe,CAACR,IAAI,CAAC,CAACF,IAAI,CAAC,GAAGW,iBAAiB,CAACT,IAAI,CAAC,CAACF,IAAI,CAAC,CAAA;EACjG,IAAMY,gBAAkC,GAAGV,IAAI,KAAK,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;AAC/E,EAAA,IAAII,MAAM,KAAK,UAAU,IAAID,aAAa,EAAE;AAC1C;IACA,IAAMQ,aAAa,GAAGN,aAAa,GAAGO,IAAI,GAAGC,cAAK,CAACC,QAAQ,CAAA;IAE3D,oBACEC,IAAA,CAACJ,aAAa,EAAA;MAAAK,QAAA,EAAA,cACZC,GAAA,CAACC,QAAQ,EAAA;AACPC,QAAAA,QAAQ,EAAEV,iBAAiB,CAACT,IAAI,CAAC,CAACF,IAAI,CAAE;AACxCsB,QAAAA,UAAU,EAAElB,MAAO;AACnBmB,QAAAA,UAAU,EAAEC,iBAAiB,CAACtB,IAAI,CAAC,CAACF,IAAI,CAAE;AAC1CP,QAAAA,KAAK,EAAEE,gBAAiB;AACxB8B,QAAAA,UAAU,EAAEb,gBAAiB;AAC7Bc,QAAAA,EAAE,EAAEnB,aAAa,GAAGoB,SAAS,GAAG,MAAO;QAAAT,QAAA,EAEtCpB,MAAM,CAAC8B,OAAAA;AAAO,OACP,CAAC,eACXX,IAAA,CAACG,QAAQ,EAAA;AACPE,QAAAA,UAAU,EAAElB,MAAO;AACnBiB,QAAAA,QAAQ,EAAEZ,aAAc;AACxBgB,QAAAA,UAAU,EAAEb,gBAAiB;AAC7BnB,QAAAA,KAAK,EAAEE,gBAAiB;AACxB+B,QAAAA,EAAE,EAAEnB,aAAa,GAAGoB,SAAS,GAAG,MAAO;QACvCE,OAAO,EAAExB,aAAa,GAAGwB,OAAO,CAAC,CAAC,CAAC,GAAG,CAAE;AAAAX,QAAAA,QAAA,GAEvCpB,MAAM,CAACgC,OAAO,EACdhC,MAAM,CAACiC,QAAQ,CAAA;AAAA,OACR,CAAC,CAAA;AAAA,KACE,CAAC,CAAA;AAEpB,GAAA;EAEA,oBACEZ,GAAA,CAACC,QAAQ,EAAA;AACPC,IAAAA,QAAQ,EAAEV,iBAAiB,CAACT,IAAI,CAAC,CAACF,IAAI,CAAE;AACxCsB,IAAAA,UAAU,EAAElB,MAAO;AACnBqB,IAAAA,UAAU,EAAEb,gBAAiB;AAC7BnB,IAAAA,KAAK,EAAEE,gBAAiB;AACxB4B,IAAAA,UAAU,EAAEC,iBAAiB,CAACtB,IAAI,CAAC,CAACF,IAAI,CAAE;IAAAkB,QAAA,EAEzCpB,MAAM,CAACkC,SAAAA;AAAS,GACT,CAAC,CAAA;AAEf,CAAC,CAAA;AAOD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACaC,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAAC,KAAA,EAGW;AAAA,EAAA,IAF5C5B,MAAM,GAAA4B,KAAA,CAAN5B,MAAM;IACN6B,KAAK,GAAAD,KAAA,CAALC,KAAK,CAAA;EAEL,IAAI;AACF,IAAA,QAAQ7B,MAAM;AACZ,MAAA,KAAK,UAAU;AAAE,QAAA;AACf,UAAA,IAAM8B,OAAO,GAAG;AACdC,YAAAA,WAAW,EAAE;AACXC,cAAAA,qBAAqB,EAAE,CAAC;AACxBC,cAAAA,qBAAqB,EAAE,CAAA;AACzB,aAAA;WACD,CAAA;UACD,OAAAC,aAAA,CAAAA,aAAA,CAAA,EAAA,EACKC,mBAAmB,CAACN,KAAK,EAAEC,OAAO,CAAC,CAAA,EAAA,EAAA,EAAA;AACtCJ,YAAAA,SAAS,EAAEU,YAAY,CAACP,KAAK,EAAEC,OAAO,CAAA;AAAC,WAAA,CAAA,CAAA;AAE3C,SAAA;AACA,MAAA,KAAK,UAAU;AAAE,QAAA;AACf,UAAA,IAAMJ,SAAS,GAAGU,YAAY,CAACP,KAAK,EAAE;AACpCE,YAAAA,WAAW,EAAE;AACXM,cAAAA,QAAQ,EAAE,SAAS;AACnBL,cAAAA,qBAAqB,EAAE,CAAC;AACxBM,cAAAA,mBAAmB,EAAE,gBAAA;AACvB,aAAA;AACF,WAAC,CAAC,CAAA;UACF,OAAO;AACLZ,YAAAA,SAAS,EAATA,SAAAA;WACD,CAAA;AACH,SAAA;AAEA,MAAA;AAAS,QAAA;AACP,UAAA,IAAMA,UAAS,GAAGU,YAAY,CAACP,KAAK,EAAE;AACpCE,YAAAA,WAAW,EAAE;AACXC,cAAAA,qBAAqB,EAAE,CAAC;AACxBO,cAAAA,YAAY,EAAE,OAAA;AAChB,aAAA;AACF,WAAC,CAAC,CAAA;UACF,OAAO;AACLb,YAAAA,SAAS,EAATA,UAAAA;WACD,CAAA;AACH,SAAA;AACF,KAAA;GACD,CAAC,OAAOc,GAAY,EAAE;IACrB,OAAO;MACLd,SAAS,EAAA,EAAA,CAAAe,MAAA,CAAKZ,KAAK,CAAA;KACpB,CAAA;AACH,GAAA;AACF,EAAC;AAED,IAAMa,OAAO,GAAG,SAAVA,OAAOA,CAAAC,KAAA,EAaoB;AAAA,EAAA,IAZ/Bd,KAAK,GAAAc,KAAA,CAALd,KAAK;IAAAe,YAAA,GAAAD,KAAA,CACL3C,MAAM;AAANA,IAAAA,MAAM,GAAA4C,YAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,YAAA;IAAAC,UAAA,GAAAF,KAAA,CACnB/C,IAAI;AAAJA,IAAAA,IAAI,GAAAiD,UAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,UAAA;IAAAC,UAAA,GAAAH,KAAA,CACbjD,IAAI;AAAJA,IAAAA,IAAI,GAAAoD,UAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,UAAA;IAAAC,YAAA,GAAAJ,KAAA,CACf7C,MAAM;AAANA,IAAAA,MAAM,GAAAiD,YAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,YAAA;IAAAC,mBAAA,GAAAL,KAAA,CAClB5C,aAAa;AAAbA,IAAAA,aAAa,GAAAiD,mBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,mBAAA;IAAAC,qBAAA,GAAAN,KAAA,CACpBO,eAAe;AAAfA,IAAAA,eAAe,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;IACvB9D,KAAK,GAAAwD,KAAA,CAALxD,KAAK;IAAAgE,qBAAA,GAAAR,KAAA,CACLS,iBAAiB;AAAjBA,IAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,iBAAiB,GAAAA,qBAAA;IAAAE,cAAA,GAAAV,KAAA,CACrCW,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,cAAA;IAChBE,MAAM,GAAAZ,KAAA,CAANY,MAAM;AACHC,IAAAA,WAAW,GAAAC,wBAAA,CAAAd,KAAA,EAAAe,SAAA,CAAA,CAAA;AAEd,EAAA,IAAI,IAAO,EAAE;AACX,IAAA,IAAI,OAAO7B,KAAK,KAAK,QAAQ,EAAE;AAC7B8B,MAAAA,eAAe,CAAC;AACdC,QAAAA,OAAO,EAAE,mDAAmD;AAC5DC,QAAAA,UAAU,EAAE,QAAA;AACd,OAAC,CAAC,CAAA;AACJ,KAAA;AACA;IACA,IAAI1E,KAAK,KAAK,SAAS,EAAE;AACvBwE,MAAAA,eAAe,CAAC;AACdC,QAAAA,OAAO,EAAE,mCAAmC;AAC5CC,QAAAA,UAAU,EAAE,QAAA;AACd,OAAC,CAAC,CAAA;AACJ,KAAA;AAEA,IAAA,IAAMC,SAAS,GAAGC,kBAAkB,CAAC1D,iBAAiB,CAAC2D,IAAI,CAAC,CAAA;AAC5D,IAAA,IAAI,CAACpE,IAAI,KAAK,MAAM,IAAI,CAACA,IAAI,KAAK,CAACkE,SAAS,CAACG,QAAQ,CAACvE,IAAI,CAAC,EAAE;AAC3DiE,MAAAA,eAAe,CAAC;AACdC,QAAAA,OAAO,EAAAnB,SAAAA,CAAAA,MAAA,CAAW/C,IAAI,EAAmC,sCAAA,CAAA;AACzDmE,QAAAA,UAAU,EAAE,QAAA;AACd,OAAC,CAAC,CAAA;AACJ,KAAA;AAEA,IAAA,IAAMK,YAAY,GAAGH,kBAAkB,CAAC1D,iBAAiB,CAAC8D,OAAO,CAAC,CAAA;IAClE,IAAIvE,IAAI,KAAK,SAAS,IAAI,CAACsE,YAAY,CAACD,QAAQ,CAACvE,IAAI,CAAC,EAAE;AACtDiE,MAAAA,eAAe,CAAC;AACdC,QAAAA,OAAO,EAAAnB,SAAAA,CAAAA,MAAA,CAAW/C,IAAI,EAAsC,yCAAA,CAAA;AAC5DmE,QAAAA,UAAU,EAAE,QAAA;AACd,OAAC,CAAC,CAAA;AACJ,KAAA;AAEA,IAAA,IAAMO,YAAY,GAAGL,kBAAkB,CAAC1D,iBAAiB,CAACgE,OAAO,CAAC,CAAA;IAClE,IAAIzE,IAAI,KAAK,SAAS,IAAI,CAACwE,YAAY,CAACH,QAAQ,CAACvE,IAAI,CAAC,EAAE;AACtDiE,MAAAA,eAAe,CAAC;AACdC,QAAAA,OAAO,EAAAnB,SAAAA,CAAAA,MAAA,CAAW/C,IAAI,EAAsC,yCAAA,CAAA;AAC5DmE,QAAAA,UAAU,EAAE,QAAA;AACd,OAAC,CAAC,CAAA;AACJ,KAAA;AACF,GAAA;EAEA,IAAAS,kBAAA,GAA6BrF,iBAAiB,CAAC;AAC7CE,MAAAA,KAAK,EAALA,KAAAA;AACF,KAAC,CAAC;IAFME,gBAAgB,GAAAiF,kBAAA,CAAhBjF,gBAAgB,CAAA;EAIxB,IAAIkF,cAAc,EAAEC,cAAc,CAAA;EAClC,IAAI;AACF,IAAA,IAAMC,OAAO,GAAGtC,mBAAmB,CAACN,KAAK,EAAE;AACzCyB,MAAAA,QAAQ,EAARA,QAAAA;AACF,KAAC,CAAC,CAAA;IACFiB,cAAc,GAAGE,OAAO,CAACF,cAAc,CAAA;IACvCC,cAAc,GAAGC,OAAO,CAACnB,QAAQ,CAAA;GAClC,CAAC,OAAOd,GAAY,EAAE;AACrB+B,IAAAA,cAAc,GAAG,IAAI,CAAA;AACrBC,IAAAA,cAAc,GAAGlB,QAAQ,CAAA;AAC3B,GAAA;AAEA,EAAA,IAAMoB,gBAAgB,GAAGH,cAAc,GAAG,MAAM,GAAG,OAAO,CAAA;EAC1D,IAAMI,aAAa,GAAGhD,sBAAsB,CAAC;AAAE3B,IAAAA,MAAM,EAANA,MAAM;AAAE6B,IAAAA,KAAK,EAALA,KAAAA;AAAM,GAAC,CAAC,CAAA;EAC/D,IAAM+C,oBAAoB,GAAGxB,iBAAiB,KAAK,iBAAiB,GAAGoB,cAAc,GAAGlB,QAAQ,CAAA;AAEhG,EAAA,IAAMuB,gBAAgB,GAAG9E,aAAa,GAClCK,eAAe,CAACR,IAAI,CAAC,CAACF,IAAI,CAAC,GAC3BW,iBAAiB,CAACT,IAAI,CAAC,CAACF,IAAI,CAAC,CAAA;AACjC,EAAA,IAAMO,aAAa,GAAGC,eAAe,EAAE,KAAK,cAAc,CAAA;EAE1D,oBACEW,GAAA,CAACiE,OAAO,EAAA5C,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACNiC,IAAAA,OAAO,EAAGlE,aAAa,GAAG,MAAM,GAAG,aAAwB;AAC3D8E,IAAAA,aAAa,EAAC,KAAA;AAAK,GAAA,EACfC,aAAa,CAAC;IAAEC,IAAI,EAAEC,aAAa,CAACC,MAAM;AAAE5B,IAAAA,MAAM,EAANA,MAAAA;AAAO,GAAC,CAAC,CAAA,EACrD6B,cAAc,CAAC5B,WAAW,CAAC,CAAA,EAAA,EAAA,EAAA;IAAA5C,QAAA,eAE/BD,IAAA,CAACmE,OAAO,EAAA;AACNX,MAAAA,OAAO,EAAGlE,aAAa,GAAG,MAAM,GAAG,aAAwB;AAC3DoF,MAAAA,UAAU,EAAC,UAAU;AACrBN,MAAAA,aAAa,EAAC,KAAK;AACnBO,MAAAA,QAAQ,EAAC,UAAU;AAAA1E,MAAAA,QAAA,GAElB8D,gBAAgB,KAAK,MAAM,iBAC1B7D,GAAA,CAACC,QAAQ,EAAA;AACPyE,QAAAA,WAAW,EAAC,WAAW;AACvBvE,QAAAA,UAAU,EAAElB,MAAO;AACnBiB,QAAAA,QAAQ,EAAE8D,gBAAiB;AAC3B1F,QAAAA,KAAK,EAAEE,gBAAiB;AACxB+B,QAAAA,EAAE,EAAEnB,aAAa,GAAGoB,SAAS,GAAG,MAAO;QACvCE,OAAO,EAAExB,aAAa,GAAGwB,OAAO,CAAC,CAAC,CAAC,GAAG,CAAE;AAAAX,QAAAA,QAAA,EAEvCgE,oBAAAA;AAAoB,OACb,CACX,eACD/D,GAAA,CAACvB,WAAW,EAAA;AACVE,QAAAA,MAAM,EAAEmF,aAAc;AACtBtF,QAAAA,gBAAgB,EAAEA,gBAAiB;AACnCO,QAAAA,IAAI,EAAEA,IAAK;AACXE,QAAAA,MAAM,EAAEA,MAAO;AACfJ,QAAAA,IAAI,EAAEA,IAAK;AACXK,QAAAA,aAAa,EAAEA,aAAc;AAC7BC,QAAAA,MAAM,EAAEA,MAAO;AACfsD,QAAAA,QAAQ,EAAEA,QAAAA;OACX,CAAC,EACDoB,gBAAgB,KAAK,OAAO,iBAC3B7D,GAAA,CAACC,QAAQ,EAAA;AACP0E,QAAAA,UAAU,EAAC,WAAW;AACtBxE,QAAAA,UAAU,EAAElB,MAAO;AACnBiB,QAAAA,QAAQ,EAAE8D,gBAAiB;AAC3B1F,QAAAA,KAAK,EAAEE,gBAAiB;AACxB+B,QAAAA,EAAE,EAAEnB,aAAa,GAAGoB,SAAS,GAAG,MAAO;QACvCE,OAAO,EAAExB,aAAa,GAAGwB,OAAO,CAAC,CAAC,CAAC,GAAG,CAAE;AAAAX,QAAAA,QAAA,EAEvCgE,oBAAAA;OACO,CACX,EACA1B,eAAe;AAAA;AACd;AACA;AACArC,MAAAA,GAAA,CAACiE,OAAAA;AACC;AACA;AAAA,QAAA;AACAW,QAAAA,iBAAiB,EAAEpG,gBAAiB;AACpCqG,QAAAA,iBAAiB,EAAE9F,IAAI,KAAK,MAAM,GAAG,MAAM,GAAG,SAAU;AACxD+F,QAAAA,iBAAiB,EAAC,OAAO;AACzBL,QAAAA,QAAQ,EAAC,UAAU;AACnBM,QAAAA,KAAK,EAAC,MAAM;AACZC,QAAAA,GAAG,EAAC,KAAA;AAAK,OACV,CACF,CAAA;KACM,CAAA;AAAC,GAAA,CACH,CAAC,CAAA;AAEd,CAAC,CAAA;AAED,IAAMV,MAAM,gBAAGW,wBAAwB,CAACpD,OAAO,EAAE;AAC/CqD,EAAAA,WAAW,EAAE,QAAQ;AACrBC,EAAAA,WAAW,EAAE,QAAA;AACf,CAAC;;;;"}
+{"version":3,"file":"Amount.js","sources":["../../../../../../src/components/Amount/Amount.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React from 'react';\nimport type { CurrencyCodeType } from '@razorpay/i18nify-js/currency';\nimport { formatNumber, formatNumberByParts } from '@razorpay/i18nify-js/currency';\nimport type { AmountTypeProps } from './amountTokens';\nimport { normalAmountSizes, subtleFontSizes, amountLineHeights } from './amountTokens';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { TestID } from '~utils/types';\nimport { getPlatformType } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { throwBladeError } from '~utils/logger';\nimport { objectKeysWithType } from '~utils/objectKeysWithType';\nimport { BaseText } from '~components/Typography/BaseText';\nimport { Text } from '~components/Typography';\nimport { opacity } from '~tokens/global';\nimport type { FontFamily } from '~tokens/global';\n\ntype AmountCommonProps = {\n  /**\n   * The value to be rendered within the component.\n   *\n   */\n  value: number;\n  /**\n   * Sets the color of the amount.\n   *\n   * @default undefined\n   */\n  color?: BaseTextProps['color'];\n  /**\n   * Indicates what the suffix of amount should be\n   *\n   * @default 'decimals'\n   */\n  suffix?: 'decimals' | 'none' | 'humanize';\n  /**\n   * Makes the currency indicator(currency symbol/code) and decimal digits small and faded\n   *\n   * @default true\n   */\n  isAffixSubtle?: true | false;\n  /**\n   * Determines the visual representation of the currency, choose between displaying the currency symbol or code.\n   *\n   * Note: Currency symbol and code is determined by the locale set in user's browser or set via @razorpay/i18nify-react library.\n   *\n   * @default 'currency-symbol'\n   */\n  currencyIndicator?: 'currency-symbol' | 'currency-code';\n  /**\n   * The currency of the amount.  Note that this component\n   * only displays the provided value in the specified currency, it does not perform any currency conversion.\n   *\n   * @default 'INR'\n   * */\n  currency?: CurrencyCodeType;\n  /**\n   * If true, the amount text will have a line through it.\n   *\n   * @default false\n   */\n  isStrikethrough?: boolean;\n} & TestID &\n  StyledPropsBlade;\n\ntype ColorProps = {\n  amountValueColor: BaseTextProps['color'];\n};\n\ntype AmountProps = AmountTypeProps & AmountCommonProps;\n\nconst getTextColorProps = ({ color }: { color: AmountProps['color'] }): ColorProps => {\n  const props: ColorProps = {\n    amountValueColor: 'surface.text.gray.normal',\n  };\n  if (!color) return props;\n  props.amountValueColor = color;\n  return props;\n};\n\ntype AmountType = Partial<ReturnType<typeof formatNumberByParts>> & { formatted: string };\n\ninterface AmountValue extends Omit<AmountProps, 'value'> {\n  amountValueColor: BaseTextProps['color'];\n  amount: AmountType;\n  size: Exclude<AmountProps['size'], undefined>;\n}\n\nconst AmountValue = ({\n  amount,\n  size = 'medium',\n  type = 'body',\n  weight = 'regular',\n  amountValueColor,\n  isAffixSubtle,\n  suffix,\n}: AmountValue): ReactElement => {\n  const isReactNative = getPlatformType() === 'react-native';\n  const affixFontSize = isAffixSubtle ? subtleFontSizes[type][size] : normalAmountSizes[type][size];\n  const numberFontFamily: keyof FontFamily = type === 'body' ? 'text' : 'heading';\n  if (suffix === 'decimals' && isAffixSubtle) {\n    // Native does not support alignItems of Text inside a div, instead we need to wrap is in a Text\n    const AmountWrapper = isReactNative ? Text : React.Fragment;\n\n    return (\n      <AmountWrapper>\n        <BaseText\n          fontSize={normalAmountSizes[type][size]}\n          fontWeight={weight}\n          lineHeight={amountLineHeights[type][size]}\n          color={amountValueColor}\n          fontFamily={numberFontFamily}\n          as={isReactNative ? undefined : 'span'}\n        >\n          {amount.integer}\n        </BaseText>\n        <BaseText\n          fontWeight={weight}\n          fontSize={affixFontSize}\n          fontFamily={numberFontFamily}\n          color={amountValueColor}\n          as={isReactNative ? undefined : 'span'}\n          opacity={isAffixSubtle ? opacity[800] : 1}\n        >\n          {amount.decimal}\n          {amount.fraction}\n        </BaseText>\n      </AmountWrapper>\n    );\n  }\n\n  return (\n    <BaseText\n      fontSize={normalAmountSizes[type][size]}\n      fontWeight={weight}\n      fontFamily={numberFontFamily}\n      color={amountValueColor}\n      lineHeight={amountLineHeights[type][size]}\n    >\n      {amount.formatted}\n    </BaseText>\n  );\n};\n\ntype FormatAmountWithSuffixType = {\n  suffix: AmountProps['suffix'];\n  value: number;\n};\n\n/**\n * Returns a parsed object based on the suffix passed in parameters\n * === Logic ===\n * value = 12500.45 \n * if suffix === 'decimals' => {\n    \"formatted\": \"12,500.45\",\n    \"integer\": \"12,500\",\n    \"decimal\": \".\",\n    \"fraction\": \"45\",\n    \"isPrefixSymbol\": false,\n    \"rawParts\": [{\"type\": \"integer\",\"value\": \"12\"},{\"type\": \"group\",\"value\": \",\"},{\"type\": \"integer\",\"value\": \"500\"},{\"type\": \"decimal\",\"value\": \".\"},{\"type\": \"fraction\",\"value\": \"45\"}]\n}\n * else if suffix === 'humanize' => { formatted: \"1.2T\" }\n * else => { formatted: \"1,23,456\" }\n * @returns {AmountType}\n */\nexport const formatAmountWithSuffix = ({\n  suffix,\n  value,\n}: FormatAmountWithSuffixType): AmountType => {\n  try {\n    switch (suffix) {\n      case 'decimals': {\n        const options = {\n          intlOptions: {\n            maximumFractionDigits: 2,\n            minimumFractionDigits: 2,\n          },\n        };\n        return {\n          ...formatNumberByParts(value, options),\n          formatted: formatNumber(value, options),\n        };\n      }\n      case 'humanize': {\n        const formatted = formatNumber(value, {\n          intlOptions: {\n            notation: 'compact',\n            maximumFractionDigits: 2,\n            trailingZeroDisplay: 'stripIfInteger',\n          },\n        });\n        return {\n          formatted,\n        };\n      }\n\n      default: {\n        const formatted = formatNumber(value, {\n          intlOptions: {\n            maximumFractionDigits: 0,\n            roundingMode: 'floor',\n          },\n        });\n        return {\n          formatted,\n        };\n      }\n    }\n  } catch (err: unknown) {\n    return {\n      formatted: `${value}`,\n    };\n  }\n};\n\nconst _Amount = ({\n  value,\n  suffix = 'decimals',\n  type = 'body',\n  size = 'medium',\n  weight = 'regular',\n  isAffixSubtle = true,\n  isStrikethrough = false,\n  color,\n  currencyIndicator = 'currency-symbol',\n  currency = 'INR',\n  testID,\n  ...styledProps\n}: AmountProps): ReactElement => {\n  if (__DEV__) {\n    if (typeof value !== 'number') {\n      throwBladeError({\n        message: '`value` prop must be of type `number` for Amount.',\n        moduleName: 'Amount',\n      });\n    }\n    // @ts-expect-error neutral color should throw error\n    if (color === 'neutral') {\n      throwBladeError({\n        message: '`neutral` color is not supported.',\n        moduleName: 'Amount',\n      });\n    }\n\n    const bodySizes = objectKeysWithType(normalAmountSizes.body);\n    if ((type === 'body' || !type) && !bodySizes.includes(size)) {\n      throwBladeError({\n        message: `size=\"${size}\" is not allowed with type=\"body\"`,\n        moduleName: 'Amount',\n      });\n    }\n\n    const displaySizes = objectKeysWithType(normalAmountSizes.display);\n    if (type === 'display' && !displaySizes.includes(size)) {\n      throwBladeError({\n        message: `size=\"${size}\" is not allowed with type=\"display\"`,\n        moduleName: 'Amount',\n      });\n    }\n\n    const headingSizes = objectKeysWithType(normalAmountSizes.heading);\n    if (type === 'heading' && !headingSizes.includes(size)) {\n      throwBladeError({\n        message: `size=\"${size}\" is not allowed with type=\"heading\"`,\n        moduleName: 'Amount',\n      });\n    }\n  }\n\n  const { amountValueColor } = getTextColorProps({\n    color,\n  });\n\n  let isPrefixSymbol, currencySymbol;\n  try {\n    const byParts = formatNumberByParts(value, {\n      currency,\n    });\n    isPrefixSymbol = byParts.isPrefixSymbol;\n    currencySymbol = byParts.currency;\n  } catch (err: unknown) {\n    isPrefixSymbol = true;\n    currencySymbol = currency;\n  }\n\n  const currencyPosition = isPrefixSymbol ? 'left' : 'right';\n  const renderedValue = formatAmountWithSuffix({ suffix, value });\n  const currencySymbolOrCode = currencyIndicator === 'currency-symbol' ? currencySymbol : currency;\n\n  const currencyFontSize = isAffixSubtle\n    ? subtleFontSizes[type][size]\n    : normalAmountSizes[type][size];\n  const isReactNative = getPlatformType() === 'react-native';\n\n  return (\n    <BaseBox\n      display={(isReactNative ? 'flex' : 'inline-flex') as never}\n      flexDirection=\"row\"\n      {...metaAttribute({ name: MetaConstants.Amount, testID })}\n      {...getStyledProps(styledProps)}\n    >\n      <BaseBox\n        display={(isReactNative ? 'flex' : 'inline-flex') as never}\n        alignItems=\"baseline\"\n        flexDirection=\"row\"\n        position=\"relative\"\n      >\n        {currencyPosition === 'left' && (\n          <BaseText\n            marginRight=\"spacing.1\"\n            fontWeight={weight}\n            fontSize={currencyFontSize}\n            color={amountValueColor}\n            as={isReactNative ? undefined : 'span'}\n            opacity={isAffixSubtle ? opacity[800] : 1}\n          >\n            {currencySymbolOrCode}\n          </BaseText>\n        )}\n        <AmountValue\n          amount={renderedValue}\n          amountValueColor={amountValueColor}\n          type={type}\n          weight={weight}\n          size={size}\n          isAffixSubtle={isAffixSubtle}\n          suffix={suffix}\n          currency={currency}\n        />\n        {currencyPosition === 'right' && (\n          <BaseText\n            marginLeft=\"spacing.1\"\n            fontWeight={weight}\n            fontSize={currencyFontSize}\n            color={amountValueColor}\n            as={isReactNative ? undefined : 'span'}\n            opacity={isAffixSubtle ? opacity[800] : 1}\n          >\n            {currencySymbolOrCode}\n          </BaseText>\n        )}\n        {isStrikethrough && (\n          // eslint-disable-next-line @typescript-eslint/prefer-ts-expect-error\n          // @ts-ignore: the borderBottomColor error below is thrown here as well\n          <BaseBox\n            // eslint-disable-next-line @typescript-eslint/prefer-ts-expect-error\n            // @ts-ignore- intentionally setting the border color to the color prop for this hacky strikethrough\n            borderBottomColor={amountValueColor}\n            borderBottomWidth={type === 'body' ? 'thin' : 'thicker'}\n            borderBottomStyle=\"solid\"\n            position=\"absolute\"\n            width=\"100%\"\n            top=\"50%\"\n          />\n        )}\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nconst Amount = assignWithoutSideEffects(_Amount, {\n  displayName: 'Amount',\n  componentId: 'Amount',\n});\n\nexport type { AmountProps };\nexport { Amount };\n"],"names":["getTextColorProps","_ref","color","props","amountValueColor","AmountValue","_ref2","amount","_ref2$size","size","_ref2$type","type","_ref2$weight","weight","isAffixSubtle","suffix","isReactNative","getPlatformType","affixFontSize","subtleFontSizes","normalAmountSizes","numberFontFamily","AmountWrapper","Text","React","Fragment","_jsxs","children","_jsx","BaseText","fontSize","fontWeight","lineHeight","amountLineHeights","fontFamily","as","undefined","integer","opacity","decimal","fraction","formatted","formatAmountWithSuffix","_ref3","value","options","intlOptions","maximumFractionDigits","minimumFractionDigits","_objectSpread","formatNumberByParts","formatNumber","notation","trailingZeroDisplay","roundingMode","err","concat","_Amount","_ref4","_ref4$suffix","_ref4$type","_ref4$size","_ref4$weight","_ref4$isAffixSubtle","_ref4$isStrikethrough","isStrikethrough","_ref4$currencyIndicat","currencyIndicator","_ref4$currency","currency","testID","styledProps","_objectWithoutProperties","_excluded","throwBladeError","message","moduleName","bodySizes","objectKeysWithType","body","includes","displaySizes","display","headingSizes","heading","_getTextColorProps","isPrefixSymbol","currencySymbol","byParts","currencyPosition","renderedValue","currencySymbolOrCode","currencyFontSize","BaseBox","flexDirection","metaAttribute","name","MetaConstants","Amount","getStyledProps","alignItems","position","marginRight","marginLeft","borderBottomColor","borderBottomWidth","borderBottomStyle","width","top","assignWithoutSideEffects","displayName","componentId"],"mappings":"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"}

package/build/lib/web/development/components/Breadcrumb/BreadcrumbItem.web.js

@@ -40,7 +40,7 @@ var BreadcrumbItem = function BreadcrumbItem(_ref) {
   return /*#__PURE__*/jsx(BaseLink, {
     size: size,
     color: color,
-    opacity: color !== 'primary' ? opacity[7] : 1,
+    opacity: color !== 'primary' ? opacity[700] : 1,
     icon: Icon,
     href: href,
     onClick: onClick,

package/build/lib/web/development/components/Breadcrumb/BreadcrumbItem.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbItem.web.js","sources":["../../../../../../src/components/Breadcrumb/BreadcrumbItem.web.tsx"],"sourcesContent":["import React from 'react';\nimport type { BreadcrumbItemProps } from './types';\nimport { BreadcrumbContext } from './BreadcrumbContext';\nimport { BaseLink } from '~components/Link/BaseLink';\nimport { Text } from '~components/Typography';\nimport BaseBox from '~components/Box/BaseBox';\nimport { opacity } from '~tokens/global';\n\nconst BreadcrumbItem = ({\n  children,\n  href,\n  icon: Icon,\n  isCurrentPage,\n  onClick,\n  accessibilityLabel,\n}: BreadcrumbItemProps): React.ReactElement => {\n  const { color, size } = React.useContext(BreadcrumbContext);\n\n  if (isCurrentPage) {\n    const isWhite = color === 'white';\n    return (\n      <BaseBox display=\"flex\" gap=\"spacing.2\" alignItems=\"center\">\n        {Icon && (\n          <Icon\n            size={size}\n            color={isWhite ? 'surface.icon.staticWhite.normal' : 'surface.icon.gray.normal'}\n          />\n        )}\n        <Text\n          weight=\"medium\"\n          size={size}\n          color={isWhite ? 'surface.text.staticWhite.normal' : 'surface.text.gray.normal'}\n        >\n          {children}\n        </Text>\n      </BaseBox>\n    );\n  }\n\n  return (\n    <BaseLink\n      size={size}\n      color={color}\n      opacity={color !== 'primary' ? opacity[7] : 1}\n      icon={Icon}\n      href={href}\n      onClick={onClick}\n      accessibilityProps={{ label: accessibilityLabel }}\n    >\n      {children ?? ''}\n    </BaseLink>\n  );\n};\n\nexport { BreadcrumbItem };\n"],"names":["BreadcrumbItem","_ref","children","href","Icon","icon","isCurrentPage","onClick","accessibilityLabel","_React$useContext","React","useContext","BreadcrumbContext","color","size","isWhite","_jsxs","BaseBox","display","gap","alignItems","_jsx","Text","weight","BaseLink","opacity","accessibilityProps","label"],"mappings":";;;;;;;;;;;;AAQA,IAAMA,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAO2B;AAAA,EAAA,IAN7CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACEC,IAAI,GAAAH,IAAA,CAAVI,IAAI;IACJC,aAAa,GAAAL,IAAA,CAAbK,aAAa;IACbC,OAAO,GAAAN,IAAA,CAAPM,OAAO;IACPC,kBAAkB,GAAAP,IAAA,CAAlBO,kBAAkB,CAAA;AAElB,EAAA,IAAAC,iBAAA,GAAwBC,cAAK,CAACC,UAAU,CAACC,iBAAiB,CAAC;IAAnDC,KAAK,GAAAJ,iBAAA,CAALI,KAAK;IAAEC,IAAI,GAAAL,iBAAA,CAAJK,IAAI,CAAA;AAEnB,EAAA,IAAIR,aAAa,EAAE;AACjB,IAAA,IAAMS,OAAO,GAAGF,KAAK,KAAK,OAAO,CAAA;IACjC,oBACEG,IAAA,CAACC,OAAO,EAAA;AAACC,MAAAA,OAAO,EAAC,MAAM;AAACC,MAAAA,GAAG,EAAC,WAAW;AAACC,MAAAA,UAAU,EAAC,QAAQ;AAAAlB,MAAAA,QAAA,EACxDE,CAAAA,IAAI,iBACHiB,GAAA,CAACjB,IAAI,EAAA;AACHU,QAAAA,IAAI,EAAEA,IAAK;AACXD,QAAAA,KAAK,EAAEE,OAAO,GAAG,iCAAiC,GAAG,0BAAA;AAA2B,OACjF,CACF,eACDM,GAAA,CAACC,IAAI,EAAA;AACHC,QAAAA,MAAM,EAAC,QAAQ;AACfT,QAAAA,IAAI,EAAEA,IAAK;AACXD,QAAAA,KAAK,EAAEE,OAAO,GAAG,iCAAiC,GAAG,0BAA2B;AAAAb,QAAAA,QAAA,EAE/EA,QAAAA;AAAQ,OACL,CAAC,CAAA;AAAA,KACA,CAAC,CAAA;AAEd,GAAA;EAEA,oBACEmB,GAAA,CAACG,QAAQ,EAAA;AACPV,IAAAA,IAAI,EAAEA,IAAK;AACXD,IAAAA,KAAK,EAAEA,KAAM;IACbY,OAAO,EAAEZ,KAAK,KAAK,SAAS,GAAGY,OAAO,CAAC,CAAC,CAAC,GAAG,CAAE;AAC9CpB,IAAAA,IAAI,EAAED,IAAK;AACXD,IAAAA,IAAI,EAAEA,IAAK;AACXI,IAAAA,OAAO,EAAEA,OAAQ;AACjBmB,IAAAA,kBAAkB,EAAE;AAAEC,MAAAA,KAAK,EAAEnB,kBAAAA;KAAqB;AAAAN,IAAAA,QAAA,EAEjDA,QAAQ,KAAA,IAAA,IAARA,QAAQ,KAAA,KAAA,CAAA,GAARA,QAAQ,GAAI,EAAA;AAAE,GACP,CAAC,CAAA;AAEf;;;;"}
+{"version":3,"file":"BreadcrumbItem.web.js","sources":["../../../../../../src/components/Breadcrumb/BreadcrumbItem.web.tsx"],"sourcesContent":["import React from 'react';\nimport type { BreadcrumbItemProps } from './types';\nimport { BreadcrumbContext } from './BreadcrumbContext';\nimport { BaseLink } from '~components/Link/BaseLink';\nimport { Text } from '~components/Typography';\nimport BaseBox from '~components/Box/BaseBox';\nimport { opacity } from '~tokens/global';\n\nconst BreadcrumbItem = ({\n  children,\n  href,\n  icon: Icon,\n  isCurrentPage,\n  onClick,\n  accessibilityLabel,\n}: BreadcrumbItemProps): React.ReactElement => {\n  const { color, size } = React.useContext(BreadcrumbContext);\n\n  if (isCurrentPage) {\n    const isWhite = color === 'white';\n    return (\n      <BaseBox display=\"flex\" gap=\"spacing.2\" alignItems=\"center\">\n        {Icon && (\n          <Icon\n            size={size}\n            color={isWhite ? 'surface.icon.staticWhite.normal' : 'surface.icon.gray.normal'}\n          />\n        )}\n        <Text\n          weight=\"medium\"\n          size={size}\n          color={isWhite ? 'surface.text.staticWhite.normal' : 'surface.text.gray.normal'}\n        >\n          {children}\n        </Text>\n      </BaseBox>\n    );\n  }\n\n  return (\n    <BaseLink\n      size={size}\n      color={color}\n      opacity={color !== 'primary' ? opacity[700] : 1}\n      icon={Icon}\n      href={href}\n      onClick={onClick}\n      accessibilityProps={{ label: accessibilityLabel }}\n    >\n      {children ?? ''}\n    </BaseLink>\n  );\n};\n\nexport { BreadcrumbItem };\n"],"names":["BreadcrumbItem","_ref","children","href","Icon","icon","isCurrentPage","onClick","accessibilityLabel","_React$useContext","React","useContext","BreadcrumbContext","color","size","isWhite","_jsxs","BaseBox","display","gap","alignItems","_jsx","Text","weight","BaseLink","opacity","accessibilityProps","label"],"mappings":";;;;;;;;;;;;AAQA,IAAMA,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAO2B;AAAA,EAAA,IAN7CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACEC,IAAI,GAAAH,IAAA,CAAVI,IAAI;IACJC,aAAa,GAAAL,IAAA,CAAbK,aAAa;IACbC,OAAO,GAAAN,IAAA,CAAPM,OAAO;IACPC,kBAAkB,GAAAP,IAAA,CAAlBO,kBAAkB,CAAA;AAElB,EAAA,IAAAC,iBAAA,GAAwBC,cAAK,CAACC,UAAU,CAACC,iBAAiB,CAAC;IAAnDC,KAAK,GAAAJ,iBAAA,CAALI,KAAK;IAAEC,IAAI,GAAAL,iBAAA,CAAJK,IAAI,CAAA;AAEnB,EAAA,IAAIR,aAAa,EAAE;AACjB,IAAA,IAAMS,OAAO,GAAGF,KAAK,KAAK,OAAO,CAAA;IACjC,oBACEG,IAAA,CAACC,OAAO,EAAA;AAACC,MAAAA,OAAO,EAAC,MAAM;AAACC,MAAAA,GAAG,EAAC,WAAW;AAACC,MAAAA,UAAU,EAAC,QAAQ;AAAAlB,MAAAA,QAAA,EACxDE,CAAAA,IAAI,iBACHiB,GAAA,CAACjB,IAAI,EAAA;AACHU,QAAAA,IAAI,EAAEA,IAAK;AACXD,QAAAA,KAAK,EAAEE,OAAO,GAAG,iCAAiC,GAAG,0BAAA;AAA2B,OACjF,CACF,eACDM,GAAA,CAACC,IAAI,EAAA;AACHC,QAAAA,MAAM,EAAC,QAAQ;AACfT,QAAAA,IAAI,EAAEA,IAAK;AACXD,QAAAA,KAAK,EAAEE,OAAO,GAAG,iCAAiC,GAAG,0BAA2B;AAAAb,QAAAA,QAAA,EAE/EA,QAAAA;AAAQ,OACL,CAAC,CAAA;AAAA,KACA,CAAC,CAAA;AAEd,GAAA;EAEA,oBACEmB,GAAA,CAACG,QAAQ,EAAA;AACPV,IAAAA,IAAI,EAAEA,IAAK;AACXD,IAAAA,KAAK,EAAEA,KAAM;IACbY,OAAO,EAAEZ,KAAK,KAAK,SAAS,GAAGY,OAAO,CAAC,GAAG,CAAC,GAAG,CAAE;AAChDpB,IAAAA,IAAI,EAAED,IAAK;AACXD,IAAAA,IAAI,EAAEA,IAAK;AACXI,IAAAA,OAAO,EAAEA,OAAQ;AACjBmB,IAAAA,kBAAkB,EAAE;AAAEC,MAAAA,KAAK,EAAEnB,kBAAAA;KAAqB;AAAAN,IAAAA,QAAA,EAEjDA,QAAQ,KAAA,IAAA,IAARA,QAAQ,KAAA,KAAA,CAAA,GAARA,QAAQ,GAAI,EAAA;AAAE,GACP,CAAC,CAAA;AAEf;;;;"}

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

@@ -64,7 +64,9 @@ var _Chip = function _Chip(_ref, ref) {
       });
     }
   }
+  var hasError = (groupProps === null || groupProps === void 0 ? void 0 : groupProps.validationState) === 'error';
   var _isDisabled = isDisabled !== null && isDisabled !== void 0 ? isDisabled : groupProps === null || groupProps === void 0 ? void 0 : groupProps.isDisabled;
+  var _isRequired = (groupProps === null || groupProps === void 0 ? void 0 : groupProps.isRequired) || (groupProps === null || groupProps === void 0 ? void 0 : groupProps.necessityIndicator) === 'required';
   var _name = groupProps === null || groupProps === void 0 ? void 0 : groupProps.name;
   // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion
   var _isChecked = groupProps === null || groupProps === void 0 ? void 0 : (_groupProps$state = groupProps.state) === null || _groupProps$state === void 0 ? void 0 : _groupProps$state.isChecked(value);
@@ -89,6 +91,8 @@ var _Chip = function _Chip(_ref, ref) {
       defaultChecked: defaultChecked,
       isChecked: _isChecked,
       isDisabled: _isDisabled,
+      isRequired: _isRequired,
+      hasError: hasError,
       name: _name,
       value: value,
       onChange: handleChange
@@ -161,6 +165,7 @@ var _Chip = function _Chip(_ref, ref) {
             isChecked: state.isChecked,
             isDisabled: _isDisabled,
             inputProps: inputProps,
+            hasError: hasError,
             ref: ref
           }), /*#__PURE__*/jsx(AnimatedChip, {
             borderColor: chipBorderColor,

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

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","sources":["../../../../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import React from 'react';\nimport { useChipGroupContext } from './ChipGroupContext';\nimport {\n  chipIconSizes,\n  chipTextSizes,\n  chipColorTokens,\n  getChipInputHoverTokens,\n  chipHeightTokens,\n  chipHorizontalPaddingTokens,\n} from './chipTokens';\nimport type { ChipProps } from './types';\nimport { AnimatedChip } from './AnimatedChip';\nimport { StyledChipWrapper } from './StyledChipWrapper';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport BaseBox from '~components/Box/BaseBox';\nimport { SelectorLabel } from '~components/Form/Selector/SelectorLabel';\nimport { SelectorInput } from '~components/Form/Selector/SelectorInput';\nimport type { BladeElementRef } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { throwBladeError } from '~utils/logger';\nimport { useCheckbox } from '~components/Checkbox/useCheckbox';\nimport { useRadio } from '~components/Radio/useRadio';\nimport { isReactNative, makeSize, useBreakpoint } from '~utils';\nimport { Text } from '~components/Typography';\nimport { useTheme } from '~components/BladeProvider';\n\ntype OnChange = ({\n  isChecked,\n  event,\n  value,\n}: {\n  isChecked: boolean;\n  event?: React.ChangeEvent;\n  value?: string;\n}) => void;\n\nconst _Chip: React.ForwardRefRenderFunction<BladeElementRef, ChipProps> = (\n  { isDisabled, value, children, icon: Icon, color, testID, ...styledProps },\n  ref,\n) => {\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const groupProps = useChipGroupContext();\n  const isInsideGroup = !isEmpty(groupProps);\n  const [isPressed, setIsPressed] = React.useState(false);\n\n  if (__DEV__) {\n    if (!isInsideGroup) {\n      throwBladeError({\n        moduleName: 'Chip',\n        message:\n          '<Chip /> component should only be used within the context of a <ChipGroup /> component',\n      });\n    }\n  }\n\n  const _isDisabled = isDisabled ?? groupProps?.isDisabled;\n  const _name = groupProps?.name;\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n  const _isChecked = groupProps?.state?.isChecked(value!);\n  // Check if the defaultValue property of groupProps is undefined\n  const defaultChecked =\n    typeof groupProps?.defaultValue === 'undefined'\n      ? undefined // If undefined, defaultChecked is also undefined\n      : groupProps?.defaultValue?.includes(value as string); // If multiple selection, check if value is in defaultValue array\n  const useChip = groupProps?.selectionType === 'single' ? useRadio : useCheckbox;\n  const _size = groupProps?.size || 'small';\n  const chipColor = color ?? groupProps?.color ?? 'primary';\n\n  const handleChange: OnChange = ({ isChecked, value }) => {\n    if (isChecked) {\n      groupProps?.state?.addValue(value!);\n    } else {\n      groupProps?.state?.removeValue(value!);\n    }\n  };\n\n  const { state, inputProps } = useChip({\n    defaultChecked,\n    isChecked: _isChecked,\n    isDisabled: _isDisabled,\n    name: _name,\n    value,\n    onChange: handleChange,\n  });\n\n  const handlePointerPressedIn = React.useCallback(() => {\n    if (_isDisabled) return;\n    setIsPressed(true);\n  }, [_isDisabled]);\n\n  const handlePointerPressedOut = React.useCallback(() => {\n    if (_isDisabled) return;\n    setIsPressed(false);\n  }, [_isDisabled]);\n\n  const handleKeyboardPressedIn = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (_isDisabled) return;\n      if (e.key === ' ') {\n        setIsPressed(true);\n      }\n    },\n    [_isDisabled],\n  );\n\n  const handleKeyboardPressedOut = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (_isDisabled) return;\n      if (e.key === ' ') {\n        setIsPressed(false);\n      }\n    },\n    [_isDisabled],\n  );\n\n  let textVariant = 'unchecked';\n  if (_isChecked && chipColor) {\n    textVariant = chipColor;\n  }\n  if (_isDisabled) {\n    textVariant = 'disabled';\n  }\n  const chipTextColor = chipColorTokens.text[textVariant];\n  const chipIconColor = chipColorTokens.icon[textVariant];\n\n  let colorVariant = 'unchecked';\n  const stateVariant = _isDisabled ? 'disabled' : 'default';\n  if (_isChecked && chipColor) {\n    colorVariant = chipColor;\n  }\n  const chipBackgroundColor = chipColorTokens.background[colorVariant][stateVariant];\n  const chipBorderColor = chipColorTokens.border[colorVariant][stateVariant];\n\n  return (\n    <BaseBox\n      {...metaAttribute({ name: MetaConstants.Chip, testID })}\n      {...getStyledProps(styledProps)}\n      display={(isReactNative() ? 'flex' : 'inline-flex') as never}\n    >\n      <SelectorLabel\n        componentName={MetaConstants.ChipLabel}\n        onTouchStart={handlePointerPressedIn}\n        onTouchEnd={handlePointerPressedOut}\n        onMouseDown={handlePointerPressedIn}\n        onMouseUp={handlePointerPressedOut}\n        onMouseOut={handlePointerPressedOut}\n        onKeyDown={handleKeyboardPressedIn}\n        onKeyUp={handleKeyboardPressedOut}\n        inputProps={isReactNative() ? inputProps : {}}\n        style={{ cursor: _isDisabled ? 'not-allowed' : 'pointer' }}\n      >\n        <BaseBox display=\"flex\" flexDirection=\"column\">\n          <BaseBox display=\"flex\" alignItems=\"center\" flexDirection=\"row\">\n            <SelectorInput\n              hoverTokens={getChipInputHoverTokens(chipColor)}\n              isChecked={state.isChecked}\n              isDisabled={_isDisabled}\n              inputProps={inputProps}\n              ref={ref}\n            />\n            <AnimatedChip\n              borderColor={chipBorderColor}\n              isDisabled={_isDisabled}\n              isPressed={isPressed}\n              isDesktop={matchedDeviceType === 'desktop'}\n            >\n              <StyledChipWrapper\n                borderColor={chipBorderColor}\n                isChecked={_isChecked}\n                isDisabled={_isDisabled}\n                color={chipColor}\n                display=\"flex\"\n                flexDirection=\"row\"\n                justifyContent=\"center\"\n                alignItems=\"center\"\n                overflow=\"hidden\"\n                backgroundColor={chipBackgroundColor}\n                borderRadius=\"max\"\n                borderWidth={['xsmall', 'small'].includes(_size) ? 'thinner' : 'thin'}\n                paddingLeft={\n                  chipHorizontalPaddingTokens[Boolean(Icon) ? 'withIcon' : 'withoutIcon'].left[\n                    _size\n                  ]\n                }\n                paddingRight={\n                  chipHorizontalPaddingTokens[Boolean(Icon) ? 'withIcon' : 'withoutIcon'].right[\n                    _size\n                  ]\n                }\n                height={makeSize(chipHeightTokens[_size])}\n              >\n                {Icon ? (\n                  <BaseBox paddingRight=\"spacing.3\" display=\"flex\">\n                    <Icon color={chipIconColor} size={chipIconSizes[_size]} />\n                  </BaseBox>\n                ) : null}\n                <Text {...chipTextSizes[_size]} truncateAfterLines={1} color={chipTextColor}>\n                  {children}\n                </Text>\n              </StyledChipWrapper>\n            </AnimatedChip>\n          </BaseBox>\n        </BaseBox>\n      </SelectorLabel>\n    </BaseBox>\n  );\n};\n\nconst Chip = assignWithoutSideEffects(React.forwardRef(_Chip), {\n  displayName: 'Chip',\n});\n\nexport { Chip };\nexport type { ChipProps };\n"],"names":["_Chip","_ref","ref","_groupProps$state","_groupProps$defaultVa","_ref2","isDisabled","value","children","Icon","icon","color","testID","styledProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","groupProps","useChipGroupContext","isInsideGroup","isEmpty","_React$useState","React","useState","_React$useState2","_slicedToArray","isPressed","setIsPressed","throwBladeError","moduleName","message","_isDisabled","_name","name","_isChecked","state","isChecked","defaultChecked","defaultValue","undefined","includes","useChip","selectionType","useRadio","useCheckbox","_size","size","chipColor","handleChange","_ref3","_groupProps$state2","addValue","_groupProps$state3","removeValue","_useChip","onChange","inputProps","handlePointerPressedIn","useCallback","handlePointerPressedOut","handleKeyboardPressedIn","e","key","handleKeyboardPressedOut","textVariant","chipTextColor","chipColorTokens","text","chipIconColor","colorVariant","stateVariant","chipBackgroundColor","background","chipBorderColor","border","_jsx","BaseBox","_objectSpread","metaAttribute","MetaConstants","Chip","getStyledProps","display","isReactNative","SelectorLabel","componentName","ChipLabel","onTouchStart","onTouchEnd","onMouseDown","onMouseUp","onMouseOut","onKeyDown","onKeyUp","style","cursor","flexDirection","_jsxs","alignItems","SelectorInput","hoverTokens","getChipInputHoverTokens","AnimatedChip","borderColor","isDesktop","StyledChipWrapper","justifyContent","overflow","backgroundColor","borderRadius","borderWidth","paddingLeft","chipHorizontalPaddingTokens","Boolean","left","paddingRight","right","height","makeSize","chipHeightTokens","chipIconSizes","Text","chipTextSizes","truncateAfterLines","assignWithoutSideEffects","forwardRef","displayName"],"mappings":"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"}
+{"version":3,"file":"Chip.js","sources":["../../../../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import React from 'react';\nimport { useChipGroupContext } from './ChipGroupContext';\nimport {\n  chipIconSizes,\n  chipTextSizes,\n  chipColorTokens,\n  getChipInputHoverTokens,\n  chipHeightTokens,\n  chipHorizontalPaddingTokens,\n} from './chipTokens';\nimport type { ChipProps } from './types';\nimport { AnimatedChip } from './AnimatedChip';\nimport { StyledChipWrapper } from './StyledChipWrapper';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport BaseBox from '~components/Box/BaseBox';\nimport { SelectorLabel } from '~components/Form/Selector/SelectorLabel';\nimport { SelectorInput } from '~components/Form/Selector/SelectorInput';\nimport type { BladeElementRef } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { throwBladeError } from '~utils/logger';\nimport { useCheckbox } from '~components/Checkbox/useCheckbox';\nimport { useRadio } from '~components/Radio/useRadio';\nimport { isReactNative, makeSize, useBreakpoint } from '~utils';\nimport { Text } from '~components/Typography';\nimport { useTheme } from '~components/BladeProvider';\n\ntype OnChange = ({\n  isChecked,\n  event,\n  value,\n}: {\n  isChecked: boolean;\n  event?: React.ChangeEvent;\n  value?: string;\n}) => void;\n\nconst _Chip: React.ForwardRefRenderFunction<BladeElementRef, ChipProps> = (\n  { isDisabled, value, children, icon: Icon, color, testID, ...styledProps },\n  ref,\n) => {\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const groupProps = useChipGroupContext();\n  const isInsideGroup = !isEmpty(groupProps);\n  const [isPressed, setIsPressed] = React.useState(false);\n\n  if (__DEV__) {\n    if (!isInsideGroup) {\n      throwBladeError({\n        moduleName: 'Chip',\n        message:\n          '<Chip /> component should only be used within the context of a <ChipGroup /> component',\n      });\n    }\n  }\n\n  const hasError = groupProps?.validationState === 'error';\n  const _isDisabled = isDisabled ?? groupProps?.isDisabled;\n  const _isRequired = groupProps?.isRequired || groupProps?.necessityIndicator === 'required';\n  const _name = groupProps?.name;\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion\n  const _isChecked = groupProps?.state?.isChecked(value!);\n  // Check if the defaultValue property of groupProps is undefined\n  const defaultChecked =\n    typeof groupProps?.defaultValue === 'undefined'\n      ? undefined // If undefined, defaultChecked is also undefined\n      : groupProps?.defaultValue?.includes(value as string); // If multiple selection, check if value is in defaultValue array\n  const useChip = groupProps?.selectionType === 'single' ? useRadio : useCheckbox;\n  const _size = groupProps?.size || 'small';\n  const chipColor = color ?? groupProps?.color ?? 'primary';\n\n  const handleChange: OnChange = ({ isChecked, value }) => {\n    if (isChecked) {\n      groupProps?.state?.addValue(value!);\n    } else {\n      groupProps?.state?.removeValue(value!);\n    }\n  };\n\n  const { state, inputProps } = useChip({\n    defaultChecked,\n    isChecked: _isChecked,\n    isDisabled: _isDisabled,\n    isRequired: _isRequired,\n    hasError,\n    name: _name,\n    value,\n    onChange: handleChange,\n  });\n\n  const handlePointerPressedIn = React.useCallback(() => {\n    if (_isDisabled) return;\n    setIsPressed(true);\n  }, [_isDisabled]);\n\n  const handlePointerPressedOut = React.useCallback(() => {\n    if (_isDisabled) return;\n    setIsPressed(false);\n  }, [_isDisabled]);\n\n  const handleKeyboardPressedIn = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (_isDisabled) return;\n      if (e.key === ' ') {\n        setIsPressed(true);\n      }\n    },\n    [_isDisabled],\n  );\n\n  const handleKeyboardPressedOut = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (_isDisabled) return;\n      if (e.key === ' ') {\n        setIsPressed(false);\n      }\n    },\n    [_isDisabled],\n  );\n\n  let textVariant = 'unchecked';\n  if (_isChecked && chipColor) {\n    textVariant = chipColor;\n  }\n  if (_isDisabled) {\n    textVariant = 'disabled';\n  }\n  const chipTextColor = chipColorTokens.text[textVariant];\n  const chipIconColor = chipColorTokens.icon[textVariant];\n\n  let colorVariant = 'unchecked';\n  const stateVariant = _isDisabled ? 'disabled' : 'default';\n  if (_isChecked && chipColor) {\n    colorVariant = chipColor;\n  }\n  const chipBackgroundColor = chipColorTokens.background[colorVariant][stateVariant];\n  const chipBorderColor = chipColorTokens.border[colorVariant][stateVariant];\n\n  return (\n    <BaseBox\n      {...metaAttribute({ name: MetaConstants.Chip, testID })}\n      {...getStyledProps(styledProps)}\n      display={(isReactNative() ? 'flex' : 'inline-flex') as never}\n    >\n      <SelectorLabel\n        componentName={MetaConstants.ChipLabel}\n        onTouchStart={handlePointerPressedIn}\n        onTouchEnd={handlePointerPressedOut}\n        onMouseDown={handlePointerPressedIn}\n        onMouseUp={handlePointerPressedOut}\n        onMouseOut={handlePointerPressedOut}\n        onKeyDown={handleKeyboardPressedIn}\n        onKeyUp={handleKeyboardPressedOut}\n        inputProps={isReactNative() ? inputProps : {}}\n        style={{ cursor: _isDisabled ? 'not-allowed' : 'pointer' }}\n      >\n        <BaseBox display=\"flex\" flexDirection=\"column\">\n          <BaseBox display=\"flex\" alignItems=\"center\" flexDirection=\"row\">\n            <SelectorInput\n              hoverTokens={getChipInputHoverTokens(chipColor)}\n              isChecked={state.isChecked}\n              isDisabled={_isDisabled}\n              inputProps={inputProps}\n              hasError={hasError}\n              ref={ref}\n            />\n            <AnimatedChip\n              borderColor={chipBorderColor}\n              isDisabled={_isDisabled}\n              isPressed={isPressed}\n              isDesktop={matchedDeviceType === 'desktop'}\n            >\n              <StyledChipWrapper\n                borderColor={chipBorderColor}\n                isChecked={_isChecked}\n                isDisabled={_isDisabled}\n                color={chipColor}\n                display=\"flex\"\n                flexDirection=\"row\"\n                justifyContent=\"center\"\n                alignItems=\"center\"\n                overflow=\"hidden\"\n                backgroundColor={chipBackgroundColor}\n                borderRadius=\"max\"\n                borderWidth={['xsmall', 'small'].includes(_size) ? 'thinner' : 'thin'}\n                paddingLeft={\n                  chipHorizontalPaddingTokens[Boolean(Icon) ? 'withIcon' : 'withoutIcon'].left[\n                    _size\n                  ]\n                }\n                paddingRight={\n                  chipHorizontalPaddingTokens[Boolean(Icon) ? 'withIcon' : 'withoutIcon'].right[\n                    _size\n                  ]\n                }\n                height={makeSize(chipHeightTokens[_size])}\n              >\n                {Icon ? (\n                  <BaseBox paddingRight=\"spacing.3\" display=\"flex\">\n                    <Icon color={chipIconColor} size={chipIconSizes[_size]} />\n                  </BaseBox>\n                ) : null}\n                <Text {...chipTextSizes[_size]} truncateAfterLines={1} color={chipTextColor}>\n                  {children}\n                </Text>\n              </StyledChipWrapper>\n            </AnimatedChip>\n          </BaseBox>\n        </BaseBox>\n      </SelectorLabel>\n    </BaseBox>\n  );\n};\n\nconst Chip = assignWithoutSideEffects(React.forwardRef(_Chip), {\n  displayName: 'Chip',\n});\n\nexport { Chip };\nexport type { ChipProps };\n"],"names":["_Chip","_ref","ref","_groupProps$state","_groupProps$defaultVa","_ref2","isDisabled","value","children","Icon","icon","color","testID","styledProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","groupProps","useChipGroupContext","isInsideGroup","isEmpty","_React$useState","React","useState","_React$useState2","_slicedToArray","isPressed","setIsPressed","throwBladeError","moduleName","message","hasError","validationState","_isDisabled","_isRequired","isRequired","necessityIndicator","_name","name","_isChecked","state","isChecked","defaultChecked","defaultValue","undefined","includes","useChip","selectionType","useRadio","useCheckbox","_size","size","chipColor","handleChange","_ref3","_groupProps$state2","addValue","_groupProps$state3","removeValue","_useChip","onChange","inputProps","handlePointerPressedIn","useCallback","handlePointerPressedOut","handleKeyboardPressedIn","e","key","handleKeyboardPressedOut","textVariant","chipTextColor","chipColorTokens","text","chipIconColor","colorVariant","stateVariant","chipBackgroundColor","background","chipBorderColor","border","_jsx","BaseBox","_objectSpread","metaAttribute","MetaConstants","Chip","getStyledProps","display","isReactNative","SelectorLabel","componentName","ChipLabel","onTouchStart","onTouchEnd","onMouseDown","onMouseUp","onMouseOut","onKeyDown","onKeyUp","style","cursor","flexDirection","_jsxs","alignItems","SelectorInput","hoverTokens","getChipInputHoverTokens","AnimatedChip","borderColor","isDesktop","StyledChipWrapper","justifyContent","overflow","backgroundColor","borderRadius","borderWidth","paddingLeft","chipHorizontalPaddingTokens","Boolean","left","paddingRight","right","height","makeSize","chipHeightTokens","chipIconSizes","Text","chipTextSizes","truncateAfterLines","assignWithoutSideEffects","forwardRef","displayName"],"mappings":"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"}

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

@@ -1,10 +1,11 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default from 'react';
-import { chipGroupGapTokens } from './chipTokens.js';
+import { chipGroupLabelSizeTokens, chipGroupGapTokens } from './chipTokens.js';
 import { ChipGroupProvider } from './ChipGroupContext.js';
 import { useChipGroup } from './useChipGroup.js';
 import '../Box/BaseBox/index.js';
+import '../Form/index.js';
 import { SelectorGroupField } from '../Form/Selector/SelectorGroupField.js';
 import '../Box/styledProps/index.js';
 import '../VisuallyHidden/index.web.js';
@@ -14,14 +15,27 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { throwBladeError } from '../../utils/logger/logger.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
+import { FormLabel } from '../Form/FormLabel.js';
 import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden.web.js';
 import { Text } from '../Typography/Text/Text.js';
+import { FormHint } from '../Form/FormHint.js';
 
-var _excluded = ["accessibilityLabel", "children", "isDisabled", "name", "defaultValue", "onChange", "value", "size", "color", "testID", "selectionType"];
+var _excluded = ["accessibilityLabel", "label", "labelPosition", "necessityIndicator", "validationState", "errorText", "helpText", "isRequired", "children", "isDisabled", "name", "defaultValue", "onChange", "value", "size", "color", "testID", "selectionType"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ChipGroup = function ChipGroup(_ref) {
   var accessibilityLabel = _ref.accessibilityLabel,
+    label = _ref.label,
+    _ref$labelPosition = _ref.labelPosition,
+    labelPosition = _ref$labelPosition === void 0 ? 'top' : _ref$labelPosition,
+    _ref$necessityIndicat = _ref.necessityIndicator,
+    necessityIndicator = _ref$necessityIndicat === void 0 ? 'none' : _ref$necessityIndicat,
+    _ref$validationState = _ref.validationState,
+    validationState = _ref$validationState === void 0 ? 'none' : _ref$validationState,
+    errorText = _ref.errorText,
+    helpText = _ref.helpText,
+    _ref$isRequired = _ref.isRequired,
+    isRequired = _ref$isRequired === void 0 ? false : _ref$isRequired,
     children = _ref.children,
     _ref$isDisabled = _ref.isDisabled,
     isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
@@ -45,10 +59,16 @@ var ChipGroup = function ChipGroup(_ref) {
       name: name,
       size: size,
       color: color,
-      selectionType: selectionType
+      selectionType: selectionType,
+      isRequired: isRequired,
+      validationState: validationState,
+      necessityIndicator: necessityIndicator
     }),
     contextValue = _useChipGroup.contextValue,
     ids = _useChipGroup.ids;
+  var showError = validationState === 'error' && errorText;
+  var showHelpText = !showError && helpText;
+  var accessibilityText = "".concat(showError ? errorText : '', " ").concat(showHelpText ? helpText : '').trim();
   if (true) {
     if (selectionType === 'single' && Array.isArray(defaultValue)) {
       throwBladeError({
@@ -66,12 +86,21 @@ var ChipGroup = function ChipGroup(_ref) {
   return /*#__PURE__*/jsx(ChipGroupProvider, {
     value: contextValue,
     children: /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread({}, getStyledProps(styledProps)), {}, {
-      children: /*#__PURE__*/jsx(SelectorGroupField, {
+      children: /*#__PURE__*/jsxs(SelectorGroupField, {
+        position: labelPosition,
         accessibilityRole: selectionType === 'single' ? 'radiogroup' : 'group',
         labelledBy: ids.labelId,
         componentName: "chip-group",
         testID: testID,
-        children: /*#__PURE__*/jsxs(BaseBox, {
+        children: [label ? /*#__PURE__*/jsx(FormLabel, {
+          as: "span",
+          necessityIndicator: necessityIndicator,
+          position: labelPosition,
+          id: ids.labelId,
+          accessibilityText: accessibilityText && ",".concat(accessibilityText),
+          size: chipGroupLabelSizeTokens[size],
+          children: label
+        }) : null, /*#__PURE__*/jsxs(BaseBox, {
           children: [/*#__PURE__*/jsx(VisuallyHidden, {
             children: /*#__PURE__*/jsx(Text, {
               children: accessibilityLabel
@@ -87,8 +116,13 @@ var ChipGroup = function ChipGroup(_ref) {
                 children: child
               }, index);
             })
+          }), /*#__PURE__*/jsx(FormHint, {
+            size: chipGroupLabelSizeTokens[size],
+            type: validationState === 'error' ? 'error' : 'help',
+            errorText: errorText,
+            helpText: helpText
           })]
-        })
+        })]
       })
     }))
   });

package/build/lib/web/development/components/Chip/ChipGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipGroup.js","sources":["../../../../../../src/components/Chip/ChipGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { chipGroupGapTokens } from './chipTokens';\nimport { ChipGroupProvider } from './ChipGroupContext';\nimport { useChipGroup } from './useChipGroup';\nimport type { ChipGroupProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { SelectorGroupField } from '~components/Form/Selector/SelectorGroupField';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { VisuallyHidden } from '~components/VisuallyHidden';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst ChipGroup = ({\n  accessibilityLabel,\n  children,\n  isDisabled = false,\n  name,\n  defaultValue,\n  onChange,\n  value,\n  size = 'small',\n  color = 'primary',\n  testID,\n  selectionType = 'single',\n  ...styledProps\n}: ChipGroupProps): React.ReactElement => {\n  const { contextValue, ids } = useChipGroup({\n    defaultValue,\n    onChange,\n    value,\n    isDisabled,\n    name,\n    size,\n    color,\n    selectionType,\n  });\n\n  if (__DEV__) {\n    if (selectionType === 'single' && Array.isArray(defaultValue)) {\n      throwBladeError({\n        moduleName: 'ChipGroup',\n        message: `When \"selectionType\" is \"single\", the \"defaultValue\" prop must be a string value, but an array was provided.`,\n      });\n    }\n    if (selectionType === 'single' && Array.isArray(value)) {\n      throwBladeError({\n        moduleName: 'ChipGroup',\n        message: `When \"selectionType\" is \"single\", the \"value\" prop must be a string value, but an array was provided.`,\n      });\n    }\n  }\n\n  return (\n    <ChipGroupProvider value={contextValue}>\n      <BaseBox {...getStyledProps(styledProps)}>\n        <SelectorGroupField\n          accessibilityRole={selectionType === 'single' ? 'radiogroup' : 'group'}\n          labelledBy={ids.labelId}\n          componentName=\"chip-group\"\n          testID={testID}\n        >\n          <BaseBox>\n            <VisuallyHidden>\n              <Text>{accessibilityLabel}</Text>\n            </VisuallyHidden>\n            <BaseBox display=\"flex\" flexDirection=\"row\" flexWrap=\"wrap\">\n              {React.Children.map(children, (child, index) => {\n                return (\n                  <BaseBox\n                    key={index}\n                    marginBottom={chipGroupGapTokens[size].bottom}\n                    marginRight={chipGroupGapTokens[size].right}\n                  >\n                    {child}\n                  </BaseBox>\n                );\n              })}\n            </BaseBox>\n          </BaseBox>\n        </SelectorGroupField>\n      </BaseBox>\n    </ChipGroupProvider>\n  );\n};\n\nexport { ChipGroup };\nexport type { ChipGroupProps };\n"],"names":["ChipGroup","_ref","accessibilityLabel","children","_ref$isDisabled","isDisabled","name","defaultValue","onChange","value","_ref$size","size","_ref$color","color","testID","_ref$selectionType","selectionType","styledProps","_objectWithoutProperties","_excluded","_useChipGroup","useChipGroup","contextValue","ids","Array","isArray","throwBladeError","moduleName","message","_jsx","ChipGroupProvider","BaseBox","_objectSpread","getStyledProps","SelectorGroupField","accessibilityRole","labelledBy","labelId","componentName","_jsxs","VisuallyHidden","Text","display","flexDirection","flexWrap","React","Children","map","child","index","marginBottom","chipGroupGapTokens","bottom","marginRight","right"],"mappings":"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"}
+{"version":3,"file":"ChipGroup.js","sources":["../../../../../../src/components/Chip/ChipGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { chipGroupGapTokens, chipGroupLabelSizeTokens } from './chipTokens';\nimport { ChipGroupProvider } from './ChipGroupContext';\nimport { useChipGroup } from './useChipGroup';\nimport type { ChipGroupProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { FormHint, FormLabel } from '~components/Form';\nimport { SelectorGroupField } from '~components/Form/Selector/SelectorGroupField';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { VisuallyHidden } from '~components/VisuallyHidden';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst ChipGroup = ({\n  accessibilityLabel,\n  label,\n  labelPosition = 'top',\n  necessityIndicator = 'none',\n  validationState = 'none',\n  errorText,\n  helpText,\n  isRequired = false,\n  children,\n  isDisabled = false,\n  name,\n  defaultValue,\n  onChange,\n  value,\n  size = 'small',\n  color = 'primary',\n  testID,\n  selectionType = 'single',\n  ...styledProps\n}: ChipGroupProps): React.ReactElement => {\n  const { contextValue, ids } = useChipGroup({\n    defaultValue,\n    onChange,\n    value,\n    isDisabled,\n    name,\n    size,\n    color,\n    selectionType,\n    isRequired,\n    validationState,\n    necessityIndicator,\n  });\n  const showError = validationState === 'error' && errorText;\n  const showHelpText = !showError && helpText;\n  const accessibilityText = `${showError ? errorText : ''} ${showHelpText ? helpText : ''}`.trim();\n\n  if (__DEV__) {\n    if (selectionType === 'single' && Array.isArray(defaultValue)) {\n      throwBladeError({\n        moduleName: 'ChipGroup',\n        message: `When \"selectionType\" is \"single\", the \"defaultValue\" prop must be a string value, but an array was provided.`,\n      });\n    }\n    if (selectionType === 'single' && Array.isArray(value)) {\n      throwBladeError({\n        moduleName: 'ChipGroup',\n        message: `When \"selectionType\" is \"single\", the \"value\" prop must be a string value, but an array was provided.`,\n      });\n    }\n  }\n\n  return (\n    <ChipGroupProvider value={contextValue}>\n      <BaseBox {...getStyledProps(styledProps)}>\n        <SelectorGroupField\n          position={labelPosition}\n          accessibilityRole={selectionType === 'single' ? 'radiogroup' : 'group'}\n          labelledBy={ids.labelId}\n          componentName=\"chip-group\"\n          testID={testID}\n        >\n          {label ? (\n            <FormLabel\n              as=\"span\"\n              necessityIndicator={necessityIndicator}\n              position={labelPosition}\n              id={ids.labelId}\n              accessibilityText={accessibilityText && `,${accessibilityText}`}\n              size={chipGroupLabelSizeTokens[size]}\n            >\n              {label}\n            </FormLabel>\n          ) : null}\n          <BaseBox>\n            <VisuallyHidden>\n              <Text>{accessibilityLabel}</Text>\n            </VisuallyHidden>\n            <BaseBox display=\"flex\" flexDirection=\"row\" flexWrap=\"wrap\">\n              {React.Children.map(children, (child, index) => {\n                return (\n                  <BaseBox\n                    key={index}\n                    marginBottom={chipGroupGapTokens[size].bottom}\n                    marginRight={chipGroupGapTokens[size].right}\n                  >\n                    {child}\n                  </BaseBox>\n                );\n              })}\n            </BaseBox>\n            <FormHint\n              size={chipGroupLabelSizeTokens[size]}\n              type={validationState === 'error' ? 'error' : 'help'}\n              errorText={errorText}\n              helpText={helpText}\n            />\n          </BaseBox>\n        </SelectorGroupField>\n      </BaseBox>\n    </ChipGroupProvider>\n  );\n};\n\nexport { ChipGroup };\nexport type { ChipGroupProps };\n"],"names":["ChipGroup","_ref","accessibilityLabel","label","_ref$labelPosition","labelPosition","_ref$necessityIndicat","necessityIndicator","_ref$validationState","validationState","errorText","helpText","_ref$isRequired","isRequired","children","_ref$isDisabled","isDisabled","name","defaultValue","onChange","value","_ref$size","size","_ref$color","color","testID","_ref$selectionType","selectionType","styledProps","_objectWithoutProperties","_excluded","_useChipGroup","useChipGroup","contextValue","ids","showError","showHelpText","accessibilityText","concat","trim","Array","isArray","throwBladeError","moduleName","message","_jsx","ChipGroupProvider","BaseBox","_objectSpread","getStyledProps","_jsxs","SelectorGroupField","position","accessibilityRole","labelledBy","labelId","componentName","FormLabel","as","id","chipGroupLabelSizeTokens","VisuallyHidden","Text","display","flexDirection","flexWrap","React","Children","map","child","index","marginBottom","chipGroupGapTokens","bottom","marginRight","right","FormHint","type"],"mappings":"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"}

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

@@ -25,6 +25,12 @@ var chipHeightTokens = {
   medium: size[36],
   large: size[48]
 };
+var chipGroupLabelSizeTokens = {
+  xsmall: 'small',
+  small: 'medium',
+  medium: 'large',
+  large: 'large'
+};
 var chipHorizontalPaddingTokens = {
   withoutIcon: {
     left: {
@@ -72,7 +78,7 @@ var chipColorTokens = {
   },
   background: {
     unchecked: {
-      "default": 'transparent',
+      "default": 'surface.background.gray.intense',
       hover: 'interactive.background.gray.faded',
       disabled: 'transparent'
     },
@@ -95,6 +101,7 @@ var chipColorTokens = {
   border: {
     unchecked: {
       "default": 'interactive.border.gray.faded',
+      hover: 'interactive.border.gray.faded',
       disabled: 'interactive.border.gray.disabled'
     },
     primary: {
@@ -118,12 +125,12 @@ var getChipInputHoverTokens = function getChipInputHoverTokens(color) {
   return {
     "default": {
       background: {
-        checked: 'colors.interactive.background.staticWhite.default',
-        unchecked: 'colors.interactive.background.staticWhite.default'
+        checked: 'colors.transparent',
+        unchecked: 'colors.transparent'
       },
       border: {
         checked: "colors.".concat(chipColorTokens.border[color || 'default'].hover),
-        unchecked: 'colors.interactive.border.gray.default'
+        unchecked: 'colors.interactive.border.gray.faded'
       }
     }
   };
@@ -157,5 +164,5 @@ var chipMotionTokens = {
   easing: 'easing.standard.effective'
 };
 
-export { chipColorTokens, chipGroupGapTokens, chipHeightTokens, chipHorizontalPaddingTokens, chipIconSizes, chipMotionTokens, chipTextSizes, getChipInputHoverTokens };
+export { 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\ntype ChipHorizontalPaddingTokens = {\n  withoutIcon: Record<\n    'left' | 'right',\n    Record<NonNullable<ChipGroupProps['size']>, DotNotationSpacingStringToken>\n  >;\n  withIcon: Record<\n    'left' | 'right',\n    Record<NonNullable<ChipGroupProps['size']>, DotNotationSpacingStringToken>\n  >;\n};\n\nconst chipHorizontalPaddingTokens: ChipHorizontalPaddingTokens = {\n  withoutIcon: {\n    left: {\n      xsmall: 'spacing.4',\n      small: 'spacing.4',\n      medium: 'spacing.6',\n      large: 'spacing.7',\n    },\n    right: {\n      xsmall: 'spacing.4',\n      small: 'spacing.4',\n      medium: 'spacing.6',\n      large: 'spacing.7',\n    },\n  },\n  withIcon: {\n    left: {\n      xsmall: 'spacing.4',\n      small: 'spacing.4',\n      medium: 'spacing.5',\n      large: 'spacing.6',\n    },\n    right: {\n      xsmall: 'spacing.4',\n      small: 'spacing.4',\n      medium: 'spacing.6',\n      large: 'spacing.7',\n    },\n  },\n};\n\ntype TextColorTokens = BaseTextProps['color'];\ntype IconColorTokens = IconProps['color'];\ntype ChipColorTokens = {\n  text: Record<string, TextColorTokens>;\n  icon: Record<string, IconColorTokens>;\n  background: Record<string, Record<string, ChipBackgroundColors>>;\n  border: Record<string, Record<string, ChipBorderColors>>;\n};\n\nconst chipColorTokens: ChipColorTokens = {\n  text: {\n    unchecked: 'interactive.text.gray.subtle',\n    disabled: 'interactive.text.gray.disabled',\n    primary: 'interactive.text.primary.normal',\n    positive: 'interactive.text.positive.normal',\n    negative: 'interactive.text.negative.normal',\n  },\n  icon: {\n    unchecked: 'interactive.icon.gray.subtle',\n    disabled: 'interactive.icon.gray.disabled',\n    primary: 'interactive.icon.primary.normal',\n    positive: 'interactive.icon.positive.normal',\n    negative: 'interactive.icon.negative.normal',\n  },\n  background: {\n    unchecked: {\n      default: 'transparent',\n      hover: 'interactive.background.gray.faded',\n      disabled: 'transparent',\n    },\n    primary: {\n      default: 'interactive.background.primary.faded',\n      hover: 'interactive.background.primary.fadedHighlighted',\n      disabled: 'interactive.background.primary.disabled',\n    },\n    positive: {\n      default: 'interactive.background.positive.faded',\n      hover: 'interactive.background.positive.fadedHighlighted',\n      disabled: 'interactive.background.positive.disabled',\n    },\n    negative: {\n      default: 'interactive.background.negative.faded',\n      hover: 'interactive.background.negative.fadedHighlighted',\n      disabled: 'interactive.background.negative.disabled',\n    },\n  },\n  border: {\n    unchecked: {\n      default: 'interactive.border.gray.faded',\n      disabled: 'interactive.border.gray.disabled',\n    },\n    primary: {\n      default: 'interactive.border.primary.default',\n      hover: 'interactive.border.primary.default',\n      disabled: 'interactive.border.primary.disabled',\n    },\n    positive: {\n      default: 'interactive.border.positive.default',\n      hover: 'interactive.border.positive.default',\n      disabled: 'interactive.border.positive.disabled',\n    },\n    negative: {\n      default: 'interactive.border.negative.default',\n      hover: 'interactive.border.negative.default',\n      disabled: 'interactive.border.negative.disabled',\n    },\n  },\n};\n\nconst getChipInputHoverTokens = (color: ChipGroupProps['color']): SelectorInputHoverTokens => {\n  return {\n    default: {\n      background: {\n        checked: 'colors.interactive.background.staticWhite.default',\n        unchecked: 'colors.interactive.background.staticWhite.default',\n      },\n      border: {\n        checked: `colors.${chipColorTokens.border[color || 'default'].hover}` as never,\n        unchecked: 'colors.interactive.border.gray.default',\n      },\n    },\n  };\n};\n\nconst chipIconSizes: Record<NonNullable<ChipGroupProps['size']>, IconProps['size']> = {\n  xsmall: 'small',\n  small: 'small',\n  medium: 'medium',\n  large: 'large',\n};\n\nconst chipTextSizes = {\n  xsmall: {\n    variant: 'body',\n    size: 'small',\n  },\n  small: {\n    variant: 'body',\n    size: 'medium',\n  },\n  medium: {\n    variant: 'body',\n    size: 'large',\n  },\n  large: {\n    variant: 'body',\n    size: 'large',\n  },\n} as const;\n\nconst chipMotionTokens: Record<'duration' | 'easing', DurationString | EasingString> = {\n  duration: 'duration.xquick',\n  easing: 'easing.standard.effective',\n};\n\nexport {\n  chipColorTokens,\n  chipHeightTokens,\n  chipGroupGapTokens,\n  getChipInputHoverTokens,\n  chipHorizontalPaddingTokens,\n  chipTextSizes,\n  chipIconSizes,\n  chipMotionTokens,\n};\n"],"names":["chipGroupGapTokens","xsmall","right","bottom","small","medium","large","chipHeightTokens","size","chipHorizontalPaddingTokens","withoutIcon","left","withIcon","chipColorTokens","text","unchecked","disabled","primary","positive","negative","icon","background","hover","border","getChipInputHoverTokens","color","checked","concat","chipIconSizes","chipTextSizes","variant","chipMotionTokens","duration","easing"],"mappings":"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"}
+{"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.effective',\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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"}

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

@@ -5,10 +5,9 @@ import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.js';
 var getAnimatedChipStyles = function getAnimatedChipStyles(_ref) {
   var theme = _ref.theme,
     isDesktop = _ref.isDesktop,
-    isDisabled = _ref.isDisabled,
     borderColor = _ref.borderColor;
   return {
-    backgroundColor: isDisabled ? 'transparent' : getIn(theme.colors, 'interactive.background.staticWhite.default'),
+    backgroundColor: 'transparent',
     borderRadius: makeBorderSize(theme.border.radius.max),
     borderColor: getIn(theme.colors, borderColor),
     borderWidth: getIn(theme, 'border.width.thin'),

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 = ({\n  theme,\n  isDesktop,\n  isDisabled,\n  borderColor,\n}: AnimatedChipProps): CSSObject => {\n  return {\n    backgroundColor: isDisabled\n      ? 'transparent'\n      : getIn(theme.colors, 'interactive.background.staticWhite.default'),\n    borderRadius: makeBorderSize(theme.border.radius.max),\n    borderColor: getIn(theme.colors, borderColor),\n    borderWidth: getIn(theme, 'border.width.thin'),\n    display: 'flex',\n    flexWrap: 'nowrap',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    textAlign: 'left',\n    textOverflow: 'ellipsis',\n    maxWidth: isDesktop ? '420px' : '280px',\n  };\n};\n\nexport { getAnimatedChipStyles };\n"],"names":["getAnimatedChipStyles","_ref","theme","isDesktop","isDisabled","borderColor","backgroundColor","getIn","colors","borderRadius","makeBorderSize","border","radius","max","borderWidth","display","flexWrap","flexDirection","alignItems","justifyContent","textAlign","textOverflow","maxWidth"],"mappings":";;;;AAKA,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAAC,IAAA,EAKS;AAAA,EAAA,IAJlCC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IACVC,WAAW,GAAAJ,IAAA,CAAXI,WAAW,CAAA;EAEX,OAAO;AACLC,IAAAA,eAAe,EAAEF,UAAU,GACvB,aAAa,GACbG,KAAK,CAACL,KAAK,CAACM,MAAM,EAAE,4CAA4C,CAAC;IACrEC,YAAY,EAAEC,cAAc,CAACR,KAAK,CAACS,MAAM,CAACC,MAAM,CAACC,GAAG,CAAC;IACrDR,WAAW,EAAEE,KAAK,CAACL,KAAK,CAACM,MAAM,EAAEH,WAAW,CAAC;AAC7CS,IAAAA,WAAW,EAAEP,KAAK,CAACL,KAAK,EAAE,mBAAmB,CAAC;AAC9Ca,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,aAAa,EAAE,KAAK;AACpBC,IAAAA,UAAU,EAAE,QAAQ;AACpBC,IAAAA,cAAc,EAAE,QAAQ;AACxBC,IAAAA,SAAS,EAAE,MAAM;AACjBC,IAAAA,YAAY,EAAE,UAAU;AACxBC,IAAAA,QAAQ,EAAEnB,SAAS,GAAG,OAAO,GAAG,OAAA;GACjC,CAAA;AACH;;;;"}
+{"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;;;;"}