@master/css 2.0.0-rc.25 → 2.0.0-rc.27

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 (93) hide show
  1. package/dist/common.cjs +124 -0
  2. package/dist/common.d.ts +22 -0
  3. package/dist/common.mjs +106 -0
  4. package/dist/config/functions.cjs +40 -41
  5. package/dist/config/functions.mjs +39 -40
  6. package/dist/config/index.cjs +7 -7
  7. package/dist/config/index.d.ts +12 -13
  8. package/dist/config/index.mjs +6 -6
  9. package/dist/config/queries.cjs +17 -0
  10. package/dist/config/queries.d.ts +22 -0
  11. package/dist/config/queries.mjs +15 -0
  12. package/dist/config/rules.cjs +964 -851
  13. package/dist/config/rules.d.ts +8 -5
  14. package/dist/config/rules.mjs +966 -852
  15. package/dist/config/selectors.cjs +0 -1
  16. package/dist/config/selectors.d.ts +0 -1
  17. package/dist/config/selectors.mjs +0 -1
  18. package/dist/config/{semantics.cjs → utilities.cjs} +2 -5
  19. package/dist/config/{semantics.d.ts → utilities.d.ts} +2 -5
  20. package/dist/config/{semantics.mjs → utilities.mjs} +2 -5
  21. package/dist/config/variables.mjs +2 -2
  22. package/dist/core.cjs +260 -195
  23. package/dist/core.d.ts +20 -16
  24. package/dist/core.mjs +258 -193
  25. package/dist/index.cjs +45 -15
  26. package/dist/index.d.ts +13 -3
  27. package/dist/index.mjs +15 -7
  28. package/dist/layer.cjs +25 -20
  29. package/dist/layer.d.ts +26 -9
  30. package/dist/layer.mjs +22 -19
  31. package/dist/rule.cjs +147 -125
  32. package/dist/rule.d.ts +58 -20
  33. package/dist/rule.mjs +147 -125
  34. package/dist/tokens/screen-sizes.cjs +2 -2
  35. package/dist/tokens/screen-sizes.mjs +2 -2
  36. package/dist/utils/are-rule-modes-equal.cjs +7 -0
  37. package/dist/utils/are-rule-modes-equal.d.ts +2 -0
  38. package/dist/utils/are-rule-modes-equal.mjs +5 -0
  39. package/dist/utils/are-rule-queries-equal.cjs +22 -0
  40. package/dist/utils/are-rule-queries-equal.d.ts +2 -0
  41. package/dist/utils/are-rule-queries-equal.mjs +20 -0
  42. package/dist/utils/are-rule-selectors-equal.cjs +29 -0
  43. package/dist/utils/are-rule-selectors-equal.d.ts +2 -0
  44. package/dist/utils/are-rule-selectors-equal.mjs +27 -0
  45. package/dist/utils/are-rule-states-equal.cjs +11 -0
  46. package/dist/utils/are-rule-states-equal.d.ts +2 -0
  47. package/dist/utils/are-rule-states-equal.mjs +9 -0
  48. package/dist/utils/are-rules-duplicated.cjs +17 -0
  49. package/dist/utils/are-rules-duplicated.d.ts +2 -0
  50. package/dist/utils/are-rules-duplicated.mjs +15 -0
  51. package/dist/utils/extend-config.cjs +27 -14
  52. package/dist/utils/extend-config.d.ts +1 -1
  53. package/dist/utils/extend-config.mjs +27 -14
  54. package/dist/utils/generate-css.cjs +13 -0
  55. package/dist/utils/generate-css.d.ts +2 -0
  56. package/dist/utils/generate-css.mjs +11 -0
  57. package/dist/utils/hex-to-rgb.cjs +1 -1
  58. package/dist/utils/hex-to-rgb.d.ts +1 -1
  59. package/dist/utils/hex-to-rgb.mjs +1 -1
  60. package/dist/utils/is-core-rule.cjs +9 -0
  61. package/dist/utils/is-core-rule.d.ts +1 -0
  62. package/dist/utils/is-core-rule.mjs +7 -0
  63. package/dist/{functions → utils}/reorder-for-readable-classes.cjs +12 -18
  64. package/dist/{functions → utils}/reorder-for-readable-classes.d.ts +1 -5
  65. package/dist/{functions → utils}/reorder-for-readable-classes.mjs +13 -19
  66. package/package.json +1 -1
  67. package/dist/config/media-queries.cjs +0 -7
  68. package/dist/config/media-queries.d.ts +0 -1
  69. package/dist/config/media-queries.mjs +0 -1
  70. package/dist/constants/base-unit-regex.cjs +0 -5
  71. package/dist/constants/base-unit-regex.d.ts +0 -1
  72. package/dist/constants/base-unit-regex.mjs +0 -3
  73. package/dist/constants/start-symbol.cjs +0 -10
  74. package/dist/constants/start-symbol.d.ts +0 -6
  75. package/dist/constants/start-symbol.mjs +0 -8
  76. package/dist/functions/transform-color-with-opacity.cjs +0 -9
  77. package/dist/functions/transform-color-with-opacity.d.ts +0 -1
  78. package/dist/functions/transform-color-with-opacity.mjs +0 -7
  79. package/dist/utils/concat-arrays.cjs +0 -12
  80. package/dist/utils/concat-arrays.d.ts +0 -1
  81. package/dist/utils/concat-arrays.mjs +0 -10
  82. package/dist/utils/get-type.cjs +0 -12
  83. package/dist/utils/get-type.d.ts +0 -7
  84. package/dist/utils/get-type.mjs +0 -10
  85. package/dist/utils/is-plain-object.cjs +0 -15
  86. package/dist/utils/is-plain-object.d.ts +0 -8
  87. package/dist/utils/is-plain-object.mjs +0 -13
  88. package/dist/utils/is-symbol.cjs +0 -14
  89. package/dist/utils/is-symbol.d.ts +0 -7
  90. package/dist/utils/is-symbol.mjs +0 -12
  91. package/dist/utils/rgb-to-hex.cjs +0 -7
  92. package/dist/utils/rgb-to-hex.d.ts +0 -1
  93. package/dist/utils/rgb-to-hex.mjs +0 -5
package/dist/index.cjs CHANGED
@@ -4,34 +4,64 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var index = require('./config/index.cjs');
6
6
  var rule = require('./rule.cjs');
7
- var layer = require('./layer.cjs');
8
- var extend = require('@techor/extend');
9
- var reorderForReadableClasses = require('./functions/reorder-for-readable-classes.cjs');
7
+ var common = require('./common.cjs');
10
8
  var core = require('./core.cjs');
9
+ var layer = require('./layer.cjs');
10
+ var extendConfig = require('./utils/extend-config.cjs');
11
+ var reorderForReadableClasses = require('./utils/reorder-for-readable-classes.cjs');
12
+ var areRuleModesEqual = require('./utils/are-rule-modes-equal.cjs');
13
+ var areRuleQueriesEqual = require('./utils/are-rule-queries-equal.cjs');
14
+ var areRuleSelectorsEqual = require('./utils/are-rule-selectors-equal.cjs');
15
+ var areRuleStatesEqual = require('./utils/are-rule-states-equal.cjs');
16
+ var areRulesDuplicated = require('./utils/are-rules-duplicated.cjs');
17
+ var generateCss = require('./utils/generate-css.cjs');
18
+ var isCoreRule = require('./utils/is-core-rule.cjs');
19
+ var queries = require('./config/queries.cjs');
11
20
  var selectors = require('./config/selectors.cjs');
12
- var semantics = require('./config/semantics.cjs');
13
- var rules = require('./config/rules.cjs');
21
+ var utilities = require('./config/utilities.cjs');
14
22
  var functions = require('./config/functions.cjs');
15
23
  var animations = require('./config/animations.cjs');
16
24
  var variables = require('./config/variables.cjs');
17
- var screenSizes = require('./tokens/screen-sizes.cjs');
25
+ var rules = require('./config/rules.cjs');
18
26
 
19
27
 
20
28
 
21
29
  exports.config = index.config;
22
30
  exports.Rule = rule.Rule;
23
- Object.defineProperty(exports, "Layer", {
24
- enumerable: true,
25
- get: function () { return layer.Layer; }
26
- });
27
- exports.extend = extend;
28
- exports.reorderForReadableClasses = reorderForReadableClasses;
31
+ exports.ANIMATION_SIGN = common.ANIMATION_SIGN;
32
+ exports.AT_SIGN = common.AT_SIGN;
33
+ exports.BASE_UNIT_REGEX = common.BASE_UNIT_REGEX;
34
+ exports.COLOR_VALUE_REGEX = common.COLOR_VALUE_REGEX;
35
+ exports.DELIMITER_SIGN = common.DELIMITER_SIGN;
36
+ exports.IMAGE_VALUE_REGEX = common.IMAGE_VALUE_REGEX;
37
+ exports.NUMBER_VALUE_REGEX = common.NUMBER_VALUE_REGEX;
38
+ exports.OFFICIAL_URL = common.OFFICIAL_URL;
39
+ exports.QUERY_COMPARISON_OPERATORS = common.QUERY_COMPARISON_OPERATORS;
40
+ exports.QUERY_LOGICAL_OPERATORS = common.QUERY_LOGICAL_OPERATORS;
41
+ exports.SELECTOR_SIGNS = common.SELECTOR_SIGNS;
42
+ exports.SEPARATOR_SIGN = common.SEPARATOR_SIGN;
43
+ exports.SEPARATOR_SIGNS = common.SEPARATOR_SIGNS;
44
+ exports.TRANSITION_SIGN = common.TRANSITION_SIGN;
45
+ exports.UNIT_REGEX = common.UNIT_REGEX;
46
+ exports.VALUE_DELIMITERS = common.VALUE_DELIMITERS;
47
+ exports.VALUE_UNITS = common.VALUE_UNITS;
29
48
  exports.MasterCSS = core.default;
30
49
  exports.default = core.default;
50
+ exports.masterCSSs = core.masterCSSs;
51
+ exports.Layer = layer;
52
+ exports.extendConfig = extendConfig;
53
+ exports.reorderForReadableClasses = reorderForReadableClasses;
54
+ exports.areRuleModesEqual = areRuleModesEqual;
55
+ exports.areRuleQueriesEqual = areRuleQueriesEqual;
56
+ exports.areRuleSelectorsEqual = areRuleSelectorsEqual;
57
+ exports.areRuleStatesEqual = areRuleStatesEqual;
58
+ exports.areRulesDuplicated = areRulesDuplicated;
59
+ exports.generateCSS = generateCss;
60
+ exports.isCoreRule = isCoreRule;
61
+ exports.queries = queries;
31
62
  exports.selectors = selectors;
32
- exports.semantics = semantics;
33
- exports.rules = rules.default;
63
+ exports.utilities = utilities;
34
64
  exports.functions = functions;
35
65
  exports.animations = animations;
36
66
  exports.variables = variables;
37
- exports.mediaQueries = screenSizes;
67
+ exports.rules = rules.default;
package/dist/index.d.ts CHANGED
@@ -1,7 +1,17 @@
1
1
  export * from './config';
2
+ export * from './rule';
3
+ export * from './common';
4
+ export * from './core';
2
5
  export { Rule } from './rule';
3
- export { Layer } from './layer';
4
- export { default as extend } from '@techor/extend';
5
- export { default as reorderForReadableClasses } from './functions/reorder-for-readable-classes';
6
+ export { default as Layer } from './layer';
6
7
  export { default as MasterCSS, default } from './core';
8
+ export { default as extendConfig } from './utils/extend-config';
9
+ export { default as reorderForReadableClasses } from './utils/reorder-for-readable-classes';
10
+ export { default as areRuleModesEqual } from './utils/are-rule-modes-equal';
11
+ export { default as areRuleQueriesEqual } from './utils/are-rule-queries-equal';
12
+ export { default as areRuleSelectorsEqual } from './utils/are-rule-selectors-equal';
13
+ export { default as areRuleStatesEqual } from './utils/are-rule-states-equal';
14
+ export { default as areRulesDuplicated } from './utils/are-rules-duplicated';
15
+ export { default as generateCSS } from './utils/generate-css';
16
+ export { default as isCoreRule } from './utils/is-core-rule';
7
17
  export type { NativeRule, MediaFeatureComponent, MediaQuery } from './rule';
package/dist/index.mjs CHANGED
@@ -1,13 +1,21 @@
1
1
  export { config } from './config/index.mjs';
2
2
  export { Rule } from './rule.mjs';
3
- export { Layer } from './layer.mjs';
4
- export { default as extend } from '@techor/extend';
5
- export { default as reorderForReadableClasses } from './functions/reorder-for-readable-classes.mjs';
6
- export { default as MasterCSS, default } from './core.mjs';
3
+ export { ANIMATION_SIGN, AT_SIGN, BASE_UNIT_REGEX, COLOR_VALUE_REGEX, DELIMITER_SIGN, IMAGE_VALUE_REGEX, NUMBER_VALUE_REGEX, OFFICIAL_URL, QUERY_COMPARISON_OPERATORS, QUERY_LOGICAL_OPERATORS, SELECTOR_SIGNS, SEPARATOR_SIGN, SEPARATOR_SIGNS, TRANSITION_SIGN, UNIT_REGEX, VALUE_DELIMITERS, VALUE_UNITS } from './common.mjs';
4
+ export { default as MasterCSS, default, masterCSSs } from './core.mjs';
5
+ export { default as Layer } from './layer.mjs';
6
+ export { default as extendConfig } from './utils/extend-config.mjs';
7
+ export { default as reorderForReadableClasses } from './utils/reorder-for-readable-classes.mjs';
8
+ export { default as areRuleModesEqual } from './utils/are-rule-modes-equal.mjs';
9
+ export { default as areRuleQueriesEqual } from './utils/are-rule-queries-equal.mjs';
10
+ export { default as areRuleSelectorsEqual } from './utils/are-rule-selectors-equal.mjs';
11
+ export { default as areRuleStatesEqual } from './utils/are-rule-states-equal.mjs';
12
+ export { default as areRulesDuplicated } from './utils/are-rules-duplicated.mjs';
13
+ export { default as generateCSS } from './utils/generate-css.mjs';
14
+ export { default as isCoreRule } from './utils/is-core-rule.mjs';
15
+ export { default as queries } from './config/queries.mjs';
7
16
  export { default as selectors } from './config/selectors.mjs';
8
- export { default as semantics } from './config/semantics.mjs';
9
- export { default as rules } from './config/rules.mjs';
17
+ export { default as utilities } from './config/utilities.mjs';
10
18
  export { default as functions } from './config/functions.mjs';
11
19
  export { default as animations } from './config/animations.mjs';
12
20
  export { default as variables } from './config/variables.mjs';
13
- export { default as mediaQueries } from './tokens/screen-sizes.mjs';
21
+ export { default as rules } from './config/rules.mjs';
package/dist/layer.cjs CHANGED
@@ -1,23 +1,28 @@
1
1
  'use strict';
2
2
 
3
- exports.Layer = void 0;
3
+ var Layer;
4
4
  (function(Layer) {
5
- // semantic
6
- Layer[Layer["Semantic"] = -8] = "Semantic";
7
- // native shorthand
8
- Layer[Layer["CoreNativeShorthand"] = -7] = "CoreNativeShorthand";
9
- // native shorthand
10
- Layer[Layer["NativeShorthand"] = -6] = "NativeShorthand";
11
- // shorthand
12
- Layer[Layer["CoreShorthand"] = -5] = "CoreShorthand";
13
- // shorthand
14
- Layer[Layer["Shorthand"] = -4] = "Shorthand";
15
- // native
16
- Layer[Layer["CoreNative"] = -3] = "CoreNative";
17
- // native
18
- Layer[Layer["Native"] = -2] = "Native";
19
- // normal
20
- Layer[Layer["Core"] = -1] = "Core";
21
- // normal
22
- Layer[Layer["Normal"] = 0] = "Normal";
23
- })(exports.Layer || (exports.Layer = {}));
5
+ /**
6
+ * utility classes
7
+ * @example block, inline
8
+ */ Layer[Layer["Utility"] = -4] = "Utility";
9
+ /**
10
+ * native shorthand
11
+ * @example border, padding, margin
12
+ */ Layer[Layer["NativeShorthand"] = -3] = "NativeShorthand";
13
+ /**
14
+ * shorthand
15
+ * @example px, py, mx, my
16
+ */ Layer[Layer["Shorthand"] = -2] = "Shorthand";
17
+ /**
18
+ * native properties
19
+ * @example color, background-color, font-size
20
+ */ Layer[Layer["Native"] = -1] = "Native";
21
+ /**
22
+ * normal
23
+ * @example grid-cols
24
+ */ Layer[Layer["Normal"] = 0] = "Normal";
25
+ })(Layer || (Layer = {}));
26
+ var Layer$1 = Layer;
27
+
28
+ module.exports = Layer$1;
package/dist/layer.d.ts CHANGED
@@ -1,11 +1,28 @@
1
- export declare const enum Layer {
2
- Semantic = -8,
3
- CoreNativeShorthand = -7,
4
- NativeShorthand = -6,
5
- CoreShorthand = -5,
6
- Shorthand = -4,
7
- CoreNative = -3,
8
- Native = -2,
9
- Core = -1,
1
+ declare const enum Layer {
2
+ /**
3
+ * utility classes
4
+ * @example block, inline
5
+ */
6
+ Utility = -4,
7
+ /**
8
+ * native shorthand
9
+ * @example border, padding, margin
10
+ */
11
+ NativeShorthand = -3,
12
+ /**
13
+ * shorthand
14
+ * @example px, py, mx, my
15
+ */
16
+ Shorthand = -2,
17
+ /**
18
+ * native properties
19
+ * @example color, background-color, font-size
20
+ */
21
+ Native = -1,
22
+ /**
23
+ * normal
24
+ * @example grid-cols
25
+ */
10
26
  Normal = 0
11
27
  }
28
+ export default Layer;
package/dist/layer.mjs CHANGED
@@ -1,23 +1,26 @@
1
1
  var Layer;
2
2
  (function(Layer) {
3
- // semantic
4
- Layer[Layer["Semantic"] = -8] = "Semantic";
5
- // native shorthand
6
- Layer[Layer["CoreNativeShorthand"] = -7] = "CoreNativeShorthand";
7
- // native shorthand
8
- Layer[Layer["NativeShorthand"] = -6] = "NativeShorthand";
9
- // shorthand
10
- Layer[Layer["CoreShorthand"] = -5] = "CoreShorthand";
11
- // shorthand
12
- Layer[Layer["Shorthand"] = -4] = "Shorthand";
13
- // native
14
- Layer[Layer["CoreNative"] = -3] = "CoreNative";
15
- // native
16
- Layer[Layer["Native"] = -2] = "Native";
17
- // normal
18
- Layer[Layer["Core"] = -1] = "Core";
19
- // normal
20
- Layer[Layer["Normal"] = 0] = "Normal";
3
+ /**
4
+ * utility classes
5
+ * @example block, inline
6
+ */ Layer[Layer["Utility"] = -4] = "Utility";
7
+ /**
8
+ * native shorthand
9
+ * @example border, padding, margin
10
+ */ Layer[Layer["NativeShorthand"] = -3] = "NativeShorthand";
11
+ /**
12
+ * shorthand
13
+ * @example px, py, mx, my
14
+ */ Layer[Layer["Shorthand"] = -2] = "Shorthand";
15
+ /**
16
+ * native properties
17
+ * @example color, background-color, font-size
18
+ */ Layer[Layer["Native"] = -1] = "Native";
19
+ /**
20
+ * normal
21
+ * @example grid-cols
22
+ */ Layer[Layer["Normal"] = 0] = "Normal";
21
23
  })(Layer || (Layer = {}));
24
+ var Layer$1 = Layer;
22
25
 
23
- export { Layer };
26
+ export { Layer$1 as default };