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

package/esm/rules/justify-content.js

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

package/esm/rules/justify-items.js

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

package/esm/rules/justify-self.js

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

package/esm/rules/letter-spacing.js

@@ -0,0 +1,7 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'LetterSpacing';
+    static matches = /^ls:./;
+    static propName = 'letter-spacing';
+    static unit = 'em';
+}

package/esm/rules/line-clamp.js

@@ -0,0 +1,11 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'LineClamp';
+    static propName = 'line-clamp';
+    static unit = '';
+    get(declaration) {
+        return {
+            '-webkit-line-clamp': declaration
+        };
+    }
+}

package/esm/rules/line-height.js

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

package/esm/rules/lines.js

@@ -0,0 +1,16 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'Lines';
+    static matches = /^lines:./;
+    static unit = '';
+    get(declaration) {
+        return {
+            overflow: { ...declaration, value: 'hidden' },
+            display: { ...declaration, value: '-webkit-box' },
+            'overflow-wrap': { ...declaration, value: 'break-word' },
+            'text-overflow': { ...declaration, value: 'ellipsis' },
+            '-webkit-box-orient': { ...declaration, value: 'vertical' },
+            '-webkit-line-clamp': declaration
+        };
+    }
+}

package/esm/rules/list-style-image.js

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

package/esm/rules/list-style-position.js

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'ListStylePosition';
+    static matches = /^list-style:(inside|outside)(?!\|)/;
+    static propName = 'list-style-position';
+}

package/esm/rules/list-style-type.js

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'ListStyleType';
+    static matches = /^list-style:(disc|decimal)(?!\|)/;
+    static propName = 'list-style-type';
+}

package/esm/rules/list-style.js

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

package/esm/rules/margin.js

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

package/esm/rules/mask-image.js

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

package/esm/rules/max-height.js

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

package/esm/rules/max-width.js

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

package/esm/rules/min-height.js

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

package/esm/rules/min-width.js

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

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

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

package/esm/rules/object-fit.js

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'ObjectFit';
+    static matches = /^(object|obj):(contain|cover|fill|scale-down)/;
+    static propName = 'object-fit';
+}

package/esm/rules/object-position.js

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'ObjectPosition';
+    static matches = /^(object|obj):(top|bottom|right|left|center)/;
+    static propName = 'object-position';
+}

package/esm/rules/opacity.js

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

package/esm/rules/order.js

@@ -0,0 +1,8 @@
+import { MasterCSSRule } from '../rule';
+const extreme = '999999';
+export default class default_1 extends MasterCSSRule {
+    static id = 'Order';
+    static matches = /^o:./;
+    static propName = 'order';
+    static unit = '';
+}

package/esm/rules/outline-color.js

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

package/esm/rules/outline-offset.js

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

package/esm/rules/outline-style.js

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'OutlineStyle';
+    static matches = /^outline:(none|dotted|dashed|solid|double|groove|ridge|inset|outset)(?!\|)/;
+    static propName = 'outline-style';
+}

package/esm/rules/outline-width.js

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

package/esm/rules/outline.js

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

package/esm/rules/overflow.js

@@ -0,0 +1,26 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'Overflow';
+    static matches = /^overflow(-x|-y)?:(?:visible|overlay|hidden|scroll|auto|clip|inherit|initial|revert|revert-layer|unset|\$|var)/;
+    get(declaration) {
+        if (this.prefix) {
+            switch (this.prefix.slice(-2, -1)) {
+                case 'x':
+                    return { 'overflow-x': declaration };
+                case 'y':
+                    return { 'overflow-y': declaration };
+            }
+        }
+        return { 'overflow': declaration };
+    }
+    get order() {
+        if (this.prefix) {
+            switch (this.prefix.slice(-2, -1)) {
+                case 'x':
+                case 'y':
+                    return 0;
+            }
+        }
+        return -1;
+    }
+}

package/esm/rules/overscroll-behavior.js

@@ -0,0 +1,15 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'OverscrollBehavior';
+    static matches = /^overscroll-behavior(?:-[xy])?:/;
+    get(declaration) {
+        switch (this.prefix.slice(-2, -1)) {
+            case 'x':
+                return { 'overscroll-behavior-x': declaration };
+            case 'y':
+                return { 'overscroll-behavior-y': declaration };
+            default:
+                return { 'overscroll-behavior': declaration };
+        }
+    }
+}

package/esm/rules/padding.js

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

package/esm/rules/place-content.js

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

package/esm/rules/place-items.js

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

package/esm/rules/place-self.js

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

package/esm/rules/placement.js

@@ -0,0 +1,29 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'Placement';
+    static matches = /^(top|left|right|bottom|center|middle):./;
+    get(declaration) {
+        const propertyName = this.prefix.slice(0, -1);
+        switch (propertyName) {
+            case 'top':
+            case 'left':
+            case 'right':
+            case 'bottom':
+                return { [propertyName]: declaration };
+            case 'center':
+                return {
+                    left: declaration,
+                    right: declaration,
+                    'margin-left': { ...declaration, unit: '' },
+                    'margin-right': { ...declaration, unit: '' }
+                };
+            case 'middle':
+                return {
+                    top: declaration,
+                    bottom: declaration,
+                    'margin-top': { ...declaration, unit: '' },
+                    'margin-bottom': { ...declaration, unit: '' }
+                };
+        }
+    }
+}

package/esm/rules/pointer-events.js

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

package/esm/rules/position.js

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

package/esm/rules/quotes.js

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

package/esm/rules/resize.js

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

package/esm/rules/rx.js

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

package/esm/rules/ry.js

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

package/esm/rules/scroll-behavior.js

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

package/esm/rules/scroll-margin.js

@@ -0,0 +1,45 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'ScrollMargin';
+    static matches = /^scroll-m([xytblr]|argin(-(top|bottom|left|right))?)?:./;
+    get(declaration) {
+        if (this.prefix.slice(-3, -2) === 'm') {
+            switch (this.prefix.slice(-2, -1)) {
+                case 'x':
+                    return {
+                        'scroll-margin-left': declaration,
+                        'scroll-margin-right': declaration
+                    };
+                case 'y':
+                    return {
+                        'scroll-margin-top': declaration,
+                        'scroll-margin-bottom': declaration
+                    };
+                case 'l':
+                    return {
+                        'scroll-margin-left': declaration
+                    };
+                case 'r':
+                    return {
+                        'scroll-margin-right': declaration
+                    };
+                case 't':
+                    return {
+                        'scroll-margin-top': declaration
+                    };
+                case 'b':
+                    return {
+                        'scroll-margin-bottom': declaration
+                    };
+            }
+        }
+        else {
+            return {
+                [this.prefix.replace(/-m(?!argin)/, '-' + 'margin').slice(0, -1)]: declaration
+            };
+        }
+    }
+    get order() {
+        return (this.prefix === 'scroll-margin:' || this.prefix === 'scroll-m:') ? -1 : 0;
+    }
+}

package/esm/rules/scroll-padding.js

@@ -0,0 +1,45 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'ScrollPadding';
+    static matches = /^scroll-p([xytblr]|adding(-(top|bottom|left|right))?)?:./;
+    get(declaration) {
+        if (this.prefix.slice(-3, -2) === 'p') {
+            switch (this.prefix.slice(-2, -1)) {
+                case 'x':
+                    return {
+                        'scroll-padding-left': declaration,
+                        'scroll-padding-right': declaration
+                    };
+                case 'y':
+                    return {
+                        'scroll-padding-top': declaration,
+                        'scroll-padding-bottom': declaration
+                    };
+                case 'l':
+                    return {
+                        'scroll-padding-left': declaration
+                    };
+                case 'r':
+                    return {
+                        'scroll-padding-right': declaration
+                    };
+                case 't':
+                    return {
+                        'scroll-padding-top': declaration
+                    };
+                case 'b':
+                    return {
+                        'scroll-padding-bottom': declaration
+                    };
+            }
+        }
+        else {
+            return {
+                [this.prefix.replace(/-p(?!adding)/, '-' + 'padding').slice(0, -1)]: declaration
+            };
+        }
+    }
+    get order() {
+        return (this.prefix === 'scroll-padding:' || this.prefix === 'scroll-p:') ? -1 : 0;
+    }
+}

package/esm/rules/scroll-snap-align.js

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'ScrollSnapAlign';
+    static matches = /^scroll-snap:(start|end|center)/;
+    static propName = 'scroll-snap-align';
+}

package/esm/rules/scroll-snap-stop.js

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'ScrollSnapStop';
+    static matches = /^scroll-snap:(normal|always)(?!\|)/;
+    static propName = 'scroll-snap-stop';
+}