@master/css 2.0.0-rc.60 → 2.0.0-rc.62
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/animation-rule.cjs +24 -0
- package/dist/animation-rule.d.ts +11 -0
- package/dist/animation-rule.mjs +22 -0
- package/dist/common.cjs +50 -1
- package/dist/common.d.ts +14 -0
- package/dist/common.mjs +45 -2
- package/dist/config/at.cjs +13 -10
- package/dist/config/at.d.ts +4 -1
- package/dist/config/at.mjs +13 -10
- package/dist/config/index.cjs +3 -0
- package/dist/config/index.d.ts +2 -1
- package/dist/config/index.mjs +3 -1
- package/dist/config/modes.d.ts +4 -2
- package/dist/config/rules.cjs +28 -46
- package/dist/config/rules.d.ts +4 -2
- package/dist/config/rules.mjs +28 -46
- package/dist/config/screens.cjs +17 -0
- package/dist/config/screens.d.ts +14 -0
- package/dist/config/screens.mjs +15 -0
- package/dist/config/selectors.cjs +11 -15
- package/dist/config/selectors.d.ts +10 -8
- package/dist/config/selectors.mjs +11 -15
- package/dist/config/utilities.cjs +3 -0
- package/dist/config/utilities.d.ts +3 -0
- package/dist/config/utilities.mjs +3 -0
- package/dist/config/variables.cjs +0 -13
- package/dist/config/variables.d.ts +0 -13
- package/dist/config/variables.mjs +0 -13
- package/dist/core.cjs +438 -476
- package/dist/core.d.ts +14 -6
- package/dist/core.mjs +438 -476
- package/dist/factories/with-syntax-layer.cjs +37 -260
- package/dist/factories/with-syntax-layer.mjs +37 -260
- package/dist/index.cjs +38 -12
- package/dist/index.d.ts +19 -7
- package/dist/index.mjs +17 -7
- package/dist/layer.cjs +11 -7
- package/dist/layer.d.ts +4 -3
- package/dist/layer.mjs +11 -7
- package/dist/non-layer.cjs +10 -17
- package/dist/non-layer.d.ts +1 -1
- package/dist/non-layer.mjs +10 -17
- package/dist/rule.cjs +4 -6
- package/dist/rule.d.ts +3 -10
- package/dist/rule.mjs +4 -6
- package/dist/syntax-rule-type.cjs +7 -8
- package/dist/syntax-rule-type.d.ts +7 -7
- package/dist/syntax-rule-type.mjs +7 -8
- package/dist/syntax-rule.cjs +125 -315
- package/dist/syntax-rule.d.ts +18 -21
- package/dist/syntax-rule.mjs +126 -316
- package/dist/types/common.d.ts +2 -0
- package/dist/types/config.d.ts +12 -7
- package/dist/types/syntax.d.ts +5 -24
- package/dist/utils/compare-rule-priority.cjs +143 -0
- package/dist/utils/compare-rule-priority.d.ts +7 -0
- package/dist/utils/compare-rule-priority.mjs +138 -0
- package/dist/utils/equal-at-rules.cjs +22 -0
- package/dist/utils/equal-at-rules.d.ts +2 -0
- package/dist/utils/equal-at-rules.mjs +20 -0
- package/dist/utils/equal-declarations.cjs +10 -0
- package/dist/utils/equal-declarations.d.ts +2 -0
- package/dist/utils/equal-declarations.mjs +8 -0
- package/dist/utils/equal-selectors.cjs +70 -0
- package/dist/utils/equal-selectors.d.ts +2 -0
- package/dist/utils/equal-selectors.mjs +68 -0
- package/dist/utils/equal-variants.cjs +10 -0
- package/dist/utils/equal-variants.d.ts +2 -0
- package/dist/utils/equal-variants.mjs +8 -0
- package/dist/utils/extend-config.cjs +0 -1
- package/dist/utils/extend-config.mjs +0 -1
- package/dist/utils/generate-at.cjs +30 -0
- package/dist/utils/generate-at.d.ts +2 -0
- package/dist/utils/generate-at.mjs +28 -0
- package/dist/utils/generate-selector.cjs +49 -0
- package/dist/utils/generate-selector.d.ts +2 -0
- package/dist/utils/generate-selector.mjs +47 -0
- package/dist/utils/get-single-at-number-rule-node.cjs +9 -0
- package/dist/utils/get-single-at-number-rule-node.d.ts +2 -0
- package/dist/utils/get-single-at-number-rule-node.mjs +7 -0
- package/dist/utils/parse-at.cjs +157 -0
- package/dist/utils/parse-at.d.ts +39 -0
- package/dist/utils/parse-at.mjs +155 -0
- package/dist/utils/parse-pair.cjs +51 -0
- package/dist/utils/parse-pair.d.ts +8 -0
- package/dist/utils/parse-pair.mjs +49 -0
- package/dist/utils/parse-selector.cjs +112 -0
- package/dist/utils/parse-selector.d.ts +19 -0
- package/dist/utils/parse-selector.mjs +110 -0
- package/dist/utils/parse-value.cjs +39 -0
- package/dist/utils/parse-value.d.ts +2 -0
- package/dist/utils/parse-value.mjs +37 -0
- package/dist/utils/replace-char-outside-quotes.cjs +21 -0
- package/dist/utils/replace-char-outside-quotes.d.ts +1 -0
- package/dist/utils/replace-char-outside-quotes.mjs +19 -0
- package/dist/utils/sort-readable-classes.cjs +74 -0
- package/dist/utils/{reorder-for-readable-classes.d.ts → sort-readable-classes.d.ts} +1 -1
- package/dist/utils/sort-readable-classes.mjs +72 -0
- package/dist/utils/split-char-outside-quotes.cjs +29 -0
- package/dist/utils/split-char-outside-quotes.d.ts +1 -0
- package/dist/utils/split-char-outside-quotes.mjs +27 -0
- package/dist/variable-rule.cjs +86 -0
- package/dist/variable-rule.d.ts +23 -0
- package/dist/variable-rule.mjs +81 -0
- package/package.json +1 -1
- package/dist/utils/are-rule-at-equal.cjs +0 -22
- package/dist/utils/are-rule-at-equal.d.ts +0 -2
- package/dist/utils/are-rule-at-equal.mjs +0 -20
- package/dist/utils/are-rule-modes-equal.cjs +0 -7
- package/dist/utils/are-rule-modes-equal.d.ts +0 -2
- package/dist/utils/are-rule-modes-equal.mjs +0 -5
- package/dist/utils/are-rule-selectors-equal.cjs +0 -29
- package/dist/utils/are-rule-selectors-equal.d.ts +0 -2
- package/dist/utils/are-rule-selectors-equal.mjs +0 -27
- package/dist/utils/are-rule-states-equal.cjs +0 -11
- package/dist/utils/are-rule-states-equal.d.ts +0 -2
- package/dist/utils/are-rule-states-equal.mjs +0 -9
- package/dist/utils/are-rules-duplicated.cjs +0 -17
- package/dist/utils/are-rules-duplicated.d.ts +0 -2
- package/dist/utils/are-rules-duplicated.mjs +0 -15
- package/dist/utils/reorder-for-readable-classes.cjs +0 -62
- package/dist/utils/reorder-for-readable-classes.mjs +0 -60
package/dist/non-layer.cjs
CHANGED
|
@@ -15,31 +15,24 @@ class NonLayer {
|
|
|
15
15
|
if (this.rules.includes(rule)) return;
|
|
16
16
|
const sheet = this.css.style?.sheet;
|
|
17
17
|
if (sheet) {
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
i++;
|
|
24
|
-
} catch (error) {
|
|
25
|
-
console.error(error);
|
|
26
|
-
rule.nodes.splice(i, 1);
|
|
27
|
-
}
|
|
18
|
+
try {
|
|
19
|
+
const insertedIndex = sheet.insertRule(rule.text, sheet.cssRules.length);
|
|
20
|
+
rule.native = sheet.cssRules[insertedIndex];
|
|
21
|
+
} catch (error) {
|
|
22
|
+
console.error(error);
|
|
28
23
|
}
|
|
29
24
|
}
|
|
30
25
|
this.rules.push(rule);
|
|
31
26
|
this.css.rules.push(rule);
|
|
32
27
|
}
|
|
33
|
-
delete(
|
|
34
|
-
const rule = this.rules.find((rule)=>rule.
|
|
28
|
+
delete(name) {
|
|
29
|
+
const rule = this.rules.find((rule)=>rule.name === name);
|
|
35
30
|
if (!rule) return;
|
|
36
31
|
const sheet = this.css.style?.sheet;
|
|
37
32
|
if (sheet) {
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
sheet.deleteRule(foundIndex);
|
|
42
|
-
}
|
|
33
|
+
const foundIndex = findNativeCssRuleIndex(sheet.cssRules, rule.native);
|
|
34
|
+
if (foundIndex !== -1) {
|
|
35
|
+
sheet.deleteRule(foundIndex);
|
|
43
36
|
}
|
|
44
37
|
}
|
|
45
38
|
this.rules.splice(this.rules.indexOf(rule), 1);
|
package/dist/non-layer.d.ts
CHANGED
package/dist/non-layer.mjs
CHANGED
|
@@ -13,31 +13,24 @@ class NonLayer {
|
|
|
13
13
|
if (this.rules.includes(rule)) return;
|
|
14
14
|
const sheet = this.css.style?.sheet;
|
|
15
15
|
if (sheet) {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
i++;
|
|
22
|
-
} catch (error) {
|
|
23
|
-
console.error(error);
|
|
24
|
-
rule.nodes.splice(i, 1);
|
|
25
|
-
}
|
|
16
|
+
try {
|
|
17
|
+
const insertedIndex = sheet.insertRule(rule.text, sheet.cssRules.length);
|
|
18
|
+
rule.native = sheet.cssRules[insertedIndex];
|
|
19
|
+
} catch (error) {
|
|
20
|
+
console.error(error);
|
|
26
21
|
}
|
|
27
22
|
}
|
|
28
23
|
this.rules.push(rule);
|
|
29
24
|
this.css.rules.push(rule);
|
|
30
25
|
}
|
|
31
|
-
delete(
|
|
32
|
-
const rule = this.rules.find((rule)=>rule.
|
|
26
|
+
delete(name) {
|
|
27
|
+
const rule = this.rules.find((rule)=>rule.name === name);
|
|
33
28
|
if (!rule) return;
|
|
34
29
|
const sheet = this.css.style?.sheet;
|
|
35
30
|
if (sheet) {
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
sheet.deleteRule(foundIndex);
|
|
40
|
-
}
|
|
31
|
+
const foundIndex = findNativeCSSRuleIndex(sheet.cssRules, rule.native);
|
|
32
|
+
if (foundIndex !== -1) {
|
|
33
|
+
sheet.deleteRule(foundIndex);
|
|
41
34
|
}
|
|
42
35
|
}
|
|
43
36
|
this.rules.splice(this.rules.indexOf(rule), 1);
|
package/dist/rule.cjs
CHANGED
|
@@ -2,17 +2,15 @@
|
|
|
2
2
|
|
|
3
3
|
class Rule {
|
|
4
4
|
name;
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
text;
|
|
6
|
+
native;
|
|
7
|
+
constructor(name, text){
|
|
7
8
|
this.name = name;
|
|
8
|
-
this.
|
|
9
|
+
this.text = text;
|
|
9
10
|
}
|
|
10
11
|
get key() {
|
|
11
12
|
return this.name;
|
|
12
13
|
}
|
|
13
|
-
get text() {
|
|
14
|
-
return this.nodes.map(({ text })=>text).join('');
|
|
15
|
-
}
|
|
16
14
|
}
|
|
17
15
|
|
|
18
16
|
exports.Rule = Rule;
|
package/dist/rule.d.ts
CHANGED
|
@@ -1,14 +1,7 @@
|
|
|
1
1
|
export declare class Rule {
|
|
2
2
|
readonly name: string;
|
|
3
|
-
|
|
4
|
-
constructor(name: string, nodes?: RuleNode[]);
|
|
5
|
-
get key(): string;
|
|
6
|
-
get text(): string;
|
|
7
|
-
}
|
|
8
|
-
export interface RuleNode {
|
|
9
|
-
text: string;
|
|
10
|
-
selectorText?: string;
|
|
3
|
+
readonly text: string;
|
|
11
4
|
native?: CSSRule;
|
|
12
|
-
|
|
13
|
-
|
|
5
|
+
constructor(name: string, text: string);
|
|
6
|
+
get key(): string;
|
|
14
7
|
}
|
package/dist/rule.mjs
CHANGED
|
@@ -1,16 +1,14 @@
|
|
|
1
1
|
class Rule {
|
|
2
2
|
name;
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
text;
|
|
4
|
+
native;
|
|
5
|
+
constructor(name, text){
|
|
5
6
|
this.name = name;
|
|
6
|
-
this.
|
|
7
|
+
this.text = text;
|
|
7
8
|
}
|
|
8
9
|
get key() {
|
|
9
10
|
return this.name;
|
|
10
11
|
}
|
|
11
|
-
get text() {
|
|
12
|
-
return this.nodes.map(({ text })=>text).join('');
|
|
13
|
-
}
|
|
14
12
|
}
|
|
15
13
|
|
|
16
14
|
export { Rule };
|
|
@@ -1,27 +1,26 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
const SyntaxRuleType = {
|
|
4
4
|
/**
|
|
5
5
|
* utility classes
|
|
6
6
|
* @example block, inline
|
|
7
|
-
*/
|
|
7
|
+
*/ Utility: -4,
|
|
8
8
|
/**
|
|
9
9
|
* native shorthand
|
|
10
10
|
* @example border, padding, margin
|
|
11
|
-
*/
|
|
11
|
+
*/ NativeShorthand: -3,
|
|
12
12
|
/**
|
|
13
13
|
* shorthand
|
|
14
14
|
* @example px, py, mx, my
|
|
15
|
-
*/
|
|
15
|
+
*/ Shorthand: -2,
|
|
16
16
|
/**
|
|
17
17
|
* native properties
|
|
18
18
|
* @example color, background-color, font-size
|
|
19
|
-
*/
|
|
19
|
+
*/ Native: -1,
|
|
20
20
|
/**
|
|
21
21
|
* normal
|
|
22
22
|
* @example grid-cols
|
|
23
|
-
*/
|
|
24
|
-
|
|
25
|
-
}(SyntaxRuleType || {});
|
|
23
|
+
*/ Normal: 0
|
|
24
|
+
};
|
|
26
25
|
|
|
27
26
|
module.exports = SyntaxRuleType;
|
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
declare const
|
|
1
|
+
declare const SyntaxRuleType: {
|
|
2
2
|
/**
|
|
3
3
|
* utility classes
|
|
4
4
|
* @example block, inline
|
|
5
5
|
*/
|
|
6
|
-
Utility
|
|
6
|
+
readonly Utility: -4;
|
|
7
7
|
/**
|
|
8
8
|
* native shorthand
|
|
9
9
|
* @example border, padding, margin
|
|
10
10
|
*/
|
|
11
|
-
NativeShorthand
|
|
11
|
+
readonly NativeShorthand: -3;
|
|
12
12
|
/**
|
|
13
13
|
* shorthand
|
|
14
14
|
* @example px, py, mx, my
|
|
15
15
|
*/
|
|
16
|
-
Shorthand
|
|
16
|
+
readonly Shorthand: -2;
|
|
17
17
|
/**
|
|
18
18
|
* native properties
|
|
19
19
|
* @example color, background-color, font-size
|
|
20
20
|
*/
|
|
21
|
-
Native
|
|
21
|
+
readonly Native: -1;
|
|
22
22
|
/**
|
|
23
23
|
* normal
|
|
24
24
|
* @example grid-cols
|
|
25
25
|
*/
|
|
26
|
-
Normal
|
|
27
|
-
}
|
|
26
|
+
readonly Normal: 0;
|
|
27
|
+
};
|
|
28
28
|
export default SyntaxRuleType;
|
|
@@ -1,25 +1,24 @@
|
|
|
1
|
-
|
|
1
|
+
const SyntaxRuleType = {
|
|
2
2
|
/**
|
|
3
3
|
* utility classes
|
|
4
4
|
* @example block, inline
|
|
5
|
-
*/
|
|
5
|
+
*/ Utility: -4,
|
|
6
6
|
/**
|
|
7
7
|
* native shorthand
|
|
8
8
|
* @example border, padding, margin
|
|
9
|
-
*/
|
|
9
|
+
*/ NativeShorthand: -3,
|
|
10
10
|
/**
|
|
11
11
|
* shorthand
|
|
12
12
|
* @example px, py, mx, my
|
|
13
|
-
*/
|
|
13
|
+
*/ Shorthand: -2,
|
|
14
14
|
/**
|
|
15
15
|
* native properties
|
|
16
16
|
* @example color, background-color, font-size
|
|
17
|
-
*/
|
|
17
|
+
*/ Native: -1,
|
|
18
18
|
/**
|
|
19
19
|
* normal
|
|
20
20
|
* @example grid-cols
|
|
21
|
-
*/
|
|
22
|
-
|
|
23
|
-
}(SyntaxRuleType || {});
|
|
21
|
+
*/ Normal: 0
|
|
22
|
+
};
|
|
24
23
|
|
|
25
24
|
export { SyntaxRuleType as default };
|