@master/css 2.0.0-rc.61 → 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.
Files changed (125) hide show
  1. package/dist/animation-rule.cjs +24 -0
  2. package/dist/animation-rule.d.ts +11 -0
  3. package/dist/animation-rule.mjs +22 -0
  4. package/dist/common.cjs +50 -1
  5. package/dist/common.d.ts +14 -0
  6. package/dist/common.mjs +45 -2
  7. package/dist/config/at.cjs +13 -10
  8. package/dist/config/at.d.ts +4 -1
  9. package/dist/config/at.mjs +13 -10
  10. package/dist/config/index.cjs +3 -0
  11. package/dist/config/index.d.ts +2 -1
  12. package/dist/config/index.mjs +3 -1
  13. package/dist/config/modes.d.ts +4 -2
  14. package/dist/config/rules.cjs +25 -13
  15. package/dist/config/rules.d.ts +4 -2
  16. package/dist/config/rules.mjs +25 -13
  17. package/dist/config/screens.cjs +17 -0
  18. package/dist/config/screens.d.ts +14 -0
  19. package/dist/config/screens.mjs +15 -0
  20. package/dist/config/selectors.cjs +11 -15
  21. package/dist/config/selectors.d.ts +10 -8
  22. package/dist/config/selectors.mjs +11 -15
  23. package/dist/config/utilities.cjs +3 -0
  24. package/dist/config/utilities.d.ts +3 -0
  25. package/dist/config/utilities.mjs +3 -0
  26. package/dist/config/variables.cjs +0 -13
  27. package/dist/config/variables.d.ts +0 -13
  28. package/dist/config/variables.mjs +0 -13
  29. package/dist/core.cjs +438 -476
  30. package/dist/core.d.ts +13 -4
  31. package/dist/core.mjs +438 -476
  32. package/dist/factories/with-syntax-layer.cjs +37 -260
  33. package/dist/factories/with-syntax-layer.mjs +37 -260
  34. package/dist/index.cjs +38 -12
  35. package/dist/index.d.ts +19 -7
  36. package/dist/index.mjs +17 -7
  37. package/dist/layer.cjs +11 -7
  38. package/dist/layer.d.ts +4 -3
  39. package/dist/layer.mjs +11 -7
  40. package/dist/non-layer.cjs +10 -17
  41. package/dist/non-layer.d.ts +1 -1
  42. package/dist/non-layer.mjs +10 -17
  43. package/dist/rule.cjs +4 -6
  44. package/dist/rule.d.ts +3 -10
  45. package/dist/rule.mjs +4 -6
  46. package/dist/syntax-rule-type.cjs +7 -8
  47. package/dist/syntax-rule-type.d.ts +7 -7
  48. package/dist/syntax-rule-type.mjs +7 -8
  49. package/dist/syntax-rule.cjs +116 -328
  50. package/dist/syntax-rule.d.ts +18 -25
  51. package/dist/syntax-rule.mjs +117 -329
  52. package/dist/types/common.d.ts +2 -0
  53. package/dist/types/config.d.ts +12 -7
  54. package/dist/types/syntax.d.ts +5 -24
  55. package/dist/utils/compare-rule-priority.cjs +143 -0
  56. package/dist/utils/compare-rule-priority.d.ts +7 -0
  57. package/dist/utils/compare-rule-priority.mjs +138 -0
  58. package/dist/utils/equal-at-rules.cjs +22 -0
  59. package/dist/utils/equal-at-rules.d.ts +2 -0
  60. package/dist/utils/equal-at-rules.mjs +20 -0
  61. package/dist/utils/equal-declarations.cjs +10 -0
  62. package/dist/utils/equal-declarations.d.ts +2 -0
  63. package/dist/utils/equal-declarations.mjs +8 -0
  64. package/dist/utils/equal-selectors.cjs +70 -0
  65. package/dist/utils/equal-selectors.d.ts +2 -0
  66. package/dist/utils/equal-selectors.mjs +68 -0
  67. package/dist/utils/equal-variants.cjs +10 -0
  68. package/dist/utils/equal-variants.d.ts +2 -0
  69. package/dist/utils/equal-variants.mjs +8 -0
  70. package/dist/utils/extend-config.cjs +0 -1
  71. package/dist/utils/extend-config.mjs +0 -1
  72. package/dist/utils/generate-at.cjs +30 -0
  73. package/dist/utils/generate-at.d.ts +2 -0
  74. package/dist/utils/generate-at.mjs +28 -0
  75. package/dist/utils/generate-selector.cjs +49 -0
  76. package/dist/utils/generate-selector.d.ts +2 -0
  77. package/dist/utils/generate-selector.mjs +47 -0
  78. package/dist/utils/get-single-at-number-rule-node.cjs +9 -0
  79. package/dist/utils/get-single-at-number-rule-node.d.ts +2 -0
  80. package/dist/utils/get-single-at-number-rule-node.mjs +7 -0
  81. package/dist/utils/parse-at.cjs +157 -0
  82. package/dist/utils/parse-at.d.ts +39 -0
  83. package/dist/utils/parse-at.mjs +155 -0
  84. package/dist/utils/parse-pair.cjs +51 -0
  85. package/dist/utils/parse-pair.d.ts +8 -0
  86. package/dist/utils/parse-pair.mjs +49 -0
  87. package/dist/utils/parse-selector.cjs +112 -0
  88. package/dist/utils/parse-selector.d.ts +19 -0
  89. package/dist/utils/parse-selector.mjs +110 -0
  90. package/dist/utils/parse-value.cjs +39 -0
  91. package/dist/utils/parse-value.d.ts +2 -0
  92. package/dist/utils/parse-value.mjs +37 -0
  93. package/dist/utils/replace-char-outside-quotes.cjs +21 -0
  94. package/dist/utils/replace-char-outside-quotes.d.ts +1 -0
  95. package/dist/utils/replace-char-outside-quotes.mjs +19 -0
  96. package/dist/utils/sort-readable-classes.cjs +74 -0
  97. package/dist/utils/{reorder-for-readable-classes.d.ts → sort-readable-classes.d.ts} +1 -1
  98. package/dist/utils/sort-readable-classes.mjs +72 -0
  99. package/dist/utils/split-char-outside-quotes.cjs +29 -0
  100. package/dist/utils/split-char-outside-quotes.d.ts +1 -0
  101. package/dist/utils/split-char-outside-quotes.mjs +27 -0
  102. package/dist/variable-rule.cjs +86 -0
  103. package/dist/variable-rule.d.ts +23 -0
  104. package/dist/variable-rule.mjs +81 -0
  105. package/package.json +1 -1
  106. package/dist/rule-node.cjs +0 -18
  107. package/dist/rule-node.d.ts +0 -14
  108. package/dist/rule-node.mjs +0 -16
  109. package/dist/utils/are-rule-at-equal.cjs +0 -12
  110. package/dist/utils/are-rule-at-equal.d.ts +0 -2
  111. package/dist/utils/are-rule-at-equal.mjs +0 -10
  112. package/dist/utils/are-rule-modes-equal.cjs +0 -7
  113. package/dist/utils/are-rule-modes-equal.d.ts +0 -2
  114. package/dist/utils/are-rule-modes-equal.mjs +0 -5
  115. package/dist/utils/are-rule-selectors-equal.cjs +0 -29
  116. package/dist/utils/are-rule-selectors-equal.d.ts +0 -2
  117. package/dist/utils/are-rule-selectors-equal.mjs +0 -27
  118. package/dist/utils/are-rule-states-equal.cjs +0 -11
  119. package/dist/utils/are-rule-states-equal.d.ts +0 -2
  120. package/dist/utils/are-rule-states-equal.mjs +0 -9
  121. package/dist/utils/are-rules-duplicated.cjs +0 -17
  122. package/dist/utils/are-rules-duplicated.d.ts +0 -2
  123. package/dist/utils/are-rules-duplicated.mjs +0 -15
  124. package/dist/utils/reorder-for-readable-classes.cjs +0 -62
  125. package/dist/utils/reorder-for-readable-classes.mjs +0 -60
@@ -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
- for(let i = 0; i < rule.nodes.length;){
19
- try {
20
- const nativeRule = rule.nodes[i];
21
- const insertedIndex = sheet.insertRule(nativeRule.text, sheet.cssRules.length);
22
- nativeRule.native = sheet.cssRules[insertedIndex];
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(key) {
34
- const rule = this.rules.find((rule)=>rule.key === key);
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
- for (const node of rule.nodes){
39
- const foundIndex = findNativeCssRuleIndex(sheet.cssRules, node.native);
40
- if (foundIndex !== -1) {
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);
@@ -6,7 +6,7 @@ export default class NonLayer {
6
6
  readonly tokenCounts: Map<string, number>;
7
7
  constructor(css: MasterCSS);
8
8
  insert(rule: Rule): void;
9
- delete(key: string): Rule | undefined;
9
+ delete(name: string): Rule | undefined;
10
10
  get text(): string;
11
11
  reset(): void;
12
12
  }
@@ -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
- for(let i = 0; i < rule.nodes.length;){
17
- try {
18
- const nativeRule = rule.nodes[i];
19
- const insertedIndex = sheet.insertRule(nativeRule.text, sheet.cssRules.length);
20
- nativeRule.native = sheet.cssRules[insertedIndex];
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(key) {
32
- const rule = this.rules.find((rule)=>rule.key === key);
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
- for (const node of rule.nodes){
37
- const foundIndex = findNativeCSSRuleIndex(sheet.cssRules, node.native);
38
- if (foundIndex !== -1) {
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
- nodes;
6
- constructor(name, nodes = []){
5
+ text;
6
+ native;
7
+ constructor(name, text){
7
8
  this.name = name;
8
- this.nodes = nodes;
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
- nodes: RuleNode[];
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
- suffixSelectors?: string[];
13
- prefixSelectors?: string[];
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
- nodes;
4
- constructor(name, nodes = []){
3
+ text;
4
+ native;
5
+ constructor(name, text){
5
6
  this.name = name;
6
- this.nodes = nodes;
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
- var SyntaxRuleType = /*#__PURE__*/ function(SyntaxRuleType) {
3
+ const SyntaxRuleType = {
4
4
  /**
5
5
  * utility classes
6
6
  * @example block, inline
7
- */ SyntaxRuleType[SyntaxRuleType["Utility"] = -4] = "Utility";
7
+ */ Utility: -4,
8
8
  /**
9
9
  * native shorthand
10
10
  * @example border, padding, margin
11
- */ SyntaxRuleType[SyntaxRuleType["NativeShorthand"] = -3] = "NativeShorthand";
11
+ */ NativeShorthand: -3,
12
12
  /**
13
13
  * shorthand
14
14
  * @example px, py, mx, my
15
- */ SyntaxRuleType[SyntaxRuleType["Shorthand"] = -2] = "Shorthand";
15
+ */ Shorthand: -2,
16
16
  /**
17
17
  * native properties
18
18
  * @example color, background-color, font-size
19
- */ SyntaxRuleType[SyntaxRuleType["Native"] = -1] = "Native";
19
+ */ Native: -1,
20
20
  /**
21
21
  * normal
22
22
  * @example grid-cols
23
- */ SyntaxRuleType[SyntaxRuleType["Normal"] = 0] = "Normal";
24
- return SyntaxRuleType;
25
- }(SyntaxRuleType || {});
23
+ */ Normal: 0
24
+ };
26
25
 
27
26
  module.exports = SyntaxRuleType;
@@ -1,28 +1,28 @@
1
- declare const enum SyntaxRuleType {
1
+ declare const SyntaxRuleType: {
2
2
  /**
3
3
  * utility classes
4
4
  * @example block, inline
5
5
  */
6
- Utility = -4,
6
+ readonly Utility: -4;
7
7
  /**
8
8
  * native shorthand
9
9
  * @example border, padding, margin
10
10
  */
11
- NativeShorthand = -3,
11
+ readonly NativeShorthand: -3;
12
12
  /**
13
13
  * shorthand
14
14
  * @example px, py, mx, my
15
15
  */
16
- Shorthand = -2,
16
+ readonly Shorthand: -2;
17
17
  /**
18
18
  * native properties
19
19
  * @example color, background-color, font-size
20
20
  */
21
- Native = -1,
21
+ readonly Native: -1;
22
22
  /**
23
23
  * normal
24
24
  * @example grid-cols
25
25
  */
26
- Normal = 0
27
- }
26
+ readonly Normal: 0;
27
+ };
28
28
  export default SyntaxRuleType;
@@ -1,25 +1,24 @@
1
- var SyntaxRuleType = /*#__PURE__*/ function(SyntaxRuleType) {
1
+ const SyntaxRuleType = {
2
2
  /**
3
3
  * utility classes
4
4
  * @example block, inline
5
- */ SyntaxRuleType[SyntaxRuleType["Utility"] = -4] = "Utility";
5
+ */ Utility: -4,
6
6
  /**
7
7
  * native shorthand
8
8
  * @example border, padding, margin
9
- */ SyntaxRuleType[SyntaxRuleType["NativeShorthand"] = -3] = "NativeShorthand";
9
+ */ NativeShorthand: -3,
10
10
  /**
11
11
  * shorthand
12
12
  * @example px, py, mx, my
13
- */ SyntaxRuleType[SyntaxRuleType["Shorthand"] = -2] = "Shorthand";
13
+ */ Shorthand: -2,
14
14
  /**
15
15
  * native properties
16
16
  * @example color, background-color, font-size
17
- */ SyntaxRuleType[SyntaxRuleType["Native"] = -1] = "Native";
17
+ */ Native: -1,
18
18
  /**
19
19
  * normal
20
20
  * @example grid-cols
21
- */ SyntaxRuleType[SyntaxRuleType["Normal"] = 0] = "Normal";
22
- return SyntaxRuleType;
23
- }(SyntaxRuleType || {});
21
+ */ Normal: 0
22
+ };
24
23
 
25
24
  export { SyntaxRuleType as default };