Expose flattenColorPalette

Author: philipp-spiess

packages/tailwindcss/package.json

@@ -91,6 +91,10 @@
         "require": "./dist/colors.js",
         "import": "./dist/colors.mjs"
       },
+      "./lib/util/flattenColorPalette": {
+        "require": "./dist/flattenColorPalette.js",
+        "import": "./dist//flattenColorPalette.mjs"
+      },
       "./package.json": "./package.json",
       "./index.css": "./index.css",
       "./index": "./index.css",

packages/tailwindcss/src/compat/config.test.ts

@@ -1,7 +1,7 @@
 import { describe, expect, test, vi } from 'vitest'
 import { compile, type Config } from '..'
 import { default as plugin } from '../plugin'
-import { flattenColorPalette } from './flatten-color-palette'
+import flattenColorPalette from './flatten-color-palette'
 
 const css = String.raw
 

packages/tailwindcss/src/compat/flatten-color-palette.cts

@@ -0,0 +1,8 @@
+import { flattenColorTheme } from './flatten-color-palette.ts'
+
+// This file exists so that `default-theme.ts` can be written one time but be
+// compatible with both CJS and ESM. Without it we get a `.default` export when
+// using `require` in CJS.
+
+// @ts-ignore
+export = flattenColorTheme

packages/tailwindcss/src/compat/flatten-color-palette.test.ts

@@ -1,5 +1,5 @@
 import { expect, test } from 'vitest'
-import { flattenColorPalette } from './flatten-color-palette'
+import flattenColorPalette from './flatten-color-palette'
 
 test('it should handle private __CSS_VALUES__ to resolve to the right value', () => {
   expect(

packages/tailwindcss/src/compat/flatten-color-palette.ts

@@ -4,7 +4,7 @@ type Colors = {
   [key: string | number]: string | Colors
 }
 
-export function flattenColorPalette(colors: Colors) {
+export default function flattenColorPalette(colors: Colors) {
   let result: Record<string, string> = {}
 
   for (let [root, children] of Object.entries(colors ?? {})) {

packages/tailwindcss/tsup.config.ts

@@ -10,6 +10,7 @@ export default defineConfig([
       plugin: 'src/plugin.ts',
       colors: 'src/compat/colors.ts',
       'default-theme': 'src/compat/default-theme.ts',
+      flattenColorPalette: 'src/compat/flatten-color-palette.ts',
     },
   },
   {
@@ -21,6 +22,7 @@ export default defineConfig([
       lib: 'src/index.cts',
       colors: 'src/compat/colors.cts',
       'default-theme': 'src/compat/default-theme.cts',
+      flattenColorPalette: 'src/compat/flatten-color-palette.cts',
     },
   },
 ])