default-theme.ts — tailwindcss Source File

Source Code

import type { NamedUtilityValue } from '../candidate'
import { isPositiveInteger } from '../utils/infer-data-type'
import { segment } from '../utils/segment'
import colors from './colors'
import type { UserConfig } from './config/types'

function bareValues(fn: (value: NamedUtilityValue) => string | undefined) {
  return {
    // Ideally this would be a Symbol but some of the ecosystem assumes object with
    // string / number keys for example by using `Object.entries()` which means that
    // the function that handles the bare value would be lost
    __BARE_VALUE__: fn,
  }
}

let bareIntegers = bareValues((value) => {
  if (isPositiveInteger(value.value)) {
    return value.value
  }
})

let barePercentages = bareValues((value: NamedUtilityValue) => {
  if (isPositiveInteger(value.value)) {
    return `${value.value}%`
  }
})

let barePixels = bareValues((value: NamedUtilityValue) => {
  if (isPositiveInteger(value.value)) {
    return `${value.value}px`
  }
})

let bareMilliseconds = bareValues((value: NamedUtilityValue) => {
  if (isPositiveInteger(value.value)) {
    return `${value.value}ms`
  }
})

let bareDegrees = bareValues((value: NamedUtilityValue) => {
  if (isPositiveInteger(value.value)) {
    return `${value.value}deg`
  }
})

let bareAspectRatio = bareValues((value) => {
  if (value.fraction === null) return
  let [lhs, rhs] = segment(value.fraction, '/')
  if (!isPositiveInteger(lhs) || !isPositiveInteger(rhs)) return
  return value.fraction
})

let bareRepeatValues = bareValues((value) => {
  if (isPositiveInteger(Number(value.value))) {
    return `repeat(${value.value}, minmax(0, 1fr))`
  }
})

export default {
  accentColor: ({ theme }) => theme('colors'),
// ... (1076 more lines)