aliascss/lib/prefix/attribute-selector.js

AliasCSS is a CSS post processor.

const attribute = {
    test: /^[-]?[\[][a-zA-Z0-9-_:]+([~*$^]?[=][a-zA-Z0-9-_:/.]+)?[\]]/,
    process(className) {
        const match = className.match(this.test);
        if (match) {
            const attr = match[0];
            if (attr) {
                const attrSplit = attr.split("=")[0];
                const result = attr.replace(attrSplit, attrSplit.replace(/:/g, '\\:'))
                    // .replace(/^([-]?[\[][a-z0-9-_:]+)([~*$^]?[=][a-z0-9-_:/.]+)?[\]]/,(m,s,b)=>s.replace(/\:/g,'\:')+b+']')
                    .replace(/-(eql|equal)-/, '=').replace(/[=]([a-zA-Z0-9-_:/.]+)[\]]/, '="$1"]').replace(/^[-_]/, ""); // replace(/([\[|\]])/g,'\\$1').replace(/([=])/g,'\\$1');
                return [className.replace(attr, ''), result];
            }
        }
    }
};
export default attribute;