@master/css 2.0.0-alpha.6 → 2.0.0-alpha.61

package/esm/rules/text-size.js

@@ -0,0 +1,17 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'TextSize';
+    static matches = /^t(ext)?:([0-9]|(max|min|calc|clamp)\(.*\))((?!\|).)*$/;
+    get(declaration) {
+        return {
+            'font-size': declaration,
+            'line-height': {
+                ...declaration,
+                value: declaration.unit === 'rem'
+                    ? declaration.value + .375 + declaration.unit
+                    : 'calc(' + declaration.value + declaration.unit + ' + .375rem)',
+                unit: ''
+            }
+        };
+    }
+}

package/esm/rules/text-stroke-color.d.ts

@@ -0,0 +1,10 @@
+import { MasterCSSRule } from '../rule';
+export default class extends MasterCSSRule {
+    static id: string;
+    static matches: RegExp;
+    static colorStarts: string;
+    static colorful: boolean;
+    get(declaration: any): {
+        [key: string]: any;
+    };
+}

package/esm/rules/text-stroke-color.js

@@ -0,0 +1,12 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'TextStrokeColor';
+    static matches = /^text-stroke-color:./;
+    static colorStarts = 'text-stroke:';
+    static colorful = true;
+    get(declaration) {
+        return {
+            '-webkit-text-stroke-color': declaration
+        };
+    }
+}

package/esm/rules/text-stroke-width.d.ts

@@ -0,0 +1,8 @@
+import { MasterCSSRule } from '../rule';
+export default class extends MasterCSSRule {
+    static id: string;
+    static matches: RegExp;
+    get(declaration: any): {
+        [key: string]: any;
+    };
+}

package/esm/rules/text-stroke-width.js

@@ -0,0 +1,10 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'TextStrokeWidth';
+    static matches = /^text-stroke(:((thin|medium|thick)(?!\|)|\.?\d((?!\|).)*$)|-width:.)/;
+    get(declaration) {
+        return {
+            '-webkit-text-stroke-width': declaration
+        };
+    }
+}

package/esm/rules/text-stroke.d.ts

@@ -0,0 +1,8 @@
+import { MasterCSSRule } from '../rule';
+export default class extends MasterCSSRule {
+    static id: string;
+    static matches: RegExp;
+    get(declaration: any): {
+        [key: string]: any;
+    };
+}

package/esm/rules/text-stroke.js

@@ -0,0 +1,10 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'TextStroke';
+    static matches = /^text-stroke:./;
+    get(declaration) {
+        return {
+            '-webkit-text-stroke': declaration
+        };
+    }
+}

package/esm/rules/text-transform.d.ts

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class extends MasterCSSRule {
+    static id: string;
+    static matches: RegExp;
+    static propName: string;
+}

package/esm/rules/text-transform.js

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'TextTransform';
+    static matches = /^t(ext)?:(uppercase|lowercase|capitalize)(?!\|)/;
+    static propName = 'text-transform';
+}

package/esm/rules/text-underline-offset.d.ts

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

package/esm/rules/text-underline-offset.js

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

package/esm/rules/touch-action.d.ts

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

package/esm/rules/touch-action.js

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

package/esm/rules/transform-box.d.ts

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class extends MasterCSSRule {
+    static id: string;
+    static matches: RegExp;
+    static propName: string;
+}

package/esm/rules/transform-box.js

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'TransformBox';
+    static matches = /^transform:(content|border|fill|stroke|view)(?!\|)/;
+    static propName = 'transform-box';
+}

package/esm/rules/transform-origin.d.ts

@@ -0,0 +1,7 @@
+import { MasterCSSRule } from '../rule';
+export default class extends MasterCSSRule {
+    static id: string;
+    static matches: RegExp;
+    static propName: string;
+    static unit: string;
+}

package/esm/rules/transform-origin.js

@@ -0,0 +1,7 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'TransformOrigin';
+    static matches = /^transform:((top|bottom|right|left|center)|\d)/;
+    static propName = 'transform-origin';
+    static unit = 'px';
+}

package/esm/rules/transform-style.d.ts

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class extends MasterCSSRule {
+    static id: string;
+    static matches: RegExp;
+    static propName: string;
+}

package/esm/rules/transform-style.js

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'TransformStyle';
+    static matches = /^transform:(flat|preserve-3d)(?!\|)/;
+    static propName = 'transform-style';
+}

package/esm/rules/transform.d.ts

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

package/esm/rules/transform.js

@@ -0,0 +1,44 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'Transform';
+    static matches = /^(translate|scale|skew|rotate|perspective|matrix)(3d|[XYZ])?\(/;
+    static propName = 'transform';
+    static unit = '';
+    parseValue(value, { rootSize }) {
+        return value.replace(/(translate|scale|skew|rotate|perspective|matrix)(3d|[XYZ])?\((.*?)\)/g, (origin, method, type, valueStr) => {
+            let unit;
+            let last;
+            switch (method) {
+                case 'translate':
+                    unit = 'rem';
+                    break;
+                case 'skew':
+                    unit = 'deg';
+                    break;
+                case 'rotate':
+                    if (type === '3d') {
+                        last = true;
+                    }
+                    unit = 'deg';
+                    break;
+                default:
+                    return origin;
+            }
+            const values = valueStr.split(',');
+            return origin.replace(valueStr, values
+                .map((eachValue, i) => {
+                if (!last || values.length - 1 === i) {
+                    const isNaN = Number.isNaN(+eachValue);
+                    return isNaN
+                        ? eachValue
+                        : (eachValue / (unit === 'rem' ? rootSize : 1))
+                            + unit;
+                }
+                else {
+                    return eachValue;
+                }
+            })
+                .join(','));
+        });
+    }
+}

package/esm/rules/transition-delay.d.ts

@@ -0,0 +1,7 @@
+import { MasterCSSRule } from '../rule';
+export default class extends MasterCSSRule {
+    static id: string;
+    static matches: RegExp;
+    static propName: string;
+    static unit: string;
+}

package/esm/rules/transition-delay.js

@@ -0,0 +1,7 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'TransitionDelay';
+    static matches = /^~delay:./;
+    static propName = 'transition-delay';
+    static unit = 'ms';
+}

package/esm/rules/transition-duration.d.ts

@@ -0,0 +1,7 @@
+import { MasterCSSRule } from '../rule';
+export default class extends MasterCSSRule {
+    static id: string;
+    static matches: RegExp;
+    static propName: string;
+    static unit: string;
+}

package/esm/rules/transition-duration.js

@@ -0,0 +1,7 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'TransitionDuration';
+    static matches = /^~duration:./;
+    static propName = 'transition-duration';
+    static unit = 'ms';
+}

package/esm/rules/transition-property.d.ts

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class extends MasterCSSRule {
+    static id: string;
+    static matches: RegExp;
+    static propName: string;
+}

package/esm/rules/transition-property.js

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

package/esm/rules/transition-timing-function.d.ts

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class extends MasterCSSRule {
+    static id: string;
+    static matches: RegExp;
+    static propName: string;
+}

package/esm/rules/transition-timing-function.js

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'TransitionTimingFunction';
+    static matches = /^~easing:./;
+    static propName = 'transition-timing-function';
+}

package/esm/rules/transition.d.ts

@@ -0,0 +1,7 @@
+import { MasterCSSRule } from '../rule';
+export default class extends MasterCSSRule {
+    static id: string;
+    static symbol: string;
+    static propName: string;
+    order: number;
+}

package/esm/rules/transition.js

@@ -0,0 +1,7 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'Transition';
+    static symbol = '~';
+    static propName = 'transition';
+    order = -1;
+}

package/esm/rules/user-drag.d.ts

@@ -0,0 +1,8 @@
+import { MasterCSSRule } from '../rule';
+export default class extends MasterCSSRule {
+    static id: string;
+    static propName: string;
+    get(declaration: any): {
+        [key: string]: any;
+    };
+}

package/esm/rules/user-drag.js

@@ -0,0 +1,12 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'UserDrag';
+    static propName = 'user-drag';
+    get(declaration) {
+        return {
+            'user-drag': declaration,
+            '-webkit-user-drag': declaration
+        };
+    }
+    ;
+}

package/esm/rules/user-select.d.ts

@@ -0,0 +1,8 @@
+import { MasterCSSRule } from '../rule';
+export default class extends MasterCSSRule {
+    static id: string;
+    static propName: string;
+    get(declaration: any): {
+        [key: string]: any;
+    };
+}

package/esm/rules/user-select.js

@@ -0,0 +1,12 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'UserSelect';
+    static propName = 'user-select';
+    get(declaration) {
+        return {
+            'user-select': declaration,
+            '-webkit-user-select': declaration
+        };
+    }
+    ;
+}

package/esm/rules/variable.d.ts

@@ -0,0 +1,9 @@
+import { MasterCSSRule } from '../rule';
+export default class extends MasterCSSRule {
+    static id: string;
+    static matches: RegExp;
+    static unit: string;
+    get(declaration: any): {
+        [key: string]: any;
+    };
+}

package/esm/rules/variable.js

@@ -0,0 +1,11 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'Variable';
+    static matches = /^\$[^ {}A-Z]+:[^ ]/;
+    static unit = ''; // don't use 'rem' as default, because css variable is common API
+    get(declaration) {
+        return {
+            ['--' + this.prefix.slice(1, -1)]: declaration
+        };
+    }
+}

package/esm/rules/vertical-align.d.ts

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class extends MasterCSSRule {
+    static id: string;
+    static matches: RegExp;
+    static propName: string;
+}

package/esm/rules/vertical-align.js

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'VerticalAlign';
+    static matches = /^(?:v|vertical):./;
+    static propName = 'vertical-align';
+}

package/esm/rules/visibility.d.ts

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

package/esm/rules/visibility.js

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

package/esm/rules/white-space.d.ts

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

package/esm/rules/white-space.js

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

package/esm/rules/width.d.ts

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class extends MasterCSSRule {
+    static id: string;
+    static matches: RegExp;
+    static propName: string;
+}

package/esm/rules/width.js

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

package/esm/rules/will-change.d.ts

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

package/esm/rules/will-change.js

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

package/esm/rules/word-break.d.ts

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

package/esm/rules/word-break.js

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

package/esm/rules/word-spacing.d.ts

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

package/esm/rules/word-spacing.js

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

package/esm/rules/writing-mode.d.ts

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class extends MasterCSSRule {
+    static id: string;
+    static matches: RegExp;
+    static propName: string;
+}

package/esm/rules/writing-mode.js

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

package/esm/rules/x.d.ts

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

package/esm/rules/x.js

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

package/esm/rules/y.d.ts

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

package/esm/rules/y.js

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

package/esm/rules/z-index.d.ts

@@ -0,0 +1,7 @@
+import { MasterCSSRule } from '../rule';
+export default class extends MasterCSSRule {
+    static id: string;
+    static matches: RegExp;
+    static propName: string;
+    static unit: string;
+}

package/esm/rules/z-index.js

@@ -0,0 +1,7 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'ZIndex';
+    static matches = /^z:./;
+    static propName = 'z-index';
+    static unit = '';
+}

package/esm/utils/concat-arrays.d.ts

@@ -0,0 +1 @@
+export declare function concatArrays(originVal: any, newVal: any): any | any[];

package/esm/utils/concat-arrays.js

@@ -0,0 +1,7 @@
+export function concatArrays(originVal, newVal) {
+    if (Array.isArray(originVal) && Array.isArray(newVal)) {
+        // concat logic
+        return originVal.concat(newVal);
+    }
+    return newVal; // always return newVal as fallback!!
+}

package/esm/utils/extend.d.ts

@@ -0,0 +1,5 @@
+declare type ExpandDeep<T> = T extends Record<string | number | symbol, unknown> ? {
+    [K in keyof T]: ExpandDeep<T[K]>;
+} : T extends Array<infer E> ? Array<ExpandDeep<E>> : T;
+export declare function extend<T extends Record<string, any>, Tn extends Record<string, any>[]>(object: T, ...otherObjects: Tn): ExpandDeep<any>;
+export {};