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

package/esm/rules/animation-delay.js

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

package/esm/rules/animation-direction.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/animation-direction.js

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

package/esm/rules/animation-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/animation-duration.js

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

package/esm/rules/animation-fill-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/animation-fill-mode.js

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

package/esm/rules/animation-iteration-count.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/animation-iteration-count.js

@@ -0,0 +1,7 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'AnimationIterationCount';
+    static matches = /^\@iteration-count:./;
+    static propName = 'animation-interation-count';
+    static unit = '';
+}

package/esm/rules/animation-name.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/animation-name.js

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

package/esm/rules/animation-play-state.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/animation-play-state.js

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'AnimationPlayState';
+    static matches = /^\@play-state:./;
+    static propName = 'animation-play-state';
+}

package/esm/rules/animation-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/animation-timing-function.js

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

package/esm/rules/animation.d.ts

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

package/esm/rules/animation.js

@@ -0,0 +1,8 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'Animation';
+    static symbol = '@';
+    static propName = 'animation';
+    static unit = '';
+    order = -1;
+}

package/esm/rules/appearance.d.ts

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

package/esm/rules/appearance.js

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

package/esm/rules/aspect-radio.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/aspect-radio.js

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

package/esm/rules/backdrop-filter.d.ts

@@ -0,0 +1,11 @@
+import { MasterCSSConfig } from 'src/interfaces/config';
+import { MasterCSSRule } from '../rule';
+export default class extends MasterCSSRule {
+    static id: string;
+    static matches: RegExp;
+    static propName: string;
+    get(declaration: any): {
+        [key: string]: any;
+    };
+    parseValue(value: string, config: MasterCSSConfig): string;
+}

package/esm/rules/backdrop-filter.js

@@ -0,0 +1,26 @@
+import { MasterCSSRule } from '../rule';
+import { parseValueUnit } from '../utils/parse-value-unit';
+export default class default_1 extends MasterCSSRule {
+    static id = 'BackdropFilter';
+    static matches = /^bd:./;
+    static propName = 'backdrop-filter';
+    get(declaration) {
+        return {
+            'backdrop-filter': declaration,
+            '-webkit-backdrop-filter': declaration
+        };
+    }
+    ;
+    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/background-attachment.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/background-attachment.js

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'BackgroundAttachment';
+    static matches = /^(bg|background):(fixed|local|scroll)(?!\|)/;
+    static propName = 'background-attachment';
+}

package/esm/rules/background-blend-mode.d.ts

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

package/esm/rules/background-blend-mode.js

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

package/esm/rules/background-clip.d.ts

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

package/esm/rules/background-clip.js

@@ -0,0 +1,12 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'BackgroundClip';
+    static matches = /^(bg|background):text(?!\|)/;
+    static propName = 'background-clip';
+    get(declaration) {
+        return {
+            '-webkit-background-clip': declaration,
+            'background-clip': declaration
+        };
+    }
+}

package/esm/rules/background-color.d.ts

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

package/esm/rules/background-color.js

@@ -0,0 +1,8 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'BackgroundColor';
+    static colorStarts = '(bg|background):';
+    static propName = 'background-color';
+    static unit = '';
+    static colorful = true;
+}

package/esm/rules/background-image.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 colorful: boolean;
+}

package/esm/rules/background-image.js

@@ -0,0 +1,7 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'BackgroundImage';
+    static matches = /^(bg|background):(url|linear-gradient|radial-gradient|repeating-linear-gradient|repeating-radial-gradient|conic-gradient)\(.*\)((?!\|).)*$/;
+    static propName = 'background-image';
+    static colorful = true;
+}

package/esm/rules/background-origin.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/background-origin.js

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'BackgroundOrigin';
+    static matches = /^(bg|background):(content|border|padding)(?!\|)/;
+    static propName = 'background-origin';
+}

package/esm/rules/background-position.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/background-position.js

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

package/esm/rules/background-repeat.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/background-repeat.js

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'BackgroundRepeat';
+    static matches = /^(bg|background):(space|round|repeat|no-repeat|repeat-x|repeat-y)(?![;a-zA-Z])/;
+    static propName = 'background-repeat';
+}

package/esm/rules/background-size.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/background-size.js

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'BackgroundSize';
+    static matches = /^(bg|background):((auto|cover|contain)(?!\|)|\.?\d((?!\|).)*$)/;
+    static propName = 'background-size';
+}

package/esm/rules/background.d.ts

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

package/esm/rules/background.js

@@ -0,0 +1,8 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'Background';
+    static matches = /^bg:./;
+    static propName = 'background';
+    static colorful = true;
+    order = -1;
+}

package/esm/rules/border-collapse.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/border-collapse.js

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'BorderCollapse';
+    static matches = /^b(order)?:(collapse|separate)(?!\|)/;
+    static propName = 'border-collapse';
+}

package/esm/rules/border-color.d.ts

@@ -0,0 +1,11 @@
+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;
+    };
+    get order(): number;
+}

package/esm/rules/border-color.js

@@ -0,0 +1,14 @@
+import { MasterCSSRule } from '../rule';
+import { getBorderProps } from '../utils/get-border-props';
+export default class default_1 extends MasterCSSRule {
+    static id = 'BorderColor';
+    static matches = /^border(-(left|right|top|bottom))?-color:./;
+    static colorStarts = 'b([xytblr]|(order(-(left|right|top|bottom))?))?:';
+    static colorful = true;
+    get(declaration) {
+        return getBorderProps(this.prefix, declaration, 'color');
+    }
+    get order() {
+        return (this.prefix === 'border-color' + ":" || this.prefix === 'b:' || this.prefix === 'border' + ':') ? -1 : 0;
+    }
+}

package/esm/rules/border-image-outset.d.ts

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

package/esm/rules/border-image-outset.js

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

package/esm/rules/border-image-repeat.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/border-image-repeat.js

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'BorderImageRepeat';
+    static matches = /^border-image:(?:stretch|repeat|round|space)(?:(?!\|).)*$/;
+    static propName = 'border-image-repeat';
+}

package/esm/rules/border-image-slice.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/border-image-slice.js

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

package/esm/rules/border-image-source.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/border-image-source.js

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'BorderImageSource';
+    static matches = /^border-image:(?:url|linear-gradient|radial-gradient|repeating-linear-gradient|repeating-radial-gradient|conic-gradient)\(.*\)(?:(?!\|).)*$/;
+    static propName = 'border-image-source';
+}

package/esm/rules/border-image-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/border-image-width.js

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

package/esm/rules/border-image.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/border-image.js

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

package/esm/rules/border-radius.d.ts

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

package/esm/rules/border-radius.js

@@ -0,0 +1,73 @@
+import { MasterCSSRule } from '../rule';
+const BORDER_TOP_LEFT_RADIUS = 'border-top-left-radius', BORDER_TOP_RIGHT_RADIUS = 'border-top-right-radius', BORDER_BOTTOM_LEFT_RADIUS = 'border-bottom-left-radius', BORDER_BOTTOM_RIGHT_RADIUS = 'border-bottom-right-radius', BORDER_RADIUS = 'border-radius', BORDER_RADIUS_S = [BORDER_TOP_LEFT_RADIUS, BORDER_TOP_RIGHT_RADIUS, BORDER_BOTTOM_LEFT_RADIUS, BORDER_BOTTOM_RIGHT_RADIUS];
+export default class default_1 extends MasterCSSRule {
+    static id = 'BorderRadius';
+    static matches = /^((r[tblr]?[tblr]?|border(-(top|bottom)-(left|right))?-radius):.)/;
+    get(declaration) {
+        if (this.prefix) {
+            let suffix = '';
+            const splits = this.prefix.split('-');
+            if (splits.length > 1) {
+                for (let i = 1; i < splits.length - 1; i++) {
+                    suffix += splits[i][0];
+                }
+            }
+            else {
+                suffix = this.prefix.slice(1, -1);
+            }
+            switch (suffix) {
+                case 't':
+                    return {
+                        [BORDER_TOP_LEFT_RADIUS]: declaration,
+                        [BORDER_TOP_RIGHT_RADIUS]: declaration
+                    };
+                case 'tl':
+                case 'lt':
+                    return {
+                        [BORDER_TOP_LEFT_RADIUS]: declaration
+                    };
+                case 'rt':
+                case 'tr':
+                    return {
+                        [BORDER_TOP_RIGHT_RADIUS]: declaration
+                    };
+                case 'b':
+                    return {
+                        [BORDER_BOTTOM_LEFT_RADIUS]: declaration,
+                        [BORDER_BOTTOM_RIGHT_RADIUS]: declaration
+                    };
+                case 'bl':
+                case 'lb':
+                    return {
+                        [BORDER_BOTTOM_LEFT_RADIUS]: declaration
+                    };
+                case 'br':
+                case 'rb':
+                    return {
+                        [BORDER_BOTTOM_RIGHT_RADIUS]: declaration
+                    };
+                case 'l':
+                    return {
+                        [BORDER_TOP_LEFT_RADIUS]: declaration,
+                        [BORDER_BOTTOM_LEFT_RADIUS]: declaration
+                    };
+                case 'r':
+                    return {
+                        [BORDER_TOP_RIGHT_RADIUS]: declaration,
+                        [BORDER_BOTTOM_RIGHT_RADIUS]: declaration
+                    };
+                default:
+                    return {
+                        [BORDER_RADIUS]: declaration
+                    };
+            }
+        }
+        const prefix = this.prefix?.slice(0, -1);
+        return {
+            [BORDER_RADIUS_S.includes(prefix) ? prefix : BORDER_RADIUS]: declaration
+        };
+    }
+    get order() {
+        return (this.prefix === 'border-radius' + ":" || this.prefix === 'r:') ? -1 : 0;
+    }
+}

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

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

package/esm/rules/border-spacing.js

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