tailwindcss 0.0.0-insiders.bbafc8e → 0.0.0-insiders.bbc2f3f

package/src/util/dataTypes.js

@@ -1,248 +0,0 @@
-import { parseColor } from './color'
-import { parseBoxShadowValue } from './parseBoxShadowValue'
-
-let cssFunctions = ['min', 'max', 'clamp', 'calc']
-
-// Ref: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Types
-
-let COMMA = /,(?![^(]*\))/g // Comma separator that is not located between brackets. E.g.: `cubiz-bezier(a, b, c)` these don't count.
-let UNDERSCORE = /_(?![^(]*\))/g // Underscore separator that is not located between brackets. E.g.: `rgba(255,_255,_255)_black` these don't count.
-
-// This is not a data type, but rather a function that can normalize the
-// correct values.
-export function normalize(value, isRoot = true) {
-  // Keep raw strings if it starts with `url(`
-  if (value.includes('url(')) {
-    return value
-      .split(/(url\(.*?\))/g)
-      .filter(Boolean)
-      .map((part) => {
-        if (/^url\(.*?\)$/.test(part)) {
-          return part
-        }
-
-        return normalize(part, false)
-      })
-      .join('')
-  }
-
-  // Convert `_` to ` `, except for escaped underscores `\_`
-  value = value
-    .replace(
-      /([^\\])_+/g,
-      (fullMatch, characterBefore) => characterBefore + ' '.repeat(fullMatch.length - 1)
-    )
-    .replace(/^_/g, ' ')
-    .replace(/\\_/g, '_')
-
-  // Remove leftover whitespace
-  if (isRoot) {
-    value = value.trim()
-  }
-
-  // Add spaces around operators inside calc() that do not follow an operator
-  // or '('.
-  return value.replace(
-    /(-?\d*\.?\d(?!\b-.+[,)](?![^+\-/*])\D)(?:%|[a-z]+)?|\))([+\-/*])/g,
-    '$1 $2 '
-  )
-}
-
-export function url(value) {
-  return value.startsWith('url(')
-}
-
-export function number(value) {
-  return !isNaN(Number(value)) || cssFunctions.some((fn) => new RegExp(`^${fn}\\(.+?`).test(value))
-}
-
-export function percentage(value) {
-  return /%$/g.test(value) || cssFunctions.some((fn) => new RegExp(`^${fn}\\(.+?%`).test(value))
-}
-
-let lengthUnits = [
-  'cm',
-  'mm',
-  'Q',
-  'in',
-  'pc',
-  'pt',
-  'px',
-  'em',
-  'ex',
-  'ch',
-  'rem',
-  'lh',
-  'vw',
-  'vh',
-  'vmin',
-  'vmax',
-]
-let lengthUnitsPattern = `(?:${lengthUnits.join('|')})`
-export function length(value) {
-  return value.split(UNDERSCORE).every((part) => {
-    return (
-      part === '0' ||
-      new RegExp(`${lengthUnitsPattern}$`).test(part) ||
-      cssFunctions.some((fn) => new RegExp(`^${fn}\\(.+?${lengthUnitsPattern}`).test(part))
-    )
-  })
-}
-
-let lineWidths = new Set(['thin', 'medium', 'thick'])
-export function lineWidth(value) {
-  return lineWidths.has(value)
-}
-
-export function shadow(value) {
-  let parsedShadows = parseBoxShadowValue(normalize(value))
-
-  for (let parsedShadow of parsedShadows) {
-    if (!parsedShadow.valid) {
-      return false
-    }
-  }
-
-  return true
-}
-
-export function color(value) {
-  let colors = 0
-
-  let result = value.split(UNDERSCORE).every((part) => {
-    part = normalize(part)
-
-    if (part.startsWith('var(')) return true
-    if (parseColor(part) !== null) return colors++, true
-
-    return false
-  })
-
-  if (!result) return false
-  return colors > 0
-}
-
-export function image(value) {
-  let images = 0
-  let result = value.split(COMMA).every((part) => {
-    part = normalize(part)
-
-    if (part.startsWith('var(')) return true
-    if (
-      url(part) ||
-      gradient(part) ||
-      ['element(', 'image(', 'cross-fade(', 'image-set('].some((fn) => part.startsWith(fn))
-    ) {
-      images++
-      return true
-    }
-
-    return false
-  })
-
-  if (!result) return false
-  return images > 0
-}
-
-let gradientTypes = new Set([
-  'linear-gradient',
-  'radial-gradient',
-  'repeating-linear-gradient',
-  'repeating-radial-gradient',
-  'conic-gradient',
-])
-export function gradient(value) {
-  value = normalize(value)
-
-  for (let type of gradientTypes) {
-    if (value.startsWith(`${type}(`)) {
-      return true
-    }
-  }
-  return false
-}
-
-let validPositions = new Set(['center', 'top', 'right', 'bottom', 'left'])
-export function position(value) {
-  let positions = 0
-  let result = value.split(UNDERSCORE).every((part) => {
-    part = normalize(part)
-
-    if (part.startsWith('var(')) return true
-    if (validPositions.has(part) || length(part) || percentage(part)) {
-      positions++
-      return true
-    }
-
-    return false
-  })
-
-  if (!result) return false
-  return positions > 0
-}
-
-export function familyName(value) {
-  let fonts = 0
-  let result = value.split(COMMA).every((part) => {
-    part = normalize(part)
-
-    if (part.startsWith('var(')) return true
-
-    // If it contains spaces, then it should be quoted
-    if (part.includes(' ')) {
-      if (!/(['"])([^"']+)\1/g.test(part)) {
-        return false
-      }
-    }
-
-    // If it starts with a number, it's invalid
-    if (/^\d/g.test(part)) {
-      return false
-    }
-
-    fonts++
-
-    return true
-  })
-
-  if (!result) return false
-  return fonts > 0
-}
-
-let genericNames = new Set([
-  'serif',
-  'sans-serif',
-  'monospace',
-  'cursive',
-  'fantasy',
-  'system-ui',
-  'ui-serif',
-  'ui-sans-serif',
-  'ui-monospace',
-  'ui-rounded',
-  'math',
-  'emoji',
-  'fangsong',
-])
-export function genericName(value) {
-  return genericNames.has(value)
-}
-
-let absoluteSizes = new Set([
-  'xx-small',
-  'x-small',
-  'small',
-  'medium',
-  'large',
-  'x-large',
-  'x-large',
-  'xxx-large',
-])
-export function absoluteSize(value) {
-  return absoluteSizes.has(value)
-}
-
-let relativeSizes = new Set(['larger', 'smaller'])
-export function relativeSize(value) {
-  return relativeSizes.has(value)
-}

package/src/util/defaults.js

@@ -1,17 +0,0 @@
-export function defaults(target, ...sources) {
-  for (let source of sources) {
-    for (let k in source) {
-      if (!target?.hasOwnProperty?.(k)) {
-        target[k] = source[k]
-      }
-    }
-
-    for (let k of Object.getOwnPropertySymbols(source)) {
-      if (!target?.hasOwnProperty?.(k)) {
-        target[k] = source[k]
-      }
-    }
-  }
-
-  return target
-}

package/src/util/escapeClassName.js

@@ -1,8 +0,0 @@
-import parser from 'postcss-selector-parser'
-import escapeCommas from './escapeCommas'
-
-export default function escapeClassName(className) {
-  let node = parser.className()
-  node.value = className
-  return escapeCommas(node?.raws?.value ?? node.value)
-}

package/src/util/escapeCommas.js

@@ -1,3 +0,0 @@
-export default function escapeCommas(className) {
-  return className.replace(/\\,/g, '\\2c ')
-}

package/src/util/flattenColorPalette.js

@@ -1,13 +0,0 @@
-const flattenColorPalette = (colors) =>
-  Object.assign(
-    {},
-    ...Object.entries(colors ?? {}).flatMap(([color, values]) =>
-      typeof values == 'object'
-        ? Object.entries(flattenColorPalette(values)).map(([number, hex]) => ({
-            [color + (number === 'DEFAULT' ? '' : `-${number}`)]: hex,
-          }))
-        : [{ [`${color}`]: values }]
-    )
-  )
-
-export default flattenColorPalette

package/src/util/formatVariantSelector.js

@@ -1,196 +0,0 @@
-import selectorParser from 'postcss-selector-parser'
-import unescape from 'postcss-selector-parser/dist/util/unesc'
-import escapeClassName from '../util/escapeClassName'
-import prefixSelector from '../util/prefixSelector'
-
-let MERGE = ':merge'
-let PARENT = '&'
-
-export let selectorFunctions = new Set([MERGE])
-
-export function formatVariantSelector(current, ...others) {
-  for (let other of others) {
-    let incomingValue = resolveFunctionArgument(other, MERGE)
-    if (incomingValue !== null) {
-      let existingValue = resolveFunctionArgument(current, MERGE, incomingValue)
-      if (existingValue !== null) {
-        let existingTarget = `${MERGE}(${incomingValue})`
-        let splitIdx = other.indexOf(existingTarget)
-        let addition = other.slice(splitIdx + existingTarget.length).split(' ')[0]
-
-        current = current.replace(existingTarget, existingTarget + addition)
-        continue
-      }
-    }
-
-    current = other.replace(PARENT, current)
-  }
-
-  return current
-}
-
-export function finalizeSelector(format, { selector, candidate, context }) {
-  let separator = context?.tailwindConfig?.separator ?? ':'
-
-  // Split by the separator, but ignore the separator inside square brackets:
-  //
-  // E.g.: dark:lg:hover:[paint-order:markers]
-  //           ┬  ┬     ┬            ┬
-  //           │  │     │            ╰── We will not split here
-  //           ╰──┴─────┴─────────────── We will split here
-  //
-  let splitter = new RegExp(`\\${separator}(?![^[]*\\])`)
-  let base = candidate.split(splitter).pop()
-
-  if (context?.tailwindConfig?.prefix) {
-    format = prefixSelector(context.tailwindConfig.prefix, format)
-  }
-
-  format = format.replace(PARENT, `.${escapeClassName(candidate)}`)
-
-  // Normalize escaped classes, e.g.:
-  //
-  // The idea would be to replace the escaped `base` in the selector with the
-  // `format`. However, in css you can escape the same selector in a few
-  // different ways. This would result in different strings and therefore we
-  // can't replace it properly.
-  //
-  //               base: bg-[rgb(255,0,0)]
-  //   base in selector: bg-\\[rgb\\(255\\,0\\,0\\)\\]
-  //       escaped base: bg-\\[rgb\\(255\\2c 0\\2c 0\\)\\]
-  //
-  selector = selectorParser((selectors) => {
-    return selectors.walkClasses((node) => {
-      if (node.raws && node.value.includes(base)) {
-        node.raws.value = escapeClassName(unescape(node.raws.value))
-      }
-
-      return node
-    })
-  }).processSync(selector)
-
-  // We can safely replace the escaped base now, since the `base` section is
-  // now in a normalized escaped value.
-  selector = selector.replace(`.${escapeClassName(base)}`, format)
-
-  // Remove unnecessary pseudo selectors that we used as placeholders
-  return selectorParser((selectors) => {
-    return selectors.map((selector) => {
-      selector.walkPseudos((p) => {
-        if (selectorFunctions.has(p.value)) {
-          p.replaceWith(p.nodes)
-        }
-
-        return p
-      })
-
-      // This will make sure to move pseudo's to the correct spot (the end for
-      // pseudo elements) because otherwise the selector will never work
-      // anyway.
-      //
-      // E.g.:
-      //  - `before:hover:text-center` would result in `.before\:hover\:text-center:hover::before`
-      //  - `hover:before:text-center` would result in `.hover\:before\:text-center:hover::before`
-      //
-      // `::before:hover` doesn't work, which means that we can make it work for you by flipping the order.
-      function collectPseudoElements(selector) {
-        let nodes = []
-
-        for (let node of selector.nodes) {
-          if (isPseudoElement(node)) {
-            nodes.push(node)
-            selector.removeChild(node)
-          }
-
-          if (node?.nodes) {
-            nodes.push(...collectPseudoElements(node))
-          }
-        }
-
-        return nodes
-      }
-
-      let pseudoElements = collectPseudoElements(selector)
-      if (pseudoElements.length > 0) {
-        selector.nodes.push(pseudoElements.sort(sortSelector))
-      }
-
-      return selector
-    })
-  }).processSync(selector)
-}
-
-// Note: As a rule, double colons (::) should be used instead of a single colon
-// (:). This distinguishes pseudo-classes from pseudo-elements. However, since
-// this distinction was not present in older versions of the W3C spec, most
-// browsers support both syntaxes for the original pseudo-elements.
-let pseudoElementsBC = [':before', ':after', ':first-line', ':first-letter']
-
-// These pseudo-elements _can_ be combined with other pseudo selectors AND the order does matter.
-let pseudoElementExceptions = ['::file-selector-button']
-
-// This will make sure to move pseudo's to the correct spot (the end for
-// pseudo elements) because otherwise the selector will never work
-// anyway.
-//
-// E.g.:
-//  - `before:hover:text-center` would result in `.before\:hover\:text-center:hover::before`
-//  - `hover:before:text-center` would result in `.hover\:before\:text-center:hover::before`
-//
-// `::before:hover` doesn't work, which means that we can make it work
-// for you by flipping the order.
-function sortSelector(a, z) {
-  // Both nodes are non-pseudo's so we can safely ignore them and keep
-  // them in the same order.
-  if (a.type !== 'pseudo' && z.type !== 'pseudo') {
-    return 0
-  }
-
-  // If one of them is a combinator, we need to keep it in the same order
-  // because that means it will start a new "section" in the selector.
-  if ((a.type === 'combinator') ^ (z.type === 'combinator')) {
-    return 0
-  }
-
-  // One of the items is a pseudo and the other one isn't. Let's move
-  // the pseudo to the right.
-  if ((a.type === 'pseudo') ^ (z.type === 'pseudo')) {
-    return (a.type === 'pseudo') - (z.type === 'pseudo')
-  }
-
-  // Both are pseudo's, move the pseudo elements (except for
-  // ::file-selector-button) to the right.
-  return isPseudoElement(a) - isPseudoElement(z)
-}
-
-function isPseudoElement(node) {
-  if (node.type !== 'pseudo') return false
-  if (pseudoElementExceptions.includes(node.value)) return false
-
-  return node.value.startsWith('::') || pseudoElementsBC.includes(node.value)
-}
-
-function resolveFunctionArgument(haystack, needle, arg) {
-  let startIdx = haystack.indexOf(arg ? `${needle}(${arg})` : needle)
-  if (startIdx === -1) return null
-
-  // Start inside the `(`
-  startIdx += needle.length + 1
-
-  let target = ''
-  let count = 0
-
-  for (let char of haystack.slice(startIdx)) {
-    if (char !== '(' && char !== ')') {
-      target += char
-    } else if (char === '(') {
-      target += char
-      count++
-    } else if (char === ')') {
-      if (--count < 0) break // unbalanced
-      target += char
-    }
-  }
-
-  return target
-}

package/src/util/getAllConfigs.js

@@ -1,19 +0,0 @@
-import defaultConfig from '../../stubs/defaultConfig.stub.js'
-import { flagEnabled } from '../featureFlags'
-
-export default function getAllConfigs(config) {
-  const configs = (config?.presets ?? [defaultConfig])
-    .slice()
-    .reverse()
-    .flatMap((preset) => getAllConfigs(preset instanceof Function ? preset() : preset))
-
-  const features = {
-    // Add experimental configs here...
-  }
-
-  const experimentals = Object.keys(features)
-    .filter((feature) => flagEnabled(config, feature))
-    .map((feature) => features[feature])
-
-  return [config, ...experimentals, ...configs]
-}

package/src/util/hashConfig.js

@@ -1,5 +0,0 @@
-import hash from 'object-hash'
-
-export default function hashConfig(config) {
-  return hash(config, { ignoreUnknown: true })
-}

package/src/util/isKeyframeRule.js

@@ -1,3 +0,0 @@
-export default function isKeyframeRule(rule) {
-  return rule.parent && rule.parent.type === 'atrule' && /keyframes$/.test(rule.parent.name)
-}

package/src/util/isPlainObject.js

@@ -1,8 +0,0 @@
-export default function isPlainObject(value) {
-  if (Object.prototype.toString.call(value) !== '[object Object]') {
-    return false
-  }
-
-  const prototype = Object.getPrototypeOf(value)
-  return prototype === null || prototype === Object.prototype
-}

package/src/util/isValidArbitraryValue.js

@@ -1,61 +0,0 @@
-let matchingBrackets = new Map([
-  ['{', '}'],
-  ['[', ']'],
-  ['(', ')'],
-])
-let inverseMatchingBrackets = new Map(
-  Array.from(matchingBrackets.entries()).map(([k, v]) => [v, k])
-)
-
-let quotes = new Set(['"', "'", '`'])
-
-// Arbitrary values must contain balanced brackets (), [] and {}. Escaped
-// values don't count, and brackets inside quotes also don't count.
-//
-// E.g.: w-[this-is]w-[weird-and-invalid]
-// E.g.: w-[this-is\\]w-\\[weird-but-valid]
-// E.g.: content-['this-is-also-valid]-weirdly-enough']
-export default function isValidArbitraryValue(value) {
-  let stack = []
-  let inQuotes = false
-
-  for (let i = 0; i < value.length; i++) {
-    let char = value[i]
-
-    if (char === ':' && !inQuotes && stack.length === 0) {
-      return false
-    }
-
-    // Non-escaped quotes allow us to "allow" anything in between
-    if (quotes.has(char) && value[i - 1] !== '\\') {
-      inQuotes = !inQuotes
-    }
-
-    if (inQuotes) continue
-    if (value[i - 1] === '\\') continue // Escaped
-
-    if (matchingBrackets.has(char)) {
-      stack.push(char)
-    } else if (inverseMatchingBrackets.has(char)) {
-      let inverse = inverseMatchingBrackets.get(char)
-
-      // Nothing to pop from, therefore it is unbalanced
-      if (stack.length <= 0) {
-        return false
-      }
-
-      // Popped value must match the inverse value, otherwise it is unbalanced
-      if (stack.pop() !== inverse) {
-        return false
-      }
-    }
-  }
-
-  // If there is still something on the stack, it is also unbalanced
-  if (stack.length > 0) {
-    return false
-  }
-
-  // All good, totally balanced!
-  return true
-}

package/src/util/log.js

@@ -1,29 +0,0 @@
-import colors from 'picocolors'
-
-let alreadyShown = new Set()
-
-function log(type, messages, key) {
-  if (process.env.JEST_WORKER_ID !== undefined) return
-
-  if (key && alreadyShown.has(key)) return
-  if (key) alreadyShown.add(key)
-
-  console.warn('')
-  messages.forEach((message) => console.warn(type, '-', message))
-}
-
-export function dim(input) {
-  return colors.dim(input)
-}
-
-export default {
-  info(key, messages) {
-    log(colors.bold(colors.cyan('info')), ...(Array.isArray(key) ? [key] : [messages, key]))
-  },
-  warn(key, messages) {
-    log(colors.bold(colors.yellow('warn')), ...(Array.isArray(key) ? [key] : [messages, key]))
-  },
-  risk(key, messages) {
-    log(colors.bold(colors.magenta('risk')), ...(Array.isArray(key) ? [key] : [messages, key]))
-  },
-}

package/src/util/nameClass.js

@@ -1,26 +0,0 @@
-import escapeClassName from './escapeClassName'
-import escapeCommas from './escapeCommas'
-
-export function asClass(name) {
-  return escapeCommas(`.${escapeClassName(name)}`)
-}
-
-export default function nameClass(classPrefix, key) {
-  return asClass(formatClass(classPrefix, key))
-}
-
-export function formatClass(classPrefix, key) {
-  if (key === 'DEFAULT') {
-    return classPrefix
-  }
-
-  if (key === '-' || key === '-DEFAULT') {
-    return `-${classPrefix}`
-  }
-
-  if (key.startsWith('-')) {
-    return `-${classPrefix}${key}`
-  }
-
-  return `${classPrefix}-${key}`
-}

package/src/util/negateValue.js

@@ -1,16 +0,0 @@
-export default function (value) {
-  value = `${value}`
-
-  if (value === '0') {
-    return '0'
-  }
-
-  // Flip sign of numbers
-  if (/^[+-]?(\d+|\d*\.\d+)(e[+-]?\d+)?(%|\w+)?$/.test(value)) {
-    return value.replace(/^[+-]?/, (sign) => (sign === '-' ? '' : '-'))
-  }
-
-  if (value.includes('var(') || value.includes('calc(')) {
-    return `calc(${value} * -1)`
-  }
-}