tailwindcss 0.0.0-insiders.ff2c25f → 0.0.0-internal.b2586d4e

package/src/util/splitAtTopLevelOnly.js

@@ -1,45 +0,0 @@
-/**
- * This splits a string on a top-level character.
- *
- * Regex doesn't support recursion (at least not the JS-flavored version).
- * So we have to use a tiny state machine to keep track of paren placement.
- *
- * Expected behavior using commas:
- * var(--a, 0 0 1px rgb(0, 0, 0)), 0 0 1px rgb(0, 0, 0)
- *       ─┬─             ┬  ┬    ┬
- *        x              x  x    ╰──────── Split because top-level
- *        ╰──────────────┴──┴───────────── Ignored b/c inside >= 1 levels of parens
- *
- * @param {string} input
- * @param {string} separator
- */
-export function splitAtTopLevelOnly(input, separator) {
-  let stack = []
-  let parts = []
-  let lastPos = 0
-
-  for (let idx = 0; idx < input.length; idx++) {
-    let char = input[idx]
-
-    if (stack.length === 0 && char === separator[0]) {
-      if (separator.length === 1 || input.slice(idx, idx + separator.length) === separator) {
-        parts.push(input.slice(lastPos, idx))
-        lastPos = idx + separator.length
-      }
-    }
-
-    if (char === '(' || char === '[' || char === '{') {
-      stack.push(char)
-    } else if (
-      (char === ')' && stack[stack.length - 1] === '(') ||
-      (char === ']' && stack[stack.length - 1] === '[') ||
-      (char === '}' && stack[stack.length - 1] === '{')
-    ) {
-      stack.pop()
-    }
-  }
-
-  parts.push(input.slice(lastPos))
-
-  return parts
-}

package/src/util/tap.js

@@ -1,4 +0,0 @@
-export function tap(value, mutator) {
-  mutator(value)
-  return value
-}

package/src/util/toColorValue.js

@@ -1,3 +0,0 @@
-export default function toColorValue(maybeFunction) {
-  return typeof maybeFunction === 'function' ? maybeFunction({}) : maybeFunction
-}

package/src/util/toPath.js

@@ -1,26 +0,0 @@
-/**
- * Parse a path string into an array of path segments.
- *
- * Square bracket notation `a[b]` may be used to "escape" dots that would otherwise be interpreted as path separators.
- *
- * Example:
- * a -> ['a']
- * a.b.c -> ['a', 'b', 'c']
- * a[b].c -> ['a', 'b', 'c']
- * a[b.c].e.f -> ['a', 'b.c', 'e', 'f']
- * a[b][c][d] -> ['a', 'b', 'c', 'd']
- *
- * @param {string|string[]} path
- **/
-export function toPath(path) {
-  if (Array.isArray(path)) return path
-
-  let openBrackets = path.split('[').length - 1
-  let closedBrackets = path.split(']').length - 1
-
-  if (openBrackets !== closedBrackets) {
-    throw new Error(`Path is invalid. Has unbalanced brackets: ${path}`)
-  }
-
-  return path.split(/\.(?![^\[]*\])|[\[\]]/g).filter(Boolean)
-}

package/src/util/transformThemeValue.js

@@ -1,62 +0,0 @@
-import postcss from 'postcss'
-import isPlainObject from './isPlainObject'
-
-export default function transformThemeValue(themeSection) {
-  if (['fontSize', 'outline'].includes(themeSection)) {
-    return (value) => {
-      if (typeof value === 'function') value = value({})
-      if (Array.isArray(value)) value = value[0]
-
-      return value
-    }
-  }
-
-  if (themeSection === 'fontFamily') {
-    return (value) => {
-      if (typeof value === 'function') value = value({})
-      let families = Array.isArray(value) && isPlainObject(value[1]) ? value[0] : value
-      return Array.isArray(families) ? families.join(', ') : families
-    }
-  }
-
-  if (
-    [
-      'boxShadow',
-      'transitionProperty',
-      'transitionDuration',
-      'transitionDelay',
-      'transitionTimingFunction',
-      'backgroundImage',
-      'backgroundSize',
-      'backgroundColor',
-      'cursor',
-      'animation',
-    ].includes(themeSection)
-  ) {
-    return (value) => {
-      if (typeof value === 'function') value = value({})
-      if (Array.isArray(value)) value = value.join(', ')
-
-      return value
-    }
-  }
-
-  // For backwards compatibility reasons, before we switched to underscores
-  // instead of commas for arbitrary values.
-  if (['gridTemplateColumns', 'gridTemplateRows', 'objectPosition'].includes(themeSection)) {
-    return (value) => {
-      if (typeof value === 'function') value = value({})
-      if (typeof value === 'string') value = postcss.list.comma(value).join(' ')
-
-      return value
-    }
-  }
-
-  return (value, opts = {}) => {
-    if (typeof value === 'function') {
-      value = value(opts)
-    }
-
-    return value
-  }
-}

package/src/util/validateConfig.js

@@ -1,13 +0,0 @@
-import log from './log'
-
-export function validateConfig(config) {
-  if (config.content.files.length === 0) {
-    log.warn('content-problems', [
-      'The `content` option in your Tailwind CSS configuration is missing or empty.',
-      'Configure your content sources or your generated CSS will be missing styles.',
-      'https://tailwindcss.com/docs/content-configuration',
-    ])
-  }
-
-  return config
-}

package/src/util/validateFormalSyntax.js

@@ -1,34 +0,0 @@
-import { length, percentage } from './dataTypes'
-import { splitAtTopLevelOnly } from './splitAtTopLevelOnly'
-
-/**
- *
- * https://developer.mozilla.org/en-US/docs/Web/CSS/background-size#formal_syntax
- *
- * background-size =
- *  <bg-size>#
- *
- * <bg-size> =
- *   [ <length-percentage [0,∞]> | auto ]{1,2}  |
- *   cover                                      |
- *   contain
- *
- * <length-percentage> =
- *   <length>      |
- *   <percentage>
- *
- * @param {string} value
- */
-export function backgroundSize(value) {
-  let keywordValues = ['cover', 'contain']
-  // the <length-percentage> type will probably be a css function
-  // so we have to use `splitAtTopLevelOnly`
-  return splitAtTopLevelOnly(value, ',').every((part) => {
-    let sizes = splitAtTopLevelOnly(part, '_').filter(Boolean)
-    if (sizes.length === 1 && keywordValues.includes(sizes[0])) return true
-
-    if (sizes.length !== 1 && sizes.length !== 2) return false
-
-    return sizes.every((size) => length(size) || percentage(size) || size === 'auto')
-  })
-}

package/src/util/withAlphaVariable.js

@@ -1,49 +0,0 @@
-import { parseColor, formatColor } from './color'
-
-export function withAlphaValue(color, alphaValue, defaultValue) {
-  if (typeof color === 'function') {
-    return color({ opacityValue: alphaValue })
-  }
-
-  let parsed = parseColor(color, { loose: true })
-
-  if (parsed === null) {
-    return defaultValue
-  }
-
-  return formatColor({ ...parsed, alpha: alphaValue })
-}
-
-export default function withAlphaVariable({ color, property, variable }) {
-  let properties = [].concat(property)
-  if (typeof color === 'function') {
-    return {
-      [variable]: '1',
-      ...Object.fromEntries(
-        properties.map((p) => {
-          return [p, color({ opacityVariable: variable, opacityValue: `var(${variable})` })]
-        })
-      ),
-    }
-  }
-
-  const parsed = parseColor(color)
-
-  if (parsed === null) {
-    return Object.fromEntries(properties.map((p) => [p, color]))
-  }
-
-  if (parsed.alpha !== undefined) {
-    // Has an alpha value, return color as-is
-    return Object.fromEntries(properties.map((p) => [p, color]))
-  }
-
-  return {
-    [variable]: '1',
-    ...Object.fromEntries(
-      properties.map((p) => {
-        return [p, formatColor({ ...parsed, alpha: `var(${variable})` })]
-      })
-    ),
-  }
-}