@master/css 2.0.0-alpha.51 → 2.0.0-alpha.53

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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.js

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

package/esm/rules/border-style.js

@@ -0,0 +1,12 @@
+import { MasterCSSRule } from '../rule';
+import { getBorderProps } from '../utils/get-border-props';
+export default class default_1 extends MasterCSSRule {
+    static id = 'BorderStyle';
+    static matches = /^(border(-(left|right|top|bottom))?-style:.|b([xytblr]|order(-(left|right|top|bottom))?)?:(none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset)(?!\|))/;
+    get(declaration) {
+        return getBorderProps(this.prefix, declaration, 'style');
+    }
+    get order() {
+        return (this.prefix === 'border-style' + ":" || this.prefix === 'b:' || this.prefix === 'border' + ':') ? -1 : 0;
+    }
+}

package/esm/rules/border-width.js

@@ -0,0 +1,12 @@
+import { MasterCSSRule } from '../rule';
+import { getBorderProps } from '../utils/get-border-props';
+export default class default_1 extends MasterCSSRule {
+    static id = 'BorderWidth';
+    static matches = /^(border(-(left|right|top|bottom))?-width:.|b([xytblr]|order(-(left|right|top|bottom))?)?:(([0-9]|(max|min|calc|clamp)\(.*\))|(max|min|calc|clamp)\(.*\))((?!\|).)*$)/;
+    get(declaration) {
+        return getBorderProps(this.prefix, declaration, 'width');
+    }
+    get order() {
+        return (this.prefix === 'border-width' + ":" || this.prefix === 'b:' || this.prefix === 'border' + ':') ? -1 : 0;
+    }
+}

package/esm/rules/border.js

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

package/esm/rules/box-decoration-break.js

@@ -0,0 +1,13 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'BoxDecorationBreak';
+    static matches = /^box:(slice|clone)(?!\|)/;
+    static propName = 'box-decoration-break';
+    get(declaration) {
+        return {
+            'box-decoration-break': declaration,
+            '-webkit-box-decoration-break': declaration
+        };
+    }
+    ;
+}

package/esm/rules/box-shadow.js

@@ -0,0 +1,7 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'BoxShadow';
+    static matches = /^s(?:hadow)?:./;
+    static propName = 'box-shadow';
+    static colorful = true;
+}

package/esm/rules/box-sizing.js

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

package/esm/rules/break-after.js

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

package/esm/rules/break-before.js

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

package/esm/rules/break-inside.js

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

package/esm/rules/caret-color.js

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

package/esm/rules/clear.js

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

package/esm/rules/clip-path.js

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

package/esm/rules/color.js

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

package/esm/rules/column-span.js

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

package/esm/rules/columns.js

@@ -0,0 +1,8 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'Columns';
+    static matches = /^(columns|cols):./;
+    static propName = 'columns';
+    static unit = '';
+    order = -1;
+}

package/esm/rules/contain.js

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

package/esm/rules/content.js

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

package/esm/rules/counter-increment.js

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

package/esm/rules/cursor.js

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

package/esm/rules/cx.js

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

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 = '';
+}