postcss,(plugins): nanocss, postcss-preset-env

9 files changed, 678 insertions, 0 deletions

diff --git a/node_modules/postcss-ordered-values/src/rules/animation.js b/node_modules/postcss-ordered-values/src/rules/animation.js
new file mode 100644
index 00000000..a49dde58
--- /dev/null
+++ b/node_modules/postcss-ordered-values/src/rules/animation.js
@@ -0,0 +1,148 @@
+'use strict';
+const { unit } = require('postcss-value-parser');
+const { getArguments } = require('cssnano-utils');
+const addSpace = require('../lib/addSpace');
+const getValue = require('../lib/getValue');
+
+// animation: [ none | <keyframes-name> ] || <time> || <single-timing-function> || <time> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state>
+const functions = new Set(['steps', 'cubic-bezier', 'frames']);
+const keywords = new Set([
+  'ease',
+  'ease-in',
+  'ease-in-out',
+  'ease-out',
+  'linear',
+  'step-end',
+  'step-start',
+]);
+
+const directions = new Set([
+  'normal',
+  'reverse',
+  'alternate',
+  'alternate-reverse',
+]);
+const fillModes = new Set(['none', 'forwards', 'backwards', 'both']);
+const playStates = new Set(['running', 'paused']);
+const timeUnits = new Set(['ms', 's']);
+
+/**
+ * @param {string} value
+ * @param {string} type
+ * @return {boolean}
+ */
+const isTimingFunction = (value, type) => {
+  return (type === 'function' && functions.has(value)) || keywords.has(value);
+};
+/**
+ * @param {string} value
+ * @return {boolean}
+ */
+const isDirection = (value) => {
+  return directions.has(value);
+};
+/**
+ * @param {string} value
+ * @return {boolean}
+ */
+const isFillMode = (value) => {
+  return fillModes.has(value);
+};
+/**
+ * @param {string} value
+ * @return {boolean}
+ */
+const isPlayState = (value) => {
+  return playStates.has(value);
+};
+/**
+ * @param {string} value
+ * @return {boolean}
+ */
+const isTime = (value) => {
+  const quantity = unit(value);
+
+  return quantity && timeUnits.has(quantity.unit);
+};
+/**
+ * @param {string} value
+ * @return {boolean}
+ */
+const isIterationCount = (value) => {
+  const quantity = unit(value);
+
+  return value === 'infinite' || (quantity && !quantity.unit);
+};
+
+const stateConditions = [
+  { property: 'duration', delegate: isTime },
+  { property: 'timingFunction', delegate: isTimingFunction },
+  { property: 'delay', delegate: isTime },
+  { property: 'iterationCount', delegate: isIterationCount },
+  { property: 'direction', delegate: isDirection },
+  { property: 'fillMode', delegate: isFillMode },
+  { property: 'playState', delegate: isPlayState },
+];
+/**
+ * @param {import('postcss-value-parser').Node[][]} args
+ * @return {import('postcss-value-parser').Node[][]}
+ */
+function normalize(args) {
+  const list = [];
+
+  for (const arg of args) {
+    /** @type {Record<string, import('postcss-value-parser').Node[]>} */
+    const state = {
+      name: [],
+      duration: [],
+      timingFunction: [],
+      delay: [],
+      iterationCount: [],
+      direction: [],
+      fillMode: [],
+      playState: [],
+    };
+
+    arg.forEach((node) => {
+      let { type, value } = node;
+
+      if (type === 'space') {
+        return;
+      }
+
+      value = value.toLowerCase();
+
+      const hasMatch = stateConditions.some(({ property, delegate }) => {
+        if (delegate(value, type) && !state[property].length) {
+          state[property] = [node, addSpace()];
+          return true;
+        }
+      });
+
+      if (!hasMatch) {
+        state.name = [...state.name, node, addSpace()];
+      }
+    });
+
+    list.push([
+      ...state.name,
+      ...state.duration,
+      ...state.timingFunction,
+      ...state.delay,
+      ...state.iterationCount,
+      ...state.direction,
+      ...state.fillMode,
+      ...state.playState,
+    ]);
+  }
+  return list;
+}
+/**
+ * @param {import('postcss-value-parser').ParsedValue} parsed
+ * @return {string}
+ */
+module.exports = function normalizeAnimation(parsed) {
+  const values = normalize(getArguments(parsed));
+
+  return getValue(values);
+};
diff --git a/node_modules/postcss-ordered-values/src/rules/border.js b/node_modules/postcss-ordered-values/src/rules/border.js
new file mode 100644
index 00000000..33bf0d47
--- /dev/null
+++ b/node_modules/postcss-ordered-values/src/rules/border.js
@@ -0,0 +1,60 @@
+'use strict';
+const { unit, stringify } = require('postcss-value-parser');
+const mathFunctions = require('../lib/mathfunctions.js');
+
+// border: <line-width> || <line-style> || <color>
+// outline: <outline-color> || <outline-style> || <outline-width>
+
+const borderWidths = new Set(['thin', 'medium', 'thick']);
+
+const borderStyles = new Set([
+  'none',
+  'auto', // only in outline-style
+  'hidden',
+  'dotted',
+  'dashed',
+  'solid',
+  'double',
+  'groove',
+  'ridge',
+  'inset',
+  'outset',
+]);
+
+/**
+ * @param {import('postcss-value-parser').ParsedValue} border
+ * @return {string}
+ */
+module.exports = function normalizeBorder(border) {
+  const order = { width: '', style: '', color: '' };
+
+  border.walk((node) => {
+    const { type, value } = node;
+    if (type === 'word') {
+      if (borderStyles.has(value.toLowerCase())) {
+        order.style = value;
+        return false;
+      }
+      if (borderWidths.has(value.toLowerCase()) || unit(value.toLowerCase())) {
+        if (order.width !== '') {
+          order.width = `${order.width} ${value}`;
+          return false;
+        }
+        order.width = value;
+        return false;
+      }
+      order.color = value;
+      return false;
+    }
+    if (type === 'function') {
+      if (mathFunctions.has(value.toLowerCase())) {
+        order.width = stringify(node);
+      } else {
+        order.color = stringify(node);
+      }
+      return false;
+    }
+  });
+
+  return `${order.width} ${order.style} ${order.color}`.trim();
+};
diff --git a/node_modules/postcss-ordered-values/src/rules/boxShadow.js b/node_modules/postcss-ordered-values/src/rules/boxShadow.js
new file mode 100644
index 00000000..ed87ab20
--- /dev/null
+++ b/node_modules/postcss-ordered-values/src/rules/boxShadow.js
@@ -0,0 +1,73 @@
+'use strict';
+const { unit } = require('postcss-value-parser');
+const { getArguments } = require('cssnano-utils');
+const addSpace = require('../lib/addSpace');
+const getValue = require('../lib/getValue');
+const mathFunctions = require('../lib/mathfunctions.js');
+const vendorUnprefixed = require('../lib/vendorUnprefixed.js');
+
+// box-shadow: inset? && <length>{2,4} && <color>?
+
+/**
+ * @param {import('postcss-value-parser').ParsedValue} parsed
+ * @return {string}
+ */
+module.exports = function normalizeBoxShadow(parsed) {
+  let args = getArguments(parsed);
+
+  const normalized = normalize(args);
+
+  if (normalized === false) {
+    return parsed.toString();
+  }
+
+  return getValue(normalized);
+};
+/**
+ * @param {import('postcss-value-parser').Node[][]} args
+ * @return {false | import('postcss-value-parser').Node[][]}
+ */
+function normalize(args) {
+  const list = [];
+  let abort = false;
+  for (const arg of args) {
+    /** @type {import('postcss-value-parser').Node[]} */
+    let val = [];
+    /** @type {Record<'inset'|'color', import('postcss-value-parser').Node[]>} */
+    let state = {
+      inset: [],
+      color: [],
+    };
+
+    arg.forEach((node) => {
+      const { type, value } = node;
+
+      if (
+        type === 'function' &&
+        mathFunctions.has(vendorUnprefixed(value.toLowerCase()))
+      ) {
+        abort = true;
+        return;
+      }
+
+      if (type === 'space') {
+        return;
+      }
+
+      if (unit(value)) {
+        val = [...val, node, addSpace()];
+      } else if (value.toLowerCase() === 'inset') {
+        state.inset = [...state.inset, node, addSpace()];
+      } else {
+        state.color = [...state.color, node, addSpace()];
+      }
+    });
+
+    if (abort) {
+      return false;
+    }
+
+    list.push([...state.inset, ...val, ...state.color]);
+  }
+  return list;
+}
diff --git a/node_modules/postcss-ordered-values/src/rules/columns.js b/node_modules/postcss-ordered-values/src/rules/columns.js
new file mode 100644
index 00000000..10a00a9e
--- /dev/null
+++ b/node_modules/postcss-ordered-values/src/rules/columns.js
@@ -0,0 +1,39 @@
+'use strict';
+const { unit } = require('postcss-value-parser');
+
+/**
+ * @param {string} value
+ * @return {boolean}
+ */
+function hasUnit(value) {
+  const parsedVal = unit(value);
+  return parsedVal && parsedVal.unit !== '';
+}
+
+/**
+ * @param {import('postcss-value-parser').ParsedValue} columns
+ * @return {import('postcss-value-parser').ParsedValue | string}
+ */
+module.exports = (columns) => {
+  /** @type {string[]} */
+  const widths = [];
+  /** @type {string[]} */
+  const other = [];
+  columns.walk((node) => {
+    const { type, value } = node;
+    if (type === 'word') {
+      if (hasUnit(value)) {
+        widths.push(value);
+      } else {
+        other.push(value);
+      }
+    }
+  });
+
+  // only transform if declaration is not invalid or a single value
+  if (other.length === 1 && widths.length === 1) {
+    return `${widths[0].trimStart()} ${other[0].trimStart()}`;
+  }
+
+  return columns;
+};
diff --git a/node_modules/postcss-ordered-values/src/rules/flexFlow.js b/node_modules/postcss-ordered-values/src/rules/flexFlow.js
new file mode 100644
index 00000000..5948fbdc
--- /dev/null
+++ b/node_modules/postcss-ordered-values/src/rules/flexFlow.js
@@ -0,0 +1,36 @@
+'use strict';
+// flex-flow: <flex-direction> || <flex-wrap>
+
+const flexDirection = new Set([
+  'row',
+  'row-reverse',
+  'column',
+  'column-reverse',
+]);
+
+const flexWrap = new Set(['nowrap', 'wrap', 'wrap-reverse']);
+
+/**
+ * @param {import('postcss-value-parser').ParsedValue} flexFlow
+ * @return {string}
+ */
+module.exports = function normalizeFlexFlow(flexFlow) {
+  let order = {
+    direction: '',
+    wrap: '',
+  };
+
+  flexFlow.walk(({ value }) => {
+    if (flexDirection.has(value.toLowerCase())) {
+      order.direction = value;
+      return;
+    }
+
+    if (flexWrap.has(value.toLowerCase())) {
+      order.wrap = value;
+      return;
+    }
+  });
+
+  return `${order.direction} ${order.wrap}`.trim();
+};
diff --git a/node_modules/postcss-ordered-values/src/rules/grid.js b/node_modules/postcss-ordered-values/src/rules/grid.js
new file mode 100644
index 00000000..9a0b14ee
--- /dev/null
+++ b/node_modules/postcss-ordered-values/src/rules/grid.js
@@ -0,0 +1,100 @@
+'use strict';
+const joinGridValue = require('../lib/joinGridValue');
+
+/**
+ * @param {import('postcss-value-parser').ParsedValue} gridAutoFlow
+ * @return {import('postcss-value-parser').ParsedValue | string}
+ */
+const normalizeGridAutoFlow = (gridAutoFlow) => {
+  let newValue = { front: '', back: '' };
+  let shouldNormalize = false;
+  gridAutoFlow.walk((node) => {
+    if (node.value === 'dense') {
+      shouldNormalize = true;
+      newValue.back = node.value;
+    } else if (['row', 'column'].includes(node.value.trim().toLowerCase())) {
+      shouldNormalize = true;
+      newValue.front = node.value;
+    } else {
+      shouldNormalize = false;
+    }
+  });
+  if (shouldNormalize) {
+    return `${newValue.front.trim()} ${newValue.back.trim()}`;
+  }
+  return gridAutoFlow;
+};
+
+/**
+ * @param {import('postcss-value-parser').ParsedValue} gridGap
+ * @return {import('postcss-value-parser').ParsedValue | string}
+ */
+const normalizeGridColumnRowGap = (gridGap) => {
+  let newValue = { front: '', back: '' };
+  let shouldNormalize = false;
+  gridGap.walk((node) => {
+    // console.log(node);
+    if (node.value === 'normal') {
+      shouldNormalize = true;
+      newValue.front = node.value;
+    } else {
+      newValue.back = `${newValue.back} ${node.value}`;
+    }
+  });
+  if (shouldNormalize) {
+    return `${newValue.front.trim()} ${newValue.back.trim()}`;
+  }
+  return gridGap;
+};
+
+/**
+ * @param {import('postcss-value-parser').ParsedValue} grid
+ * @return {string | string[]}
+ */
+const normalizeGridColumnRow = (grid) => {
+  // cant do normalization here using node, so copy it as a string
+  let gridValue = grid.toString().split('/'); // node -> string value, split ->  " 2 / 3 span " ->  [' 2','3 span ']
+  if (gridValue.length > 1) {
+    return joinGridValue(
+      gridValue.map((gridLine) => {
+        let normalizeValue = {
+          front: '',
+          back: '',
+        };
+        gridLine = gridLine.trim(); // '3 span ' -> '3 span'
+        gridLine.split(' ').forEach((node) => {
+          // ['3','span']
+          if (node === 'span') {
+            normalizeValue.front = node; // span _
+          } else {
+            normalizeValue.back = `${normalizeValue.back} ${node}`; // _ 3
+          }
+        });
+        return `${normalizeValue.front.trim()} ${normalizeValue.back.trim()}`; // span 3
+      })
+      // returns "2 / span 3"
+    );
+  }
+  // doing this separating if `/` is not present as while joining('/') , it will add `/` at the end
+  return gridValue.map((gridLine) => {
+    let normalizeValue = {
+      front: '',
+      back: '',
+    };
+    gridLine = gridLine.trim();
+    gridLine.split(' ').forEach((node) => {
+      if (node === 'span') {
+        normalizeValue.front = node;
+      } else {
+        normalizeValue.back = `${normalizeValue.back} ${node}`;
+      }
+    });
+    return `${normalizeValue.front.trim()} ${normalizeValue.back.trim()}`;
+  });
+};
+
+module.exports = {
+  normalizeGridAutoFlow,
+  normalizeGridColumnRowGap,
+  normalizeGridColumnRow,
+};
diff --git a/node_modules/postcss-ordered-values/src/rules/listStyle.js b/node_modules/postcss-ordered-values/src/rules/listStyle.js
new file mode 100644
index 00000000..ea7d5bc6
--- /dev/null
+++ b/node_modules/postcss-ordered-values/src/rules/listStyle.js
@@ -0,0 +1,44 @@
+'use strict';
+const valueParser = require('postcss-value-parser');
+const listStyleTypes = require('./listStyleTypes.json');
+
+const definedTypes = new Set(listStyleTypes['list-style-type']);
+
+const definedPosition = new Set(['inside', 'outside']);
+
+/**
+ * @param {import('postcss-value-parser').ParsedValue} listStyle
+ * @return {string}
+ */
+module.exports = function listStyleNormalizer(listStyle) {
+  const order = { type: '', position: '', image: '' };
+
+  listStyle.walk((decl) => {
+    if (decl.type === 'word') {
+      if (definedTypes.has(decl.value)) {
+        // its a type field
+        order.type = `${order.type} ${decl.value}`;
+      } else if (definedPosition.has(decl.value)) {
+        order.position = `${order.position} ${decl.value}`;
+      } else if (decl.value === 'none') {
+        if (
+          order.type
+            .split(' ')
+            .filter((e) => e !== '' && e !== ' ')
+            .includes('none')
+        ) {
+          order.image = `${order.image} ${decl.value}`;
+        } else {
+          order.type = `${order.type} ${decl.value}`;
+        }
+      } else {
+        order.type = `${order.type} ${decl.value}`;
+      }
+    }
+    if (decl.type === 'function') {
+      order.image = `${order.image} ${valueParser.stringify(decl)}`;
+    }
+  });
+
+  return `${order.type.trim()} ${order.position.trim()} ${order.image.trim()}`.trim();
+};
diff --git a/node_modules/postcss-ordered-values/src/rules/listStyleTypes.json b/node_modules/postcss-ordered-values/src/rules/listStyleTypes.json
new file mode 100644
index 00000000..34d44a7a
--- /dev/null
+++ b/node_modules/postcss-ordered-values/src/rules/listStyleTypes.json
@@ -0,0 +1,102 @@
+{
+  "list-style-type": [
+    "afar",
+    "amharic",
+    "amharic-abegede",
+    "arabic-indic",
+    "armenian",
+    "asterisks",
+    "bengali",
+    "binary",
+    "cambodian",
+    "circle",
+    "cjk-decimal",
+    "cjk-earthly-branch",
+    "cjk-heavenly-stem",
+    "cjk-ideographic",
+    "decimal",
+    "decimal-leading-zero",
+    "devanagari",
+    "disc",
+    "disclosure-closed",
+    "disclosure-open",
+    "ethiopic",
+    "ethiopic-abegede",
+    "ethiopic-abegede-am-et",
+    "ethiopic-abegede-gez",
+    "ethiopic-abegede-ti-er",
+    "ethiopic-abegede-ti-et",
+    "ethiopic-halehame",
+    "ethiopic-halehame-aa-er",
+    "ethiopic-halehame-aa-et",
+    "ethiopic-halehame-am",
+    "ethiopic-halehame-am-et",
+    "ethiopic-halehame-gez",
+    "ethiopic-halehame-om-et",
+    "ethiopic-halehame-sid-et",
+    "ethiopic-halehame-so-et",
+    "ethiopic-halehame-ti-er",
+    "ethiopic-halehame-ti-et",
+    "ethiopic-halehame-tig",
+    "ethiopic-numeric",
+    "footnotes",
+    "georgian",
+    "gujarati",
+    "gurmukhi",
+    "hangul",
+    "hangul-consonant",
+    "hebrew",
+    "hiragana",
+    "hiragana-iroha",
+    "japanese-formal",
+    "japanese-informal",
+    "kannada",
+    "katakana",
+    "katakana-iroha",
+    "khmer",
+    "korean-hangul-formal",
+    "korean-hanja-formal",
+    "korean-hanja-informal",
+    "lao",
+    "lower-alpha",
+    "lower-armenian",
+    "lower-greek",
+    "lower-hexadecimal",
+    "lower-latin",
+    "lower-norwegian",
+    "lower-roman",
+    "malayalam",
+    "mongolian",
+    "myanmar",
+    "octal",
+    "oriya",
+    "oromo",
+    "persian",
+    "sidama",
+    "simp-chinese-formal",
+    "simp-chinese-informal",
+    "somali",
+    "square",
+    "string",
+    "symbols",
+    "tamil",
+    "telugu",
+    "thai",
+    "tibetan",
+    "tigre",
+    "tigrinya-er",
+    "tigrinya-er-abegede",
+    "tigrinya-et",
+    "tigrinya-et-abegede",
+    "trad-chinese-formal",
+    "trad-chinese-informal",
+    "upper-alpha",
+    "upper-armenian",
+    "upper-greek",
+    "upper-hexadecimal",
+    "upper-latin",
+    "upper-norwegian",
+    "upper-roman",
+    "urdu"
+  ]
+}
\ No newline at end of file
diff --git a/node_modules/postcss-ordered-values/src/rules/transition.js b/node_modules/postcss-ordered-values/src/rules/transition.js
new file mode 100644
index 00000000..657da74d
--- /dev/null
+++ b/node_modules/postcss-ordered-values/src/rules/transition.js
@@ -0,0 +1,76 @@
+'use strict';
+const { unit } = require('postcss-value-parser');
+const { getArguments } = require('cssnano-utils');
+const addSpace = require('../lib/addSpace');
+const getValue = require('../lib/getValue');
+
+// transition: [ none | <single-transition-property> ] || <time> || <single-transition-timing-function> || <time>
+
+const timingFunctions = new Set([
+  'ease',
+  'linear',
+  'ease-in',
+  'ease-out',
+  'ease-in-out',
+  'step-start',
+  'step-end',
+]);
+
+/**
+ * @param {import('postcss-value-parser').Node[][]} args
+ * @return {import('postcss-value-parser').Node[][]}
+ */
+function normalize(args) {
+  const list = [];
+  for (const arg of args) {
+    /** @type {Record<string, import('postcss-value-parser').Node[]>} */
+    let state = {
+      timingFunction: [],
+      property: [],
+      time1: [],
+      time2: [],
+    };
+
+    arg.forEach((node) => {
+      const { type, value } = node;
+
+      if (type === 'space') {
+        return;
+      }
+
+      if (
+        type === 'function' &&
+        new Set(['steps', 'cubic-bezier']).has(value.toLowerCase())
+      ) {
+        state.timingFunction = [...state.timingFunction, node, addSpace()];
+      } else if (unit(value)) {
+        if (!state.time1.length) {
+          state.time1 = [...state.time1, node, addSpace()];
+        } else {
+          state.time2 = [...state.time2, node, addSpace()];
+        }
+      } else if (timingFunctions.has(value.toLowerCase())) {
+        state.timingFunction = [...state.timingFunction, node, addSpace()];
+      } else {
+        state.property = [...state.property, node, addSpace()];
+      }
+    });
+
+    list.push([
+      ...state.property,
+      ...state.time1,
+      ...state.timingFunction,
+      ...state.time2,
+    ]);
+  }
+  return list;
+}
+/**
+ * @param {import('postcss-value-parser').ParsedValue} parsed
+ * @return {string}
+ */
+module.exports = function normalizeTransition(parsed) {
+  const values = normalize(getArguments(parsed));
+
+  return getValue(values);
+};