@master/css 2.0.0-rc.69 → 2.0.0-rc.70

package/dist/variable-rule.cjs

@@ -1,92 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-class VariableRule {
-    name;
-    variable;
-    css;
-    nodes = [];
-    constructor(name, variable, css){
-        this.name = name;
-        this.variable = variable;
-        this.css = css;
-        const hasDefaultValue = variable.value !== undefined;
-        if (hasDefaultValue) {
-            this.nodes.push(new VariableRuleNode(this, variable, css));
-        }
-        if (variable.modes && this.css.config.modeTrigger) {
-            for(const mode in variable.modes){
-                const modeVariable = variable.modes[mode];
-                const variableRule = new VariableRuleNode(this, modeVariable, css, mode);
-                const isDefaultMode = hasDefaultValue ? false : this.css.config.defaultMode === mode;
-                variableRule.isDefaultMode = isDefaultMode;
-                if (isDefaultMode) {
-                    this.nodes.unshift(variableRule);
-                } else {
-                    this.nodes.push(variableRule);
-                }
-            }
-        }
-    }
-    get key() {
-        return this.name;
-    }
-    get text() {
-        return this.nodes.map(({ text })=>text).join('');
-    }
-}
-class VariableRuleNode {
-    rule;
-    variable;
-    css;
-    mode;
-    native;
-    isDefaultMode = false;
-    constructor(rule, variable, css, mode){
-        this.rule = rule;
-        this.variable = variable;
-        this.css = css;
-        this.mode = mode;
-    }
-    get selectorText() {
-        const isDefaultMode = this.isDefaultMode;
-        if (this.mode) {
-            switch(this.css.config.modeTrigger){
-                case 'host':
-                    return `:host(.${this.mode})${isDefaultMode ? ',:host' : ''}`;
-                case 'class':
-                    return `.${this.mode}${isDefaultMode ? ',:root' : ''}`;
-                default:
-                    return ':root';
-            }
-        } else {
-            return ':root';
-        }
-    }
-    get text() {
-        let value = '';
-        switch(this.rule.variable.type){
-            case 'color':
-                {
-                    const color = this.variable;
-                    value = (color.alpha ?? 1) < 1 ? `${color.space}(${color.value}/${color.alpha})` : `${color.space}(${color.value})`;
-                    break;
-                }
-            case 'number':
-                value = String(this.variable.value);
-                break;
-            case 'string':
-                value = this.variable.value;
-                break;
-        }
-        let text = `${this.selectorText}{--${this.rule.name}:${value}}`;
-        if (this.css.config.modeTrigger === 'media' && this.mode) {
-            text = `@media (prefers-color-scheme:${this.mode}){${text}}`;
-        }
-        return text;
-    }
-}
-
-exports.VariableRuleNode = VariableRuleNode;
-exports.default = VariableRule;

package/dist/variable-rule.d.ts

@@ -1,33 +0,0 @@
-import MasterCSS from './core';
-import { ColorVariable, LiteralVariable, NumberVariable, StringVariable, Variable } from './types/syntax';
-export default class VariableRule {
-    readonly name: string;
-    readonly variable: Variable;
-    readonly css: MasterCSS;
-    nodes: VariableRuleNode[];
-    constructor(name: string, variable: Variable, css: MasterCSS);
-    get key(): string;
-    get text(): string;
-}
-type VariableMap = {
-    string: StringVariable;
-    number: NumberVariable;
-    color: ColorVariable;
-};
-type VariableType = LiteralVariable['type'];
-export declare class VariableRuleNode<T extends VariableType = VariableType> {
-    readonly rule: VariableRule & {
-        variable: VariableMap[T];
-    };
-    readonly variable: VariableMap[T];
-    readonly css: MasterCSS;
-    readonly mode?: string | undefined;
-    native?: CSSRule;
-    isDefaultMode: boolean;
-    constructor(rule: VariableRule & {
-        variable: VariableMap[T];
-    }, variable: VariableMap[T], css: MasterCSS, mode?: string | undefined);
-    get selectorText(): string;
-    get text(): string;
-}
-export {};

package/dist/variable-rule.mjs

@@ -1,87 +0,0 @@
-class VariableRule {
-    name;
-    variable;
-    css;
-    nodes = [];
-    constructor(name, variable, css){
-        this.name = name;
-        this.variable = variable;
-        this.css = css;
-        const hasDefaultValue = variable.value !== undefined;
-        if (hasDefaultValue) {
-            this.nodes.push(new VariableRuleNode(this, variable, css));
-        }
-        if (variable.modes && this.css.config.modeTrigger) {
-            for(const mode in variable.modes){
-                const modeVariable = variable.modes[mode];
-                const variableRule = new VariableRuleNode(this, modeVariable, css, mode);
-                const isDefaultMode = hasDefaultValue ? false : this.css.config.defaultMode === mode;
-                variableRule.isDefaultMode = isDefaultMode;
-                if (isDefaultMode) {
-                    this.nodes.unshift(variableRule);
-                } else {
-                    this.nodes.push(variableRule);
-                }
-            }
-        }
-    }
-    get key() {
-        return this.name;
-    }
-    get text() {
-        return this.nodes.map(({ text })=>text).join('');
-    }
-}
-class VariableRuleNode {
-    rule;
-    variable;
-    css;
-    mode;
-    native;
-    isDefaultMode = false;
-    constructor(rule, variable, css, mode){
-        this.rule = rule;
-        this.variable = variable;
-        this.css = css;
-        this.mode = mode;
-    }
-    get selectorText() {
-        const isDefaultMode = this.isDefaultMode;
-        if (this.mode) {
-            switch(this.css.config.modeTrigger){
-                case 'host':
-                    return `:host(.${this.mode})${isDefaultMode ? ',:host' : ''}`;
-                case 'class':
-                    return `.${this.mode}${isDefaultMode ? ',:root' : ''}`;
-                default:
-                    return ':root';
-            }
-        } else {
-            return ':root';
-        }
-    }
-    get text() {
-        let value = '';
-        switch(this.rule.variable.type){
-            case 'color':
-                {
-                    const color = this.variable;
-                    value = (color.alpha ?? 1) < 1 ? `${color.space}(${color.value}/${color.alpha})` : `${color.space}(${color.value})`;
-                    break;
-                }
-            case 'number':
-                value = String(this.variable.value);
-                break;
-            case 'string':
-                value = this.variable.value;
-                break;
-        }
-        let text = `${this.selectorText}{--${this.rule.name}:${value}}`;
-        if (this.css.config.modeTrigger === 'media' && this.mode) {
-            text = `@media (prefers-color-scheme:${this.mode}){${text}}`;
-        }
-        return text;
-    }
-}
-
-export { VariableRuleNode, VariableRule as default };