@razorpay/blade 10.23.5 → 11.0.0

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

@@ -1,42 +1,69 @@
-var affixFontSizes = {
-  'body-small': 75,
-  'body-small-bold': 75,
-  'body-medium': 75,
-  'body-medium-bold': 75,
-  'heading-small': 75,
-  'heading-small-bold': 75,
-  'heading-large': 100,
-  'heading-large-bold': 100,
-  'title-small': 300,
-  'title-medium': 400
+var normalAmountSizes = {
+  body: {
+    xsmall: 25,
+    small: 75,
+    medium: 100,
+    large: 200
+  },
+  heading: {
+    small: 300,
+    medium: 400,
+    large: 500,
+    xlarge: 600,
+    '2xlarge': 700
+  },
+  display: {
+    small: 800,
+    medium: 900,
+    large: 1000,
+    xlarge: 1100
+  }
 };
-var amountFontSizes = {
-  'body-small': 75,
-  'body-small-bold': 75,
-  'body-medium': 100,
-  'body-medium-bold': 100,
-  'heading-small': 200,
-  'heading-small-bold': 200,
-  'heading-large': 400,
-  'heading-large-bold': 400,
-  'title-small': 600,
-  'title-medium': 700
+var subtleFontSizes = {
+  body: {
+    xsmall: normalAmountSizes.body.xsmall,
+    small: normalAmountSizes.body.xsmall,
+    medium: normalAmountSizes.body.xsmall,
+    large: normalAmountSizes.body.small
+  },
+  heading: {
+    small: normalAmountSizes.body.small,
+    medium: normalAmountSizes.body.medium,
+    large: normalAmountSizes.body.large,
+    xlarge: normalAmountSizes.heading.medium,
+    '2xlarge': normalAmountSizes.heading.large
+  },
+  display: {
+    small: normalAmountSizes.heading.xlarge,
+    medium: normalAmountSizes.heading['2xlarge'],
+    large: normalAmountSizes.heading['2xlarge'],
+    xlarge: normalAmountSizes.display.small
+  }
 };
 var amountLineHeights = {
-  'body-small': 50,
-  'body-small-bold': 50,
-  'body-medium': 100,
-  'body-medium-bold': 100,
-  'heading-small': 300,
-  'heading-small-bold': 300,
-  'heading-large': 400,
-  'heading-large-bold': 400,
-  'title-small': 500,
-  'title-medium': 600
+  body: {
+    xsmall: 25,
+    small: 75,
+    medium: 100,
+    large: 200
+  },
+  heading: {
+    small: 300,
+    medium: 400,
+    large: 500,
+    xlarge: 600,
+    '2xlarge': 700
+  },
+  display: {
+    small: 800,
+    medium: 900,
+    large: 1000,
+    xlarge: 1100
+  }
 };
 
 // All the supported currency codes are taken from Razorpay's Merchant Dashboard codebase
-var currencyPrefixMapping = {
+var currencyIndicatorMapping = {
   AED: {
     'currency-symbol': 'د.إ',
     'currency-code': 'AED'
@@ -442,6 +469,12 @@ var getCurrencyAbbreviations = function getCurrencyAbbreviations(currency) {
     symbol: 'K'
   }];
 };
+var currencyPositionMapping = {
+  DZD: 'right',
+  BHD: 'right',
+  OMR: 'right',
+  KWD: 'right'
+};
 
-export { affixFontSizes, amountFontSizes, amountLineHeights, currencyPrefixMapping, getCurrencyAbbreviations };
+export { amountLineHeights, currencyIndicatorMapping, currencyPositionMapping, getCurrencyAbbreviations, normalAmountSizes, subtleFontSizes };
 //# sourceMappingURL=amountTokens.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"amountTokens.js","sources":["../../../../../../src/components/Amount/amountTokens.ts"],"sourcesContent":["import type { AmountProps } from './Amount';\nimport type { FontSize, Typography } from '~tokens/global';\n\nconst affixFontSizes: Record<NonNullable<AmountProps['size']>, keyof FontSize> = {\n  'body-small': 75,\n  'body-small-bold': 75,\n  'body-medium': 75,\n  'body-medium-bold': 75,\n  'heading-small': 75,\n  'heading-small-bold': 75,\n  'heading-large': 100,\n  'heading-large-bold': 100,\n  'title-small': 300,\n  'title-medium': 400,\n} as const;\n\nconst amountFontSizes: Record<NonNullable<AmountProps['size']>, keyof FontSize> = {\n  'body-small': 75,\n  'body-small-bold': 75,\n  'body-medium': 100,\n  'body-medium-bold': 100,\n  'heading-small': 200,\n  'heading-small-bold': 200,\n  'heading-large': 400,\n  'heading-large-bold': 400,\n  'title-small': 600,\n  'title-medium': 700,\n} as const;\n\nconst amountLineHeights: Record<\n  NonNullable<AmountProps['size']>,\n  keyof Typography['lineHeights']\n> = {\n  'body-small': 50,\n  'body-small-bold': 50,\n  'body-medium': 100,\n  'body-medium-bold': 100,\n  'heading-small': 300,\n  'heading-small-bold': 300,\n  'heading-large': 400,\n  'heading-large-bold': 400,\n  'title-small': 500,\n  'title-medium': 600,\n} as const;\n\n// All the supported currency codes are taken from Razorpay's Merchant Dashboard codebase\nconst currencyPrefixMapping = {\n  AED: { 'currency-symbol': 'د.إ', 'currency-code': 'AED' },\n  ALL: { 'currency-symbol': 'Lek', 'currency-code': 'ALL' },\n  AMD: { 'currency-symbol': '֏', 'currency-code': 'AMD' },\n  ARS: { 'currency-symbol': 'ARS', 'currency-code': 'ARS' },\n  AUD: { 'currency-symbol': 'A$', 'currency-code': 'AUD' },\n  AWG: { 'currency-symbol': 'Afl.', 'currency-code': 'AWG' },\n  BBD: { 'currency-symbol': '$', 'currency-code': 'BBD' },\n  BDT: { 'currency-symbol': '৳', 'currency-code': 'BDT' },\n  BMD: { 'currency-symbol': '$', 'currency-code': 'BMD' },\n  BND: { 'currency-symbol': 'BND', 'currency-code': 'BND' },\n  BOB: { 'currency-symbol': 'Bs', 'currency-code': 'BOB' },\n  BSD: { 'currency-symbol': 'B$', 'currency-code': 'BSD' },\n  BWP: { 'currency-symbol': 'P', 'currency-code': 'BWP' },\n  BZD: { 'currency-symbol': 'BZ$', 'currency-code': 'BZD' },\n  CAD: { 'currency-symbol': 'C$', 'currency-code': 'CAD' },\n  CHF: { 'currency-symbol': 'CHf', 'currency-code': 'CHF' },\n  CNY: { 'currency-symbol': '¥', 'currency-code': 'CNY' },\n  COP: { 'currency-symbol': 'COL$', 'currency-code': 'COP' },\n  CRC: { 'currency-symbol': '₡', 'currency-code': 'CRC' },\n  CUP: { 'currency-symbol': '$MN', 'currency-code': 'CUP' },\n  CZK: { 'currency-symbol': 'Kč', 'currency-code': 'CZK' },\n  DKK: { 'currency-symbol': 'DKK', 'currency-code': 'DKK' },\n  DOP: { 'currency-symbol': 'RD$', 'currency-code': 'DOP' },\n  DZD: { 'currency-symbol': 'د.ج', 'currency-code': 'DZD' },\n  EGP: { 'currency-symbol': 'E£', 'currency-code': 'EGP' },\n  ETB: { 'currency-symbol': 'ብር', 'currency-code': 'ETB' },\n  EUR: { 'currency-symbol': '€', 'currency-code': 'EUR' },\n  FJD: { 'currency-symbol': 'FJ$', 'currency-code': 'FJD' },\n  GBP: { 'currency-symbol': '£', 'currency-code': 'GBP' },\n  GHS: { 'currency-symbol': 'GH₵', 'currency-code': 'GHS' },\n  GIP: { 'currency-symbol': 'GIP', 'currency-code': 'GIP' },\n  GMD: { 'currency-symbol': 'D', 'currency-code': 'GMD' },\n  GTQ: { 'currency-symbol': 'Q', 'currency-code': 'GTQ' },\n  GYD: { 'currency-symbol': 'G$', 'currency-code': 'GYD' },\n  HKD: { 'currency-symbol': 'HK$', 'currency-code': 'HKD' },\n  HNL: { 'currency-symbol': 'HNL', 'currency-code': 'HNL' },\n  HRK: { 'currency-symbol': 'kn', 'currency-code': 'HRK' },\n  HTG: { 'currency-symbol': 'G', 'currency-code': 'HTG' },\n  HUF: { 'currency-symbol': 'Ft', 'currency-code': 'HUF' },\n  IDR: { 'currency-symbol': 'Rp', 'currency-code': 'IDR' },\n  ILS: { 'currency-symbol': '₪', 'currency-code': 'ILS' },\n  INR: { 'currency-symbol': '₹', 'currency-code': 'INR' },\n  JMD: { 'currency-symbol': 'J$', 'currency-code': 'JMD' },\n  KES: { 'currency-symbol': 'Ksh', 'currency-code': 'KES' },\n  KGS: { 'currency-symbol': 'Лв', 'currency-code': 'KGS' },\n  KHR: { 'currency-symbol': '៛', 'currency-code': 'KHR' },\n  KYD: { 'currency-symbol': 'CI$', 'currency-code': 'KYD' },\n  KZT: { 'currency-symbol': '₸', 'currency-code': 'KZT' },\n  LAK: { 'currency-symbol': '₭', 'currency-code': 'LAK' },\n  LKR: { 'currency-symbol': 'රු', 'currency-code': 'LKR' },\n  LRD: { 'currency-symbol': 'L$', 'currency-code': 'LRD' },\n  LSL: { 'currency-symbol': 'LSL', 'currency-code': 'LSL' },\n  MAD: { 'currency-symbol': 'د.م.', 'currency-code': 'MAD' },\n  MDL: { 'currency-symbol': 'MDL', 'currency-code': 'MDL' },\n  MKD: { 'currency-symbol': 'ден', 'currency-code': 'MKD' },\n  MMK: { 'currency-symbol': 'MMK', 'currency-code': 'MMK' },\n  MNT: { 'currency-symbol': '₮', 'currency-code': 'MNT' },\n  MOP: { 'currency-symbol': 'MOP$', 'currency-code': 'MOP' },\n  MUR: { 'currency-symbol': '₨', 'currency-code': 'MUR' },\n  MVR: { 'currency-symbol': 'Rf', 'currency-code': 'MVR' },\n  MWK: { 'currency-symbol': 'MK', 'currency-code': 'MWK' },\n  MXN: { 'currency-symbol': 'Mex$', 'currency-code': 'MXN' },\n  MYR: { 'currency-symbol': 'RM', 'currency-code': 'MYR' },\n  NAD: { 'currency-symbol': 'N$', 'currency-code': 'NAD' },\n  NGN: { 'currency-symbol': '₦', 'currency-code': 'NGN' },\n  NIO: { 'currency-symbol': 'NIO', 'currency-code': 'NIO' },\n  NOK: { 'currency-symbol': 'NOK', 'currency-code': 'NOK' },\n  NPR: { 'currency-symbol': 'रू', 'currency-code': 'NPR' },\n  NZD: { 'currency-symbol': 'NZ$', 'currency-code': 'NZD' },\n  PEN: { 'currency-symbol': 'S/', 'currency-code': 'PEN' },\n  PGK: { 'currency-symbol': 'PGK', 'currency-code': 'PGK' },\n  PHP: { 'currency-symbol': '₱', 'currency-code': 'PHP' },\n  PKR: { 'currency-symbol': '₨', 'currency-code': 'PKR' },\n  QAR: { 'currency-symbol': 'QR', 'currency-code': 'QAR' },\n  RUB: { 'currency-symbol': '₽', 'currency-code': 'RUB' },\n  SAR: { 'currency-symbol': 'SR', 'currency-code': 'SAR' },\n  SCR: { 'currency-symbol': 'SRe', 'currency-code': 'SCR' },\n  SEK: { 'currency-symbol': 'SEK', 'currency-code': 'SEK' },\n  SGD: { 'currency-symbol': 'S$', 'currency-code': 'SGD' },\n  SLL: { 'currency-symbol': 'Le', 'currency-code': 'SLL' },\n  SOS: { 'currency-symbol': 'Sh.so.', 'currency-code': 'SOS' },\n  SSP: { 'currency-symbol': 'SS£', 'currency-code': 'SSP' },\n  SVC: { 'currency-symbol': '₡', 'currency-code': 'SVC' },\n  SZL: { 'currency-symbol': 'E', 'currency-code': 'SZL' },\n  THB: { 'currency-symbol': '฿', 'currency-code': 'THB' },\n  TTD: { 'currency-symbol': 'TT$', 'currency-code': 'TTD' },\n  TZS: { 'currency-symbol': 'Sh', 'currency-code': 'TZS' },\n  USD: { 'currency-symbol': '$', 'currency-code': 'USD' },\n  UYU: { 'currency-symbol': '$U', 'currency-code': 'UYU' },\n  UZS: { 'currency-symbol': \"so'm\", 'currency-code': 'UZS' },\n  YER: { 'currency-symbol': '﷼', 'currency-code': 'YER' },\n  ZAR: { 'currency-symbol': 'R', 'currency-code': 'ZAR' },\n  KWD: { 'currency-symbol': 'د.ك', 'currency-code': 'KWD' },\n  BHD: { 'currency-symbol': 'د.ب.', 'currency-code': 'BHD' },\n  OMR: { 'currency-symbol': 'ر.ع.', 'currency-code': 'OMR' },\n};\n\ntype CurrencyAbbreviation = {\n  value: number;\n  symbol: string;\n};\n\ntype Currency = keyof typeof currencyPrefixMapping;\n\nconst getCurrencyAbbreviations = (currency: Currency): CurrencyAbbreviation[] => {\n  if (currency === 'INR') {\n    return [\n      { value: 1e7, symbol: 'Cr' },\n      { value: 1e5, symbol: 'L' },\n      { value: 1e3, symbol: 'k' },\n    ];\n  }\n\n  return [\n    { value: 1e9, symbol: 'B' },\n    { value: 1e6, symbol: 'M' },\n    { value: 1e3, symbol: 'K' },\n  ];\n};\n\nexport {\n  amountFontSizes,\n  amountLineHeights,\n  affixFontSizes,\n  currencyPrefixMapping,\n  getCurrencyAbbreviations,\n};\n\nexport type { Currency };\n"],"names":["affixFontSizes","amountFontSizes","amountLineHeights","currencyPrefixMapping","AED","ALL","AMD","ARS","AUD","AWG","BBD","BDT","BMD","BND","BOB","BSD","BWP","BZD","CAD","CHF","CNY","COP","CRC","CUP","CZK","DKK","DOP","DZD","EGP","ETB","EUR","FJD","GBP","GHS","GIP","GMD","GTQ","GYD","HKD","HNL","HRK","HTG","HUF","IDR","ILS","INR","JMD","KES","KGS","KHR","KYD","KZT","LAK","LKR","LRD","LSL","MAD","MDL","MKD","MMK","MNT","MOP","MUR","MVR","MWK","MXN","MYR","NAD","NGN","NIO","NOK","NPR","NZD","PEN","PGK","PHP","PKR","QAR","RUB","SAR","SCR","SEK","SGD","SLL","SOS","SSP","SVC","SZL","THB","TTD","TZS","USD","UYU","UZS","YER","ZAR","KWD","BHD","OMR","getCurrencyAbbreviations","currency","value","symbol"],"mappings":"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"}
+{"version":3,"file":"amountTokens.js","sources":["../../../../../../src/components/Amount/amountTokens.ts"],"sourcesContent":["import type { FontSize, Typography } from '~tokens/global';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\n\ntype AmountSizes = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge';\n\ntype AmountDisplayProps = {\n  type?: 'display';\n  size?: Extract<AmountSizes, 'small' | 'medium' | 'large' | 'xlarge'>;\n  weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'medium' | 'semibold'>;\n};\n\ntype AmountHeadingProps = {\n  type?: 'heading';\n  size?: Extract<AmountSizes, 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge'>;\n  weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'semibold'>;\n};\n\ntype AmountBodyProps = {\n  type?: 'body';\n  size?: Extract<AmountSizes, 'xsmall' | 'small' | 'medium' | 'large'>;\n  weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'medium' | 'semibold'>;\n};\n\ntype AmountTypeProps = AmountDisplayProps | AmountHeadingProps | AmountBodyProps;\n\nconst normalAmountSizes: Record<\n  'body' | 'heading' | 'display',\n  Partial<Record<NonNullable<AmountTypeProps['size']>, keyof FontSize>>\n> = {\n  body: {\n    xsmall: 25,\n    small: 75,\n    medium: 100,\n    large: 200,\n  },\n  heading: {\n    small: 300,\n    medium: 400,\n    large: 500,\n    xlarge: 600,\n    '2xlarge': 700,\n  },\n  display: {\n    small: 800,\n    medium: 900,\n    large: 1000,\n    xlarge: 1100,\n  },\n};\n\nconst subtleFontSizes: Record<\n  'body' | 'heading' | 'display',\n  Partial<Record<NonNullable<AmountTypeProps['size']>, keyof FontSize>>\n> = {\n  body: {\n    xsmall: normalAmountSizes.body.xsmall,\n    small: normalAmountSizes.body.xsmall,\n    medium: normalAmountSizes.body.xsmall,\n    large: normalAmountSizes.body.small,\n  },\n  heading: {\n    small: normalAmountSizes.body.small,\n    medium: normalAmountSizes.body.medium,\n    large: normalAmountSizes.body.large,\n    xlarge: normalAmountSizes.heading.medium,\n    '2xlarge': normalAmountSizes.heading.large,\n  },\n  display: {\n    small: normalAmountSizes.heading.xlarge,\n    medium: normalAmountSizes.heading['2xlarge'],\n    large: normalAmountSizes.heading['2xlarge'],\n    xlarge: normalAmountSizes.display.small,\n  },\n};\n\nconst amountLineHeights: Record<\n  'body' | 'heading' | 'display',\n  Partial<Record<NonNullable<AmountTypeProps['size']>, keyof Typography['lineHeights']>>\n> = {\n  body: {\n    xsmall: 25,\n    small: 75,\n    medium: 100,\n    large: 200,\n  },\n  heading: {\n    small: 300,\n    medium: 400,\n    large: 500,\n    xlarge: 600,\n    '2xlarge': 700,\n  },\n  display: {\n    small: 800,\n    medium: 900,\n    large: 1000,\n    xlarge: 1100,\n  },\n};\n\n// All the supported currency codes are taken from Razorpay's Merchant Dashboard codebase\nconst currencyIndicatorMapping = {\n  AED: { 'currency-symbol': 'د.إ', 'currency-code': 'AED' },\n  ALL: { 'currency-symbol': 'Lek', 'currency-code': 'ALL' },\n  AMD: { 'currency-symbol': '֏', 'currency-code': 'AMD' },\n  ARS: { 'currency-symbol': 'ARS', 'currency-code': 'ARS' },\n  AUD: { 'currency-symbol': 'A$', 'currency-code': 'AUD' },\n  AWG: { 'currency-symbol': 'Afl.', 'currency-code': 'AWG' },\n  BBD: { 'currency-symbol': '$', 'currency-code': 'BBD' },\n  BDT: { 'currency-symbol': '৳', 'currency-code': 'BDT' },\n  BMD: { 'currency-symbol': '$', 'currency-code': 'BMD' },\n  BND: { 'currency-symbol': 'BND', 'currency-code': 'BND' },\n  BOB: { 'currency-symbol': 'Bs', 'currency-code': 'BOB' },\n  BSD: { 'currency-symbol': 'B$', 'currency-code': 'BSD' },\n  BWP: { 'currency-symbol': 'P', 'currency-code': 'BWP' },\n  BZD: { 'currency-symbol': 'BZ$', 'currency-code': 'BZD' },\n  CAD: { 'currency-symbol': 'C$', 'currency-code': 'CAD' },\n  CHF: { 'currency-symbol': 'CHf', 'currency-code': 'CHF' },\n  CNY: { 'currency-symbol': '¥', 'currency-code': 'CNY' },\n  COP: { 'currency-symbol': 'COL$', 'currency-code': 'COP' },\n  CRC: { 'currency-symbol': '₡', 'currency-code': 'CRC' },\n  CUP: { 'currency-symbol': '$MN', 'currency-code': 'CUP' },\n  CZK: { 'currency-symbol': 'Kč', 'currency-code': 'CZK' },\n  DKK: { 'currency-symbol': 'DKK', 'currency-code': 'DKK' },\n  DOP: { 'currency-symbol': 'RD$', 'currency-code': 'DOP' },\n  DZD: { 'currency-symbol': 'د.ج', 'currency-code': 'DZD' },\n  EGP: { 'currency-symbol': 'E£', 'currency-code': 'EGP' },\n  ETB: { 'currency-symbol': 'ብር', 'currency-code': 'ETB' },\n  EUR: { 'currency-symbol': '€', 'currency-code': 'EUR' },\n  FJD: { 'currency-symbol': 'FJ$', 'currency-code': 'FJD' },\n  GBP: { 'currency-symbol': '£', 'currency-code': 'GBP' },\n  GHS: { 'currency-symbol': 'GH₵', 'currency-code': 'GHS' },\n  GIP: { 'currency-symbol': 'GIP', 'currency-code': 'GIP' },\n  GMD: { 'currency-symbol': 'D', 'currency-code': 'GMD' },\n  GTQ: { 'currency-symbol': 'Q', 'currency-code': 'GTQ' },\n  GYD: { 'currency-symbol': 'G$', 'currency-code': 'GYD' },\n  HKD: { 'currency-symbol': 'HK$', 'currency-code': 'HKD' },\n  HNL: { 'currency-symbol': 'HNL', 'currency-code': 'HNL' },\n  HRK: { 'currency-symbol': 'kn', 'currency-code': 'HRK' },\n  HTG: { 'currency-symbol': 'G', 'currency-code': 'HTG' },\n  HUF: { 'currency-symbol': 'Ft', 'currency-code': 'HUF' },\n  IDR: { 'currency-symbol': 'Rp', 'currency-code': 'IDR' },\n  ILS: { 'currency-symbol': '₪', 'currency-code': 'ILS' },\n  INR: { 'currency-symbol': '₹', 'currency-code': 'INR' },\n  JMD: { 'currency-symbol': 'J$', 'currency-code': 'JMD' },\n  KES: { 'currency-symbol': 'Ksh', 'currency-code': 'KES' },\n  KGS: { 'currency-symbol': 'Лв', 'currency-code': 'KGS' },\n  KHR: { 'currency-symbol': '៛', 'currency-code': 'KHR' },\n  KYD: { 'currency-symbol': 'CI$', 'currency-code': 'KYD' },\n  KZT: { 'currency-symbol': '₸', 'currency-code': 'KZT' },\n  LAK: { 'currency-symbol': '₭', 'currency-code': 'LAK' },\n  LKR: { 'currency-symbol': 'රු', 'currency-code': 'LKR' },\n  LRD: { 'currency-symbol': 'L$', 'currency-code': 'LRD' },\n  LSL: { 'currency-symbol': 'LSL', 'currency-code': 'LSL' },\n  MAD: { 'currency-symbol': 'د.م.', 'currency-code': 'MAD' },\n  MDL: { 'currency-symbol': 'MDL', 'currency-code': 'MDL' },\n  MKD: { 'currency-symbol': 'ден', 'currency-code': 'MKD' },\n  MMK: { 'currency-symbol': 'MMK', 'currency-code': 'MMK' },\n  MNT: { 'currency-symbol': '₮', 'currency-code': 'MNT' },\n  MOP: { 'currency-symbol': 'MOP$', 'currency-code': 'MOP' },\n  MUR: { 'currency-symbol': '₨', 'currency-code': 'MUR' },\n  MVR: { 'currency-symbol': 'Rf', 'currency-code': 'MVR' },\n  MWK: { 'currency-symbol': 'MK', 'currency-code': 'MWK' },\n  MXN: { 'currency-symbol': 'Mex$', 'currency-code': 'MXN' },\n  MYR: { 'currency-symbol': 'RM', 'currency-code': 'MYR' },\n  NAD: { 'currency-symbol': 'N$', 'currency-code': 'NAD' },\n  NGN: { 'currency-symbol': '₦', 'currency-code': 'NGN' },\n  NIO: { 'currency-symbol': 'NIO', 'currency-code': 'NIO' },\n  NOK: { 'currency-symbol': 'NOK', 'currency-code': 'NOK' },\n  NPR: { 'currency-symbol': 'रू', 'currency-code': 'NPR' },\n  NZD: { 'currency-symbol': 'NZ$', 'currency-code': 'NZD' },\n  PEN: { 'currency-symbol': 'S/', 'currency-code': 'PEN' },\n  PGK: { 'currency-symbol': 'PGK', 'currency-code': 'PGK' },\n  PHP: { 'currency-symbol': '₱', 'currency-code': 'PHP' },\n  PKR: { 'currency-symbol': '₨', 'currency-code': 'PKR' },\n  QAR: { 'currency-symbol': 'QR', 'currency-code': 'QAR' },\n  RUB: { 'currency-symbol': '₽', 'currency-code': 'RUB' },\n  SAR: { 'currency-symbol': 'SR', 'currency-code': 'SAR' },\n  SCR: { 'currency-symbol': 'SRe', 'currency-code': 'SCR' },\n  SEK: { 'currency-symbol': 'SEK', 'currency-code': 'SEK' },\n  SGD: { 'currency-symbol': 'S$', 'currency-code': 'SGD' },\n  SLL: { 'currency-symbol': 'Le', 'currency-code': 'SLL' },\n  SOS: { 'currency-symbol': 'Sh.so.', 'currency-code': 'SOS' },\n  SSP: { 'currency-symbol': 'SS£', 'currency-code': 'SSP' },\n  SVC: { 'currency-symbol': '₡', 'currency-code': 'SVC' },\n  SZL: { 'currency-symbol': 'E', 'currency-code': 'SZL' },\n  THB: { 'currency-symbol': '฿', 'currency-code': 'THB' },\n  TTD: { 'currency-symbol': 'TT$', 'currency-code': 'TTD' },\n  TZS: { 'currency-symbol': 'Sh', 'currency-code': 'TZS' },\n  USD: { 'currency-symbol': '$', 'currency-code': 'USD' },\n  UYU: { 'currency-symbol': '$U', 'currency-code': 'UYU' },\n  UZS: { 'currency-symbol': \"so'm\", 'currency-code': 'UZS' },\n  YER: { 'currency-symbol': '﷼', 'currency-code': 'YER' },\n  ZAR: { 'currency-symbol': 'R', 'currency-code': 'ZAR' },\n  KWD: { 'currency-symbol': 'د.ك', 'currency-code': 'KWD' },\n  BHD: { 'currency-symbol': 'د.ب.', 'currency-code': 'BHD' },\n  OMR: { 'currency-symbol': 'ر.ع.', 'currency-code': 'OMR' },\n};\n\ntype CurrencyAbbreviation = {\n  value: number;\n  symbol: string;\n};\n\ntype Currency = keyof typeof currencyIndicatorMapping;\n\nconst getCurrencyAbbreviations = (currency: Currency): CurrencyAbbreviation[] => {\n  if (currency === 'INR') {\n    return [\n      { value: 1e7, symbol: 'Cr' },\n      { value: 1e5, symbol: 'L' },\n      { value: 1e3, symbol: 'k' },\n    ];\n  }\n\n  return [\n    { value: 1e9, symbol: 'B' },\n    { value: 1e6, symbol: 'M' },\n    { value: 1e3, symbol: 'K' },\n  ];\n};\n\nconst currencyPositionMapping: Record<string, string> = {\n  DZD: 'right',\n  BHD: 'right',\n  OMR: 'right',\n  KWD: 'right',\n};\n\nexport {\n  subtleFontSizes,\n  normalAmountSizes,\n  amountLineHeights,\n  currencyPositionMapping,\n  currencyIndicatorMapping,\n  getCurrencyAbbreviations,\n};\n\nexport type { Currency, AmountBodyProps, AmountDisplayProps, AmountHeadingProps, AmountTypeProps };\n"],"names":["normalAmountSizes","body","xsmall","small","medium","large","heading","xlarge","display","subtleFontSizes","amountLineHeights","currencyIndicatorMapping","AED","ALL","AMD","ARS","AUD","AWG","BBD","BDT","BMD","BND","BOB","BSD","BWP","BZD","CAD","CHF","CNY","COP","CRC","CUP","CZK","DKK","DOP","DZD","EGP","ETB","EUR","FJD","GBP","GHS","GIP","GMD","GTQ","GYD","HKD","HNL","HRK","HTG","HUF","IDR","ILS","INR","JMD","KES","KGS","KHR","KYD","KZT","LAK","LKR","LRD","LSL","MAD","MDL","MKD","MMK","MNT","MOP","MUR","MVR","MWK","MXN","MYR","NAD","NGN","NIO","NOK","NPR","NZD","PEN","PGK","PHP","PKR","QAR","RUB","SAR","SCR","SEK","SGD","SLL","SOS","SSP","SVC","SZL","THB","TTD","TZS","USD","UYU","UZS","YER","ZAR","KWD","BHD","OMR","getCurrencyAbbreviations","currency","value","symbol","currencyPositionMapping"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { StyledBadge } from './StyledBadge.web.js';
-import { horizontalPadding, verticalPadding, iconPadding, iconSize } from './badgeTokens.js';
+import { badgeHeight, horizontalPadding, iconPadding, iconSize } from './badgeTokens.js';
 import '../Box/BaseBox/index.js';
 import '../Typography/index.js';
 import '../../utils/metaAttribute/index.js';
@@ -18,48 +18,43 @@ import { isReactNative } from '../../utils/platform/isReactNative.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
+import { makeSize } from '../../utils/makeSize/makeSize.js';
 import { Text } from '../Typography/Text/Text.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded = ["children", "contrast", "fontWeight", "icon", "size", "variant", "color", "testID"];
+var _excluded = ["children", "emphasis", "icon", "size", "color", "testID"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var isFeedbackVariant = function isFeedbackVariant(variant) {
-  var feedbackVariants = ['information', 'negative', 'neutral', 'notice', 'positive'];
-  return feedbackVariants.includes(variant);
-};
 var getColorProps = function getColorProps(_ref) {
-  var variant = _ref.variant,
-    contrast = _ref.contrast;
-  var badgeVariant = variant === 'default' ? 'blue' : variant;
+  var color = _ref.color,
+    emphasis = _ref.emphasis;
   var props = {
-    iconColor: 'feedback.icon.neutral.lowContrast',
-    textColor: 'feedback.text.neutral.lowContrast',
-    backgroundColor: 'feedback.background.neutral.lowContrast'
+    iconColor: 'feedback.icon.neutral.intense',
+    textColor: 'feedback.text.neutral.intense',
+    backgroundColor: 'feedback.background.neutral.subtle'
   };
-  if (isFeedbackVariant(badgeVariant)) {
-    props.iconColor = "feedback.icon.".concat(badgeVariant, ".").concat(contrast, "Contrast");
-    props.textColor = "feedback.text.".concat(badgeVariant, ".").concat(contrast, "Contrast");
-    props.backgroundColor = "feedback.background.".concat(badgeVariant, ".").concat(contrast, "Contrast");
+  if (color === 'primary') {
+    // primary color badge
+    props.textColor = emphasis === 'intense' ? "surface.text.staticWhite.normal" : "surface.text.primary.normal";
+    props.iconColor = emphasis === 'intense' ? "surface.icon.staticWhite.normal" : "surface.icon.primary.normal";
+    props.backgroundColor = "surface.background.primary.".concat(emphasis);
   } else {
-    props.iconColor = "badge.icon.".concat(badgeVariant, ".").concat(contrast, "Contrast");
-    props.textColor = "badge.text.".concat(badgeVariant, ".").concat(contrast, "Contrast");
-    props.backgroundColor = "badge.background.".concat(badgeVariant, ".").concat(contrast, "Contrast");
+    // feedback colors badge
+    props.textColor = emphasis === 'intense' ? "surface.text.staticWhite.normal" : "feedback.text.".concat(color, ".intense");
+    props.iconColor = emphasis === 'intense' ? "surface.icon.staticWhite.normal" : "feedback.icon.".concat(color, ".intense");
+    props.backgroundColor = "feedback.background.".concat(color, ".").concat(emphasis);
   }
   return props;
 };
 var _Badge = function _Badge(_ref2) {
   var children = _ref2.children,
-    _ref2$contrast = _ref2.contrast,
-    contrast = _ref2$contrast === void 0 ? 'low' : _ref2$contrast,
-    _ref2$fontWeight = _ref2.fontWeight,
-    fontWeight = _ref2$fontWeight === void 0 ? 'regular' : _ref2$fontWeight,
+    _ref2$emphasis = _ref2.emphasis,
+    emphasis = _ref2$emphasis === void 0 ? 'subtle' : _ref2$emphasis,
     Icon = _ref2.icon,
     _ref2$size = _ref2.size,
     size = _ref2$size === void 0 ? 'medium' : _ref2$size,
-    _ref2$variant = _ref2.variant,
-    variant = _ref2$variant === void 0 ? 'neutral' : _ref2$variant,
-    color = _ref2.color,
+    _ref2$color = _ref2.color,
+    color = _ref2$color === void 0 ? 'neutral' : _ref2$color,
     testID = _ref2.testID,
     styledProps = _objectWithoutProperties(_ref2, _excluded);
   var childrenString = getStringFromReactText(children);
@@ -71,10 +66,9 @@ var _Badge = function _Badge(_ref2) {
       });
     }
   }
-  var badgeVariant = color !== null && color !== void 0 ? color : variant;
   var _getColorProps = getColorProps({
-      variant: badgeVariant,
-      contrast: contrast
+      color: color,
+      emphasis: emphasis
     }),
     backgroundColor = _getColorProps.backgroundColor,
     iconColor = _getColorProps.iconColor,
@@ -100,14 +94,12 @@ var _Badge = function _Badge(_ref2) {
     testID: testID
   })), getStyledProps(styledProps)), {}, {
     children: /*#__PURE__*/jsx(StyledBadge, {
+      height: makeSize(badgeHeight[size]),
       backgroundColor: backgroundColor,
       size: size,
       textAlign: 'left',
       children: /*#__PURE__*/jsxs(BaseBox, {
-        paddingRight: horizontalPadding[size],
-        paddingLeft: horizontalPadding[size],
-        paddingTop: verticalPadding[size],
-        paddingBottom: verticalPadding[size],
+        paddingX: horizontalPadding[size],
         display: "flex",
         flexDirection: "row",
         justifyContent: "center",
@@ -121,8 +113,7 @@ var _Badge = function _Badge(_ref2) {
             size: iconSize[size]
           })
         }) : null, /*#__PURE__*/jsx(Text, _objectSpread(_objectSpread({}, badgeTextSizes[size]), {}, {
-          type: "normal",
-          weight: fontWeight,
+          weight: "medium",
           truncateAfterLines: 1,
           color: textColor,
           children: children

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport type { StyledBadgeProps } from './types';\nimport { StyledBadge } from './StyledBadge';\nimport { iconPadding, iconSize, horizontalPadding, verticalPadding } from './badgeTokens';\nimport type { IconComponent, IconProps } from '~components/Icons';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { Feedback } from '~tokens/theme/theme';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport { Text } from '~components/Typography';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport type { StringChildrenType, TestID } from '~utils/types';\nimport { getStringFromReactText } from '~src/utils/getStringChildren';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { isReactNative } from '~utils';\nimport { throwBladeError } from '~utils/logger';\n\ntype BadgeProps = {\n  /**\n   * Sets the label for the badge.\n   *\n   */\n  children: StringChildrenType;\n  /**\n   * This prop is deprecated in favor of `color`.\n   *\n   * @deprecated Use the `color` prop instead\n   * @default 'neutral'\n   */\n  variant?: Feedback | 'blue';\n  /**\n   * Sets the color of the badge.\n   *\n   * @default 'neutral'\n   */\n  color?: Feedback | 'default';\n  /**\n   * Sets the contrast of the badge.\n   *\n   * @default 'low'\n   */\n  contrast?: 'low' | 'high';\n  /**\n   * Sets the size of the badge.\n   *\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n  /**\n   * Icon to be displayed in the badge.\n   * Accepts a component of type `IconComponent` from Blade.\n   *\n   */\n  icon?: IconComponent;\n  /**\n   * Sets the fontWeight of the label.\n   *\n   * @default 'regular'\n   */\n  fontWeight?: 'regular' | 'bold';\n} & TestID &\n  StyledPropsBlade;\n\nconst isFeedbackVariant = (variant: string): variant is Feedback => {\n  const feedbackVariants = ['information', 'negative', 'neutral', 'notice', 'positive'];\n  return feedbackVariants.includes(variant);\n};\n\ntype ColorProps = {\n  iconColor: IconProps['color'];\n  textColor: BaseTextProps['color'];\n  backgroundColor: StyledBadgeProps['backgroundColor'];\n};\n\nconst getColorProps = ({\n  variant,\n  contrast,\n}: {\n  variant: NonNullable<BadgeProps['color'] | 'blue'>;\n  contrast: NonNullable<BadgeProps['contrast']>;\n}): ColorProps => {\n  const badgeVariant = variant === 'default' ? 'blue' : variant;\n  const props: ColorProps = {\n    iconColor: 'feedback.icon.neutral.lowContrast',\n    textColor: 'feedback.text.neutral.lowContrast',\n    backgroundColor: 'feedback.background.neutral.lowContrast',\n  };\n  if (isFeedbackVariant(badgeVariant)) {\n    props.iconColor = `feedback.icon.${badgeVariant}.${contrast}Contrast`;\n    props.textColor = `feedback.text.${badgeVariant}.${contrast}Contrast`;\n    props.backgroundColor = `feedback.background.${badgeVariant}.${contrast}Contrast`;\n  } else {\n    props.iconColor = `badge.icon.${badgeVariant}.${contrast}Contrast`;\n    props.textColor = `badge.text.${badgeVariant}.${contrast}Contrast`;\n    props.backgroundColor = `badge.background.${badgeVariant}.${contrast}Contrast`;\n  }\n  return props;\n};\n\nconst _Badge = ({\n  children,\n  contrast = 'low',\n  fontWeight = 'regular',\n  icon: Icon,\n  size = 'medium',\n  // TODO: Remove variant prop in next major release in favor of color prop\n  variant = 'neutral',\n  color,\n  testID,\n  ...styledProps\n}: BadgeProps): ReactElement => {\n  const childrenString = getStringFromReactText(children);\n  if (__DEV__) {\n    if (!childrenString?.trim()) {\n      throwBladeError({\n        message: 'Text as children is required for Badge.',\n        moduleName: 'Badge',\n      });\n    }\n  }\n\n  const badgeVariant = color ?? variant;\n  const { backgroundColor, iconColor, textColor } = getColorProps({\n    variant: badgeVariant,\n    contrast,\n  });\n\n  const badgeTextSizes = {\n    small: {\n      variant: 'body',\n      size: 'xsmall',\n    },\n    medium: {\n      variant: 'body',\n      size: 'small',\n    },\n    large: {\n      variant: 'body',\n      size: 'small',\n    },\n  } as const;\n\n  return (\n    <BaseBox\n      display={(isReactNative() ? 'flex' : 'inline-flex') as never}\n      {...metaAttribute({ name: MetaConstants.Badge, testID })}\n      {...getStyledProps(styledProps)}\n    >\n      <StyledBadge backgroundColor={backgroundColor} size={size} textAlign={'left' as never}>\n        <BaseBox\n          paddingRight={horizontalPadding[size]}\n          paddingLeft={horizontalPadding[size]}\n          paddingTop={verticalPadding[size]}\n          paddingBottom={verticalPadding[size]}\n          display=\"flex\"\n          flexDirection=\"row\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          overflow=\"hidden\"\n        >\n          {Icon ? (\n            <BaseBox paddingRight={Boolean(Icon) ? iconPadding[size] : 'spacing.0'} display=\"flex\">\n              <Icon color={iconColor} size={iconSize[size]} />\n            </BaseBox>\n          ) : null}\n          <Text\n            {...badgeTextSizes[size]}\n            type=\"normal\"\n            weight={fontWeight}\n            truncateAfterLines={1}\n            color={textColor}\n          >\n            {children}\n          </Text>\n        </BaseBox>\n      </StyledBadge>\n    </BaseBox>\n  );\n};\n\nconst Badge = assignWithoutSideEffects(_Badge, {\n  displayName: 'Badge',\n  componentId: 'Badge',\n});\n\nexport type { BadgeProps };\nexport { Badge };\n"],"names":["isFeedbackVariant","variant","feedbackVariants","includes","getColorProps","_ref","contrast","badgeVariant","props","iconColor","textColor","backgroundColor","concat","_Badge","_ref2","children","_ref2$contrast","_ref2$fontWeight","fontWeight","Icon","icon","_ref2$size","size","_ref2$variant","color","testID","styledProps","_objectWithoutProperties","_excluded","childrenString","getStringFromReactText","trim","throwBladeError","message","moduleName","_getColorProps","badgeTextSizes","small","medium","large","_jsx","BaseBox","_objectSpread","display","isReactNative","metaAttribute","name","MetaConstants","Badge","getStyledProps","StyledBadge","textAlign","_jsxs","paddingRight","horizontalPadding","paddingLeft","paddingTop","verticalPadding","paddingBottom","flexDirection","justifyContent","alignItems","overflow","Boolean","iconPadding","iconSize","Text","type","weight","truncateAfterLines","assignWithoutSideEffects","displayName","componentId"],"mappings":"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"}
+{"version":3,"file":"Badge.js","sources":["../../../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport type { StyledBadgeProps } from './types';\nimport { StyledBadge } from './StyledBadge';\nimport { iconPadding, iconSize, horizontalPadding, badgeHeight } from './badgeTokens';\nimport type { IconComponent, IconProps } from '~components/Icons';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { FeedbackColors, SubtleOrIntense } from '~tokens/theme/theme';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport { Text } from '~components/Typography';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport type { StringChildrenType, TestID } from '~utils/types';\nimport { getStringFromReactText } from '~src/utils/getStringChildren';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { isReactNative, makeSize } from '~utils';\nimport { throwBladeError } from '~utils/logger';\n\ntype BadgeProps = {\n  /**\n   * Sets the label for the badge.\n   *\n   */\n  children: StringChildrenType;\n  /**\n   * Sets the color of the badge.\n   *\n   * @default 'neutral'\n   */\n  color?: FeedbackColors | 'primary';\n  /**\n   * Sets the contrast of the badge.\n   *\n   * @default 'subtle'\n   */\n  emphasis?: SubtleOrIntense;\n  /**\n   * Sets the size of the badge.\n   *\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n  /**\n   * Icon to be displayed in the badge.\n   * Accepts a component of type `IconComponent` from Blade.\n   *\n   */\n  icon?: IconComponent;\n} & TestID &\n  StyledPropsBlade;\n\ntype ColorProps = {\n  iconColor: IconProps['color'];\n  textColor: BaseTextProps['color'];\n  backgroundColor: StyledBadgeProps['backgroundColor'];\n};\n\nconst getColorProps = ({\n  color,\n  emphasis,\n}: {\n  color: NonNullable<BadgeProps['color']>;\n  emphasis: NonNullable<BadgeProps['emphasis']>;\n}): ColorProps => {\n  const props: ColorProps = {\n    iconColor: 'feedback.icon.neutral.intense',\n    textColor: 'feedback.text.neutral.intense',\n    backgroundColor: 'feedback.background.neutral.subtle',\n  };\n\n  if (color === 'primary') {\n    // primary color badge\n    props.textColor =\n      emphasis === 'intense' ? `surface.text.staticWhite.normal` : `surface.text.primary.normal`;\n    props.iconColor =\n      emphasis === 'intense' ? `surface.icon.staticWhite.normal` : `surface.icon.primary.normal`;\n    props.backgroundColor = `surface.background.primary.${emphasis}`;\n  } else {\n    // feedback colors badge\n    props.textColor =\n      emphasis === 'intense' ? `surface.text.staticWhite.normal` : `feedback.text.${color}.intense`;\n    props.iconColor =\n      emphasis === 'intense' ? `surface.icon.staticWhite.normal` : `feedback.icon.${color}.intense`;\n    props.backgroundColor = `feedback.background.${color}.${emphasis}`;\n  }\n\n  return props;\n};\n\nconst _Badge = ({\n  children,\n  emphasis = 'subtle',\n  icon: Icon,\n  size = 'medium',\n  color = 'neutral',\n  testID,\n  ...styledProps\n}: BadgeProps): ReactElement => {\n  const childrenString = getStringFromReactText(children);\n  if (__DEV__) {\n    if (!childrenString?.trim()) {\n      throwBladeError({\n        message: 'Text as children is required for Badge.',\n        moduleName: 'Badge',\n      });\n    }\n  }\n\n  const { backgroundColor, iconColor, textColor } = getColorProps({\n    color,\n    emphasis,\n  });\n\n  const badgeTextSizes = {\n    small: {\n      variant: 'body',\n      size: 'xsmall',\n    },\n    medium: {\n      variant: 'body',\n      size: 'small',\n    },\n    large: {\n      variant: 'body',\n      size: 'small',\n    },\n  } as const;\n\n  return (\n    <BaseBox\n      display={(isReactNative() ? 'flex' : 'inline-flex') as never}\n      {...metaAttribute({ name: MetaConstants.Badge, testID })}\n      {...getStyledProps(styledProps)}\n    >\n      <StyledBadge\n        height={makeSize(badgeHeight[size])}\n        backgroundColor={backgroundColor}\n        size={size}\n        textAlign={'left' as never}\n      >\n        <BaseBox\n          paddingX={horizontalPadding[size]}\n          display=\"flex\"\n          flexDirection=\"row\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          overflow=\"hidden\"\n        >\n          {Icon ? (\n            <BaseBox paddingRight={Boolean(Icon) ? iconPadding[size] : 'spacing.0'} display=\"flex\">\n              <Icon color={iconColor} size={iconSize[size]} />\n            </BaseBox>\n          ) : null}\n          <Text {...badgeTextSizes[size]} weight=\"medium\" truncateAfterLines={1} color={textColor}>\n            {children}\n          </Text>\n        </BaseBox>\n      </StyledBadge>\n    </BaseBox>\n  );\n};\n\nconst Badge = assignWithoutSideEffects(_Badge, {\n  displayName: 'Badge',\n  componentId: 'Badge',\n});\n\nexport type { BadgeProps };\nexport { Badge };\n"],"names":["getColorProps","_ref","color","emphasis","props","iconColor","textColor","backgroundColor","concat","_Badge","_ref2","children","_ref2$emphasis","Icon","icon","_ref2$size","size","_ref2$color","testID","styledProps","_objectWithoutProperties","_excluded","childrenString","getStringFromReactText","trim","throwBladeError","message","moduleName","_getColorProps","badgeTextSizes","small","variant","medium","large","_jsx","BaseBox","_objectSpread","display","isReactNative","metaAttribute","name","MetaConstants","Badge","getStyledProps","StyledBadge","height","makeSize","badgeHeight","textAlign","_jsxs","paddingX","horizontalPadding","flexDirection","justifyContent","alignItems","overflow","paddingRight","Boolean","iconPadding","iconSize","Text","weight","truncateAfterLines","assignWithoutSideEffects","displayName","componentId"],"mappings":"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"}

package/build/lib/web/development/components/Badge/badgeTokens.js

@@ -1,7 +1,9 @@
-var verticalPadding = {
-  small: 'spacing.0',
-  medium: 'spacing.1',
-  large: 'spacing.2'
+import { size } from '../../tokens/global/size.js';
+
+var badgeHeight = {
+  small: size[16],
+  medium: size[20],
+  large: size[24]
 };
 var horizontalPadding = {
   small: 'spacing.3',
@@ -19,5 +21,5 @@ var iconSize = {
   large: 'small'
 };
 
-export { horizontalPadding, iconPadding, iconSize, verticalPadding };
+export { badgeHeight, horizontalPadding, iconPadding, iconSize };
 //# sourceMappingURL=badgeTokens.js.map

package/build/lib/web/development/components/Badge/badgeTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"badgeTokens.js","sources":["../../../../../../src/components/Badge/badgeTokens.ts"],"sourcesContent":["import type { BadgeProps } from './Badge';\nimport type { DotNotationSpacingStringToken } from '~utils/types';\nimport type { IconProps } from '~components/Icons';\n\nconst verticalPadding: Record<NonNullable<BadgeProps['size']>, DotNotationSpacingStringToken> = {\n  small: 'spacing.0',\n  medium: 'spacing.1',\n  large: 'spacing.2',\n};\n\nconst horizontalPadding: Record<NonNullable<BadgeProps['size']>, DotNotationSpacingStringToken> = {\n  small: 'spacing.3',\n  medium: 'spacing.3',\n  large: 'spacing.4',\n};\n\nconst iconPadding: Record<NonNullable<BadgeProps['size']>, DotNotationSpacingStringToken> = {\n  small: 'spacing.1',\n  medium: 'spacing.2',\n  large: 'spacing.2',\n};\n\nconst iconSize: Record<NonNullable<BadgeProps['size']>, IconProps['size']> = {\n  small: 'xsmall',\n  medium: 'small',\n  large: 'small',\n};\n\nexport { verticalPadding, horizontalPadding, iconPadding, iconSize };\n"],"names":["verticalPadding","small","medium","large","horizontalPadding","iconPadding","iconSize"],"mappings":"AAIA,IAAMA,eAAuF,GAAG;AAC9FC,EAAAA,KAAK,EAAE,WAAW;AAClBC,EAAAA,MAAM,EAAE,WAAW;AACnBC,EAAAA,KAAK,EAAE,WAAA;AACT,EAAC;AAED,IAAMC,iBAAyF,GAAG;AAChGH,EAAAA,KAAK,EAAE,WAAW;AAClBC,EAAAA,MAAM,EAAE,WAAW;AACnBC,EAAAA,KAAK,EAAE,WAAA;AACT,EAAC;AAED,IAAME,WAAmF,GAAG;AAC1FJ,EAAAA,KAAK,EAAE,WAAW;AAClBC,EAAAA,MAAM,EAAE,WAAW;AACnBC,EAAAA,KAAK,EAAE,WAAA;AACT,EAAC;AAED,IAAMG,QAAoE,GAAG;AAC3EL,EAAAA,KAAK,EAAE,QAAQ;AACfC,EAAAA,MAAM,EAAE,OAAO;AACfC,EAAAA,KAAK,EAAE,OAAA;AACT;;;;"}
+{"version":3,"file":"badgeTokens.js","sources":["../../../../../../src/components/Badge/badgeTokens.ts"],"sourcesContent":["import type { BadgeProps } from './Badge';\nimport type { DotNotationSpacingStringToken } from '~utils/types';\nimport type { IconProps } from '~components/Icons';\nimport { size } from '~tokens/global/size';\n\nconst badgeHeight: Record<NonNullable<BadgeProps['size']>, number> = {\n  small: size[16],\n  medium: size[20],\n  large: size[24],\n};\n\nconst horizontalPadding: Record<NonNullable<BadgeProps['size']>, DotNotationSpacingStringToken> = {\n  small: 'spacing.3',\n  medium: 'spacing.3',\n  large: 'spacing.4',\n};\n\nconst iconPadding: Record<NonNullable<BadgeProps['size']>, DotNotationSpacingStringToken> = {\n  small: 'spacing.1',\n  medium: 'spacing.2',\n  large: 'spacing.2',\n};\n\nconst iconSize: Record<NonNullable<BadgeProps['size']>, IconProps['size']> = {\n  small: 'xsmall',\n  medium: 'small',\n  large: 'small',\n};\n\nexport { badgeHeight, horizontalPadding, iconPadding, iconSize };\n"],"names":["badgeHeight","small","size","medium","large","horizontalPadding","iconPadding","iconSize"],"mappings":";;AAKA,IAAMA,WAA4D,GAAG;AACnEC,EAAAA,KAAK,EAAEC,IAAI,CAAC,EAAE,CAAC;AACfC,EAAAA,MAAM,EAAED,IAAI,CAAC,EAAE,CAAC;EAChBE,KAAK,EAAEF,IAAI,CAAC,EAAE,CAAA;AAChB,EAAC;AAED,IAAMG,iBAAyF,GAAG;AAChGJ,EAAAA,KAAK,EAAE,WAAW;AAClBE,EAAAA,MAAM,EAAE,WAAW;AACnBC,EAAAA,KAAK,EAAE,WAAA;AACT,EAAC;AAED,IAAME,WAAmF,GAAG;AAC1FL,EAAAA,KAAK,EAAE,WAAW;AAClBE,EAAAA,MAAM,EAAE,WAAW;AACnBC,EAAAA,KAAK,EAAE,WAAA;AACT,EAAC;AAED,IAAMG,QAAoE,GAAG;AAC3EN,EAAAA,KAAK,EAAE,QAAQ;AACfE,EAAAA,MAAM,EAAE,OAAO;AACfC,EAAAA,KAAK,EAAE,OAAA;AACT;;;;"}

package/build/lib/web/development/components/BaseHeaderFooter/BaseHeader.js

@@ -21,7 +21,6 @@ import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
 import { Box } from '../Box/Box.js';
 import { IconButton } from '../Button/IconButton/IconButton.js';
 import ChevronLeftIcon from '../Icons/ChevronLeftIcon/ChevronLeftIcon.js';
-import { Heading } from '../Typography/Heading/Heading.js';
 import { Text } from '../Typography/Text/Text.js';
 import CloseIcon from '../Icons/CloseIcon/CloseIcon.js';
 import { Divider } from '../Divider/Divider.js';
@@ -57,7 +56,8 @@ var propRestrictionMap = {
     variant: 'body'
   },
   Amount: {
-    size: 'body-medium'
+    type: 'body',
+    size: 'medium'
   }
 };
 var useTrailingRestriction = function useTrailingRestriction(trailing) {
@@ -191,10 +191,10 @@ var _BaseHeader = function _BaseHeader(_ref) {
               flexShrink: 0,
               display: "flex",
               flexDirection: "row",
-              children: [title ? /*#__PURE__*/jsx(Heading, {
-                size: "small",
-                variant: "regular",
-                type: "normal",
+              children: [title ? /*#__PURE__*/jsx(Text, {
+                size: "large",
+                weight: "semibold",
+                color: "surface.text.gray.normal",
                 children: title
               }) : null, titleSuffix && /*#__PURE__*/jsx(BaseBox, {
                 marginLeft: "spacing.3",
@@ -206,7 +206,7 @@ var _BaseHeader = function _BaseHeader(_ref) {
               variant: "body",
               size: "small",
               weight: "regular",
-              type: "muted",
+              color: "surface.text.gray.muted",
               children: subtitle
             }) : null]
           })]

package/build/lib/web/development/components/BaseHeaderFooter/BaseHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseHeader.js","sources":["../../../../../../src/components/BaseHeaderFooter/BaseHeader.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport type { ReactDOMAttributes } from '@use-gesture/react/dist/declarations/src/types';\nimport { Divider } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Heading, Text } from '~components/Typography';\nimport { IconButton } from '~components/Button/IconButton';\nimport { ChevronLeftIcon, CloseIcon } from '~components/Icons';\nimport type { TestID } from '~utils/types';\nimport type { BoxProps } from '~components/Box';\nimport { Box } from '~components/Box';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { isReactNative } from '~utils';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport { logger, throwBladeError } from '~utils/logger';\n\ntype BaseHeaderProps = {\n  title?: string;\n  subtitle?: string;\n  /**\n   * Leading part of the header placed at the left most side of the header\n   */\n  leading?: React.ReactNode;\n  /**\n   * Trailing part of the header placed at the right most side of the header\n   */\n  trailing?: React.ReactNode;\n  /**\n   * Placed adjacent to the title text\n   */\n  titleSuffix?: React.ReactNode;\n  /**\n   * @default true\n   */\n  showDivider?: boolean;\n  /**\n   * @default false\n   */\n  showBackButton?: boolean;\n  /**\n   * @default true\n   */\n  showCloseButton?: boolean;\n  onCloseButtonClick?: () => void;\n  onBackButtonClick?: () => void;\n  closeButtonRef?: React.MutableRefObject<any>;\n  metaComponentName?: string;\n  /**\n   * inner child of BottomSheetHeader. Meant to be used for AutoComplete only\n   */\n  children?: React.ReactElement;\n} & Pick<\n  ReactDOMAttributes,\n  | 'onClickCapture'\n  | 'onKeyDown'\n  | 'onKeyUp'\n  | 'onLostPointerCapture'\n  | 'onPointerCancel'\n  | 'onPointerDown'\n  | 'onPointerMove'\n  | 'onPointerUp'\n> &\n  TestID;\n\ntype TrailingComponents = 'Button' | 'Badge' | 'Link' | 'Text' | 'Amount';\n\nconst centerBoxProps: BoxProps = {\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  // We want to align title, icon, titleSuffix, trailing, closeButton to baseline\n  // But we also want to keep them center aligned to each other\n  // So we add a virtual Box around these slots with 28px and center align them to that box\n  // We have done similar thing in figma as well (which is where this 28px comes from)\n  height: '28px',\n};\n\n// prop restriction map for corresponding sub components\nconst propRestrictionMap = {\n  Button: {\n    size: 'xsmall',\n    variant: 'tertiary',\n  },\n  Badge: {\n    size: 'medium',\n  },\n  Link: {\n    size: 'medium',\n  },\n  Text: {\n    size: 'medium',\n    variant: 'body',\n  },\n  Amount: {\n    size: 'body-medium',\n  },\n} as const;\n\nconst useTrailingRestriction = (trailing: React.ReactNode): React.ReactNode => {\n  const [\n    validatedTrailingComponent,\n    setValidatedTrailingComponent,\n  ] = React.useState<React.ReactElement | null>(null);\n\n  // validate and restrict sub component props in trailing prop\n  React.useEffect(() => {\n    if (React.isValidElement(trailing)) {\n      const trailingComponentType = getComponentId(trailing) as TrailingComponents;\n      const restrictedProps = propRestrictionMap[trailingComponentType];\n      const allowedComponents = Object.keys(propRestrictionMap);\n      if (__DEV__) {\n        if (!restrictedProps) {\n          throwBladeError({\n            message: `Only one of \\`${allowedComponents.join(\n              ', ',\n            )}\\` component is accepted as trailing`,\n            moduleName: 'Header',\n          });\n        }\n      }\n\n      const restrictedPropKeys = Object.keys(propRestrictionMap[trailingComponentType]);\n      for (const prop of restrictedPropKeys) {\n        if (trailing?.props?.hasOwnProperty(prop)) {\n          logger({\n            message: `Do not pass \"${prop}\" to \"${trailingComponentType}\" while inside Header trailing, because we override it.`,\n            moduleName: 'Header',\n            type: 'warn',\n          });\n        }\n      }\n      setValidatedTrailingComponent(\n        React.cloneElement(trailing as React.ReactElement, restrictedProps),\n      );\n    }\n  }, [trailing]);\n\n  return validatedTrailingComponent;\n};\n\nconst _BaseHeader = ({\n  title,\n  subtitle,\n  leading,\n  titleSuffix,\n  trailing,\n  showDivider = true,\n  showBackButton = false,\n  showCloseButton = true,\n  onBackButtonClick,\n  onCloseButtonClick,\n  closeButtonRef,\n  testID,\n  onClickCapture,\n  onKeyDown,\n  onKeyUp,\n  onLostPointerCapture,\n  onPointerCancel,\n  onPointerDown,\n  onPointerMove,\n  onPointerUp,\n  metaComponentName,\n  children,\n}: BaseHeaderProps): React.ReactElement => {\n  const validatedTrailingComponent = useTrailingRestriction(trailing);\n  const shouldWrapTitle = titleSuffix && trailing && showBackButton && showCloseButton;\n\n  const webOnlyEventHandlers: Record<string, any> = isReactNative()\n    ? {}\n    : {\n        onClickCapture,\n        onKeyDown,\n        onKeyUp,\n        onLostPointerCapture,\n        onPointerCancel,\n        onPointerDown,\n        onPointerMove,\n        onPointerUp,\n      };\n\n  return (\n    <BaseBox {...metaAttribute({ name: metaComponentName, testID })}>\n      <BaseBox\n        marginY={{ base: 'spacing.5', m: 'spacing.6' }}\n        paddingX={{ base: 'spacing.5', m: 'spacing.6' }}\n        touchAction=\"none\"\n        {...webOnlyEventHandlers}\n      >\n        <BaseBox display=\"flex\" flexDirection=\"row\" userSelect=\"none\">\n          {showBackButton ? (\n            <BaseBox overflow=\"visible\" marginRight=\"spacing.5\">\n              <Box {...centerBoxProps}>\n                <IconButton\n                  size=\"large\"\n                  icon={ChevronLeftIcon}\n                  onClick={() => onBackButtonClick?.()}\n                  accessibilityLabel=\"Back\"\n                />\n              </Box>\n            </BaseBox>\n          ) : null}\n          <BaseBox\n            paddingRight=\"spacing.5\"\n            marginRight=\"auto\"\n            flex=\"auto\"\n            display=\"flex\"\n            flexDirection=\"row\"\n            alignItems=\"flex-start\"\n          >\n            {leading ? (\n              <BaseBox\n                width=\"spacing.8\"\n                height=\"spacing.8\"\n                marginRight=\"spacing.3\"\n                {...centerBoxProps}\n              >\n                {leading}\n              </BaseBox>\n            ) : null}\n            <BaseBox flex=\"auto\">\n              <BaseBox\n                // Explicitly setting maxWidth in React Native because text is not being wrapped properly when multiple fix width components are rendered in header\n                // In web, flex containers seem to work a expected\n                // @todo: resolve this if we figure out some better solution later\n                maxWidth={isReactNative() && shouldWrapTitle ? '100px' : undefined}\n                flexShrink={0}\n                display=\"flex\"\n                flexDirection=\"row\"\n              >\n                {title ? (\n                  <Heading size=\"small\" variant=\"regular\" type=\"normal\">\n                    {title}\n                  </Heading>\n                ) : null}\n                {titleSuffix && (\n                  <BaseBox marginLeft=\"spacing.3\">\n                    <Box {...centerBoxProps}>{titleSuffix}</Box>\n                  </BaseBox>\n                )}\n              </BaseBox>\n              {subtitle ? (\n                <Text variant=\"body\" size=\"small\" weight=\"regular\" type=\"muted\">\n                  {subtitle}\n                </Text>\n              ) : null}\n            </BaseBox>\n          </BaseBox>\n          {validatedTrailingComponent ? (\n            <BaseBox marginRight=\"spacing.5\">\n              <Box {...centerBoxProps}>{validatedTrailingComponent}</Box>\n            </BaseBox>\n          ) : null}\n          {showCloseButton ? (\n            <Box {...centerBoxProps}>\n              <IconButton\n                ref={closeButtonRef}\n                size=\"large\"\n                icon={CloseIcon}\n                accessibilityLabel=\"Close\"\n                onClick={() => onCloseButtonClick?.()}\n              />\n            </Box>\n          ) : null}\n        </BaseBox>\n        {children}\n      </BaseBox>\n      {showDivider ? <Divider /> : null}\n    </BaseBox>\n  );\n};\n\nconst BaseHeader = assignWithoutSideEffects(_BaseHeader, {\n  componentId: 'BaseHeader',\n});\n\nexport type { BaseHeaderProps };\nexport { BaseHeader };\n"],"names":["centerBoxProps","display","alignItems","justifyContent","height","propRestrictionMap","Button","size","variant","Badge","Link","Text","Amount","useTrailingRestriction","trailing","_React$useState","React","useState","_React$useState2","_slicedToArray","validatedTrailingComponent","setValidatedTrailingComponent","useEffect","isValidElement","trailingComponentType","getComponentId","restrictedProps","allowedComponents","Object","keys","throwBladeError","message","concat","join","moduleName","restrictedPropKeys","_i","_restrictedPropKeys","length","_trailing$props","prop","props","hasOwnProperty","logger","type","cloneElement","_BaseHeader","_ref","title","subtitle","leading","titleSuffix","_ref$showDivider","showDivider","_ref$showBackButton","showBackButton","_ref$showCloseButton","showCloseButton","onBackButtonClick","onCloseButtonClick","closeButtonRef","testID","onClickCapture","onKeyDown","onKeyUp","onLostPointerCapture","onPointerCancel","onPointerDown","onPointerMove","onPointerUp","metaComponentName","children","shouldWrapTitle","webOnlyEventHandlers","isReactNative","_jsxs","BaseBox","_objectSpread","metaAttribute","name","marginY","base","m","paddingX","touchAction","flexDirection","userSelect","_jsx","overflow","marginRight","Box","IconButton","icon","ChevronLeftIcon","onClick","accessibilityLabel","paddingRight","flex","width","maxWidth","undefined","flexShrink","Heading","marginLeft","weight","ref","CloseIcon","Divider","BaseHeader","assignWithoutSideEffects","componentId"],"mappings":"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"}
+{"version":3,"file":"BaseHeader.js","sources":["../../../../../../src/components/BaseHeaderFooter/BaseHeader.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport type { ReactDOMAttributes } from '@use-gesture/react/dist/declarations/src/types';\nimport { Divider } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { IconButton } from '~components/Button/IconButton';\nimport { ChevronLeftIcon, CloseIcon } from '~components/Icons';\nimport type { TestID } from '~utils/types';\nimport type { BoxProps } from '~components/Box';\nimport { Box } from '~components/Box';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { isReactNative } from '~utils';\nimport { metaAttribute } from '~utils/metaAttribute';\nimport { logger, throwBladeError } from '~utils/logger';\n\ntype BaseHeaderProps = {\n  title?: string;\n  subtitle?: string;\n  /**\n   * Leading part of the header placed at the left most side of the header\n   */\n  leading?: React.ReactNode;\n  /**\n   * Trailing part of the header placed at the right most side of the header\n   */\n  trailing?: React.ReactNode;\n  /**\n   * Placed adjacent to the title text\n   */\n  titleSuffix?: React.ReactNode;\n  /**\n   * @default true\n   */\n  showDivider?: boolean;\n  /**\n   * @default false\n   */\n  showBackButton?: boolean;\n  /**\n   * @default true\n   */\n  showCloseButton?: boolean;\n  onCloseButtonClick?: () => void;\n  onBackButtonClick?: () => void;\n  closeButtonRef?: React.MutableRefObject<any>;\n  metaComponentName?: string;\n  /**\n   * inner child of BottomSheetHeader. Meant to be used for AutoComplete only\n   */\n  children?: React.ReactElement;\n} & Pick<\n  ReactDOMAttributes,\n  | 'onClickCapture'\n  | 'onKeyDown'\n  | 'onKeyUp'\n  | 'onLostPointerCapture'\n  | 'onPointerCancel'\n  | 'onPointerDown'\n  | 'onPointerMove'\n  | 'onPointerUp'\n> &\n  TestID;\n\ntype TrailingComponents = 'Button' | 'Badge' | 'Link' | 'Text' | 'Amount';\n\nconst centerBoxProps: BoxProps = {\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  // We want to align title, icon, titleSuffix, trailing, closeButton to baseline\n  // But we also want to keep them center aligned to each other\n  // So we add a virtual Box around these slots with 28px and center align them to that box\n  // We have done similar thing in figma as well (which is where this 28px comes from)\n  height: '28px',\n};\n\n// prop restriction map for corresponding sub components\nconst propRestrictionMap = {\n  Button: {\n    size: 'xsmall',\n    variant: 'tertiary',\n  },\n  Badge: {\n    size: 'medium',\n  },\n  Link: {\n    size: 'medium',\n  },\n  Text: {\n    size: 'medium',\n    variant: 'body',\n  },\n  Amount: {\n    type: 'body',\n    size: 'medium',\n  },\n} as const;\n\nconst useTrailingRestriction = (trailing: React.ReactNode): React.ReactNode => {\n  const [\n    validatedTrailingComponent,\n    setValidatedTrailingComponent,\n  ] = React.useState<React.ReactElement | null>(null);\n\n  // validate and restrict sub component props in trailing prop\n  React.useEffect(() => {\n    if (React.isValidElement(trailing)) {\n      const trailingComponentType = getComponentId(trailing) as TrailingComponents;\n      const restrictedProps = propRestrictionMap[trailingComponentType];\n      const allowedComponents = Object.keys(propRestrictionMap);\n      if (__DEV__) {\n        if (!restrictedProps) {\n          throwBladeError({\n            message: `Only one of \\`${allowedComponents.join(\n              ', ',\n            )}\\` component is accepted as trailing`,\n            moduleName: 'Header',\n          });\n        }\n      }\n\n      const restrictedPropKeys = Object.keys(propRestrictionMap[trailingComponentType]);\n      for (const prop of restrictedPropKeys) {\n        if (trailing?.props?.hasOwnProperty(prop)) {\n          logger({\n            message: `Do not pass \"${prop}\" to \"${trailingComponentType}\" while inside Header trailing, because we override it.`,\n            moduleName: 'Header',\n            type: 'warn',\n          });\n        }\n      }\n      setValidatedTrailingComponent(\n        React.cloneElement(trailing as React.ReactElement, restrictedProps),\n      );\n    }\n  }, [trailing]);\n\n  return validatedTrailingComponent;\n};\n\nconst _BaseHeader = ({\n  title,\n  subtitle,\n  leading,\n  titleSuffix,\n  trailing,\n  showDivider = true,\n  showBackButton = false,\n  showCloseButton = true,\n  onBackButtonClick,\n  onCloseButtonClick,\n  closeButtonRef,\n  testID,\n  onClickCapture,\n  onKeyDown,\n  onKeyUp,\n  onLostPointerCapture,\n  onPointerCancel,\n  onPointerDown,\n  onPointerMove,\n  onPointerUp,\n  metaComponentName,\n  children,\n}: BaseHeaderProps): React.ReactElement => {\n  const validatedTrailingComponent = useTrailingRestriction(trailing);\n  const shouldWrapTitle = titleSuffix && trailing && showBackButton && showCloseButton;\n\n  const webOnlyEventHandlers: Record<string, any> = isReactNative()\n    ? {}\n    : {\n        onClickCapture,\n        onKeyDown,\n        onKeyUp,\n        onLostPointerCapture,\n        onPointerCancel,\n        onPointerDown,\n        onPointerMove,\n        onPointerUp,\n      };\n\n  return (\n    <BaseBox {...metaAttribute({ name: metaComponentName, testID })}>\n      <BaseBox\n        marginY={{ base: 'spacing.5', m: 'spacing.6' }}\n        paddingX={{ base: 'spacing.5', m: 'spacing.6' }}\n        touchAction=\"none\"\n        {...webOnlyEventHandlers}\n      >\n        <BaseBox display=\"flex\" flexDirection=\"row\" userSelect=\"none\">\n          {showBackButton ? (\n            <BaseBox overflow=\"visible\" marginRight=\"spacing.5\">\n              <Box {...centerBoxProps}>\n                <IconButton\n                  size=\"large\"\n                  icon={ChevronLeftIcon}\n                  onClick={() => onBackButtonClick?.()}\n                  accessibilityLabel=\"Back\"\n                />\n              </Box>\n            </BaseBox>\n          ) : null}\n          <BaseBox\n            paddingRight=\"spacing.5\"\n            marginRight=\"auto\"\n            flex=\"auto\"\n            display=\"flex\"\n            flexDirection=\"row\"\n            alignItems=\"flex-start\"\n          >\n            {leading ? (\n              <BaseBox\n                width=\"spacing.8\"\n                height=\"spacing.8\"\n                marginRight=\"spacing.3\"\n                {...centerBoxProps}\n              >\n                {leading}\n              </BaseBox>\n            ) : null}\n            <BaseBox flex=\"auto\">\n              <BaseBox\n                // Explicitly setting maxWidth in React Native because text is not being wrapped properly when multiple fix width components are rendered in header\n                // In web, flex containers seem to work a expected\n                // @todo: resolve this if we figure out some better solution later\n                maxWidth={isReactNative() && shouldWrapTitle ? '100px' : undefined}\n                flexShrink={0}\n                display=\"flex\"\n                flexDirection=\"row\"\n              >\n                {title ? (\n                  <Text size=\"large\" weight=\"semibold\" color=\"surface.text.gray.normal\">\n                    {title}\n                  </Text>\n                ) : null}\n                {titleSuffix && (\n                  <BaseBox marginLeft=\"spacing.3\">\n                    <Box {...centerBoxProps}>{titleSuffix}</Box>\n                  </BaseBox>\n                )}\n              </BaseBox>\n              {subtitle ? (\n                <Text variant=\"body\" size=\"small\" weight=\"regular\" color=\"surface.text.gray.muted\">\n                  {subtitle}\n                </Text>\n              ) : null}\n            </BaseBox>\n          </BaseBox>\n          {validatedTrailingComponent ? (\n            <BaseBox marginRight=\"spacing.5\">\n              <Box {...centerBoxProps}>{validatedTrailingComponent}</Box>\n            </BaseBox>\n          ) : null}\n          {showCloseButton ? (\n            <Box {...centerBoxProps}>\n              <IconButton\n                ref={closeButtonRef}\n                size=\"large\"\n                icon={CloseIcon}\n                accessibilityLabel=\"Close\"\n                onClick={() => onCloseButtonClick?.()}\n              />\n            </Box>\n          ) : null}\n        </BaseBox>\n        {children}\n      </BaseBox>\n      {showDivider ? <Divider /> : null}\n    </BaseBox>\n  );\n};\n\nconst BaseHeader = assignWithoutSideEffects(_BaseHeader, {\n  componentId: 'BaseHeader',\n});\n\nexport type { BaseHeaderProps };\nexport { BaseHeader };\n"],"names":["centerBoxProps","display","alignItems","justifyContent","height","propRestrictionMap","Button","size","variant","Badge","Link","Text","Amount","type","useTrailingRestriction","trailing","_React$useState","React","useState","_React$useState2","_slicedToArray","validatedTrailingComponent","setValidatedTrailingComponent","useEffect","isValidElement","trailingComponentType","getComponentId","restrictedProps","allowedComponents","Object","keys","throwBladeError","message","concat","join","moduleName","restrictedPropKeys","_i","_restrictedPropKeys","length","_trailing$props","prop","props","hasOwnProperty","logger","cloneElement","_BaseHeader","_ref","title","subtitle","leading","titleSuffix","_ref$showDivider","showDivider","_ref$showBackButton","showBackButton","_ref$showCloseButton","showCloseButton","onBackButtonClick","onCloseButtonClick","closeButtonRef","testID","onClickCapture","onKeyDown","onKeyUp","onLostPointerCapture","onPointerCancel","onPointerDown","onPointerMove","onPointerUp","metaComponentName","children","shouldWrapTitle","webOnlyEventHandlers","isReactNative","_jsxs","BaseBox","_objectSpread","metaAttribute","name","marginY","base","m","paddingX","touchAction","flexDirection","userSelect","_jsx","overflow","marginRight","Box","IconButton","icon","ChevronLeftIcon","onClick","accessibilityLabel","paddingRight","flex","width","maxWidth","undefined","flexShrink","weight","color","marginLeft","ref","CloseIcon","Divider","BaseHeader","assignWithoutSideEffects","componentId"],"mappings":"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"}

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

@@ -49,10 +49,10 @@ var BottomSheetSurface = /*#__PURE__*/styled.div.withConfig({
     windowHeight = _ref.windowHeight,
     isDragging = _ref.isDragging;
   return {
-    background: theme.colors.surface.background.level2.lowContrast,
+    background: theme.colors.popup.background.subtle,
     borderTopLeftRadius: makeSize(size[16]),
     borderTopRightRadius: makeSize(size[16]),
-    borderColor: theme.colors.surface.border.normal.lowContrast,
+    borderColor: theme.colors.popup.border.subtle,
     // this is reverse top elevation of highRaised elevation token
     boxShadow: '0px -24px 48px -12px hsla(217, 56%, 17%, 0.18)',
     opacity: 0,
@@ -66,7 +66,7 @@ var BottomSheetSurface = /*#__PURE__*/styled.div.withConfig({
     right: 0,
     bottom: 0,
     top: windowHeight,
-    backgroundColor: theme.colors.surface.background.level2.lowContrast,
+    backgroundColor: theme.colors.popup.background.subtle,
     justifyContent: 'center',
     alignItems: 'center',
     touchAction: 'none',