@stylix/core 3.1.3 → 4.0.0

package/dist/StylixProvider.js

@@ -1,143 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StylixTheme = exports.StylixProvider = exports.useStylixTheme = exports.useStylixContext = void 0;
-const react_1 = __importStar(require("react"));
-const classifyProps_1 = require("./classifyProps");
-const css_props_json_1 = __importDefault(require("./css-props.json"));
-const plugins_1 = require("./plugins");
-const styleCollector_1 = require("./styleCollector");
-const flatten_1 = require("./util/flatten");
-const merge_1 = require("./util/merge");
-const useIsoLayoutEffect_1 = __importDefault(require("./util/useIsoLayoutEffect"));
-const IS_DEV_ENV = process.env.NODE_ENV !== 'production';
-const defaultStyleProps = {};
-for (const value of css_props_json_1.default) {
-    defaultStyleProps[(0, classifyProps_1.simplifyStylePropName)(value)] = value;
-}
-function createStylixContext(userValues = {}) {
-    var _a, _b;
-    const ctx = {
-        id: userValues.id || Math.round(Math.random() * 10000).toString(10),
-        devMode: (_a = userValues.devMode) !== null && _a !== void 0 ? _a : IS_DEV_ENV,
-        styleProps: defaultStyleProps,
-        theme: userValues.theme || null,
-        media: userValues.media || null,
-        styleElement: userValues.styleElement,
-        plugins: (0, flatten_1.flatten)(Object.values(plugins_1.defaultPlugins)),
-        rules: {},
-        cleanupRequest: undefined,
-    };
-    if (!ctx.styleElement && typeof document !== 'undefined') {
-        ctx.styleElement = document.createElement('style');
-        if (ctx.id)
-            ctx.styleElement.id = 'stylix-' + ctx.id;
-        ctx.styleElement.className = 'stylix';
-        document.head.appendChild(ctx.styleElement);
-    }
-    if (ctx.styleElement)
-        ctx.stylesheet = ctx.styleElement.sheet;
-    if ((_b = userValues.plugins) === null || _b === void 0 ? void 0 : _b.length) {
-        const flatPlugins = (0, flatten_1.flatten)(userValues.plugins);
-        for (const i in flatPlugins) {
-            const plugin = flatPlugins[i];
-            let pluginIndex = -1;
-            if (plugin.before && ctx.plugins.includes(plugin.before))
-                pluginIndex = ctx.plugins.indexOf(plugin.before);
-            if (plugin.after && ctx.plugins.includes(plugin.after))
-                pluginIndex = ctx.plugins.indexOf(plugin.after) + 1;
-            if ('atIndex' in plugin)
-                pluginIndex = plugin.atIndex;
-            if (pluginIndex === -1)
-                ctx.plugins.push(plugin);
-            else
-                ctx.plugins.splice(pluginIndex, 0, plugin);
-        }
-    }
-    (0, plugins_1.applyPlugins)('initialize', null, null, ctx);
-    return ctx;
-}
-// The React context object
-const stylixContext = react_1.default.createContext(createStylixContext());
-// Convenience wrapper hook that returns the current Stylix context
-function useStylixContext() {
-    return (0, react_1.useContext)(stylixContext);
-}
-exports.useStylixContext = useStylixContext;
-// Convenience wrapper hook that returns just the current Stylix theme
-function useStylixTheme() {
-    return (0, react_1.useContext)(stylixContext).theme;
-}
-exports.useStylixTheme = useStylixTheme;
-function StylixProvider(_a) {
-    var { id, devMode, plugins, styleElement, children } = _a, themeProps = __rest(_a, ["id", "devMode", "plugins", "styleElement", "children"]);
-    const ctx = (0, react_1.useRef)();
-    if (!ctx.current)
-        ctx.current = createStylixContext({ id, devMode, plugins, styleElement });
-    ctx.current.styleCollector = (0, react_1.useContext)(styleCollector_1.styleCollectorContext);
-    return (react_1.default.createElement(stylixContext.Provider, { value: ctx.current },
-        react_1.default.createElement(StylixTheme, Object.assign({}, themeProps), children)));
-}
-exports.StylixProvider = StylixProvider;
-function mergeContexts(contextA, contextB) {
-    const obj = Object.assign({}, contextA);
-    const themeB = contextB.theme;
-    if (contextB) {
-        for (const key in contextB) {
-            const value = contextB[key];
-            if (typeof value !== 'undefined')
-                obj[key] = value;
-        }
-    }
-    obj.theme = (0, merge_1.merge)(contextA.theme || {}, themeB);
-    return obj;
-}
-function StylixTheme({ children, media, theme }) {
-    const parentCtx = (0, react_1.useContext)(stylixContext);
-    const [contextValue, setContextValue] = (0, react_1.useState)(() => mergeContexts(parentCtx, { media, theme }));
-    // contextValue should only update (and cause re-renders) when relevant properties change.
-    // `media` is treated as special because providing an array of strings is easier to do inline,
-    // but we don't want to cause descendent re-renders if the values don't change.
-    (0, useIsoLayoutEffect_1.default)(() => {
-        setContextValue(mergeContexts(parentCtx, { media, theme }));
-    }, [parentCtx, (media === null || media === void 0 ? void 0 : media.join('|')) || '', theme], false);
-    return react_1.default.createElement(stylixContext.Provider, { value: contextValue }, children);
-}
-exports.StylixTheme = StylixTheme;
-//# sourceMappingURL=StylixProvider.js.map

package/dist/StylixProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StylixProvider.js","sourceRoot":"","sources":["../src/StylixProvider.tsx"],"names":[],"mappings":"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"}

package/dist/applyRules.d.ts

@@ -1,5 +0,0 @@
-import { StylixContext } from './StylixProvider';
-/**
- * Applies rules from given StylixContext to the <style> element.
- */
-export default function applyRules(ctx: StylixContext): void;

package/dist/applyRules.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-/**
- * Applies rules from given StylixContext to the <style> element.
- */
-function applyRules(ctx) {
-    const flattenedRules = [];
-    for (const key in ctx.rules) {
-        const val = ctx.rules[key];
-        flattenedRules.push(...val.rules);
-    }
-    if (ctx.styleCollector) {
-        ctx.styleCollector.length = 0;
-        ctx.styleCollector.push(...flattenedRules);
-        return;
-    }
-    if (ctx.devMode) {
-        ctx.styleElement.innerHTML = flattenedRules.join('\n');
-    }
-    else {
-        const container = ctx.stylesheet;
-        if (container.rules)
-            while (container.rules.length) {
-                container.deleteRule(0);
-            }
-        for (const i in flattenedRules)
-            container.insertRule(flattenedRules[i], +i);
-    }
-}
-exports.default = applyRules;
-//# sourceMappingURL=applyRules.js.map

package/dist/applyRules.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"applyRules.js","sourceRoot":"","sources":["../src/applyRules.ts"],"names":[],"mappings":";;AAEA;;GAEG;AACH,SAAwB,UAAU,CAAC,GAAkB;IACnD,MAAM,cAAc,GAAa,EAAE,CAAC;IAEpC,KAAK,MAAM,GAAG,IAAI,GAAG,CAAC,KAAK,EAAE;QAC3B,MAAM,GAAG,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC3B,cAAc,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC;KACnC;IAED,IAAI,GAAG,CAAC,cAAc,EAAE;QACtB,GAAG,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC;QAC9B,GAAG,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,cAAc,CAAC,CAAC;QAC3C,OAAO;KACR;IAED,IAAI,GAAG,CAAC,OAAO,EAAE;QACf,GAAG,CAAC,YAAY,CAAC,SAAS,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KACxD;SAAM;QACL,MAAM,SAAS,GAAG,GAAG,CAAC,UAAU,CAAC;QACjC,IAAI,SAAS,CAAC,KAAK;YACjB,OAAO,SAAS,CAAC,KAAK,CAAC,MAAM,EAAE;gBAC7B,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;aACzB;QACH,KAAK,MAAM,CAAC,IAAI,cAAc;YAAE,SAAS,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;KAC7E;AACH,CAAC;AAxBD,6BAwBC"}

package/dist/classifyProps.d.ts

@@ -1,7 +0,0 @@
-export declare function classifyProps(props: any, knownProps: Record<string, string>): [any, any];
-/**
- * Determines if `value` is a recognized CSS property (can be standard CSS or custom Stylix prop).
- */
-export declare function isStyleProp(value: string, knownProps: Record<string, string>): boolean;
-export declare function isValidJSXProp(value: string): boolean;
-export declare function simplifyStylePropName(value: string): string;

package/dist/classifyProps.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.simplifyStylePropName = exports.isValidJSXProp = exports.isStyleProp = exports.classifyProps = void 0;
-function classifyProps(props, knownProps) {
-    const styles = {};
-    const other = {};
-    for (const key in props) {
-        // If prop is not a valid JSX prop, it must be a CSS selector
-        if (!isValidJSXProp(key) || isStyleProp(key, knownProps)) {
-            styles[key] = props[key];
-        }
-        else {
-            other[key] = props[key];
-        }
-    }
-    return [styles, other];
-}
-exports.classifyProps = classifyProps;
-/**
- * Determines if `value` is a recognized CSS property (can be standard CSS or custom Stylix prop).
- */
-function isStyleProp(value, knownProps) {
-    return isValidJSXProp(value) && simplifyStylePropName(value) in knownProps;
-}
-exports.isStyleProp = isStyleProp;
-function isValidJSXProp(value) {
-    // Not an exact check, but mostly rules out complex css selectors
-    return /^[a-z$][a-z0-9_-]*$/i.test(value);
-}
-exports.isValidJSXProp = isValidJSXProp;
-function simplifyStylePropName(value) {
-    return value.toLowerCase().replace(/[^a-z]/gi, '');
-}
-exports.simplifyStylePropName = simplifyStylePropName;
-//# sourceMappingURL=classifyProps.js.map

package/dist/classifyProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"classifyProps.js","sourceRoot":"","sources":["../src/classifyProps.ts"],"names":[],"mappings":";;;AAAA,SAAgB,aAAa,CAAC,KAAU,EAAE,UAAkC;IAC1E,MAAM,MAAM,GAAG,EAAS,CAAC;IACzB,MAAM,KAAK,GAAG,EAAS,CAAC;IAExB,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE;QACvB,6DAA6D;QAC7D,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,WAAW,CAAC,GAAG,EAAE,UAAU,CAAC,EAAE;YACxD,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;SAC1B;aAAM;YACL,KAAK,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;SACzB;KACF;IAED,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AACzB,CAAC;AAdD,sCAcC;AAED;;GAEG;AACH,SAAgB,WAAW,CAAC,KAAa,EAAE,UAAkC;IAC3E,OAAO,cAAc,CAAC,KAAK,CAAC,IAAI,qBAAqB,CAAC,KAAK,CAAC,IAAI,UAAU,CAAC;AAC7E,CAAC;AAFD,kCAEC;AAED,SAAgB,cAAc,CAAC,KAAa;IAC1C,iEAAiE;IACjE,OAAO,sBAAsB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAC5C,CAAC;AAHD,wCAGC;AAED,SAAgB,qBAAqB,CAAC,KAAa;IACjD,OAAO,KAAK,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;AACrD,CAAC;AAFD,sDAEC"}

package/dist/css-props.json

@@ -1,413 +0,0 @@
-[
-    "align-content",
-    "align-items",
-    "align-self",
-    "align-tracks",
-    "all",
-    "animation",
-    "animation-delay",
-    "animation-direction",
-    "animation-duration",
-    "animation-fill-mode",
-    "animation-iteration-count",
-    "animation-name",
-    "animation-play-state",
-    "animation-timing-function",
-    "appearance",
-    "aspect-ratio",
-    "azimuth",
-    "backdrop-filter",
-    "backface-visibility",
-    "background",
-    "background-attachment",
-    "background-blend-mode",
-    "background-clip",
-    "background-color",
-    "background-image",
-    "background-origin",
-    "background-position",
-    "background-position-x",
-    "background-position-y",
-    "background-repeat",
-    "background-size",
-    "block-overflow",
-    "block-size",
-    "border",
-    "border-block",
-    "border-block-color",
-    "border-block-style",
-    "border-block-width",
-    "border-block-end",
-    "border-block-end-color",
-    "border-block-end-style",
-    "border-block-end-width",
-    "border-block-start",
-    "border-block-start-color",
-    "border-block-start-style",
-    "border-block-start-width",
-    "border-bottom",
-    "border-bottom-color",
-    "border-bottom-left-radius",
-    "border-bottom-right-radius",
-    "border-bottom-style",
-    "border-bottom-width",
-    "border-collapse",
-    "border-color",
-    "border-end-end-radius",
-    "border-end-start-radius",
-    "border-image",
-    "border-image-outset",
-    "border-image-repeat",
-    "border-image-slice",
-    "border-image-source",
-    "border-image-width",
-    "border-inline",
-    "border-inline-end",
-    "border-inline-color",
-    "border-inline-style",
-    "border-inline-width",
-    "border-inline-end-color",
-    "border-inline-end-style",
-    "border-inline-end-width",
-    "border-inline-start",
-    "border-inline-start-color",
-    "border-inline-start-style",
-    "border-inline-start-width",
-    "border-left",
-    "border-left-color",
-    "border-left-style",
-    "border-left-width",
-    "border-radius",
-    "border-right",
-    "border-right-color",
-    "border-right-style",
-    "border-right-width",
-    "border-spacing",
-    "border-start-end-radius",
-    "border-start-start-radius",
-    "border-style",
-    "border-top",
-    "border-top-color",
-    "border-top-left-radius",
-    "border-top-right-radius",
-    "border-top-style",
-    "border-top-width",
-    "border-width",
-    "bottom",
-    "box-align",
-    "box-decoration-break",
-    "box-direction",
-    "box-flex",
-    "box-flex-group",
-    "box-lines",
-    "box-ordinal-group",
-    "box-orient",
-    "box-pack",
-    "box-shadow",
-    "box-sizing",
-    "break-after",
-    "break-before",
-    "break-inside",
-    "caption-side",
-    "caret-color",
-    "clear",
-    "clip",
-    "clip-path",
-    "color",
-    "color-adjust",
-    "color-scheme",
-    "column-count",
-    "column-fill",
-    "column-gap",
-    "column-rule",
-    "column-rule-color",
-    "column-rule-style",
-    "column-rule-width",
-    "column-span",
-    "column-width",
-    "columns",
-    "contain",
-    "content",
-    "content-visibility",
-    "counter-increment",
-    "counter-reset",
-    "counter-set",
-    "cursor",
-    "direction",
-    "display",
-    "empty-cells",
-    "filter",
-    "flex",
-    "flex-basis",
-    "flex-direction",
-    "flex-flow",
-    "flex-grow",
-    "flex-shrink",
-    "flex-wrap",
-    "float",
-    "font",
-    "font-family",
-    "font-feature-settings",
-    "font-kerning",
-    "font-language-override",
-    "font-optical-sizing",
-    "font-variation-settings",
-    "font-size",
-    "font-size-adjust",
-    "font-smooth",
-    "font-stretch",
-    "font-style",
-    "font-synthesis",
-    "font-variant",
-    "font-variant-alternates",
-    "font-variant-caps",
-    "font-variant-east-asian",
-    "font-variant-ligatures",
-    "font-variant-numeric",
-    "font-variant-position",
-    "font-weight",
-    "forced-color-adjust",
-    "gap",
-    "grid",
-    "grid-area",
-    "grid-auto-columns",
-    "grid-auto-flow",
-    "grid-auto-rows",
-    "grid-column",
-    "grid-column-end",
-    "grid-column-gap",
-    "grid-column-start",
-    "grid-gap",
-    "grid-row",
-    "grid-row-end",
-    "grid-row-gap",
-    "grid-row-start",
-    "grid-template",
-    "grid-template-areas",
-    "grid-template-columns",
-    "grid-template-rows",
-    "hanging-punctuation",
-    "height",
-    "hyphens",
-    "image-orientation",
-    "image-rendering",
-    "image-resolution",
-    "ime-mode",
-    "initial-letter",
-    "initial-letter-align",
-    "inline-size",
-    "inset",
-    "inset-block",
-    "inset-block-end",
-    "inset-block-start",
-    "inset-inline",
-    "inset-inline-end",
-    "inset-inline-start",
-    "isolation",
-    "justify-content",
-    "justify-items",
-    "justify-self",
-    "justify-tracks",
-    "left",
-    "letter-spacing",
-    "line-break",
-    "line-clamp",
-    "line-height",
-    "line-height-step",
-    "list-style",
-    "list-style-image",
-    "list-style-position",
-    "list-style-type",
-    "margin",
-    "margin-block",
-    "margin-block-end",
-    "margin-block-start",
-    "margin-bottom",
-    "margin-inline",
-    "margin-inline-end",
-    "margin-inline-start",
-    "margin-left",
-    "margin-right",
-    "margin-top",
-    "margin-trim",
-    "mask",
-    "mask-border",
-    "mask-border-mode",
-    "mask-border-outset",
-    "mask-border-repeat",
-    "mask-border-slice",
-    "mask-border-source",
-    "mask-border-width",
-    "mask-clip",
-    "mask-composite",
-    "mask-image",
-    "mask-mode",
-    "mask-origin",
-    "mask-position",
-    "mask-repeat",
-    "mask-size",
-    "mask-type",
-    "masonry-auto-flow",
-    "math-style",
-    "max-block-size",
-    "max-height",
-    "max-inline-size",
-    "max-lines",
-    "max-width",
-    "min-block-size",
-    "min-height",
-    "min-inline-size",
-    "min-width",
-    "mix-blend-mode",
-    "object-fit",
-    "object-position",
-    "offset",
-    "offset-anchor",
-    "offset-distance",
-    "offset-path",
-    "offset-position",
-    "offset-rotate",
-    "opacity",
-    "order",
-    "orphans",
-    "outline",
-    "outline-color",
-    "outline-offset",
-    "outline-style",
-    "outline-width",
-    "overflow",
-    "overflow-anchor",
-    "overflow-block",
-    "overflow-clip-box",
-    "overflow-clip-margin",
-    "overflow-inline",
-    "overflow-wrap",
-    "overflow-x",
-    "overflow-y",
-    "overscroll-behavior",
-    "overscroll-behavior-block",
-    "overscroll-behavior-inline",
-    "overscroll-behavior-x",
-    "overscroll-behavior-y",
-    "padding",
-    "padding-block",
-    "padding-block-end",
-    "padding-block-start",
-    "padding-bottom",
-    "padding-inline",
-    "padding-inline-end",
-    "padding-inline-start",
-    "padding-left",
-    "padding-right",
-    "padding-top",
-    "page-break-after",
-    "page-break-before",
-    "page-break-inside",
-    "paint-order",
-    "perspective",
-    "perspective-origin",
-    "place-content",
-    "place-items",
-    "place-self",
-    "pointer-events",
-    "position",
-    "quotes",
-    "resize",
-    "right",
-    "rotate",
-    "row-gap",
-    "ruby-align",
-    "ruby-merge",
-    "ruby-position",
-    "scale",
-    "scrollbar-color",
-    "scrollbar-gutter",
-    "scrollbar-width",
-    "scroll-behavior",
-    "scroll-margin",
-    "scroll-margin-block",
-    "scroll-margin-block-start",
-    "scroll-margin-block-end",
-    "scroll-margin-bottom",
-    "scroll-margin-inline",
-    "scroll-margin-inline-start",
-    "scroll-margin-inline-end",
-    "scroll-margin-left",
-    "scroll-margin-right",
-    "scroll-margin-top",
-    "scroll-padding",
-    "scroll-padding-block",
-    "scroll-padding-block-start",
-    "scroll-padding-block-end",
-    "scroll-padding-bottom",
-    "scroll-padding-inline",
-    "scroll-padding-inline-start",
-    "scroll-padding-inline-end",
-    "scroll-padding-left",
-    "scroll-padding-right",
-    "scroll-padding-top",
-    "scroll-snap-align",
-    "scroll-snap-coordinate",
-    "scroll-snap-destination",
-    "scroll-snap-points-x",
-    "scroll-snap-points-y",
-    "scroll-snap-stop",
-    "scroll-snap-type",
-    "scroll-snap-type-x",
-    "scroll-snap-type-y",
-    "shape-image-threshold",
-    "shape-margin",
-    "shape-outside",
-    "tab-size",
-    "table-layout",
-    "text-align",
-    "text-align-last",
-    "text-combine-upright",
-    "text-decoration",
-    "text-decoration-color",
-    "text-decoration-line",
-    "text-decoration-skip",
-    "text-decoration-skip-ink",
-    "text-decoration-style",
-    "text-decoration-thickness",
-    "text-emphasis",
-    "text-emphasis-color",
-    "text-emphasis-position",
-    "text-emphasis-style",
-    "text-indent",
-    "text-justify",
-    "text-orientation",
-    "text-overflow",
-    "text-rendering",
-    "text-shadow",
-    "text-size-adjust",
-    "text-transform",
-    "text-underline-offset",
-    "text-underline-position",
-    "top",
-    "touch-action",
-    "transform",
-    "transform-box",
-    "transform-origin",
-    "transform-style",
-    "transition",
-    "transition-delay",
-    "transition-duration",
-    "transition-property",
-    "transition-timing-function",
-    "translate",
-    "unicode-bidi",
-    "user-select",
-    "vertical-align",
-    "visibility",
-    "white-space",
-    "widows",
-    "width",
-    "will-change",
-    "word-break",
-    "word-spacing",
-    "word-wrap",
-    "writing-mode",
-    "z-index",
-    "zoom"
-]