@master/css 2.0.0-alpha.50 → 2.0.0-alpha.52

package/esm/rules/cy.js

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'Cy';
+    static propName = 'cy';
+    static unit = '';
+}

package/esm/rules/direction.js

@@ -0,0 +1,5 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'Direction';
+    static propName = 'direction';
+}

package/esm/rules/display.js

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'Display';
+    static matches = /^d:./;
+    static propName = 'display';
+}

package/esm/rules/fill.js

@@ -0,0 +1,7 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'Fill';
+    static propName = 'fill';
+    static colorStarts = 'fill:';
+    static colorful = true;
+}

package/{rules → esm/rules}/filter.d.ts

@@ -1,7 +1,8 @@
+import { MasterCSSConfig } from 'src/interfaces/config';
 import { MasterCSSRule } from '../rule';
 export default class extends MasterCSSRule {
     static id: string;
     static matches: RegExp;
     static propName: string;
-    parseValue(value: string): string;
+    parseValue(value: string, config: MasterCSSConfig): string;
 }

package/esm/rules/filter.js

@@ -0,0 +1,19 @@
+import { MasterCSSRule } from '../rule';
+import { parseValueUnit } from '../utils/parse-value-unit';
+export default class default_1 extends MasterCSSRule {
+    static id = 'Filter';
+    static matches = /^(blur|brightness|contrast|drop-shadow|grayscale|hue-rotate|invert|opacity|saturate|sepia)\(/;
+    static propName = 'filter';
+    parseValue(value, config) {
+        return parseValueUnit(value, method => {
+            switch (method) {
+                case 'blur':
+                case 'drop-shadow':
+                    return 'rem';
+                case 'hue-rotate':
+                    return 'deg';
+            }
+            return '';
+        }, config);
+    }
+}

package/esm/rules/flex-basis.js

@@ -0,0 +1,5 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'FlexBasis';
+    static propName = 'flex-basis';
+}

package/esm/rules/flex-direction.js

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'FlexDirection';
+    static matches = /^flex:((row|col|column)(-reverse)?)(?!\|)/;
+    static propName = 'flex-direction';
+}

package/esm/rules/flex-grow.js

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'FlexGrow';
+    static propName = 'flex-grow';
+    static unit = '';
+}

package/esm/rules/flex-shrink.js

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'FlexShrink';
+    static propName = 'flex-shrink';
+    static unit = '';
+}

package/esm/rules/flex-wrap.js

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'FlexWrap';
+    static matches = /^flex:(wrap(-reverse)?|nowrap)(?!\|)/;
+    static propName = 'flex-wrap';
+}

package/esm/rules/flex.js

@@ -0,0 +1,7 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'Flex';
+    static propName = 'flex';
+    static unit = '';
+    order = -1;
+}

package/esm/rules/float.js

@@ -0,0 +1,5 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'Float';
+    static propName = 'float';
+}

package/esm/rules/font-family.js

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'FontFamily';
+    static matches = /^f(ont)?:(mono|sans|serif)(?!\|)/;
+    static propName = 'font-family';
+}

package/esm/rules/font-size.js

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'FontSize';
+    static matches = /^f(ont)?:([0-9]|(max|min|calc|clamp)\(.*\))((?!\|).)*$/;
+    static propName = 'font-size';
+}

package/esm/rules/font-smoothing.js

@@ -0,0 +1,34 @@
+import { MasterCSSRule } from '../rule';
+const SUBPIXEL_ANTIALIASED = 'subpixel-antialiased';
+const WEBKIT_FONT_SMOOTHING = '-webkit-font-smoothing';
+const MOZ_OSXFONT_SMOOTHING = '-moz-osx-font-smoothing';
+export default class default_1 extends MasterCSSRule {
+    static id = 'FontSmoothing';
+    static matches = /^f(ont)?:(antialiased|subpixel-antialiased)(?!\|)/;
+    static unit = '';
+    get(declaration) {
+        const props = {};
+        switch (declaration.value) {
+            case SUBPIXEL_ANTIALIASED:
+                props[WEBKIT_FONT_SMOOTHING] = props[MOZ_OSXFONT_SMOOTHING] = {
+                    ...declaration,
+                    value: 'auto'
+                };
+                break;
+            case 'antialiased':
+                props[WEBKIT_FONT_SMOOTHING] = {
+                    ...declaration,
+                    value: 'antialiased'
+                };
+                props[MOZ_OSXFONT_SMOOTHING] = {
+                    ...declaration,
+                    value: 'grayscale'
+                };
+                break;
+            // default:
+            //     props[WEBKIT_FONT_SMOOTHING] = props[MOZ_OSXFONT_SMOOTHING] = this;
+        }
+        return props;
+    }
+    ;
+}

package/esm/rules/font-style.js

@@ -0,0 +1,7 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'FontStyle';
+    static matches = /^f(ont)?:(normal|italic|oblique)(?!\|)/;
+    static propName = 'font-style';
+    static unit = 'deg';
+}

package/esm/rules/font-variant-numeric.js

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'FontVariantNumeric';
+    static matches = /^f(ont)?:(ordinal|slashed-zero|lining-nums|oldstyle-nums|proportional-nums|tabular-nums|diagonal-fractions|stacked-fractions)(?!\|)/;
+    static propName = 'font-variant-numeric';
+}

package/esm/rules/font-weight.js

@@ -0,0 +1,7 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'FontWeight';
+    static matches = /^f(ont)?:(thin|extralight|light|regular|medium|semibold|bold|bolder|extrabold|heavy)(?!\|)/;
+    static propName = 'font-weight';
+    static unit = '';
+}

package/esm/rules/font.js

@@ -0,0 +1,8 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'Font';
+    static matches = /^f:./;
+    static propName = 'font';
+    static unit = '';
+    order = -1;
+}

package/esm/rules/gap.js

@@ -0,0 +1,16 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'Gap';
+    static matches = /^gap(-x|-y)?:./;
+    get(declaration) {
+        switch (this.prefix[4]) {
+            case 'x':
+                return { 'column-gap': declaration };
+            case 'y':
+                return { 'row-gap': declaration };
+            default:
+                return { gap: declaration };
+        }
+    }
+    order = -1;
+}

package/esm/rules/grid-area.js

@@ -0,0 +1,7 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'GridArea';
+    static propName = 'grid-area';
+    static unit = '';
+    order = -1;
+}

package/esm/rules/grid-auto-columns.js

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'GridAutoColumns';
+    static matches = /^grid-auto-cols:./;
+    static propName = 'grid-auto-columns';
+}

package/esm/rules/grid-auto-flow.js

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'GridAutoFlow';
+    static matches = /^grid-flow:./;
+    static propName = 'grid-auto-flow';
+}

package/esm/rules/grid-auto-rows.js

@@ -0,0 +1,5 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'GridAutoRows';
+    static propName = 'grid-auto-rows';
+}

package/esm/rules/grid-column-end.js

@@ -0,0 +1,7 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'GridColumnEnd';
+    static matches = /^grid-col-end:./;
+    static propName = 'grid-column-end';
+    static unit = '';
+}

package/esm/rules/grid-column-start.js

@@ -0,0 +1,7 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'GridColumnStart';
+    static matches = /^grid-col-start:./;
+    static propName = 'grid-column-start';
+    static unit = '';
+}

package/esm/rules/grid-column.js

@@ -0,0 +1,13 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'GridColumn';
+    static matches = /^grid-col(?:umn)?(?:-span)?:./;
+    static propName = 'grid-column';
+    static unit = '';
+    parseValue(value) {
+        return this.prefix.slice(-5, -1) === 'span' && value !== 'auto'
+            ? 'span' + ' ' + value + '/' + 'span' + ' ' + value
+            : value;
+    }
+    order = -1;
+}

package/esm/rules/grid-columns.js

@@ -0,0 +1,20 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'GridColumns';
+    static matches = /^grid-cols:./;
+    static propName = 'grid-columns';
+    static unit = '';
+    get(declaration) {
+        return {
+            display: { ...declaration, value: 'grid' },
+            'grid-template-columns': {
+                ...this,
+                value: 'repeat'
+                    + '(' + declaration.value
+                    + ','
+                    + 'minmax'
+                    + '(' + 0 + ',' + 1 + 'fr' + '))'
+            },
+        };
+    }
+}

package/esm/rules/grid-row-end.js

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'GridRowEnd';
+    static propName = 'grid-row-end';
+    static unit = '';
+}

package/esm/rules/grid-row-start.js

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'GridRowStart';
+    static propName = 'grid-row-start';
+    static unit = '';
+}

package/esm/rules/grid-row.js

@@ -0,0 +1,13 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'GridRow';
+    static matches = /^grid-row-span:./;
+    static propName = 'grid-row';
+    static unit = '';
+    parseValue(value) {
+        return this.prefix.slice(-5, -1) === 'span' && value !== 'auto'
+            ? 'span' + ' ' + value + '/' + 'span' + ' ' + value
+            : value;
+    }
+    order = -1;
+}

package/esm/rules/grid-rows.js

@@ -0,0 +1,20 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'GridRows';
+    static propName = 'grid-rows';
+    static unit = '';
+    get(declaration) {
+        return {
+            display: { ...declaration, value: 'grid' },
+            'grid-auto-flow': { ...declaration, value: 'column' },
+            'grid-template-rows': {
+                ...declaration,
+                value: 'repeat'
+                    + '(' + declaration.value
+                    + ','
+                    + 'minmax'
+                    + '(' + 0 + ',' + 1 + 'fr' + '))'
+            },
+        };
+    }
+}

package/esm/rules/grid-template-areas.js

@@ -0,0 +1,5 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'GridTemplateAreas';
+    static propName = 'grid-template-areas';
+}

package/esm/rules/grid-template-columns.js

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'GridTemplateColumns';
+    static matches = /^grid-template-cols:./;
+    static propName = 'grid-template-columns';
+}

package/esm/rules/grid-template-rows.js

@@ -0,0 +1,5 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'GridTemplateRows';
+    static propName = 'grid-template-rows';
+}

package/esm/rules/grid-template.js

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'GridTemplate';
+    static propName = 'grid-template';
+    order = -1;
+}

package/esm/rules/grid.js

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'Grid';
+    static propName = 'grid';
+    order = -1;
+}

package/esm/rules/group.js

@@ -0,0 +1,104 @@
+import { MasterCSSRule } from '../rule';
+import { START_SYMBOL } from '../constants/start-symbol';
+const bracketRegexp = /\{(.*)\}/;
+export default class default_1 extends MasterCSSRule {
+    static id = 'Group';
+    static matches = /^(?:.+?[*_>~+])?\{.+?\}/;
+    static unit = '';
+    getThemeProps(declaration, css) {
+        const themePropsMap = {};
+        const addProp = (themeName, propertyName) => {
+            const indexOfColon = propertyName.indexOf(':');
+            if (indexOfColon !== -1) {
+                if (!(themeName in themePropsMap)) {
+                    themePropsMap[themeName] = {};
+                }
+                const props = themePropsMap[themeName];
+                const name = propertyName.slice(0, indexOfColon);
+                if (!(name in props)) {
+                    props[name] = propertyName.slice(indexOfColon + 1);
+                }
+            }
+        };
+        const handleRule = (rule) => {
+            const addProps = (themeName, cssText) => {
+                const cssProperties = cssText.slice(CSS.escape(rule.className).length).match(bracketRegexp)[1].split(';');
+                for (const eachCssProperty of cssProperties) {
+                    addProp(themeName, eachCssProperty);
+                }
+            };
+            if (this.themeName) {
+                const currentThemeNative = rule.natives.find(eachNative => eachNative.themeName === this.themeName) ?? rule.natives.find(eachNative => !eachNative.themeName);
+                if (currentThemeNative) {
+                    addProps(this.themeName, currentThemeNative.text);
+                }
+            }
+            else {
+                for (const eachNative of rule.natives) {
+                    addProps(eachNative.themeName, eachNative.text);
+                }
+            }
+        };
+        const names = [];
+        let currentName = '';
+        const addName = () => {
+            if (currentName) {
+                names.push(currentName);
+                currentName = '';
+            }
+        };
+        let i = 1;
+        (function analyze(end) {
+            for (; i < declaration.value.length; i++) {
+                const char = declaration.value[i];
+                if (!end) {
+                    if (char === ';') {
+                        addName();
+                        continue;
+                    }
+                    if (char === '}') {
+                        break;
+                    }
+                }
+                currentName += char;
+                if (end === char) {
+                    if (end === '\'') {
+                        let count = 0;
+                        for (let j = currentName.length - 2;; j--) {
+                            if (currentName[j] !== '\\') {
+                                break;
+                            }
+                            count++;
+                        }
+                        if (count % 2) {
+                            continue;
+                        }
+                    }
+                    break;
+                }
+                else if (char in START_SYMBOL && end !== '\'') {
+                    i++;
+                    analyze(START_SYMBOL[char]);
+                }
+            }
+        })(undefined);
+        addName();
+        for (const eachName of names) {
+            const result = css.findAndNew(eachName);
+            if (Array.isArray(result)) {
+                for (const eachRule of result) {
+                    handleRule(eachRule);
+                }
+            }
+            else {
+                if (result) {
+                    handleRule(result);
+                }
+                else {
+                    addProp(this.themeName ?? '', eachName);
+                }
+            }
+        }
+        return themePropsMap;
+    }
+}

package/esm/rules/height.js

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'Height';
+    static matches = /^h:./;
+    static propName = 'height';
+}

package/esm/rules/inset.js

@@ -0,0 +1,11 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'Inset';
+    static matches = /^(?:top|bottom|left|right):./;
+    static propName = 'inset';
+    get(declaration) {
+        return {
+            [this.prefix.slice(0, -1)]: declaration
+        };
+    }
+}

package/esm/rules/isolation.js

@@ -0,0 +1,5 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'Isolation';
+    static propName = 'isolation';
+}