tailwindcss 0.0.0-insiders.ddec022 → 0.0.0-insiders.de00a62

package/src/value-parser/parse.js

@@ -0,0 +1,303 @@
+var openParentheses = '('.charCodeAt(0)
+var closeParentheses = ')'.charCodeAt(0)
+var singleQuote = "'".charCodeAt(0)
+var doubleQuote = '"'.charCodeAt(0)
+var backslash = '\\'.charCodeAt(0)
+var slash = '/'.charCodeAt(0)
+var comma = ','.charCodeAt(0)
+var colon = ':'.charCodeAt(0)
+var star = '*'.charCodeAt(0)
+var uLower = 'u'.charCodeAt(0)
+var uUpper = 'U'.charCodeAt(0)
+var plus = '+'.charCodeAt(0)
+var isUnicodeRange = /^[a-f0-9?-]+$/i
+
+module.exports = function (input) {
+  var tokens = []
+  var value = input
+
+  var next, quote, prev, token, escape, escapePos, whitespacePos, parenthesesOpenPos
+  var pos = 0
+  var code = value.charCodeAt(pos)
+  var max = value.length
+  var stack = [{ nodes: tokens }]
+  var balanced = 0
+  var parent
+
+  var name = ''
+  var before = ''
+  var after = ''
+
+  while (pos < max) {
+    // Whitespaces
+    if (code <= 32) {
+      next = pos
+      do {
+        next += 1
+        code = value.charCodeAt(next)
+      } while (code <= 32)
+      token = value.slice(pos, next)
+
+      prev = tokens[tokens.length - 1]
+      if (code === closeParentheses && balanced) {
+        after = token
+      } else if (prev && prev.type === 'div') {
+        prev.after = token
+        prev.sourceEndIndex += token.length
+      } else if (
+        code === comma ||
+        code === colon ||
+        (code === slash &&
+          value.charCodeAt(next + 1) !== star &&
+          (!parent || (parent && parent.type === 'function' && false)))
+      ) {
+        before = token
+      } else {
+        tokens.push({
+          type: 'space',
+          sourceIndex: pos,
+          sourceEndIndex: next,
+          value: token,
+        })
+      }
+
+      pos = next
+
+      // Quotes
+    } else if (code === singleQuote || code === doubleQuote) {
+      next = pos
+      quote = code === singleQuote ? "'" : '"'
+      token = {
+        type: 'string',
+        sourceIndex: pos,
+        quote: quote,
+      }
+      do {
+        escape = false
+        next = value.indexOf(quote, next + 1)
+        if (~next) {
+          escapePos = next
+          while (value.charCodeAt(escapePos - 1) === backslash) {
+            escapePos -= 1
+            escape = !escape
+          }
+        } else {
+          value += quote
+          next = value.length - 1
+          token.unclosed = true
+        }
+      } while (escape)
+      token.value = value.slice(pos + 1, next)
+      token.sourceEndIndex = token.unclosed ? next : next + 1
+      tokens.push(token)
+      pos = next + 1
+      code = value.charCodeAt(pos)
+
+      // Comments
+    } else if (code === slash && value.charCodeAt(pos + 1) === star) {
+      next = value.indexOf('*/', pos)
+
+      token = {
+        type: 'comment',
+        sourceIndex: pos,
+        sourceEndIndex: next + 2,
+      }
+
+      if (next === -1) {
+        token.unclosed = true
+        next = value.length
+        token.sourceEndIndex = next
+      }
+
+      token.value = value.slice(pos + 2, next)
+      tokens.push(token)
+
+      pos = next + 2
+      code = value.charCodeAt(pos)
+
+      // Operation within calc
+    } else if ((code === slash || code === star) && parent && parent.type === 'function' && true) {
+      token = value[pos]
+      tokens.push({
+        type: 'word',
+        sourceIndex: pos - before.length,
+        sourceEndIndex: pos + token.length,
+        value: token,
+      })
+      pos += 1
+      code = value.charCodeAt(pos)
+
+      // Dividers
+    } else if (code === slash || code === comma || code === colon) {
+      token = value[pos]
+
+      tokens.push({
+        type: 'div',
+        sourceIndex: pos - before.length,
+        sourceEndIndex: pos + token.length,
+        value: token,
+        before: before,
+        after: '',
+      })
+      before = ''
+
+      pos += 1
+      code = value.charCodeAt(pos)
+
+      // Open parentheses
+    } else if (openParentheses === code) {
+      // Whitespaces after open parentheses
+      next = pos
+      do {
+        next += 1
+        code = value.charCodeAt(next)
+      } while (code <= 32)
+      parenthesesOpenPos = pos
+      token = {
+        type: 'function',
+        sourceIndex: pos - name.length,
+        value: name,
+        before: value.slice(parenthesesOpenPos + 1, next),
+      }
+      pos = next
+
+      if (name === 'url' && code !== singleQuote && code !== doubleQuote) {
+        next -= 1
+        do {
+          escape = false
+          next = value.indexOf(')', next + 1)
+          if (~next) {
+            escapePos = next
+            while (value.charCodeAt(escapePos - 1) === backslash) {
+              escapePos -= 1
+              escape = !escape
+            }
+          } else {
+            value += ')'
+            next = value.length - 1
+            token.unclosed = true
+          }
+        } while (escape)
+        // Whitespaces before closed
+        whitespacePos = next
+        do {
+          whitespacePos -= 1
+          code = value.charCodeAt(whitespacePos)
+        } while (code <= 32)
+        if (parenthesesOpenPos < whitespacePos) {
+          if (pos !== whitespacePos + 1) {
+            token.nodes = [
+              {
+                type: 'word',
+                sourceIndex: pos,
+                sourceEndIndex: whitespacePos + 1,
+                value: value.slice(pos, whitespacePos + 1),
+              },
+            ]
+          } else {
+            token.nodes = []
+          }
+          if (token.unclosed && whitespacePos + 1 !== next) {
+            token.after = ''
+            token.nodes.push({
+              type: 'space',
+              sourceIndex: whitespacePos + 1,
+              sourceEndIndex: next,
+              value: value.slice(whitespacePos + 1, next),
+            })
+          } else {
+            token.after = value.slice(whitespacePos + 1, next)
+            token.sourceEndIndex = next
+          }
+        } else {
+          token.after = ''
+          token.nodes = []
+        }
+        pos = next + 1
+        token.sourceEndIndex = token.unclosed ? next : pos
+        code = value.charCodeAt(pos)
+        tokens.push(token)
+      } else {
+        balanced += 1
+        token.after = ''
+        token.sourceEndIndex = pos + 1
+        tokens.push(token)
+        stack.push(token)
+        tokens = token.nodes = []
+        parent = token
+      }
+      name = ''
+
+      // Close parentheses
+    } else if (closeParentheses === code && balanced) {
+      pos += 1
+      code = value.charCodeAt(pos)
+
+      parent.after = after
+      parent.sourceEndIndex += after.length
+      after = ''
+      balanced -= 1
+      stack[stack.length - 1].sourceEndIndex = pos
+      stack.pop()
+      parent = stack[balanced]
+      tokens = parent.nodes
+
+      // Words
+    } else {
+      next = pos
+      do {
+        if (code === backslash) {
+          next += 1
+        }
+        next += 1
+        code = value.charCodeAt(next)
+      } while (
+        next < max &&
+        !(
+          code <= 32 ||
+          code === singleQuote ||
+          code === doubleQuote ||
+          code === comma ||
+          code === colon ||
+          code === slash ||
+          code === openParentheses ||
+          (code === star && parent && parent.type === 'function' && true) ||
+          (code === slash && parent.type === 'function' && true) ||
+          (code === closeParentheses && balanced)
+        )
+      )
+      token = value.slice(pos, next)
+
+      if (openParentheses === code) {
+        name = token
+      } else if (
+        (uLower === token.charCodeAt(0) || uUpper === token.charCodeAt(0)) &&
+        plus === token.charCodeAt(1) &&
+        isUnicodeRange.test(token.slice(2))
+      ) {
+        tokens.push({
+          type: 'unicode-range',
+          sourceIndex: pos,
+          sourceEndIndex: next,
+          value: token,
+        })
+      } else {
+        tokens.push({
+          type: 'word',
+          sourceIndex: pos,
+          sourceEndIndex: next,
+          value: token,
+        })
+      }
+
+      pos = next
+    }
+  }
+
+  for (pos = stack.length - 1; pos; pos -= 1) {
+    stack[pos].unclosed = true
+    stack[pos].sourceEndIndex = value.length
+  }
+
+  return stack[0].nodes
+}

package/src/value-parser/stringify.js

@@ -0,0 +1,41 @@
+function stringifyNode(node, custom) {
+  var type = node.type
+  var value = node.value
+  var buf
+  var customResult
+
+  if (custom && (customResult = custom(node)) !== undefined) {
+    return customResult
+  } else if (type === 'word' || type === 'space') {
+    return value
+  } else if (type === 'string') {
+    buf = node.quote || ''
+    return buf + value + (node.unclosed ? '' : buf)
+  } else if (type === 'comment') {
+    return '/*' + value + (node.unclosed ? '' : '*/')
+  } else if (type === 'div') {
+    return (node.before || '') + value + (node.after || '')
+  } else if (Array.isArray(node.nodes)) {
+    buf = stringify(node.nodes, custom)
+    if (type !== 'function') {
+      return buf
+    }
+    return value + '(' + (node.before || '') + buf + (node.after || '') + (node.unclosed ? '' : ')')
+  }
+  return value
+}
+
+function stringify(nodes, custom) {
+  var result, i
+
+  if (Array.isArray(nodes)) {
+    result = ''
+    for (i = nodes.length - 1; ~i; i -= 1) {
+      result = stringifyNode(nodes[i], custom) + result
+    }
+    return result
+  }
+  return stringifyNode(nodes, custom)
+}
+
+module.exports = stringify

package/src/value-parser/unit.js

@@ -0,0 +1,118 @@
+var minus = '-'.charCodeAt(0)
+var plus = '+'.charCodeAt(0)
+var dot = '.'.charCodeAt(0)
+var exp = 'e'.charCodeAt(0)
+var EXP = 'E'.charCodeAt(0)
+
+// Check if three code points would start a number
+// https://www.w3.org/TR/css-syntax-3/#starts-with-a-number
+function likeNumber(value) {
+  var code = value.charCodeAt(0)
+  var nextCode
+
+  if (code === plus || code === minus) {
+    nextCode = value.charCodeAt(1)
+
+    if (nextCode >= 48 && nextCode <= 57) {
+      return true
+    }
+
+    var nextNextCode = value.charCodeAt(2)
+
+    if (nextCode === dot && nextNextCode >= 48 && nextNextCode <= 57) {
+      return true
+    }
+
+    return false
+  }
+
+  if (code === dot) {
+    nextCode = value.charCodeAt(1)
+
+    if (nextCode >= 48 && nextCode <= 57) {
+      return true
+    }
+
+    return false
+  }
+
+  if (code >= 48 && code <= 57) {
+    return true
+  }
+
+  return false
+}
+
+// Consume a number
+// https://www.w3.org/TR/css-syntax-3/#consume-number
+module.exports = function (value) {
+  var pos = 0
+  var length = value.length
+  var code
+  var nextCode
+  var nextNextCode
+
+  if (length === 0 || !likeNumber(value)) {
+    return false
+  }
+
+  code = value.charCodeAt(pos)
+
+  if (code === plus || code === minus) {
+    pos++
+  }
+
+  while (pos < length) {
+    code = value.charCodeAt(pos)
+
+    if (code < 48 || code > 57) {
+      break
+    }
+
+    pos += 1
+  }
+
+  code = value.charCodeAt(pos)
+  nextCode = value.charCodeAt(pos + 1)
+
+  if (code === dot && nextCode >= 48 && nextCode <= 57) {
+    pos += 2
+
+    while (pos < length) {
+      code = value.charCodeAt(pos)
+
+      if (code < 48 || code > 57) {
+        break
+      }
+
+      pos += 1
+    }
+  }
+
+  code = value.charCodeAt(pos)
+  nextCode = value.charCodeAt(pos + 1)
+  nextNextCode = value.charCodeAt(pos + 2)
+
+  if (
+    (code === exp || code === EXP) &&
+    ((nextCode >= 48 && nextCode <= 57) ||
+      ((nextCode === plus || nextCode === minus) && nextNextCode >= 48 && nextNextCode <= 57))
+  ) {
+    pos += nextCode === plus || nextCode === minus ? 3 : 2
+
+    while (pos < length) {
+      code = value.charCodeAt(pos)
+
+      if (code < 48 || code > 57) {
+        break
+      }
+
+      pos += 1
+    }
+  }
+
+  return {
+    number: value.slice(0, pos),
+    unit: value.slice(pos),
+  }
+}

package/src/value-parser/walk.js

@@ -0,0 +1,18 @@
+module.exports = function walk(nodes, cb, bubble) {
+  var i, max, node, result
+
+  for (i = 0, max = nodes.length; i < max; i += 1) {
+    node = nodes[i]
+    if (!bubble) {
+      result = cb(node, i, nodes)
+    }
+
+    if (result !== false && node.type === 'function' && Array.isArray(node.nodes)) {
+      walk(node.nodes, cb, bubble)
+    }
+
+    if (bubble) {
+      cb(node, i, nodes)
+    }
+  }
+}

package/stubs/config.full.js

@@ -15,6 +15,7 @@ module.exports = {
       bounce: 'bounce 1s infinite',
     },
     aria: {
+      busy: 'busy="true"',
       checked: 'checked="true"',
       disabled: 'disabled="true"',
       expanded: 'expanded="true"',
@@ -302,13 +303,6 @@ module.exports = {
       sans: [
         'ui-sans-serif',
         'system-ui',
-        '-apple-system',
-        'BlinkMacSystemFont',
-        '"Segoe UI"',
-        'Roboto',
-        '"Helvetica Neue"',
-        'Arial',
-        '"Noto Sans"',
         'sans-serif',
         '"Apple Color Emoji"',
         '"Segoe UI Emoji"',
@@ -450,6 +444,12 @@ module.exports = {
       'span-4': 'span 4 / span 4',
       'span-5': 'span 5 / span 5',
       'span-6': 'span 6 / span 6',
+      'span-7': 'span 7 / span 7',
+      'span-8': 'span 8 / span 8',
+      'span-9': 'span 9 / span 9',
+      'span-10': 'span 10 / span 10',
+      'span-11': 'span 11 / span 11',
+      'span-12': 'span 12 / span 12',
       'span-full': '1 / -1',
     },
     gridRowEnd: {
@@ -461,6 +461,12 @@ module.exports = {
       5: '5',
       6: '6',
       7: '7',
+      8: '8',
+      9: '9',
+      10: '10',
+      11: '11',
+      12: '12',
+      13: '13',
     },
     gridRowStart: {
       auto: 'auto',
@@ -471,9 +477,16 @@ module.exports = {
       5: '5',
       6: '6',
       7: '7',
+      8: '8',
+      9: '9',
+      10: '10',
+      11: '11',
+      12: '12',
+      13: '13',
     },
     gridTemplateColumns: {
       none: 'none',
+      subgrid: 'subgrid',
       1: 'repeat(1, minmax(0, 1fr))',
       2: 'repeat(2, minmax(0, 1fr))',
       3: 'repeat(3, minmax(0, 1fr))',
@@ -489,12 +502,19 @@ module.exports = {
     },
     gridTemplateRows: {
       none: 'none',
+      subgrid: 'subgrid',
       1: 'repeat(1, minmax(0, 1fr))',
       2: 'repeat(2, minmax(0, 1fr))',
       3: 'repeat(3, minmax(0, 1fr))',
       4: 'repeat(4, minmax(0, 1fr))',
       5: 'repeat(5, minmax(0, 1fr))',
       6: 'repeat(6, minmax(0, 1fr))',
+      7: 'repeat(7, minmax(0, 1fr))',
+      8: 'repeat(8, minmax(0, 1fr))',
+      9: 'repeat(9, minmax(0, 1fr))',
+      10: 'repeat(10, minmax(0, 1fr))',
+      11: 'repeat(11, minmax(0, 1fr))',
+      12: 'repeat(12, minmax(0, 1fr))',
     },
     height: ({ theme }) => ({
       auto: 'auto',
@@ -516,6 +536,9 @@ module.exports = {
       '5/6': '83.333333%',
       full: '100%',
       screen: '100vh',
+      svh: '100svh',
+      lvh: '100lvh',
+      dvh: '100dvh',
       min: 'min-content',
       max: 'max-content',
       fit: 'fit-content',
@@ -620,13 +643,16 @@ module.exports = {
       none: 'none',
       full: '100%',
       screen: '100vh',
+      svh: '100svh',
+      lvh: '100lvh',
+      dvh: '100dvh',
       min: 'min-content',
       max: 'max-content',
       fit: 'fit-content',
     }),
     maxWidth: ({ theme, breakpoints }) => ({
+      ...theme('spacing'),
       none: 'none',
-      0: '0rem',
       xs: '20rem',
       sm: '24rem',
       md: '28rem',
@@ -645,21 +671,24 @@ module.exports = {
       prose: '65ch',
       ...breakpoints(theme('screens')),
     }),
-    minHeight: {
-      0: '0px',
+    minHeight: ({ theme }) => ({
+      ...theme('spacing'),
       full: '100%',
       screen: '100vh',
+      svh: '100svh',
+      lvh: '100lvh',
+      dvh: '100dvh',
       min: 'min-content',
       max: 'max-content',
       fit: 'fit-content',
-    },
-    minWidth: {
-      0: '0px',
+    }),
+    minWidth: ({ theme }) => ({
+      ...theme('spacing'),
       full: '100%',
       min: 'min-content',
       max: 'max-content',
       fit: 'fit-content',
-    },
+    }),
     objectPosition: {
       bottom: 'bottom',
       center: 'center',
@@ -675,15 +704,21 @@ module.exports = {
       0: '0',
       5: '0.05',
       10: '0.1',
+      15: '0.15',
       20: '0.2',
       25: '0.25',
       30: '0.3',
+      35: '0.35',
       40: '0.4',
+      45: '0.45',
       50: '0.5',
+      55: '0.55',
       60: '0.6',
+      65: '0.65',
       70: '0.7',
       75: '0.75',
       80: '0.8',
+      85: '0.85',
       90: '0.9',
       95: '0.95',
       100: '1',
@@ -935,6 +970,40 @@ module.exports = {
       '3/4': '75%',
       full: '100%',
     }),
+    size: ({ theme }) => ({
+      auto: 'auto',
+      ...theme('spacing'),
+      '1/2': '50%',
+      '1/3': '33.333333%',
+      '2/3': '66.666667%',
+      '1/4': '25%',
+      '2/4': '50%',
+      '3/4': '75%',
+      '1/5': '20%',
+      '2/5': '40%',
+      '3/5': '60%',
+      '4/5': '80%',
+      '1/6': '16.666667%',
+      '2/6': '33.333333%',
+      '3/6': '50%',
+      '4/6': '66.666667%',
+      '5/6': '83.333333%',
+      '1/12': '8.333333%',
+      '2/12': '16.666667%',
+      '3/12': '25%',
+      '4/12': '33.333333%',
+      '5/12': '41.666667%',
+      '6/12': '50%',
+      '7/12': '58.333333%',
+      '8/12': '66.666667%',
+      '9/12': '75%',
+      '10/12': '83.333333%',
+      '11/12': '91.666667%',
+      full: '100%',
+      min: 'min-content',
+      max: 'max-content',
+      fit: 'fit-content',
+    }),
     width: ({ theme }) => ({
       auto: 'auto',
       ...theme('spacing'),
@@ -966,6 +1035,9 @@ module.exports = {
       '11/12': '91.666667%',
       full: '100%',
       screen: '100vw',
+      svw: '100svw',
+      lvw: '100lvw',
+      dvw: '100dvw',
       min: 'min-content',
       max: 'max-content',
       fit: 'fit-content',