{"version":3,"file":"ButtonBase.constants.mjs","sourceRoot":"","sources":["../../../src/components/ButtonBase/ButtonBase.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,QAAQ,EACR,WAAW,EACZ,uCAAuC;AAExC,MAAM,CAAC,MAAM,oCAAoC,GAG7C;IACF,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,KAAK;IAC1B,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,MAAM;IAC3B,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,eAAe;CAC7C,CAAC;AAEF,MAAM,CAAC,MAAM,4BAA4B,GAAqC;IAC5E,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,EAAE;IAChC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,EAAE;IAChC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,EAAE;CACjC,CAAC;AAEF,MAAM,CAAC,MAAM,gCAAgC,GAGzC;IACF,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC,MAAM;IACvC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC,MAAM;IACvC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC,MAAM;CACxC,CAAC;AAEF,MAAM,CAAC,MAAM,uCAAuC,GAAG,CACrD,QAAiB,EACjB,MAAe,EACP,EAAE;IACV,6EAA6E;IAC7E,6BAA6B;IAC7B,IAAI,QAAQ,IAAI,MAAM,EAAE;QACtB,OAAO,MAAM,CAAC;KACf;IACD,IAAI,QAAQ,EAAE;QACZ,OAAO,WAAW,CAAC;KACpB;IACD,IAAI,MAAM,EAAE;QACV,OAAO,WAAW,CAAC;KACpB;IACD,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC","sourcesContent":["import {\n  ButtonBaseSize,\n  IconSize,\n  TextVariant,\n} from '@metamask/design-system-shared';\n\nexport const TWCLASSMAP_BUTTONBASE_SIZE_DIMENSION: Record<\n  ButtonBaseSize,\n  string\n> = {\n  [ButtonBaseSize.Sm]: 'h-8', // size (32px).\n  [ButtonBaseSize.Md]: 'h-10', // size (40px).\n  [ButtonBaseSize.Lg]: 'h-12', // size (48px).\n};\n\nexport const MAP_BUTTONBASE_SIZE_ICONSIZE: Record<ButtonBaseSize, IconSize> = {\n  [ButtonBaseSize.Sm]: IconSize.Sm,\n  [ButtonBaseSize.Md]: IconSize.Sm,\n  [ButtonBaseSize.Lg]: IconSize.Md,\n};\n\nexport const MAP_BUTTONBASE_SIZE_TEXT_VARIANT: Record<\n  ButtonBaseSize,\n  TextVariant\n> = {\n  [ButtonBaseSize.Sm]: TextVariant.BodySm,\n  [ButtonBaseSize.Md]: TextVariant.BodyMd,\n  [ButtonBaseSize.Lg]: TextVariant.BodyMd,\n};\n\nexport const getButtonBaseHorizontalPaddingTwClasses = (\n  hasStart: boolean,\n  hasEnd: boolean,\n): string => {\n  // Icons sit closer to the edge than a label, so each accessory pulls its own\n  // side in from 16px to 12px.\n  if (hasStart && hasEnd) {\n    return 'px-3';\n  }\n  if (hasStart) {\n    return 'pl-3 pr-4';\n  }\n  if (hasEnd) {\n    return 'pl-4 pr-3';\n  }\n  return 'px-4';\n};\n"]}