@metamask/design-system-react/dist/utils/tw-merge.mjs.map

Design system react ui components

{"version":3,"file":"tw-merge.mjs","sourceRoot":"","sources":["../../src/utils/tw-merge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,uBAAuB;AAErD,MAAM,kBAAkB,GAAG;IACzB,cAAc;IACd,cAAc;IACd,cAAc;IACd,cAAc;IACd,cAAc;IACd,WAAW;IACX,WAAW;IACX,WAAW;IACX,WAAW;IACX,cAAc;IACd,cAAc;IACd,cAAc;IACd,cAAc;IACd,cAAc;IACd,WAAW;IACX,WAAW;IACX,WAAW;IACX,WAAW;IACX,gBAAgB;IAChB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,qBAAqB;IACrB,gBAAgB;IAChB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,qBAAqB;CACtB,CAAC;AAEF;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,mBAAmB,CAAC;IACzC,MAAM,EAAE;QACN,WAAW,EAAE;YACX,YAAY,EAAE,CAAC,cAAc,EAAE,kBAAkB,EAAE,YAAY,CAAC;YAChE,WAAW,EAAE;gBACX;oBACE,IAAI,EAAE,kBAAkB;iBACzB;aACF;YACD,aAAa,EAAE,CAAC,cAAc,EAAE,aAAa,EAAE,WAAW,CAAC;YAC3D,aAAa,EAAE;gBACb,WAAW;gBACX,iBAAiB;gBACjB,YAAY;gBACZ,aAAa;gBACb,cAAc;gBACd,aAAa;gBACb,eAAe;gBACf,WAAW;gBACX,gBAAgB;gBAChB,YAAY;aACb;SACF;QACD,sBAAsB,EAAE;YACtB,YAAY,EAAE,CAAC,YAAY,CAAC;YAC5B,WAAW,EAAE,CAAC,WAAW,CAAC;YAC1B,aAAa,EAAE,CAAC,aAAa,CAAC;YAC9B,aAAa,EAAE,CAAC,aAAa,CAAC;SAC/B;KACF;CACF,CAAC,CAAC","sourcesContent":["import { extendTailwindMerge } from 'tailwind-merge';\n\nconst variantClassGroups = [\n  's-display-lg',\n  's-display-md',\n  's-heading-lg',\n  's-heading-md',\n  's-heading-sm',\n  's-body-lg',\n  's-body-md',\n  's-body-sm',\n  's-body-xs',\n  'l-display-lg',\n  'l-display-md',\n  'l-heading-lg',\n  'l-heading-md',\n  'l-heading-sm',\n  'l-body-lg',\n  'l-body-md',\n  'l-body-sm',\n  'l-body-xs',\n  's-page-heading',\n  's-section-heading',\n  's-button-label-md',\n  's-button-label-lg',\n  's-amount-display-lg',\n  'l-page-heading',\n  'l-section-heading',\n  'l-button-label-md',\n  'l-button-label-lg',\n  'l-amount-display-lg',\n];\n\n/**\n * Custom Tailwind Merge configuration to handle our design system's typography classes.\n * This extends the default Tailwind Merge behavior to properly handle conflicts between:\n * 1. Custom text color classes (text-default, text-alternative, text-muted)\n * 2. Typography variant classes for font sizes (e.g., s-body-md, l-heading-lg)\n * 3. Standard and custom font weight classes\n *\n * Without this configuration, Tailwind Merge wouldn't know these classes are meant\n * to override each other, potentially leading to multiple conflicting classes\n * being applied simultaneously.\n */\nexport const twMerge = extendTailwindMerge({\n  extend: {\n    classGroups: {\n      'text-color': ['text-default', 'text-alternative', 'text-muted'],\n      'font-size': [\n        {\n          text: variantClassGroups,\n        },\n      ],\n      'font-family': ['font-default', 'font-accent', 'font-hero'],\n      'font-weight': [\n        'font-thin',\n        'font-extralight',\n        'font-light',\n        'font-normal',\n        'font-regular',\n        'font-medium',\n        'font-semibold',\n        'font-bold',\n        'font-extrabold',\n        'font-black',\n      ],\n    },\n    conflictingClassGroups: {\n      'text-color': ['text-color'],\n      'font-size': ['font-size'],\n      'font-family': ['font-family'],\n      'font-weight': ['font-weight'],\n    },\n  },\n});\n"]}