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

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

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'ScrollSnapType';
+    static matches = /^scroll-snap:(([xy]|block|inline|both)(\|(proximity|mandatory))?)(?!\|)/;
+    static propName = 'scroll-snap-type';
+}

package/esm/rules/shape-image-threshold.js

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

package/esm/rules/shape-margin.js

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

package/esm/rules/shape-outside.js

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'ShapeOutside';
+    static matches = /^shape:((margin|content|border|padding)(?!\|)|(inset|circle|ellipse|polygon|url|linear-gradient)\(.*\)((?!\|).)*$)/;
+    static propName = 'shape-outside';
+}

package/esm/rules/spacing.js

@@ -0,0 +1,48 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'Spacing';
+    static matches = /^[pm][xytblr]?:./;
+    get(declaration) {
+        const charAt1 = this.prefix[0];
+        const SPACING = charAt1 === 'm' ? 'margin' : 'padding';
+        const SPACING_LEFT = SPACING + '-left';
+        const SPACING_RIGHT = SPACING + '-right';
+        const SPACING_TOP = SPACING + '-top';
+        const SPACING_BOTTOM = SPACING + '-bottom';
+        switch (this.prefix[1]) {
+            case 'x':
+                return {
+                    [SPACING_LEFT]: declaration,
+                    [SPACING_RIGHT]: declaration
+                };
+            case 'y':
+                return {
+                    [SPACING_TOP]: declaration,
+                    [SPACING_BOTTOM]: declaration
+                };
+            case 'l':
+                return {
+                    [SPACING_LEFT]: declaration
+                };
+            case 'r':
+                return {
+                    [SPACING_RIGHT]: declaration
+                };
+            case 't':
+                return {
+                    [SPACING_TOP]: declaration
+                };
+            case 'b':
+                return {
+                    [SPACING_BOTTOM]: declaration
+                };
+            default:
+                return {
+                    [SPACING]: declaration
+                };
+        }
+    }
+    get order() {
+        return (this.prefix === 'p:' || this.prefix === 'm:') ? -1 : 0;
+    }
+}

package/esm/rules/stroke-dasharray.js

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

package/esm/rules/stroke-dashoffset.js

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

package/esm/rules/stroke-width.js

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

package/esm/rules/stroke.js

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'Stroke';
+    static propName = 'stroke';
+    static colorful = true;
+}

package/esm/rules/table-layout.js

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

package/esm/rules/text-align.js

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'TextAlign';
+    static matches = /^t(ext)?:(justify|center|left|right|start|end)(?!\|)/;
+    static propName = 'text-align';
+}

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

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

package/esm/rules/text-decoration-line.js

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'TextDecorationLine';
+    static matches = /^t(ext)?:(none|underline|overline|line-through)(?!\|)/;
+    static propName = 'text-decoration-line';
+}

package/esm/rules/text-decoration-style.js

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'TextDecorationStyle';
+    static matches = /^t(ext)?:(solid|double|dotted|dashed|wavy)(?!\|)/;
+    static propName = 'text-decoration-style';
+}

package/esm/rules/text-decoration-thickness.js

@@ -0,0 +1,7 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'TextDecorationThickness';
+    static matches = /^text-decoration:(from-font(?!\|)|([0-9]|(max|min|calc|clamp)\(.*\))((?!\|).)*$)/;
+    static propName = 'text-decoration-thickness';
+    static unit = 'em';
+}

package/esm/rules/text-decoration.js

@@ -0,0 +1,8 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'TextDecoration';
+    static matches = /^t(ext)?:(underline|line-through|overline)/;
+    static propName = 'text-decoration';
+    static colorful = true;
+    order = -1;
+}

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

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

package/esm/rules/text-indent.js

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

package/esm/rules/text-orientation.js

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'TextOrientation';
+    static matches = /^t(ext)?:(mixed|upright|sideways-right|sideways|use-glyph-orientation)(?!\|)/;
+    static propName = 'text-orientation';
+}

package/esm/rules/text-overflow.js

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'TextOverflow';
+    static matches = /^(text-(overflow|ovf):.|t(ext)?:(ellipsis|clip)(?!\|))/;
+    static propName = 'text-overflow';
+}

package/esm/rules/text-rendering.js

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'TextRendering';
+    static matches = /^t(ext)?:(optimizeSpeed|optimizeLegibility|geometricPrecision)(?!\|)/;
+    static propName = 'text-rendering';
+}

package/esm/rules/text-shadow.js

@@ -0,0 +1,6 @@
+import { MasterCSSRule } from '../rule';
+export default class default_1 extends MasterCSSRule {
+    static id = 'TextShadow';
+    static propName = 'text-shadow';
+    static colorful = true;
+}

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.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.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.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.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.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.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.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.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.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/{rules → esm/rules}/transform.d.ts

@@ -1,8 +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): 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.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.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.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.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.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.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.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.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.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.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.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.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.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.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 = '';
+}