tailwindcss 3.3.2 → 3.3.3

package/CHANGELOG.md

@@ -9,6 +9,30 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Nothing yet!
 
+## [3.3.3] - 2023-07-13
+
+### Fixed
+
+- Fix issue where some pseudo-element variants generated the wrong selector ([#10943](https://github.com/tailwindlabs/tailwindcss/pull/10943), [#10962](https://github.com/tailwindlabs/tailwindcss/pull/10962), [#11111](https://github.com/tailwindlabs/tailwindcss/pull/11111))
+- Make font settings propagate into buttons, inputs, etc. ([#10940](https://github.com/tailwindlabs/tailwindcss/pull/10940))
+- Fix parsing of `theme()` inside `calc()` when there are no spaces around operators ([#11157](https://github.com/tailwindlabs/tailwindcss/pull/11157))
+- Ensure `repeating-conic-gradient` is detected as an image ([#11180](https://github.com/tailwindlabs/tailwindcss/pull/11180))
+- Move unknown pseudo-elements outside of `:is` by default ([#11345](https://github.com/tailwindlabs/tailwindcss/pull/11345))
+- Escape animation names when prefixes contain special characters ([#11470](https://github.com/tailwindlabs/tailwindcss/pull/11470))
+- Don't prefix arbitrary classes in `group` and `peer` variants ([#11454](https://github.com/tailwindlabs/tailwindcss/pull/11454))
+- Sort classes using position of first matching rule ([#11504](https://github.com/tailwindlabs/tailwindcss/pull/11504))
+- Allow variant to be an at-rule without a prelude ([#11589](https://github.com/tailwindlabs/tailwindcss/pull/11589))
+- Make PostCSS plugin async to improve performance ([#11548](https://github.com/tailwindlabs/tailwindcss/pull/11548))
+- Don’t error when a config file is missing ([f97759f](https://github.com/tailwindlabs/tailwindcss/commit/f97759f808d15ace66647b1405744fcf95a392e5))
+
+### Added
+
+- Add `aria-busy` utility ([#10966](https://github.com/tailwindlabs/tailwindcss/pull/10966))
+
+### Changed
+
+- Reset padding for `<dialog>` elements in preflight ([#11069](https://github.com/tailwindlabs/tailwindcss/pull/11069))
+
 ## [3.3.2] - 2023-04-25
 
 ### Fixed
@@ -2236,7 +2260,8 @@ No release notes
 
 - Everything!
 
-[unreleased]: https://github.com/tailwindlabs/tailwindcss/compare/v3.3.2...HEAD
+[unreleased]: https://github.com/tailwindlabs/tailwindcss/compare/v3.3.3...HEAD
+[3.3.3]: https://github.com/tailwindlabs/tailwindcss/compare/v3.3.2...v3.3.3
 [3.3.2]: https://github.com/tailwindlabs/tailwindcss/compare/v3.3.1...v3.3.2
 [3.3.1]: https://github.com/tailwindlabs/tailwindcss/compare/v3.3.0...v3.3.1
 [3.3.0]: https://github.com/tailwindlabs/tailwindcss/compare/v3.2.7...v3.3.0

package/lib/cli/build/plugin.js

@@ -245,9 +245,9 @@ async function createProcessor(args, cliConfigPath) {
     let tailwindPlugin = ()=>{
         return {
             postcssPlugin: "tailwindcss",
-            Once (root, { result  }) {
+            async Once (root, { result  }) {
                 _sharedState.env.DEBUG && console.time("Compiling CSS");
-                (0, _processTailwindFeatures.default)(({ createContext  })=>{
+                await (0, _processTailwindFeatures.default)(({ createContext  })=>{
                     console.error();
                     console.error("Rebuilding...");
                     return ()=>{

package/lib/corePlugins.js

@@ -35,6 +35,7 @@ const _parseBoxShadowValue = require("./util/parseBoxShadowValue");
 const _removeAlphaVariables = require("./util/removeAlphaVariables");
 const _featureFlags = require("./featureFlags");
 const _dataTypes = require("./util/dataTypes");
+const _setupContextUtils = require("./lib/setupContextUtils");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -135,7 +136,7 @@ let variantPlugins = {
             return "&::after";
         });
     },
-    pseudoClassVariants: ({ addVariant , matchVariant , config  })=>{
+    pseudoClassVariants: ({ addVariant , matchVariant , config , prefix  })=>{
         let pseudoVariants = [
             // Positional
             [
@@ -216,17 +217,17 @@ let variantPlugins = {
         }
         let variants = {
             group: (_, { modifier  })=>modifier ? [
-                    `:merge(.group\\/${(0, _escapeClassName.default)(modifier)})`,
+                    `:merge(${prefix(".group")}\\/${(0, _escapeClassName.default)(modifier)})`,
                     " &"
                 ] : [
-                    `:merge(.group)`,
+                    `:merge(${prefix(".group")})`,
                     " &"
                 ],
             peer: (_, { modifier  })=>modifier ? [
-                    `:merge(.peer\\/${(0, _escapeClassName.default)(modifier)})`,
+                    `:merge(${prefix(".peer")}\\/${(0, _escapeClassName.default)(modifier)})`,
                     " ~ &"
                 ] : [
-                    `:merge(.peer)`,
+                    `:merge(${prefix(".peer")})`,
                     " ~ &"
                 ]
         };
@@ -255,7 +256,10 @@ let variantPlugins = {
                 // result.replace(/&(\S+)?/g, (_, pseudo = '') => a + pseudo + b)
                 return result.slice(0, start) + a + result.slice(start + 1, end) + b + result.slice(end);
             }, {
-                values: Object.fromEntries(pseudoVariants)
+                values: Object.fromEntries(pseudoVariants),
+                [_setupContextUtils.INTERNAL_FEATURES]: {
+                    respectPrefix: false
+                }
             });
         }
     },
@@ -1283,7 +1287,7 @@ let corePlugins = {
         });
     },
     animation: ({ matchUtilities , theme , config  })=>{
-        let prefixName = (name)=>`${config("prefix")}${(0, _escapeClassName.default)(name)}`;
+        let prefixName = (name)=>(0, _escapeClassName.default)(config("prefix") + name);
         var _theme;
         let keyframes = Object.fromEntries(Object.entries((_theme = theme("keyframes")) !== null && _theme !== void 0 ? _theme : {}).map(([key, value])=>{
             return [

package/lib/css/preflight.css

@@ -163,6 +163,8 @@ optgroup,
 select,
 textarea {
   font-family: inherit; /* 1 */
+  font-feature-settings: inherit; /* 1 */
+  font-variation-settings: inherit; /* 1 */
   font-size: 100%; /* 1 */
   font-weight: inherit; /* 1 */
   line-height: inherit; /* 1 */
@@ -300,6 +302,13 @@ menu {
   padding: 0;
 }
 
+/*
+Reset default styling for dialogs.
+*/
+dialog {
+  padding: 0;
+}
+
 /*
 Prevent resizing textareas horizontally by default.
 */

package/lib/lib/evaluateTailwindFunctions.js

@@ -11,7 +11,7 @@ Object.defineProperty(exports, "default", {
 const _dlv = /*#__PURE__*/ _interop_require_default(require("dlv"));
 const _didyoumean = /*#__PURE__*/ _interop_require_default(require("didyoumean"));
 const _transformThemeValue = /*#__PURE__*/ _interop_require_default(require("../util/transformThemeValue"));
-const _postcssvalueparser = /*#__PURE__*/ _interop_require_default(require("postcss-value-parser"));
+const _index = /*#__PURE__*/ _interop_require_default(require("../value-parser/index"));
 const _normalizeScreens = require("../util/normalizeScreens");
 const _buildMediaQuery = /*#__PURE__*/ _interop_require_default(require("../util/buildMediaQuery"));
 const _toPath = require("../util/toPath");
@@ -121,7 +121,7 @@ function extractArgs(node, vNodes, functions) {
         if (vNode.type === "div" && vNode.value === ",") {
             args.push("");
         } else {
-            args[args.length - 1] += _postcssvalueparser.default.stringify(vNode);
+            args[args.length - 1] += _index.default.stringify(vNode);
         }
     }
     return args;
@@ -135,7 +135,9 @@ function resolveVNode(node, vNode, functions) {
     return vNode;
 }
 function resolveFunctions(node, input, functions) {
-    return (0, _postcssvalueparser.default)(input).walk((vNode)=>{
+    let hasAnyFn = Object.keys(functions).some((fn)=>input.includes(`${fn}(`));
+    if (!hasAnyFn) return input;
+    return (0, _index.default)(input).walk((vNode)=>{
         resolveVNode(node, vNode, functions);
     }).toString();
 }

package/lib/lib/expandTailwindAtRules.js

@@ -124,7 +124,7 @@ function getClassCandidates(content, extractor, candidates, seen) {
     return returnValue;
 }
 function expandTailwindAtRules(context) {
-    return (root)=>{
+    return async (root)=>{
         let layerNodes = {
             base: null,
             components: null,
@@ -165,12 +165,12 @@ function expandTailwindAtRules(context) {
         //   getClassCandidatesOxide(file, transformer(content), extractor, candidates, seen)
         // }
         } else {
-            for (let { file , content , extension  } of context.changedContent){
+            await Promise.all(context.changedContent.map(async ({ file , content , extension  })=>{
                 let transformer = getTransformer(context.tailwindConfig, extension);
                 let extractor = getExtractor(context, extension);
-                content = file ? _fs.default.readFileSync(file, "utf8") : content;
+                content = file ? await _fs.default.promises.readFile(file, "utf8") : content;
                 getClassCandidates(transformer(content), extractor, candidates, seen);
-            }
+            }));
         }
         env.DEBUG && console.timeEnd("Reading changed files");
         // ---

package/lib/lib/generateRules.js

@@ -231,12 +231,12 @@ function applyVariant(variant, matches, context) {
         //   group[:hover]    (`-` is missing)
         let match = /(.)(-?)\[(.*)\]/g.exec(variant);
         if (match) {
-            let [, char, seperator, value] = match;
+            let [, char, separator, value] = match;
             // @-[200px] case
-            if (char === "@" && seperator === "-") return [];
+            if (char === "@" && separator === "-") return [];
             // group[:hover] case
-            if (char !== "@" && seperator === "") return [];
-            variant = variant.replace(`${seperator}[${value}]`, "");
+            if (char !== "@" && separator === "") return [];
+            variant = variant.replace(`${separator}[${value}]`, "");
             args.value = value;
         }
     }
@@ -259,9 +259,17 @@ function applyVariant(variant, matches, context) {
         context.variantMap.set(variant, records);
     }
     if (context.variantMap.has(variant)) {
+        var _context_variantOptions_get;
         let isArbitraryVariant = isArbitraryValue(variant);
+        var _context_variantOptions_get_INTERNAL_FEATURES;
+        let internalFeatures = (_context_variantOptions_get_INTERNAL_FEATURES = (_context_variantOptions_get = context.variantOptions.get(variant)) === null || _context_variantOptions_get === void 0 ? void 0 : _context_variantOptions_get[_setupContextUtils.INTERNAL_FEATURES]) !== null && _context_variantOptions_get_INTERNAL_FEATURES !== void 0 ? _context_variantOptions_get_INTERNAL_FEATURES : {};
         let variantFunctionTuples = context.variantMap.get(variant).slice();
         let result = [];
+        let respectPrefix = (()=>{
+            if (isArbitraryVariant) return false;
+            if (internalFeatures.respectPrefix === false) return false;
+            return true;
+        })();
         for (let [meta, rule] of matches){
             // Don't generate variants for user css
             if (meta.layer === "user") {
@@ -318,7 +326,7 @@ function applyVariant(variant, matches, context) {
                     format (selectorFormat) {
                         collectedFormats.push({
                             format: selectorFormat,
-                            isArbitraryVariant
+                            respectPrefix
                         });
                     },
                     args
@@ -344,7 +352,7 @@ function applyVariant(variant, matches, context) {
                 if (typeof ruleWithVariant === "string") {
                     collectedFormats.push({
                         format: ruleWithVariant,
-                        isArbitraryVariant
+                        respectPrefix
                     });
                 }
                 if (ruleWithVariant === null) {
@@ -383,7 +391,7 @@ function applyVariant(variant, matches, context) {
                         //                    format: .foo &
                         collectedFormats.push({
                             format: modified.replace(rebuiltBase, "&"),
-                            isArbitraryVariant
+                            respectPrefix
                         });
                         rule.selector = before;
                     });

package/lib/lib/setupContextUtils.js

@@ -9,6 +9,9 @@ function _export(target, all) {
     });
 }
 _export(exports, {
+    INTERNAL_FEATURES: function() {
+        return INTERNAL_FEATURES;
+    },
     isValidVariantFormatString: function() {
         return isValidVariantFormatString;
     },
@@ -92,6 +95,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
+const INTERNAL_FEATURES = Symbol();
 const VARIANT_TYPES = {
     AddVariant: Symbol.for("ADD_VARIANT"),
     MatchVariant: Symbol.for("MATCH_VARIANT")
@@ -270,11 +274,14 @@ function parseVariant(variant) {
         if (!str.startsWith("@")) {
             return ({ format  })=>format(str);
         }
-        let [, name, params] = /@(.*?)( .+|[({].*)/g.exec(str);
-        return ({ wrap  })=>wrap(_postcss.default.atRule({
+        let [, name, params] = /@(\S*)( .+|[({].*)?/g.exec(str);
+        var _params_trim;
+        return ({ wrap  })=>{
+            return wrap(_postcss.default.atRule({
                 name,
-                params: params.trim()
+                params: (_params_trim = params === null || params === void 0 ? void 0 : params.trim()) !== null && _params_trim !== void 0 ? _params_trim : ""
             }));
+        };
     }).reverse();
     return (api)=>{
         for (let fn of fns){
@@ -924,7 +931,11 @@ function registerPlugins(plugins, context) {
         rules = context.offsets.sort(rules);
         let idx = BigInt(parasiteUtilities.length);
         for (const [, rule] of rules){
-            sortedClassNames.set(rule.raws.tailwind.candidate, idx++);
+            let candidate = rule.raws.tailwind.candidate;
+            var _sortedClassNames_get;
+            // When multiple rules match a candidate
+            // always take the position of the first one
+            sortedClassNames.set(candidate, (_sortedClassNames_get = sortedClassNames.get(candidate)) !== null && _sortedClassNames_get !== void 0 ? _sortedClassNames_get : idx++);
         }
         return classes.map((className)=>{
             var _sortedClassNames_get;
@@ -1095,13 +1106,20 @@ function registerPlugins(plugins, context) {
                     }
                     var _options_values1;
                     let isArbitraryVariant = !(value in ((_options_values1 = options.values) !== null && _options_values1 !== void 0 ? _options_values1 : {}));
+                    var _options_INTERNAL_FEATURES;
+                    let internalFeatures = (_options_INTERNAL_FEATURES = options[INTERNAL_FEATURES]) !== null && _options_INTERNAL_FEATURES !== void 0 ? _options_INTERNAL_FEATURES : {};
+                    let respectPrefix = (()=>{
+                        if (isArbitraryVariant) return false;
+                        if (internalFeatures.respectPrefix === false) return false;
+                        return true;
+                    })();
                     formatStrings = formatStrings.map((format)=>format.map((str)=>({
                                 format: str,
-                                isArbitraryVariant
+                                respectPrefix
                             })));
                     manualFormatStrings = manualFormatStrings.map((format)=>({
                             format,
-                            isArbitraryVariant
+                            respectPrefix
                         }));
                     let opts = {
                         candidate,

package/lib/lib/setupTrackingContext.js

@@ -83,8 +83,9 @@ function getTailwindConfig(configOrPath) {
             newDeps
         ];
     }
+    var _configOrPath_config, _ref;
     // It's a plain object, not a path
-    let newConfig = (0, _resolveconfig.default)(configOrPath.config === undefined ? configOrPath : configOrPath.config);
+    let newConfig = (0, _resolveconfig.default)((_ref = (_configOrPath_config = configOrPath === null || configOrPath === void 0 ? void 0 : configOrPath.config) !== null && _configOrPath_config !== void 0 ? _configOrPath_config : configOrPath) !== null && _ref !== void 0 ? _ref : {});
     newConfig = (0, _validateConfig.validateConfig)(newConfig);
     return [
         newConfig,

package/lib/plugin.js

@@ -20,7 +20,7 @@ module.exports = function tailwindcss(configOrPath) {
                 console.time("JIT TOTAL");
                 return root;
             },
-            function(root, result) {
+            async function(root, result) {
                 var _findAtConfigPath1;
                 // Use the path for the `@config` directive if it exists, otherwise use the
                 // path for the file being processed
@@ -30,12 +30,12 @@ module.exports = function tailwindcss(configOrPath) {
                     let roots = root.nodes.filter((node)=>node.type === "root");
                     for (const root of roots){
                         if (root.type === "root") {
-                            (0, _processTailwindFeatures.default)(context)(root, result);
+                            await (0, _processTailwindFeatures.default)(context)(root, result);
                         }
                     }
                     return;
                 }
-                (0, _processTailwindFeatures.default)(context)(root, result);
+                await (0, _processTailwindFeatures.default)(context)(root, result);
             },
             false && function lightningCssPlugin(_root, result) {
                 let postcss = require("postcss");

package/lib/processTailwindFeatures.js

@@ -26,7 +26,7 @@ function _interop_require_default(obj) {
     };
 }
 function processTailwindFeatures(setupContext) {
-    return function(root, result) {
+    return async function(root, result) {
         let { tailwindDirectives , applyDirectives  } = (0, _normalizeTailwindDirectives.default)(root);
         (0, _detectNesting.default)()(root, result);
         // Partition apply rules that are found in the css
@@ -50,7 +50,7 @@ function processTailwindFeatures(setupContext) {
             throw new Error("The '-' character cannot be used as a custom separator in JIT mode due to parsing ambiguity. Please use another character like '_' instead.");
         }
         (0, _featureFlags.issueFlagNotices)(context.tailwindConfig);
-        (0, _expandTailwindAtRules.default)(context)(root, result);
+        await (0, _expandTailwindAtRules.default)(context)(root, result);
         // Partition apply rules that are generated by
         // addComponents, addUtilities and so on.
         (0, _partitionApplyAtRules.default)()(root, result);

package/lib/util/dataTypes.js

@@ -89,16 +89,23 @@ function normalize(value, isRoot = true) {
     if (isRoot) {
         value = value.trim();
     }
-    // Add spaces around operators inside math functions like calc() that do not follow an operator
-    // or '('.
-    value = value.replace(/(calc|min|max|clamp)\(.+\)/g, (match)=>{
+    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());
     });
-    return value;
 }
 function url(value) {
     return value.startsWith("url(");
@@ -199,11 +206,12 @@ function image(value) {
     return images > 0;
 }
 let gradientTypes = new Set([
+    "conic-gradient",
     "linear-gradient",
     "radial-gradient",
+    "repeating-conic-gradient",
     "repeating-linear-gradient",
-    "repeating-radial-gradient",
-    "conic-gradient"
+    "repeating-radial-gradient"
 ]);
 function gradient(value) {
     value = normalize(value);

package/lib/util/formatVariantSelector.js

@@ -32,7 +32,7 @@ function _interop_require_default(obj) {
         default: obj
     };
 }
-/** @typedef {import('postcss-selector-parser').Root} Root */ /** @typedef {import('postcss-selector-parser').Selector} Selector */ /** @typedef {import('postcss-selector-parser').Pseudo} Pseudo */ /** @typedef {import('postcss-selector-parser').Node} Node */ /** @typedef {{format: string, isArbitraryVariant: boolean}[]} RawFormats */ /** @typedef {import('postcss-selector-parser').Root} ParsedFormats */ /** @typedef {RawFormats | ParsedFormats} AcceptedFormats */ let MERGE = ":merge";
+/** @typedef {import('postcss-selector-parser').Root} Root */ /** @typedef {import('postcss-selector-parser').Selector} Selector */ /** @typedef {import('postcss-selector-parser').Pseudo} Pseudo */ /** @typedef {import('postcss-selector-parser').Node} Node */ /** @typedef {{format: string, respectPrefix: boolean}[]} RawFormats */ /** @typedef {import('postcss-selector-parser').Root} ParsedFormats */ /** @typedef {RawFormats | ParsedFormats} AcceptedFormats */ let MERGE = ":merge";
 function formatVariantSelector(formats, { context , candidate  }) {
     var _context_tailwindConfig_prefix;
     let prefix = (_context_tailwindConfig_prefix = context === null || context === void 0 ? void 0 : context.tailwindConfig.prefix) !== null && _context_tailwindConfig_prefix !== void 0 ? _context_tailwindConfig_prefix : "";
@@ -41,7 +41,7 @@ function formatVariantSelector(formats, { context , candidate  }) {
         let ast = (0, _postcssselectorparser.default)().astSync(format.format);
         return {
             ...format,
-            ast: format.isArbitraryVariant ? ast : (0, _prefixSelector.default)(prefix, ast)
+            ast: format.respectPrefix ? (0, _prefixSelector.default)(prefix, ast) : ast
         };
     });
     // We start with the candidate selector

package/lib/util/prefixSelector.js

@@ -29,7 +29,7 @@ function _default(prefix, selector, prependNegative = false) {
     if (prefix === "") {
         return selector;
     }
-    let ast = typeof selector === "string" ? (0, _postcssselectorparser.default)().astSync(selector) : selector;
+    /** @type {import('postcss-selector-parser').Root} */ let ast = typeof selector === "string" ? (0, _postcssselectorparser.default)().astSync(selector) : selector;
     ast.walkClasses((classSelector)=>{
         let baseClass = classSelector.value;
         let shouldPlaceNegativeBeforePrefix = prependNegative && baseClass.startsWith("-");

package/lib/util/pseudoElements.js

@@ -11,7 +11,7 @@
 // **Jumpable**
 // Any terminal element may "jump" over combinators when moving to the end of the selector
 //
-// This is a backwards-compat quirk of :before and :after variants.
+// This is a backwards-compat quirk of pseudo element variants from earlier versions of Tailwind CSS.
 /** @typedef {'terminal' | 'actionable' | 'jumpable'} PseudoProperty */ /** @type {Record<string, PseudoProperty[]>} */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -23,12 +23,14 @@ Object.defineProperty(exports, "movePseudos", {
     }
 });
 let elementProperties = {
+    // Pseudo elements from the spec
     "::after": [
         "terminal",
         "jumpable"
     ],
     "::backdrop": [
-        "terminal"
+        "terminal",
+        "jumpable"
     ],
     "::before": [
         "terminal",
@@ -52,17 +54,20 @@ let elementProperties = {
         "terminal"
     ],
     "::marker": [
-        "terminal"
+        "terminal",
+        "jumpable"
     ],
     "::part": [
         "terminal",
         "actionable"
     ],
     "::placeholder": [
-        "terminal"
+        "terminal",
+        "jumpable"
     ],
     "::selection": [
-        "terminal"
+        "terminal",
+        "jumpable"
     ],
     "::slotted": [
         "terminal"
@@ -73,42 +78,20 @@ let elementProperties = {
     "::target-text": [
         "terminal"
     ],
-    // other
+    // Pseudo elements from the spec with special rules
     "::file-selector-button": [
         "terminal",
         "actionable"
     ],
-    "::-webkit-progress-bar": [
-        "terminal",
+    // Library-specific pseudo elements used by component libraries
+    // These are Shadow DOM-like
+    "::deep": [
         "actionable"
     ],
-    // Webkit scroll bar pseudo elements can be combined with user-action pseudo classes
-    "::-webkit-scrollbar": [
-        "terminal",
+    "::v-deep": [
         "actionable"
     ],
-    "::-webkit-scrollbar-button": [
-        "terminal",
-        "actionable"
-    ],
-    "::-webkit-scrollbar-thumb": [
-        "terminal",
-        "actionable"
-    ],
-    "::-webkit-scrollbar-track": [
-        "terminal",
-        "actionable"
-    ],
-    "::-webkit-scrollbar-track-piece": [
-        "terminal",
-        "actionable"
-    ],
-    "::-webkit-scrollbar-corner": [
-        "terminal",
-        "actionable"
-    ],
-    "::-webkit-resizer": [
-        "terminal",
+    "::ng-deep": [
         "actionable"
     ],
     // Note: As a rule, double colons (::) should be used instead of a single colon
@@ -133,8 +116,9 @@ let elementProperties = {
     ],
     // The default value is used when the pseudo-element is not recognized
     // Because it's not recognized, we don't know if it's terminal or not
-    // So we assume it can't be moved AND can have user-action pseudo classes attached to it
+    // So we assume it can be moved AND can have user-action pseudo classes attached to it
     __default__: [
+        "terminal",
         "actionable"
     ]
 };

package/lib/value-parser/LICENSE

@@ -0,0 +1,22 @@
+Copyright (c) Bogdan Chadkin <trysound@yandex.ru>
+
+Permission is hereby granted, free of charge, to any person
+obtaining a copy of this software and associated documentation
+files (the "Software"), to deal in the Software without
+restriction, including without limitation the rights to use,
+copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the
+Software is furnished to do so, subject to the following
+conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+OTHER DEALINGS IN THE SOFTWARE.

package/lib/value-parser/README.md

@@ -0,0 +1,3 @@
+# postcss-value-parser (forked + inlined)
+
+This is a customized version of of [PostCSS Value Parser](https://github.com/TrySound/postcss-value-parser) to fix some bugs around parsing CSS functions.

package/lib/value-parser/index.d.js

@@ -0,0 +1,2 @@
+"use strict";
+module.exports = postcssValueParser;

package/lib/value-parser/index.js

@@ -0,0 +1,22 @@
+"use strict";
+var parse = require("./parse");
+var walk = require("./walk");
+var stringify = require("./stringify");
+function ValueParser(value) {
+    if (this instanceof ValueParser) {
+        this.nodes = parse(value);
+        return this;
+    }
+    return new ValueParser(value);
+}
+ValueParser.prototype.toString = function() {
+    return Array.isArray(this.nodes) ? stringify(this.nodes) : "";
+};
+ValueParser.prototype.walk = function(cb, bubble) {
+    walk(this.nodes, cb, bubble);
+    return this;
+};
+ValueParser.unit = require("./unit");
+ValueParser.walk = walk;
+ValueParser.stringify = stringify;
+module.exports = ValueParser;