@stylix/core 3.1.3 → 4.0.1

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"
-]

package/dist/html-tags.json

@@ -1,119 +0,0 @@
-[
-    "a",
-    "abbr",
-    "address",
-    "area",
-    "article",
-    "aside",
-    "audio",
-    "b",
-    "base",
-    "bdi",
-    "bdo",
-    "blockquote",
-    "body",
-    "br",
-    "button",
-    "canvas",
-    "caption",
-    "cite",
-    "code",
-    "col",
-    "colgroup",
-    "data",
-    "datalist",
-    "dd",
-    "del",
-    "details",
-    "dfn",
-    "dialog",
-    "div",
-    "dl",
-    "dt",
-    "em",
-    "embed",
-    "fieldset",
-    "figcaption",
-    "figure",
-    "footer",
-    "form",
-    "h1",
-    "h2",
-    "h3",
-    "h4",
-    "h5",
-    "h6",
-    "head",
-    "header",
-    "hgroup",
-    "hr",
-    "html",
-    "i",
-    "iframe",
-    "img",
-    "input",
-    "ins",
-    "kbd",
-    "label",
-    "legend",
-    "li",
-    "link",
-    "main",
-    "map",
-    "mark",
-    "math",
-    "menu",
-    "menuitem",
-    "meta",
-    "meter",
-    "nav",
-    "noscript",
-    "object",
-    "ol",
-    "optgroup",
-    "option",
-    "output",
-    "p",
-    "param",
-    "picture",
-    "pre",
-    "progress",
-    "q",
-    "rb",
-    "rp",
-    "rt",
-    "rtc",
-    "ruby",
-    "s",
-    "samp",
-    "script",
-    "section",
-    "select",
-    "slot",
-    "small",
-    "source",
-    "span",
-    "strong",
-    "style",
-    "sub",
-    "summary",
-    "sup",
-    "svg",
-    "table",
-    "tbody",
-    "td",
-    "template",
-    "textarea",
-    "tfoot",
-    "th",
-    "thead",
-    "time",
-    "title",
-    "tr",
-    "track",
-    "u",
-    "ul",
-    "var",
-    "video",
-    "wbr"
-]

package/dist/index.d.ts

@@ -1,8 +0,0 @@
-export { StylixProps, StylixPropsExtensions } from './types';
-export { useStylixContext, useStylixTheme, StylixProvider, StylixPublicContext as StylixContext, StylixTheme, } from './StylixProvider';
-export { useStyles, useKeyframes, useGlobalStyles } from './useStyles';
-export { defaultPlugins, customProps, StylixPlugin, StylixPluginFunctionContext } from './plugins';
-export { mapObjectRecursive } from './util/mapObjectRecursive';
-export { walkRecursive } from './util/walkRecursive';
-export { createStyleCollector, styleCollectorContext, StyleCollector } from './styleCollector';
-export { default } from './Stylix';

package/dist/plugins/cleanStyles.d.ts

@@ -1,5 +0,0 @@
-import { StylixPlugin } from './index';
-/**
- * Fixes casing and hyphenation on known style props
- */
-export declare const cleanStyles: StylixPlugin;

package/dist/plugins/cleanStyles.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.cleanStyles = void 0;
-const isPlainObject_1 = require("../util/isPlainObject");
-function cleanObject(object) {
-    for (const key in object) {
-        const value = object[key];
-        if (value === null || value === undefined || value === '')
-            delete object[key];
-        else if ((0, isPlainObject_1.isPlainObject)(value) || Array.isArray(value)) {
-            cleanObject(value);
-            if (!Object.keys(value).length)
-                delete object[key];
-        }
-    }
-    return object;
-}
-/**
- * Fixes casing and hyphenation on known style props
- */
-exports.cleanStyles = {
-    name: 'cleanStyles',
-    type: 'processStyles',
-    plugin(ctx, styles) {
-        return cleanObject(styles);
-    },
-};
-//# sourceMappingURL=cleanStyles.js.map

package/dist/plugins/cleanStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cleanStyles.js","sourceRoot":"","sources":["../../src/plugins/cleanStyles.ts"],"names":[],"mappings":";;;AAAA,yDAAsD;AAGtD,SAAS,WAAW,CAAC,MAAW;IAC9B,KAAK,MAAM,GAAG,IAAI,MAAM,EAAE;QACxB,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QAC1B,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE;YAAE,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC;aACzE,IAAI,IAAA,6BAAa,EAAC,KAAK,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACrD,WAAW,CAAC,KAAK,CAAC,CAAC;YACnB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM;gBAAE,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC;SACpD;KACF;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAED;;GAEG;AACU,QAAA,WAAW,GAAiB;IACvC,IAAI,EAAE,aAAa;IACnB,IAAI,EAAE,eAAe;IACrB,MAAM,CAAC,GAAgC,EAAE,MAAW;QAClD,OAAO,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7B,CAAC;CACF,CAAC"}

package/dist/plugins/customProps.d.ts

@@ -1,2 +0,0 @@
-import { StylixPlugin } from './index';
-export declare const customProps: (customProps: Record<string, any>) => StylixPlugin[];

package/dist/plugins/customProps.js

@@ -1,61 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.customProps = void 0;
-const classifyProps_1 = require("../classifyProps");
-const isPlainObject_1 = require("../util/isPlainObject");
-const walkRecursive_1 = require("../util/walkRecursive");
-const mediaArrays_1 = require("./mediaArrays");
-const customProps = (customProps) => {
-    for (const key in customProps) {
-        customProps[(0, classifyProps_1.simplifyStylePropName)(key)] = customProps[key];
-    }
-    return [
-        {
-            name: 'customPropsInit',
-            type: 'initialize',
-            plugin(ctx) {
-                for (const key in customProps) {
-                    ctx.styleProps[(0, classifyProps_1.simplifyStylePropName)(key)] = key;
-                }
-            },
-        },
-        {
-            name: 'customPropsProcess',
-            type: 'processStyles',
-            before: mediaArrays_1.mediaArrays,
-            plugin(ctx, styles) {
-                return (0, walkRecursive_1.walkRecursive)(styles, (key, value, object) => {
-                    if (!(0, classifyProps_1.isValidJSXProp)(key) || (0, isPlainObject_1.isPlainObject)(value))
-                        return;
-                    const simpleKey = (0, classifyProps_1.simplifyStylePropName)(key);
-                    const propValue = customProps[simpleKey];
-                    if (!propValue)
-                        return;
-                    const objectClone = Object.assign({}, object);
-                    const keys = Object.keys(object);
-                    const afterKeys = keys.slice(keys.indexOf(key) + 1);
-                    const newStyles = {};
-                    if (typeof propValue === 'object') {
-                        if (value)
-                            Object.assign(newStyles, propValue);
-                    }
-                    else if (typeof propValue === 'string') {
-                        newStyles[propValue] = value;
-                    }
-                    else if (typeof propValue === 'function') {
-                        Object.assign(newStyles, propValue(value));
-                    }
-                    delete object[key];
-                    Object.assign(object, newStyles);
-                    for (const k of afterKeys) {
-                        const val = objectClone[k];
-                        delete object[k];
-                        object[k] = val;
-                    }
-                });
-            },
-        },
-    ];
-};
-exports.customProps = customProps;
-//# sourceMappingURL=customProps.js.map

package/dist/plugins/customProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"customProps.js","sourceRoot":"","sources":["../../src/plugins/customProps.ts"],"names":[],"mappings":";;;AAAA,oDAAyE;AACzE,yDAAsD;AACtD,yDAAsD;AAEtD,+CAA4C;AAErC,MAAM,WAAW,GAAG,CAAC,WAAgC,EAAkB,EAAE;IAC9E,KAAK,MAAM,GAAG,IAAI,WAAW,EAAE;QAC7B,WAAW,CAAC,IAAA,qCAAqB,EAAC,GAAG,CAAC,CAAC,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;KAC5D;IAED,OAAO;QACL;YACE,IAAI,EAAE,iBAAiB;YACvB,IAAI,EAAE,YAAY;YAClB,MAAM,CAAC,GAAgC;gBACrC,KAAK,MAAM,GAAG,IAAI,WAAW,EAAE;oBAC7B,GAAG,CAAC,UAAU,CAAC,IAAA,qCAAqB,EAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;iBAClD;YACH,CAAC;SACF;QACD;YACE,IAAI,EAAE,oBAAoB;YAC1B,IAAI,EAAE,eAAe;YACrB,MAAM,EAAE,yBAAW;YACnB,MAAM,CAAC,GAAgC,EAAE,MAAW;gBAClD,OAAO,IAAA,6BAAa,EAAC,MAAM,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;oBAClD,IAAI,CAAC,IAAA,8BAAc,EAAC,GAAG,CAAC,IAAI,IAAA,6BAAa,EAAC,KAAK,CAAC;wBAAE,OAAO;oBAEzD,MAAM,SAAS,GAAG,IAAA,qCAAqB,EAAC,GAAG,CAAC,CAAC;oBAC7C,MAAM,SAAS,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;oBACzC,IAAI,CAAC,SAAS;wBAAE,OAAO;oBAEvB,MAAM,WAAW,qBAAQ,MAAM,CAAE,CAAC;oBAClC,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;oBACjC,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;oBAEpD,MAAM,SAAS,GAAG,EAAE,CAAC;oBACrB,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;wBACjC,IAAI,KAAK;4BAAE,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;qBAChD;yBAAM,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;wBACxC,SAAS,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC;qBAC9B;yBAAM,IAAI,OAAO,SAAS,KAAK,UAAU,EAAE;wBAC1C,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;qBAC5C;oBACD,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC;oBACnB,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;oBACjC,KAAK,MAAM,CAAC,IAAI,SAAS,EAAE;wBACzB,MAAM,GAAG,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;wBAC3B,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC;wBACjB,MAAM,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;qBACjB;gBACH,CAAC,CAAC,CAAC;YACL,CAAC;SACF;KACF,CAAC;AACJ,CAAC,CAAC;AAlDW,QAAA,WAAW,eAkDtB"}

package/dist/plugins/defaultUnits.d.ts

@@ -1,7 +0,0 @@
-import { StylixPlugin } from './index';
-export declare const defaultIgnoreUnits: string[];
-/**
- * Adds unit (px, em, etc) to numeric values for any style properties not included in `ignoreProps`..
- */
-export declare const defaultUnits: (unit?: string, ignoreProps?: string[]) => StylixPlugin;
-export declare const defaultPixelUnits: StylixPlugin;

package/dist/plugins/defaultUnits.js

@@ -1,41 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultPixelUnits = exports.defaultUnits = exports.defaultIgnoreUnits = void 0;
-const mapObjectRecursive_1 = require("../util/mapObjectRecursive");
-exports.defaultIgnoreUnits = [
-    'columns',
-    'column-count',
-    'fill-opacity',
-    'flex',
-    'flex-grow',
-    'flex-shrink',
-    'font-weight',
-    'line-height',
-    'opacity',
-    'orphans',
-    'stroke-opacity',
-    'widows',
-    'z-index',
-    'zoom',
-    'order',
-];
-/**
- * Adds unit (px, em, etc) to numeric values for any style properties not included in `ignoreProps`..
- */
-const defaultUnits = (unit = 'px', ignoreProps = exports.defaultIgnoreUnits) => {
-    return {
-        name: 'defaultUnits',
-        type: 'processStyles',
-        plugin(ctx, styles) {
-            return (0, mapObjectRecursive_1.mapObjectRecursive)(styles, defaultUnitsMap, { unit, ignoreProps });
-        },
-    };
-};
-exports.defaultUnits = defaultUnits;
-const defaultUnitsMap = (key, value, object, ctx) => {
-    if (typeof value === 'number' && !ctx.ignoreProps.includes(key)) {
-        return { [key]: String(value) + ctx.unit };
-    }
-};
-exports.defaultPixelUnits = (0, exports.defaultUnits)();
-//# sourceMappingURL=defaultUnits.js.map