mergeThemeExtension() — tailwindcss Function Reference

Architecture documentation for the mergeThemeExtension() function in resolve-config.ts from the tailwindcss codebase.

Function typescript OxideCore PreProcessors calls 1

Entity Profile

OxideCore→ PreProcessors→ mergeThemeExtension() — tailwindcss Function Reference

Dependency Diagram

graph TD
  b16566fb_b078_7bbb_de84_44baf6fd3c21["mergeThemeExtension()"]
  21757970_4272_76c4_4694_eec1d8abb2f6["isPlainObject()"]
  b16566fb_b078_7bbb_de84_44baf6fd3c21 -->|calls| 21757970_4272_76c4_4694_eec1d8abb2f6
  style b16566fb_b078_7bbb_de84_44baf6fd3c21 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/compat/config/resolve-config.ts lines 102–128

export function mergeThemeExtension(
  themeValue: ThemeValue | ThemeValue[],
  extensionValue: ThemeValue | ThemeValue[],
) {
  // When we have an array of objects, we do want to merge it
  if (Array.isArray(themeValue) && isPlainObject(themeValue[0])) {
    return themeValue.concat(extensionValue)
  }

  // When the incoming value is an array, and the existing config is an object,
  // prepend the existing object
  if (
    Array.isArray(extensionValue) &&
    isPlainObject(extensionValue[0]) &&
    isPlainObject(themeValue)
  ) {
    return [themeValue, ...extensionValue]
  }

  // Override arrays (for example for font-families, box-shadows, ...)
  if (Array.isArray(extensionValue)) {
    return extensionValue
  }

  // Execute default behavior
  return undefined
}