tailwindcss 0.0.0-oxide-insiders.f49b054 → 0.0.0-oxide.1

package/src/util/color.js

@@ -1,88 +0,0 @@
-import namedColors from './colorNames'
-
-let HEX = /^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i
-let SHORT_HEX = /^#([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i
-let VALUE = /(?:\d+|\d*\.\d+)%?/
-let SEP = /(?:\s*,\s*|\s+)/
-let ALPHA_SEP = /\s*[,/]\s*/
-let CUSTOM_PROPERTY = /var\(--(?:[^ )]*?)\)/
-
-let RGB = new RegExp(
-  `^(rgba?)\\(\\s*(${VALUE.source}|${CUSTOM_PROPERTY.source})(?:${SEP.source}(${VALUE.source}|${CUSTOM_PROPERTY.source}))?(?:${SEP.source}(${VALUE.source}|${CUSTOM_PROPERTY.source}))?(?:${ALPHA_SEP.source}(${VALUE.source}|${CUSTOM_PROPERTY.source}))?\\s*\\)$`
-)
-let HSL = new RegExp(
-  `^(hsla?)\\(\\s*((?:${VALUE.source})(?:deg|rad|grad|turn)?|${CUSTOM_PROPERTY.source})(?:${SEP.source}(${VALUE.source}|${CUSTOM_PROPERTY.source}))?(?:${SEP.source}(${VALUE.source}|${CUSTOM_PROPERTY.source}))?(?:${ALPHA_SEP.source}(${VALUE.source}|${CUSTOM_PROPERTY.source}))?\\s*\\)$`
-)
-
-// In "loose" mode the color may contain fewer than 3 parts, as long as at least
-// one of the parts is variable.
-export function parseColor(value, { loose = false } = {}) {
-  if (typeof value !== 'string') {
-    return null
-  }
-
-  value = value.trim()
-  if (value === 'transparent') {
-    return { mode: 'rgb', color: ['0', '0', '0'], alpha: '0' }
-  }
-
-  if (value in namedColors) {
-    return { mode: 'rgb', color: namedColors[value].map((v) => v.toString()) }
-  }
-
-  let hex = value
-    .replace(SHORT_HEX, (_, r, g, b, a) => ['#', r, r, g, g, b, b, a ? a + a : ''].join(''))
-    .match(HEX)
-
-  if (hex !== null) {
-    return {
-      mode: 'rgb',
-      color: [parseInt(hex[1], 16), parseInt(hex[2], 16), parseInt(hex[3], 16)].map((v) =>
-        v.toString()
-      ),
-      alpha: hex[4] ? (parseInt(hex[4], 16) / 255).toString() : undefined,
-    }
-  }
-
-  let match = value.match(RGB) ?? value.match(HSL)
-
-  if (match === null) {
-    return null
-  }
-
-  let color = [match[2], match[3], match[4]].filter(Boolean).map((v) => v.toString())
-
-  // rgba(var(--my-color), 0.1)
-  // hsla(var(--my-color), 0.1)
-  if (color.length === 2 && color[0].startsWith('var(')) {
-    return {
-      mode: match[1],
-      color: [color[0]],
-      alpha: color[1],
-    }
-  }
-
-  if (!loose && color.length !== 3) {
-    return null
-  }
-
-  if (color.length < 3 && !color.some((part) => /^var\(.*?\)$/.test(part))) {
-    return null
-  }
-
-  return {
-    mode: match[1],
-    color,
-    alpha: match[5]?.toString?.(),
-  }
-}
-
-export function formatColor({ mode, color, alpha }) {
-  let hasAlpha = alpha !== undefined
-
-  if (mode === 'rgba' || mode === 'hsla') {
-    return `${mode}(${color.join(', ')}${hasAlpha ? `, ${alpha}` : ''})`
-  }
-
-  return `${mode}(${color.join(' ')}${hasAlpha ? ` / ${alpha}` : ''})`
-}

package/src/util/colorNames.js

@@ -1,150 +0,0 @@
-export default {
-  aliceblue: [240, 248, 255],
-  antiquewhite: [250, 235, 215],
-  aqua: [0, 255, 255],
-  aquamarine: [127, 255, 212],
-  azure: [240, 255, 255],
-  beige: [245, 245, 220],
-  bisque: [255, 228, 196],
-  black: [0, 0, 0],
-  blanchedalmond: [255, 235, 205],
-  blue: [0, 0, 255],
-  blueviolet: [138, 43, 226],
-  brown: [165, 42, 42],
-  burlywood: [222, 184, 135],
-  cadetblue: [95, 158, 160],
-  chartreuse: [127, 255, 0],
-  chocolate: [210, 105, 30],
-  coral: [255, 127, 80],
-  cornflowerblue: [100, 149, 237],
-  cornsilk: [255, 248, 220],
-  crimson: [220, 20, 60],
-  cyan: [0, 255, 255],
-  darkblue: [0, 0, 139],
-  darkcyan: [0, 139, 139],
-  darkgoldenrod: [184, 134, 11],
-  darkgray: [169, 169, 169],
-  darkgreen: [0, 100, 0],
-  darkgrey: [169, 169, 169],
-  darkkhaki: [189, 183, 107],
-  darkmagenta: [139, 0, 139],
-  darkolivegreen: [85, 107, 47],
-  darkorange: [255, 140, 0],
-  darkorchid: [153, 50, 204],
-  darkred: [139, 0, 0],
-  darksalmon: [233, 150, 122],
-  darkseagreen: [143, 188, 143],
-  darkslateblue: [72, 61, 139],
-  darkslategray: [47, 79, 79],
-  darkslategrey: [47, 79, 79],
-  darkturquoise: [0, 206, 209],
-  darkviolet: [148, 0, 211],
-  deeppink: [255, 20, 147],
-  deepskyblue: [0, 191, 255],
-  dimgray: [105, 105, 105],
-  dimgrey: [105, 105, 105],
-  dodgerblue: [30, 144, 255],
-  firebrick: [178, 34, 34],
-  floralwhite: [255, 250, 240],
-  forestgreen: [34, 139, 34],
-  fuchsia: [255, 0, 255],
-  gainsboro: [220, 220, 220],
-  ghostwhite: [248, 248, 255],
-  gold: [255, 215, 0],
-  goldenrod: [218, 165, 32],
-  gray: [128, 128, 128],
-  green: [0, 128, 0],
-  greenyellow: [173, 255, 47],
-  grey: [128, 128, 128],
-  honeydew: [240, 255, 240],
-  hotpink: [255, 105, 180],
-  indianred: [205, 92, 92],
-  indigo: [75, 0, 130],
-  ivory: [255, 255, 240],
-  khaki: [240, 230, 140],
-  lavender: [230, 230, 250],
-  lavenderblush: [255, 240, 245],
-  lawngreen: [124, 252, 0],
-  lemonchiffon: [255, 250, 205],
-  lightblue: [173, 216, 230],
-  lightcoral: [240, 128, 128],
-  lightcyan: [224, 255, 255],
-  lightgoldenrodyellow: [250, 250, 210],
-  lightgray: [211, 211, 211],
-  lightgreen: [144, 238, 144],
-  lightgrey: [211, 211, 211],
-  lightpink: [255, 182, 193],
-  lightsalmon: [255, 160, 122],
-  lightseagreen: [32, 178, 170],
-  lightskyblue: [135, 206, 250],
-  lightslategray: [119, 136, 153],
-  lightslategrey: [119, 136, 153],
-  lightsteelblue: [176, 196, 222],
-  lightyellow: [255, 255, 224],
-  lime: [0, 255, 0],
-  limegreen: [50, 205, 50],
-  linen: [250, 240, 230],
-  magenta: [255, 0, 255],
-  maroon: [128, 0, 0],
-  mediumaquamarine: [102, 205, 170],
-  mediumblue: [0, 0, 205],
-  mediumorchid: [186, 85, 211],
-  mediumpurple: [147, 112, 219],
-  mediumseagreen: [60, 179, 113],
-  mediumslateblue: [123, 104, 238],
-  mediumspringgreen: [0, 250, 154],
-  mediumturquoise: [72, 209, 204],
-  mediumvioletred: [199, 21, 133],
-  midnightblue: [25, 25, 112],
-  mintcream: [245, 255, 250],
-  mistyrose: [255, 228, 225],
-  moccasin: [255, 228, 181],
-  navajowhite: [255, 222, 173],
-  navy: [0, 0, 128],
-  oldlace: [253, 245, 230],
-  olive: [128, 128, 0],
-  olivedrab: [107, 142, 35],
-  orange: [255, 165, 0],
-  orangered: [255, 69, 0],
-  orchid: [218, 112, 214],
-  palegoldenrod: [238, 232, 170],
-  palegreen: [152, 251, 152],
-  paleturquoise: [175, 238, 238],
-  palevioletred: [219, 112, 147],
-  papayawhip: [255, 239, 213],
-  peachpuff: [255, 218, 185],
-  peru: [205, 133, 63],
-  pink: [255, 192, 203],
-  plum: [221, 160, 221],
-  powderblue: [176, 224, 230],
-  purple: [128, 0, 128],
-  rebeccapurple: [102, 51, 153],
-  red: [255, 0, 0],
-  rosybrown: [188, 143, 143],
-  royalblue: [65, 105, 225],
-  saddlebrown: [139, 69, 19],
-  salmon: [250, 128, 114],
-  sandybrown: [244, 164, 96],
-  seagreen: [46, 139, 87],
-  seashell: [255, 245, 238],
-  sienna: [160, 82, 45],
-  silver: [192, 192, 192],
-  skyblue: [135, 206, 235],
-  slateblue: [106, 90, 205],
-  slategray: [112, 128, 144],
-  slategrey: [112, 128, 144],
-  snow: [255, 250, 250],
-  springgreen: [0, 255, 127],
-  steelblue: [70, 130, 180],
-  tan: [210, 180, 140],
-  teal: [0, 128, 128],
-  thistle: [216, 191, 216],
-  tomato: [255, 99, 71],
-  turquoise: [64, 224, 208],
-  violet: [238, 130, 238],
-  wheat: [245, 222, 179],
-  white: [255, 255, 255],
-  whitesmoke: [245, 245, 245],
-  yellow: [255, 255, 0],
-  yellowgreen: [154, 205, 50],
-}

package/src/util/configurePlugins.js

@@ -1,23 +0,0 @@
-export default function (pluginConfig, plugins) {
-  if (pluginConfig === undefined) {
-    return plugins
-  }
-
-  const pluginNames = Array.isArray(pluginConfig)
-    ? pluginConfig
-    : [
-        ...new Set(
-          plugins
-            .filter((pluginName) => {
-              return pluginConfig !== false && pluginConfig[pluginName] !== false
-            })
-            .concat(
-              Object.keys(pluginConfig).filter((pluginName) => {
-                return pluginConfig[pluginName] !== false
-              })
-            )
-        ),
-      ]
-
-  return pluginNames
-}

package/src/util/createPlugin.js

@@ -1,27 +0,0 @@
-function createPlugin(plugin, config) {
-  return {
-    handler: plugin,
-    config,
-  }
-}
-
-createPlugin.withOptions = function (pluginFunction, configFunction = () => ({})) {
-  const optionsFunction = function (options) {
-    return {
-      __options: options,
-      handler: pluginFunction(options),
-      config: configFunction(options),
-    }
-  }
-
-  optionsFunction.__isOptionsFunction = true
-
-  // Expose plugin dependencies so that `object-hash` returns a different
-  // value if anything here changes, to ensure a rebuild is triggered.
-  optionsFunction.__pluginFunction = pluginFunction
-  optionsFunction.__configFunction = configFunction
-
-  return optionsFunction
-}
-
-export default createPlugin

package/src/util/createUtilityPlugin.js

@@ -1,37 +0,0 @@
-import transformThemeValue from './transformThemeValue'
-
-export default function createUtilityPlugin(
-  themeKey,
-  utilityVariations = [[themeKey, [themeKey]]],
-  { filterDefault = false, ...options } = {}
-) {
-  let transformValue = transformThemeValue(themeKey)
-  return function ({ matchUtilities, theme }) {
-    for (let utilityVariation of utilityVariations) {
-      let group = Array.isArray(utilityVariation[0]) ? utilityVariation : [utilityVariation]
-
-      matchUtilities(
-        group.reduce((obj, [classPrefix, properties]) => {
-          return Object.assign(obj, {
-            [classPrefix]: (value) => {
-              return properties.reduce((obj, name) => {
-                if (Array.isArray(name)) {
-                  return Object.assign(obj, { [name[0]]: name[1] })
-                }
-                return Object.assign(obj, { [name]: transformValue(value) })
-              }, {})
-            },
-          })
-        }, {}),
-        {
-          ...options,
-          values: filterDefault
-            ? Object.fromEntries(
-                Object.entries(theme(themeKey) ?? {}).filter(([modifier]) => modifier !== 'DEFAULT')
-              )
-            : theme(themeKey),
-        }
-      )
-    }
-  }
-}

package/src/util/dataTypes.js

@@ -1,292 +0,0 @@
-import { parseColor } from './color'
-import { parseBoxShadowValue } from './parseBoxShadowValue'
-import { splitAtTopLevelOnly } from './splitAtTopLevelOnly'
-
-let cssFunctions = ['min', 'max', 'clamp', 'calc']
-
-// Ref: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Types
-
-function isCSSFunction(value) {
-  return cssFunctions.some((fn) => new RegExp(`^${fn}\\(.*\\)`).test(value))
-}
-
-const placeholder = '--tw-placeholder'
-const placeholderRe = new RegExp(placeholder, 'g')
-
-// This is not a data type, but rather a function that can normalize the
-// correct values.
-export function normalize(value, isRoot = true) {
-  if (value.startsWith('--')) {
-    return `var(${value})`
-  }
-
-  // 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()
-  }
-
-  value = normalizeMathOperatorSpacing(value)
-
-  return value
-}
-
-/**
- * Add spaces around operators inside math functions
- * like calc() that do not follow an operator or '('.
- *
- * @param {string} value
- * @returns {string}
- */
-function normalizeMathOperatorSpacing(value) {
-  return value.replace(/(calc|min|max|clamp)\(.+\)/g, (match) => {
-    let vars = []
-
-    return match
-      .replace(/var\((--.+?)[,)]/g, (match, g1) => {
-        vars.push(g1)
-        return match.replace(g1, placeholder)
-      })
-      .replace(/(-?\d*\.?\d(?!\b-\d.+[,)](?![^+\-/*])\D)(?:%|[a-z]+)?|\))([+\-/*])/g, '$1 $2 ')
-      .replace(placeholderRe, () => vars.shift())
-  })
-}
-
-export function url(value) {
-  return value.startsWith('url(')
-}
-
-export function number(value) {
-  return !isNaN(Number(value)) || isCSSFunction(value)
-}
-
-export function percentage(value) {
-  return (value.endsWith('%') && number(value.slice(0, -1))) || isCSSFunction(value)
-}
-
-// Please refer to MDN when updating this list:
-// https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Values_and_units
-// https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Container_Queries#container_query_length_units
-let lengthUnits = [
-  'cm',
-  'mm',
-  'Q',
-  'in',
-  'pc',
-  'pt',
-  'px',
-  'em',
-  'ex',
-  'ch',
-  'rem',
-  'lh',
-  'rlh',
-  'vw',
-  'vh',
-  'vmin',
-  'vmax',
-  'vb',
-  'vi',
-  'svw',
-  'svh',
-  'lvw',
-  'lvh',
-  'dvw',
-  'dvh',
-  'cqw',
-  'cqh',
-  'cqi',
-  'cqb',
-  'cqmin',
-  'cqmax',
-]
-let lengthUnitsPattern = `(?:${lengthUnits.join('|')})`
-export function length(value) {
-  return (
-    value === '0' ||
-    new RegExp(`^[+-]?[0-9]*\.?[0-9]+(?:[eE][+-]?[0-9]+)?${lengthUnitsPattern}$`).test(value) ||
-    isCSSFunction(value)
-  )
-}
-
-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 = splitAtTopLevelOnly(value, '_').every((part) => {
-    part = normalize(part)
-
-    if (part.startsWith('var(')) return true
-    if (parseColor(part, { loose: true }) !== null) return colors++, true
-
-    return false
-  })
-
-  if (!result) return false
-  return colors > 0
-}
-
-export function image(value) {
-  let images = 0
-  let result = splitAtTopLevelOnly(value, ',').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([
-  'conic-gradient',
-  'linear-gradient',
-  'radial-gradient',
-  'repeating-conic-gradient',
-  'repeating-linear-gradient',
-  'repeating-radial-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 = splitAtTopLevelOnly(value, '_').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 = splitAtTopLevelOnly(value, ',').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