@master/css 2.0.0-rc.15 → 2.0.0-rc.16

package/dist/shared/utils/css-escape.cjs

@@ -0,0 +1,56 @@
+'use strict';
+
+function cssEscape(value) {
+    if (typeof CSS !== 'undefined') return CSS.escape(value);
+    if (arguments.length == 0) {
+        throw new TypeError('`CSS.escape` requires an argument.');
+    }
+    const string = String(value);
+    const length = string.length;
+    let index = -1;
+    let result = '';
+    let codeUnit;
+    const firstCodeUnit = string.charCodeAt(0);
+    if (// If the character is the first character and is a `-` (U+002D), and
+    // there is no second character, […]
+    length == 1 && firstCodeUnit == 0x002D) {
+        return '\\' + string;
+    }
+    while(++index < length){
+        codeUnit = string.charCodeAt(index);
+        // Note: there’s no need to special-case astral symbols, surrogate
+        // pairs, or lone surrogates.
+        // If the character is NULL (U+0000), then the REPLACEMENT CHARACTER
+        // (U+FFFD).
+        if (codeUnit == 0x0000) {
+            result += '\uFFFD';
+            continue;
+        }
+        if (// If the character is in the range [\1-\1F] (U+0001 to U+001F) or is
+        // U+007F, […]
+        codeUnit >= 0x0001 && codeUnit <= 0x001F || codeUnit == 0x007F || // If the character is the first character and is in the range [0-9]
+        // (U+0030 to U+0039), […]
+        index == 0 && codeUnit >= 0x0030 && codeUnit <= 0x0039 || // If the character is the second character and is in the range [0-9]
+        // (U+0030 to U+0039) and the first character is a `-` (U+002D), […]
+        index == 1 && codeUnit >= 0x0030 && codeUnit <= 0x0039 && firstCodeUnit == 0x002D) {
+            // https://drafts.csswg.org/cssom/#escape-a-character-as-code-point
+            result += '\\' + codeUnit.toString(16) + ' ';
+            continue;
+        }
+        // If the character is not handled by one of the above rules and is
+        // greater than or equal to U+0080, is `-` (U+002D) or `_` (U+005F), or
+        // is in one of the ranges [0-9] (U+0030 to U+0039), [A-Z] (U+0041 to
+        // U+005A), or [a-z] (U+0061 to U+007A), […]
+        if (codeUnit >= 0x0080 || codeUnit == 0x002D || codeUnit == 0x005F || codeUnit >= 0x0030 && codeUnit <= 0x0039 || codeUnit >= 0x0041 && codeUnit <= 0x005A || codeUnit >= 0x0061 && codeUnit <= 0x007A) {
+            // the character itself
+            result += string.charAt(index);
+            continue;
+        }
+        // Otherwise, the escaped character.
+        // https://drafts.csswg.org/cssom/#escape-a-character
+        result += '\\' + string.charAt(index);
+    }
+    return result;
+}
+
+module.exports = cssEscape;

package/dist/shared/utils/css-escape.mjs

@@ -0,0 +1,54 @@
+function cssEscape(value) {
+    if (typeof CSS !== 'undefined') return CSS.escape(value);
+    if (arguments.length == 0) {
+        throw new TypeError('`CSS.escape` requires an argument.');
+    }
+    const string = String(value);
+    const length = string.length;
+    let index = -1;
+    let result = '';
+    let codeUnit;
+    const firstCodeUnit = string.charCodeAt(0);
+    if (// If the character is the first character and is a `-` (U+002D), and
+    // there is no second character, […]
+    length == 1 && firstCodeUnit == 0x002D) {
+        return '\\' + string;
+    }
+    while(++index < length){
+        codeUnit = string.charCodeAt(index);
+        // Note: there’s no need to special-case astral symbols, surrogate
+        // pairs, or lone surrogates.
+        // If the character is NULL (U+0000), then the REPLACEMENT CHARACTER
+        // (U+FFFD).
+        if (codeUnit == 0x0000) {
+            result += '\uFFFD';
+            continue;
+        }
+        if (// If the character is in the range [\1-\1F] (U+0001 to U+001F) or is
+        // U+007F, […]
+        codeUnit >= 0x0001 && codeUnit <= 0x001F || codeUnit == 0x007F || // If the character is the first character and is in the range [0-9]
+        // (U+0030 to U+0039), […]
+        index == 0 && codeUnit >= 0x0030 && codeUnit <= 0x0039 || // If the character is the second character and is in the range [0-9]
+        // (U+0030 to U+0039) and the first character is a `-` (U+002D), […]
+        index == 1 && codeUnit >= 0x0030 && codeUnit <= 0x0039 && firstCodeUnit == 0x002D) {
+            // https://drafts.csswg.org/cssom/#escape-a-character-as-code-point
+            result += '\\' + codeUnit.toString(16) + ' ';
+            continue;
+        }
+        // If the character is not handled by one of the above rules and is
+        // greater than or equal to U+0080, is `-` (U+002D) or `_` (U+005F), or
+        // is in one of the ranges [0-9] (U+0030 to U+0039), [A-Z] (U+0041 to
+        // U+005A), or [a-z] (U+0061 to U+007A), […]
+        if (codeUnit >= 0x0080 || codeUnit == 0x002D || codeUnit == 0x005F || codeUnit >= 0x0030 && codeUnit <= 0x0039 || codeUnit >= 0x0041 && codeUnit <= 0x005A || codeUnit >= 0x0061 && codeUnit <= 0x007A) {
+            // the character itself
+            result += string.charAt(index);
+            continue;
+        }
+        // Otherwise, the escaped character.
+        // https://drafts.csswg.org/cssom/#escape-a-character
+        result += '\\' + string.charAt(index);
+    }
+    return result;
+}
+
+export { cssEscape as default };

package/dist/tokens/screen-sizes.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var mediaQueries = {
+    '4xs': 360,
+    '3xs': 480,
+    '2xs': 600,
+    'xs': 768,
+    'sm': 834,
+    'md': 1024,
+    'lg': 1280,
+    'xl': 1440,
+    '2xl': 1600,
+    '3xl': 1920,
+    '4xl': 2560
+};
+
+module.exports = mediaQueries;

package/dist/tokens/screen-sizes.mjs

@@ -0,0 +1,15 @@
+var mediaQueries = {
+    '4xs': 360,
+    '3xs': 480,
+    '2xs': 600,
+    'xs': 768,
+    'sm': 834,
+    'md': 1024,
+    'lg': 1280,
+    'xl': 1440,
+    '2xl': 1600,
+    '3xl': 1920,
+    '4xl': 2560
+};
+
+export { mediaQueries as default };

package/dist/utils/concat-arrays.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+function concatArrays(originVal, newVal) {
+    if (Array.isArray(originVal) && Array.isArray(newVal)) {
+        // concat logic
+        return originVal.concat(newVal);
+    }
+    return newVal // always return newVal as fallback!!
+    ;
+}
+
+exports.concatArrays = concatArrays;

package/dist/utils/concat-arrays.mjs

@@ -0,0 +1,10 @@
+function concatArrays(originVal, newVal) {
+    if (Array.isArray(originVal) && Array.isArray(newVal)) {
+        // concat logic
+        return originVal.concat(newVal);
+    }
+    return newVal // always return newVal as fallback!!
+    ;
+}
+
+export { concatArrays };

package/dist/utils/extend-config.cjs

@@ -0,0 +1,59 @@
+'use strict';
+
+var extend = require('@techor/extend');
+
+function extendConfig(...configs) {
+    const formatConfig = (config)=>{
+        const clonedConfig = extend({}, config);
+        const formatDeeply = (obj)=>{
+            for(const key in obj){
+                const value = obj[key];
+                if (typeof value === 'object' && !Array.isArray(value)) {
+                    formatDeeply(value);
+                } else if (key && !key.startsWith('@')) {
+                    obj[key] = {
+                        '': value
+                    };
+                }
+            }
+        };
+        if (clonedConfig.styles) {
+            formatDeeply(clonedConfig.styles);
+        } else {
+            clonedConfig.styles = {};
+        }
+        if (clonedConfig.mediaQueries) {
+            formatDeeply(clonedConfig.mediaQueries);
+        } else {
+            clonedConfig.mediaQueries = {};
+        }
+        if (clonedConfig.variables) {
+            formatDeeply(clonedConfig.variables);
+        } else {
+            clonedConfig.variables = {};
+        }
+        return clonedConfig;
+    };
+    const formattedConfigs = [];
+    for (const eachConfig of configs){
+        (function getConfigsDeeply(config) {
+            if (config.extends?.length) {
+                for (const eachExtend of config.extends){
+                    getConfigsDeeply('config' in eachExtend ? eachExtend.config : eachExtend);
+                }
+            }
+            formattedConfigs.push(formatConfig(config));
+        })(eachConfig);
+    }
+    let extendedConfig = formattedConfigs[0];
+    for(let i = 1; i < formattedConfigs.length; i++){
+        const currentFormattedConfig = formattedConfigs[i];
+        extendedConfig = extend(extendedConfig, currentFormattedConfig);
+        if (Object.prototype.hasOwnProperty.call(currentFormattedConfig, 'animations') && extendedConfig.animations) {
+            Object.assign(extendedConfig.animations, currentFormattedConfig.animations);
+        }
+    }
+    return extendedConfig;
+}
+
+exports.extendConfig = extendConfig;

package/dist/utils/extend-config.mjs

@@ -0,0 +1,57 @@
+import extend from '@techor/extend';
+
+function extendConfig(...configs) {
+    const formatConfig = (config)=>{
+        const clonedConfig = extend({}, config);
+        const formatDeeply = (obj)=>{
+            for(const key in obj){
+                const value = obj[key];
+                if (typeof value === 'object' && !Array.isArray(value)) {
+                    formatDeeply(value);
+                } else if (key && !key.startsWith('@')) {
+                    obj[key] = {
+                        '': value
+                    };
+                }
+            }
+        };
+        if (clonedConfig.styles) {
+            formatDeeply(clonedConfig.styles);
+        } else {
+            clonedConfig.styles = {};
+        }
+        if (clonedConfig.mediaQueries) {
+            formatDeeply(clonedConfig.mediaQueries);
+        } else {
+            clonedConfig.mediaQueries = {};
+        }
+        if (clonedConfig.variables) {
+            formatDeeply(clonedConfig.variables);
+        } else {
+            clonedConfig.variables = {};
+        }
+        return clonedConfig;
+    };
+    const formattedConfigs = [];
+    for (const eachConfig of configs){
+        (function getConfigsDeeply(config) {
+            if (config.extends?.length) {
+                for (const eachExtend of config.extends){
+                    getConfigsDeeply('config' in eachExtend ? eachExtend.config : eachExtend);
+                }
+            }
+            formattedConfigs.push(formatConfig(config));
+        })(eachConfig);
+    }
+    let extendedConfig = formattedConfigs[0];
+    for(let i = 1; i < formattedConfigs.length; i++){
+        const currentFormattedConfig = formattedConfigs[i];
+        extendedConfig = extend(extendedConfig, currentFormattedConfig);
+        if (Object.prototype.hasOwnProperty.call(currentFormattedConfig, 'animations') && extendedConfig.animations) {
+            Object.assign(extendedConfig.animations, currentFormattedConfig.animations);
+        }
+    }
+    return extendedConfig;
+}
+
+export { extendConfig };

package/dist/utils/flatten-object.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+function flattenObject(obj, parentKey = '') {
+    return Object.entries(obj).reduce((acc, [key, value])=>{
+        const currentKey = parentKey ? `${parentKey}${key ? '-' + key : ''}` : key;
+        if (typeof value === 'object' && !Array.isArray(value)) {
+            Object.assign(acc, flattenObject(value, currentKey));
+        } else {
+            acc[currentKey] = value;
+        }
+        return acc;
+    }, {});
+}
+
+exports.flattenObject = flattenObject;

package/dist/utils/flatten-object.mjs

@@ -0,0 +1,13 @@
+function flattenObject(obj, parentKey = '') {
+    return Object.entries(obj).reduce((acc, [key, value])=>{
+        const currentKey = parentKey ? `${parentKey}${key ? '-' + key : ''}` : key;
+        if (typeof value === 'object' && !Array.isArray(value)) {
+            Object.assign(acc, flattenObject(value, currentKey));
+        } else {
+            acc[currentKey] = value;
+        }
+        return acc;
+    }, {});
+}
+
+export { flattenObject };

package/dist/utils/get-type.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+/**
+ * Returns the object type of the given payload
+ *
+ * @param {*} payload
+ * @returns {string}
+ */ function getType(payload) {
+    return Object.prototype.toString.call(payload).slice(8, -1);
+}
+
+exports.getType = getType;

package/dist/utils/get-type.mjs

@@ -0,0 +1,10 @@
+/**
+ * Returns the object type of the given payload
+ *
+ * @param {*} payload
+ * @returns {string}
+ */ function getType(payload) {
+    return Object.prototype.toString.call(payload).slice(8, -1);
+}
+
+export { getType };

package/dist/utils/hex-to-rgb.cjs

@@ -0,0 +1,30 @@
+'use strict';
+
+function hexToRgb(hex) {
+    if (hex.startsWith('#')) {
+        hex = hex.slice(1);
+    }
+    let r;
+    let g;
+    let b;
+    let a;
+    if (hex.length === 3 || hex.length === 4) {
+        r = parseInt(hex[0] + hex[0], 16);
+        g = parseInt(hex[1] + hex[1], 16);
+        b = parseInt(hex[2] + hex[2], 16);
+        a = hex.length === 4 ? Math.round(parseInt(hex[3] + hex[3], 16) / 255 * 100) / 100 : 1;
+    } else if (hex.length === 6 || hex.length === 8) {
+        r = parseInt(hex.slice(0, 2), 16);
+        g = parseInt(hex.slice(2, 4), 16);
+        b = parseInt(hex.slice(4, 6), 16);
+        a = hex.length === 8 ? Math.round(parseInt(hex.slice(6, 8), 16) / 255 * 100) / 100 : 1;
+    }
+    return [
+        r,
+        g,
+        b,
+        a
+    ];
+}
+
+exports.hexToRgb = hexToRgb;

package/dist/utils/hex-to-rgb.mjs

@@ -0,0 +1,28 @@
+function hexToRgb(hex) {
+    if (hex.startsWith('#')) {
+        hex = hex.slice(1);
+    }
+    let r;
+    let g;
+    let b;
+    let a;
+    if (hex.length === 3 || hex.length === 4) {
+        r = parseInt(hex[0] + hex[0], 16);
+        g = parseInt(hex[1] + hex[1], 16);
+        b = parseInt(hex[2] + hex[2], 16);
+        a = hex.length === 4 ? Math.round(parseInt(hex[3] + hex[3], 16) / 255 * 100) / 100 : 1;
+    } else if (hex.length === 6 || hex.length === 8) {
+        r = parseInt(hex.slice(0, 2), 16);
+        g = parseInt(hex.slice(2, 4), 16);
+        b = parseInt(hex.slice(4, 6), 16);
+        a = hex.length === 8 ? Math.round(parseInt(hex.slice(6, 8), 16) / 255 * 100) / 100 : 1;
+    }
+    return [
+        r,
+        g,
+        b,
+        a
+    ];
+}
+
+export { hexToRgb };

package/dist/utils/is-plain-object.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var getType = require('./get-type.cjs');
+
+/**
+ * Returns whether the payload is a plain JavaScript object (excluding special classes or objects with other prototypes)
+ *
+ * @param {*} payload
+ * @returns {payload is PlainObject}
+ */ function isPlainObject(payload) {
+    if (getType.getType(payload) !== 'Object') return false;
+    return payload.constructor === Object && Object.getPrototypeOf(payload) === Object.prototype;
+}
+
+exports.isPlainObject = isPlainObject;

package/dist/utils/is-plain-object.mjs

@@ -0,0 +1,13 @@
+import { getType } from './get-type.mjs';
+
+/**
+ * Returns whether the payload is a plain JavaScript object (excluding special classes or objects with other prototypes)
+ *
+ * @param {*} payload
+ * @returns {payload is PlainObject}
+ */ function isPlainObject(payload) {
+    if (getType(payload) !== 'Object') return false;
+    return payload.constructor === Object && Object.getPrototypeOf(payload) === Object.prototype;
+}
+
+export { isPlainObject };

package/dist/utils/is-symbol.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var getType = require('./get-type.cjs');
+
+/**
+ * Returns whether the payload is a Symbol
+ *
+ * @param {*} payload
+ * @returns {payload is symbol}
+ */ function isSymbol(payload) {
+    return getType.getType(payload) === 'Symbol';
+}
+
+exports.isSymbol = isSymbol;

package/dist/utils/is-symbol.mjs

@@ -0,0 +1,12 @@
+import { getType } from './get-type.mjs';
+
+/**
+ * Returns whether the payload is a Symbol
+ *
+ * @param {*} payload
+ * @returns {payload is symbol}
+ */ function isSymbol(payload) {
+    return getType(payload) === 'Symbol';
+}
+
+export { isSymbol };

package/dist/utils/rgb-to-hex.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+function rgbToHex(r, g, b) {
+    return ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
+}
+
+exports.rgbToHex = rgbToHex;

package/dist/utils/rgb-to-hex.mjs

@@ -0,0 +1,5 @@
+function rgbToHex(r, g, b) {
+    return ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
+}
+
+export { rgbToHex };

package/package.json

@@ -1 +1 @@
-{"name":"@master/css","scripts":{"build":"techor pack --declare","dev":"pnpm run build --watch","test":"jest","type-check":"tsc --noEmit","lint":"eslint src"},"license":"MIT","description":"The CSS language and framework for rapidly building modern and high-performance websites","author":"Aoyue Design LLC.","funding":"https://css.master.co/docs/donate","homepage":"https://css.master.co","bugs":{"url":"https://github.com/master-co/css/issues"},"repository":{"type":"git","url":"https://github.com/master-co/css.git","directory":"packages/css"},"keywords":["style","styles","html","variants","virtual","virtual-css","utility","css","ui","lightweight","class","webpack","plugin","integration","vite","parcel","build-tools","mastercss"],"sideEffects":false,"main":"./dist/index.bundle.js","jsnext:main":"./dist/index.bundle.mjs","esnext":"./dist/index.bundle.mjs","module":"./dist/index.bundle.mjs","types":"./dist/index.d.ts","exports":{".":{"require":"./dist/index.bundle.js","import":"./dist/index.bundle.mjs","types":"./dist/index.d.ts"}},"bin":"./dist/bin/index.bundle.js","files":["dist"],"publishConfig":{"access":"public"},"dependencies":{"@master/normal.css":"^2.0.0-rc.15"},"devDependencies":{"@techor/extend":"^2.6.5","css-shared":"^2.0.0-rc.15","csstype":"^3.1.2"},"version":"2.0.0-rc.15"}
+{"name":"@master/css","type":"module","scripts":{"build":"techor build \"src/**/*.ts\"","dev":"pnpm build --watch","test":"jest","type-check":"tsc --noEmit","lint":"eslint src"},"license":"MIT","description":"The CSS language and framework for rapidly building modern and high-performance websites","author":"Aoyue Design LLC.","funding":"https://css.master.co/docs/donate","homepage":"https://css.master.co","bugs":{"url":"https://github.com/master-co/css/issues"},"repository":{"type":"git","url":"https://github.com/master-co/css.git","directory":"packages/css"},"keywords":["style","styles","html","variants","virtual","virtual-css","utility","css","ui","lightweight","class","webpack","plugin","integration","vite","parcel","build-tools","mastercss"],"sideEffects":false,"main":"./dist/index.cjs","jsnext:main":"./dist/index.mjs","esnext":"./dist/index.mjs","module":"./dist/index.mjs","types":"./dist/index.d.ts","exports":{".":{"require":"./dist/index.cjs","import":"./dist/index.mjs","types":"./dist/index.d.ts"}},"bin":"./dist/bin/index.mjs","files":["dist"],"publishConfig":{"access":"public"},"dependencies":{"@master/normal.css":"^2.0.0-rc.16","@techor/extend":"^3.0.11"},"devDependencies":{"css-shared":"^2.0.0-rc.16","csstype":"^3.1.2"},"version":"2.0.0-rc.16"}

package/dist/bin/index.bundle.js

@@ -1 +0,0 @@
-"use strict";var r=require("child_process");try{(0,r.execSync)("mastercss",{stdio:"inherit"})}catch{console.error('Command not found. Try installing "@master/css-cli" first.')}