@master/css 2.0.0-rc.5 → 2.0.0-rc.50

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 (133) hide show
  1. package/README.md +4 -43
  2. package/dist/_virtual/_commonjsHelpers.cjs +10 -0
  3. package/dist/_virtual/_commonjsHelpers.mjs +7 -0
  4. package/dist/_virtual/css-escape.cjs +5 -0
  5. package/dist/_virtual/css-escape.mjs +3 -0
  6. package/dist/bin/index.cjs +11 -0
  7. package/dist/bin/index.d.ts +0 -1
  8. package/dist/bin/index.mjs +9 -0
  9. package/dist/common.cjs +159 -0
  10. package/dist/common.d.ts +26 -0
  11. package/dist/common.mjs +137 -0
  12. package/dist/config/animations.cjs +113 -0
  13. package/dist/config/animations.mjs +111 -0
  14. package/dist/config/at.cjs +14 -0
  15. package/dist/config/at.d.ts +11 -0
  16. package/dist/config/at.mjs +12 -0
  17. package/dist/config/functions.cjs +375 -0
  18. package/dist/config/functions.d.ts +1 -1
  19. package/dist/config/functions.mjs +373 -0
  20. package/dist/config/index.cjs +37 -0
  21. package/dist/config/index.d.ts +5 -62
  22. package/dist/config/index.mjs +27 -0
  23. package/dist/config/modes.cjs +8 -0
  24. package/dist/config/modes.d.ts +3 -0
  25. package/dist/config/modes.mjs +6 -0
  26. package/dist/config/rules.cjs +2327 -0
  27. package/dist/config/rules.d.ts +277 -274
  28. package/dist/config/rules.mjs +2325 -0
  29. package/dist/config/selectors.cjs +28 -0
  30. package/dist/config/selectors.d.ts +0 -1
  31. package/dist/config/selectors.mjs +26 -0
  32. package/dist/config/styles.cjs +2 -0
  33. package/dist/config/styles.d.ts +2 -2
  34. package/dist/config/styles.mjs +1 -0
  35. package/dist/config/utilities.cjs +204 -0
  36. package/dist/config/{semantics.d.ts → utilities.d.ts} +15 -5
  37. package/dist/config/utilities.mjs +202 -0
  38. package/dist/config/variables.cjs +484 -0
  39. package/dist/config/variables.d.ts +208 -312
  40. package/dist/config/variables.mjs +482 -0
  41. package/dist/core.cjs +664 -0
  42. package/dist/core.d.ts +44 -73
  43. package/dist/core.mjs +659 -0
  44. package/dist/index.cjs +81 -0
  45. package/dist/index.d.ts +20 -9
  46. package/dist/index.mjs +26 -0
  47. package/dist/layer.cjs +116 -0
  48. package/dist/layer.d.ts +13 -10
  49. package/dist/layer.mjs +114 -0
  50. package/dist/non-layer.cjs +65 -0
  51. package/dist/non-layer.d.ts +12 -0
  52. package/dist/non-layer.mjs +63 -0
  53. package/dist/polyfills/css-escape.cjs +9 -0
  54. package/dist/polyfills/css-escape.mjs +7 -0
  55. package/dist/polyfills/css-escape2.cjs +76 -0
  56. package/dist/polyfills/css-escape2.mjs +74 -0
  57. package/dist/rule.cjs +18 -0
  58. package/dist/rule.d.ts +6 -111
  59. package/dist/rule.mjs +16 -0
  60. package/dist/shared/utils/css-escape.cjs +56 -0
  61. package/dist/shared/utils/css-escape.mjs +54 -0
  62. package/dist/shared/utils/find-native-css-rule-index.cjs +12 -0
  63. package/dist/shared/utils/find-native-css-rule-index.mjs +10 -0
  64. package/dist/syntax-layer.cjs +291 -0
  65. package/dist/syntax-layer.d.ts +17 -0
  66. package/dist/syntax-layer.mjs +289 -0
  67. package/dist/syntax-rule-type.cjs +27 -0
  68. package/dist/syntax-rule-type.d.ts +28 -0
  69. package/dist/syntax-rule-type.mjs +25 -0
  70. package/dist/syntax-rule.cjs +717 -0
  71. package/dist/syntax-rule.d.ts +47 -0
  72. package/dist/syntax-rule.mjs +715 -0
  73. package/dist/types/config.cjs +2 -0
  74. package/dist/types/config.d.ts +70 -0
  75. package/dist/types/config.mjs +1 -0
  76. package/dist/types/global.cjs +2 -0
  77. package/dist/types/global.d.ts +3 -3
  78. package/dist/types/global.mjs +1 -0
  79. package/dist/types/syntax.cjs +2 -0
  80. package/dist/types/syntax.d.ts +106 -0
  81. package/dist/types/syntax.mjs +1 -0
  82. package/dist/utils/are-rule-at-equal.cjs +22 -0
  83. package/dist/utils/are-rule-at-equal.d.ts +2 -0
  84. package/dist/utils/are-rule-at-equal.mjs +20 -0
  85. package/dist/utils/are-rule-modes-equal.cjs +7 -0
  86. package/dist/utils/are-rule-modes-equal.d.ts +2 -0
  87. package/dist/utils/are-rule-modes-equal.mjs +5 -0
  88. package/dist/utils/are-rule-selectors-equal.cjs +29 -0
  89. package/dist/utils/are-rule-selectors-equal.d.ts +2 -0
  90. package/dist/utils/are-rule-selectors-equal.mjs +27 -0
  91. package/dist/utils/are-rule-states-equal.cjs +11 -0
  92. package/dist/utils/are-rule-states-equal.d.ts +2 -0
  93. package/dist/utils/are-rule-states-equal.mjs +9 -0
  94. package/dist/utils/are-rules-duplicated.cjs +17 -0
  95. package/dist/utils/are-rules-duplicated.d.ts +2 -0
  96. package/dist/utils/are-rules-duplicated.mjs +15 -0
  97. package/dist/utils/autofill-solid-style.cjs +31 -0
  98. package/dist/utils/autofill-solid-style.d.ts +3 -0
  99. package/dist/utils/autofill-solid-style.mjs +29 -0
  100. package/dist/utils/extend-config.cjs +73 -0
  101. package/dist/utils/extend-config.d.ts +2 -2
  102. package/dist/utils/extend-config.mjs +71 -0
  103. package/dist/utils/flatten-object.cjs +15 -0
  104. package/dist/utils/flatten-object.mjs +13 -0
  105. package/dist/utils/generate-css.cjs +13 -0
  106. package/dist/utils/generate-css.d.ts +2 -0
  107. package/dist/utils/generate-css.mjs +11 -0
  108. package/dist/utils/hex-to-rgb.cjs +30 -0
  109. package/dist/utils/hex-to-rgb.d.ts +1 -1
  110. package/dist/utils/hex-to-rgb.mjs +28 -0
  111. package/dist/utils/is-core-rule.cjs +9 -0
  112. package/dist/utils/is-core-rule.d.ts +1 -0
  113. package/dist/utils/is-core-rule.mjs +7 -0
  114. package/dist/utils/reorder-for-readable-classes.cjs +62 -0
  115. package/dist/{functions → utils}/reorder-for-readable-classes.d.ts +2 -6
  116. package/dist/utils/reorder-for-readable-classes.mjs +60 -0
  117. package/package.json +1 -1
  118. package/dist/bin/index.bundle.js +0 -36
  119. package/dist/config/media-queries.d.ts +0 -1
  120. package/dist/constants/base-unit-regex.d.ts +0 -1
  121. package/dist/constants/config-esm-text.d.ts +0 -1
  122. package/dist/constants/config-text.d.ts +0 -1
  123. package/dist/constants/config-ts-text.d.ts +0 -1
  124. package/dist/constants/start-symbol.d.ts +0 -6
  125. package/dist/functions/transform-color-with-opacity.d.ts +0 -1
  126. package/dist/index.bundle.js +0 -35
  127. package/dist/index.bundle.mjs +0 -35
  128. package/dist/tokens/screen-sizes.d.ts +0 -14
  129. package/dist/utils/concat-arrays.d.ts +0 -1
  130. package/dist/utils/get-type.d.ts +0 -7
  131. package/dist/utils/is-plain-object.d.ts +0 -8
  132. package/dist/utils/is-symbol.d.ts +0 -7
  133. package/dist/utils/rgb-to-hex.d.ts +0 -1
package/dist/core.d.ts CHANGED
@@ -1,68 +1,51 @@
1
- import { Rule, NativeRule, RegisteredRule } from './rule';
2
- import type { Config, AnimationDefinitions } from './config';
1
+ import { SyntaxRule } from './syntax-rule';
3
2
  import './types/global';
4
- type VariableValue = {
5
- type: 'string';
6
- value: string;
7
- } | {
8
- type: 'number';
9
- value: number;
10
- } | {
11
- type: 'color';
12
- value: string;
13
- space: 'rgb' | 'hsl';
14
- };
15
- export type Variable = Omit<VariableValue, 'value' | 'space'> & {
16
- value?: any;
17
- space?: any;
18
- usage?: number;
19
- themes?: {
20
- [theme: string]: VariableValue;
21
- };
22
- };
23
- export interface MasterCSS {
24
- readonly style: HTMLStyleElement;
25
- styles: Record<string, string[]>;
26
- stylesBy: Record<string, string[]>;
27
- selectors: Record<string, [RegExp, string[]][]>;
28
- variables: Record<string, Variable>;
29
- mediaQueries: Record<string, string | number>;
30
- variablesNativeRules: Record<string, NativeRule>;
31
- hasKeyframesRule: boolean;
32
- animations: Record<string, AnimationDefinitions & {
33
- usage?: number;
34
- native?: NativeRule;
35
- }>;
36
- }
37
- export declare class MasterCSS {
38
- customConfig: Config;
3
+ import SyntaxLayer from './syntax-layer';
4
+ import { Rule } from './rule';
5
+ import Layer from './layer';
6
+ import NonLayer from './non-layer';
7
+ import { DefinedRule, Variable } from './types/syntax';
8
+ import { AnimationDefinitions, Config } from './types/config';
9
+ export default class MasterCSS {
10
+ customConfig?: Config | undefined;
39
11
  static config: Config;
40
- readonly rules: Rule[];
41
- readonly ruleBy: Record<string, Rule>;
42
- readonly classesUsage: Record<string, number>;
12
+ readonly definedRules: DefinedRule[];
43
13
  readonly config: Config;
44
- readonly RegisteredSemanticRules: RegisteredRule[];
45
- readonly RegisteredRules: RegisteredRule[];
46
- constructor(customConfig?: Config);
14
+ readonly classUsages: Map<string, number>;
15
+ readonly layerStatementRule: Rule;
16
+ readonly rules: (Layer | Rule)[];
17
+ readonly animationsNonLayer: NonLayer;
18
+ readonly baseLayer: SyntaxLayer;
19
+ readonly themeLayer: Layer;
20
+ readonly presetLayer: SyntaxLayer;
21
+ readonly componentsLayer: SyntaxLayer;
22
+ readonly generalLayer: SyntaxLayer;
23
+ get text(): string;
24
+ constructor(customConfig?: Config | undefined);
47
25
  resolve(): void;
48
26
  /**
49
27
  * Match check if Master CSS syntax
50
28
  * @param className
51
29
  * @returns css text
52
30
  */
53
- match(className: string): RegisteredRule | undefined;
31
+ match(className: string): DefinedRule | undefined;
32
+ /**
33
+ * Generate syntax rules from class name
34
+ * @param className
35
+ * @returns SyntaxRule[]
36
+ */
37
+ generate(className: string, mode?: string): SyntaxRule[];
54
38
  /**
55
- * Generate rules from class name
39
+ * Create syntax rule from given class name
56
40
  * @param className
57
- * @returns Rule[]
41
+ * @returns SyntaxRule
58
42
  */
59
- generate(className: string): Rule[];
43
+ create(className: string, fixedClass?: string, mode?: string): SyntaxRule | undefined;
60
44
  /**
61
- * Create rule from given syntax
62
- * @param syntax
63
- * @returns Rule
45
+ * Create syntax rule from given selector text
46
+ * @param selectorText
64
47
  */
65
- create(syntax: string): Rule | undefined;
48
+ createFromSelectorText(selectorText: string): SyntaxRule[];
66
49
  /**
67
50
  * 根據蒐集到的所有 DOM class 重新 create
68
51
  */
@@ -70,27 +53,15 @@ export declare class MasterCSS {
70
53
  reset(): this;
71
54
  destroy(): this;
72
55
  add(...classNames: string[]): this;
73
- delete(...classNames: string[]): void;
74
- /**
75
- * 加工插入規則
76
- * 1. where
77
- * 2. normal
78
- * 3. where selectors
79
- * 4. normal selectors
80
- * 5. media where
81
- * 6. media normal
82
- * 7. media where selectors
83
- * 8. media selectors
84
- * 9. media width where
85
- * 10. media width
86
- * 11. media width where selectors
87
- * 12. media width selectors
88
- */
89
- insert(rule: Rule): void;
90
- get text(): string;
91
- handleRuleWithAnimationNames(rule: Rule, initializing?: boolean): void;
92
- handleRuleWithVariableNames(rule: Rule, initializing?: boolean): void;
93
- pushVariableNativeRule(theme: string, variableCSSRule: CSSStyleRule): NativeRule;
56
+ remove(...classNames: string[]): void;
57
+ getModeSelector(modeName: string): string | undefined;
94
58
  }
95
59
  export declare const masterCSSs: MasterCSS[];
96
- export {};
60
+ export default interface MasterCSS {
61
+ style: HTMLStyleElement | null;
62
+ components: Record<string, string[]>;
63
+ selectors: Record<string, [RegExp, string[]][]>;
64
+ variables: Record<string, Variable>;
65
+ at: Record<string, string | number>;
66
+ animations: Record<string, AnimationDefinitions>;
67
+ }