@master/css 2.0.0-rc.4 → 2.0.0-rc.41

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 (112) hide show
  1. package/README.md +4 -43
  2. package/dist/_virtual/_commonjsHelpers.cjs +5 -0
  3. package/dist/_virtual/_commonjsHelpers.mjs +3 -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 +351 -0
  18. package/dist/config/functions.mjs +349 -0
  19. package/dist/config/index.cjs +36 -0
  20. package/dist/config/index.d.ts +24 -21
  21. package/dist/config/index.mjs +26 -0
  22. package/dist/config/modes.cjs +8 -0
  23. package/dist/config/modes.d.ts +3 -0
  24. package/dist/config/modes.mjs +6 -0
  25. package/dist/config/selectors.cjs +28 -0
  26. package/dist/config/selectors.d.ts +0 -1
  27. package/dist/config/selectors.mjs +26 -0
  28. package/dist/config/styles.cjs +2 -0
  29. package/dist/config/styles.mjs +1 -0
  30. package/dist/config/syntaxes.cjs +2283 -0
  31. package/dist/config/syntaxes.d.ts +282 -0
  32. package/dist/config/syntaxes.mjs +2281 -0
  33. package/dist/config/utilities.cjs +204 -0
  34. package/dist/config/{semantics.d.ts → utilities.d.ts} +15 -5
  35. package/dist/config/utilities.mjs +202 -0
  36. package/dist/config/variables.cjs +337 -0
  37. package/dist/config/variables.d.ts +1 -550
  38. package/dist/config/variables.mjs +335 -0
  39. package/dist/core.cjs +1040 -0
  40. package/dist/core.d.ts +39 -35
  41. package/dist/core.mjs +1035 -0
  42. package/dist/index.cjs +73 -0
  43. package/dist/index.d.ts +15 -8
  44. package/dist/index.mjs +22 -0
  45. package/dist/layer.cjs +28 -0
  46. package/dist/layer.d.ts +26 -9
  47. package/dist/layer.mjs +26 -0
  48. package/dist/polyfills/css-escape.cjs +8 -0
  49. package/dist/polyfills/css-escape.mjs +2 -0
  50. package/dist/polyfills/css-escape2.cjs +68 -0
  51. package/dist/polyfills/css-escape2.mjs +64 -0
  52. package/dist/rule.cjs +722 -0
  53. package/dist/rule.d.ts +62 -24
  54. package/dist/rule.mjs +720 -0
  55. package/dist/shared/utils/css-escape.cjs +56 -0
  56. package/dist/shared/utils/css-escape.mjs +54 -0
  57. package/dist/types/global.cjs +2 -0
  58. package/dist/types/global.d.ts +3 -3
  59. package/dist/types/global.mjs +1 -0
  60. package/dist/utils/are-rule-at-equal.cjs +22 -0
  61. package/dist/utils/are-rule-at-equal.d.ts +2 -0
  62. package/dist/utils/are-rule-at-equal.mjs +20 -0
  63. package/dist/utils/are-rule-modes-equal.cjs +7 -0
  64. package/dist/utils/are-rule-modes-equal.d.ts +2 -0
  65. package/dist/utils/are-rule-modes-equal.mjs +5 -0
  66. package/dist/utils/are-rule-selectors-equal.cjs +29 -0
  67. package/dist/utils/are-rule-selectors-equal.d.ts +2 -0
  68. package/dist/utils/are-rule-selectors-equal.mjs +27 -0
  69. package/dist/utils/are-rule-states-equal.cjs +11 -0
  70. package/dist/utils/are-rule-states-equal.d.ts +2 -0
  71. package/dist/utils/are-rule-states-equal.mjs +9 -0
  72. package/dist/utils/are-syntaxes-duplicated.cjs +17 -0
  73. package/dist/utils/are-syntaxes-duplicated.d.ts +2 -0
  74. package/dist/utils/are-syntaxes-duplicated.mjs +15 -0
  75. package/dist/utils/autofill-solid-style.cjs +31 -0
  76. package/dist/utils/autofill-solid-style.d.ts +3 -0
  77. package/dist/utils/autofill-solid-style.mjs +29 -0
  78. package/dist/utils/extend-config.cjs +74 -0
  79. package/dist/utils/extend-config.d.ts +1 -1
  80. package/dist/utils/extend-config.mjs +72 -0
  81. package/dist/utils/flatten-object.cjs +15 -0
  82. package/dist/utils/flatten-object.mjs +13 -0
  83. package/dist/utils/generate-css.cjs +13 -0
  84. package/dist/utils/generate-css.d.ts +2 -0
  85. package/dist/utils/generate-css.mjs +11 -0
  86. package/dist/utils/hex-to-rgb.cjs +30 -0
  87. package/dist/utils/hex-to-rgb.d.ts +1 -1
  88. package/dist/utils/hex-to-rgb.mjs +28 -0
  89. package/dist/utils/is-core-rule.cjs +9 -0
  90. package/dist/utils/is-core-rule.d.ts +1 -0
  91. package/dist/utils/is-core-rule.mjs +7 -0
  92. package/dist/utils/reorder-for-readable-classes.cjs +62 -0
  93. package/dist/{functions → utils}/reorder-for-readable-classes.d.ts +2 -6
  94. package/dist/utils/reorder-for-readable-classes.mjs +60 -0
  95. package/package.json +1 -1
  96. package/dist/bin/index.bundle.js +0 -36
  97. package/dist/config/media-queries.d.ts +0 -1
  98. package/dist/config/rules.d.ts +0 -279
  99. package/dist/constants/base-unit-regex.d.ts +0 -1
  100. package/dist/constants/config-esm-text.d.ts +0 -1
  101. package/dist/constants/config-text.d.ts +0 -1
  102. package/dist/constants/config-ts-text.d.ts +0 -1
  103. package/dist/constants/start-symbol.d.ts +0 -6
  104. package/dist/functions/transform-color-with-opacity.d.ts +0 -1
  105. package/dist/index.bundle.js +0 -35
  106. package/dist/index.bundle.mjs +0 -35
  107. package/dist/tokens/screen-sizes.d.ts +0 -14
  108. package/dist/utils/concat-arrays.d.ts +0 -1
  109. package/dist/utils/get-type.d.ts +0 -7
  110. package/dist/utils/is-plain-object.d.ts +0 -8
  111. package/dist/utils/is-symbol.d.ts +0 -7
  112. package/dist/utils/rgb-to-hex.d.ts +0 -1
@@ -0,0 +1,28 @@
1
+ function hexToRgb(hex) {
2
+ if (hex.startsWith('#')) {
3
+ hex = hex.slice(1);
4
+ }
5
+ let r;
6
+ let g;
7
+ let b;
8
+ let a;
9
+ if (hex.length === 3 || hex.length === 4) {
10
+ r = parseInt(hex[0] + hex[0], 16);
11
+ g = parseInt(hex[1] + hex[1], 16);
12
+ b = parseInt(hex[2] + hex[2], 16);
13
+ a = hex.length === 4 ? Math.round(parseInt(hex[3] + hex[3], 16) / 255 * 100) / 100 : 1;
14
+ } else if (hex.length === 6 || hex.length === 8) {
15
+ r = parseInt(hex.slice(0, 2), 16);
16
+ g = parseInt(hex.slice(2, 4), 16);
17
+ b = parseInt(hex.slice(4, 6), 16);
18
+ a = hex.length === 8 ? Math.round(parseInt(hex.slice(6, 8), 16) / 255 * 100) / 100 : 1;
19
+ }
20
+ return [
21
+ r,
22
+ g,
23
+ b,
24
+ a
25
+ ];
26
+ }
27
+
28
+ export { hexToRgb as default };
@@ -0,0 +1,9 @@
1
+ 'use strict';
2
+
3
+ var syntaxes = require('../config/syntaxes.cjs');
4
+
5
+ function isCoreRule(id) {
6
+ return Object.hasOwnProperty.call(syntaxes, id);
7
+ }
8
+
9
+ module.exports = isCoreRule;
@@ -0,0 +1 @@
1
+ export default function isCoreRule(id: string): boolean;
@@ -0,0 +1,7 @@
1
+ import syntaxes from '../config/syntaxes.mjs';
2
+
3
+ function isCoreRule(id) {
4
+ return Object.hasOwnProperty.call(syntaxes, id);
5
+ }
6
+
7
+ export { isCoreRule as default };
@@ -0,0 +1,62 @@
1
+ 'use strict';
2
+
3
+ var layer = require('../layer.cjs');
4
+ var core = require('../core.cjs');
5
+
6
+ /**
7
+ * Sorts classes in a consistent order
8
+ * @param classes
9
+ * @param options
10
+ * @returns consistent classes
11
+ */ function reorderForReadableClasses(classes, css = new core.default()) {
12
+ css.add(...classes);
13
+ const orderedClasses = css.syntaxes// 只保留樣式語法相關的 syntaxes, 排除 keyframes 與 variables 在外
14
+ .filter((eachRule)=>eachRule.layer).sort((a, b)=>{
15
+ if (a.layer === layer.Utility && b.layer !== layer.Utility) {
16
+ // 如果 a 是 Layer.Utility 而 b 不是,则 a 应该排在 b 前面
17
+ return -1;
18
+ } else if (a.layer !== layer.Utility && b.layer === layer.Utility) {
19
+ // 如果 b 是 Layer.Utility 而 a 不是,则 b 应该排在 a 前面
20
+ return 1;
21
+ } else if (a.id !== b.id) {
22
+ return a.className.localeCompare(b.className);
23
+ } else {
24
+ // 檢查 vendorSuffixSelectors 是否存在
25
+ const aHasVendorSuffix = a.vendorSuffixSelectors?.['']?.[0];
26
+ const bHasVendorSuffix = b.vendorSuffixSelectors?.['']?.[0];
27
+ if (a.priority === -1 && b.priority === -1) {
28
+ // 如果 a 和 b 都有 vendorSuffixSelectors 或 media.token,則按照以下規則排序
29
+ if (aHasVendorSuffix && bHasVendorSuffix) {
30
+ return aHasVendorSuffix.localeCompare(bHasVendorSuffix);
31
+ }
32
+ // 檢查 media.token 是否存在
33
+ const aAtToke = a.atToken;
34
+ const bAtToken = b.atToken;
35
+ // 如果 a 和 b 都有 media.token 且不包含內建已處理過排序的,則按照以下規則排序
36
+ if (aAtToke && bAtToken && !a.at.media?.find(({ name })=>name === 'min-width' || name === 'max-width') && !b.at.media?.find(({ name })=>name === 'min-width' || name === 'max-width')) {
37
+ return aAtToke.localeCompare(bAtToken);
38
+ }
39
+ if (aHasVendorSuffix && !bHasVendorSuffix) {
40
+ return 1;
41
+ } else if (!aHasVendorSuffix && bHasVendorSuffix) {
42
+ return -1;
43
+ }
44
+ if (aAtToke && !bAtToken) {
45
+ return 1;
46
+ } else if (!aAtToke && bAtToken) {
47
+ return -1;
48
+ }
49
+ }
50
+ // 如果 a 和 b 的 id 相同,則按照以下規則排序
51
+ if (a.id === b.id && a.stateToken === b.stateToken) {
52
+ return a.className.localeCompare(b.className);
53
+ }
54
+ // 再按照 rule.order 本身來升序排列
55
+ return a.order - b.order;
56
+ }
57
+ }).map((eachRule)=>eachRule.className);
58
+ css.delete(...classes);
59
+ return orderedClasses;
60
+ }
61
+
62
+ module.exports = reorderForReadableClasses;
@@ -1,12 +1,8 @@
1
- import type { Config } from '../config';
2
- import { MasterCSS } from '../core';
1
+ import MasterCSS from '../core';
3
2
  /**
4
3
  * Sorts classes in a consistent order
5
4
  * @param classes
6
5
  * @param options
7
6
  * @returns consistent classes
8
7
  */
9
- export default function reorderForReadableClasses(classes: string[], options?: {
10
- css?: MasterCSS;
11
- config?: Config;
12
- }): string[];
8
+ export default function reorderForReadableClasses(classes: string[], css?: MasterCSS): string[];
@@ -0,0 +1,60 @@
1
+ import Layer from '../layer.mjs';
2
+ import MasterCSS from '../core.mjs';
3
+
4
+ /**
5
+ * Sorts classes in a consistent order
6
+ * @param classes
7
+ * @param options
8
+ * @returns consistent classes
9
+ */ function reorderForReadableClasses(classes, css = new MasterCSS()) {
10
+ css.add(...classes);
11
+ const orderedClasses = css.syntaxes// 只保留樣式語法相關的 syntaxes, 排除 keyframes 與 variables 在外
12
+ .filter((eachRule)=>eachRule.layer).sort((a, b)=>{
13
+ if (a.layer === Layer.Utility && b.layer !== Layer.Utility) {
14
+ // 如果 a 是 Layer.Utility 而 b 不是,则 a 应该排在 b 前面
15
+ return -1;
16
+ } else if (a.layer !== Layer.Utility && b.layer === Layer.Utility) {
17
+ // 如果 b 是 Layer.Utility 而 a 不是,则 b 应该排在 a 前面
18
+ return 1;
19
+ } else if (a.id !== b.id) {
20
+ return a.className.localeCompare(b.className);
21
+ } else {
22
+ // 檢查 vendorSuffixSelectors 是否存在
23
+ const aHasVendorSuffix = a.vendorSuffixSelectors?.['']?.[0];
24
+ const bHasVendorSuffix = b.vendorSuffixSelectors?.['']?.[0];
25
+ if (a.priority === -1 && b.priority === -1) {
26
+ // 如果 a 和 b 都有 vendorSuffixSelectors 或 media.token,則按照以下規則排序
27
+ if (aHasVendorSuffix && bHasVendorSuffix) {
28
+ return aHasVendorSuffix.localeCompare(bHasVendorSuffix);
29
+ }
30
+ // 檢查 media.token 是否存在
31
+ const aAtToke = a.atToken;
32
+ const bAtToken = b.atToken;
33
+ // 如果 a 和 b 都有 media.token 且不包含內建已處理過排序的,則按照以下規則排序
34
+ if (aAtToke && bAtToken && !a.at.media?.find(({ name })=>name === 'min-width' || name === 'max-width') && !b.at.media?.find(({ name })=>name === 'min-width' || name === 'max-width')) {
35
+ return aAtToke.localeCompare(bAtToken);
36
+ }
37
+ if (aHasVendorSuffix && !bHasVendorSuffix) {
38
+ return 1;
39
+ } else if (!aHasVendorSuffix && bHasVendorSuffix) {
40
+ return -1;
41
+ }
42
+ if (aAtToke && !bAtToken) {
43
+ return 1;
44
+ } else if (!aAtToke && bAtToken) {
45
+ return -1;
46
+ }
47
+ }
48
+ // 如果 a 和 b 的 id 相同,則按照以下規則排序
49
+ if (a.id === b.id && a.stateToken === b.stateToken) {
50
+ return a.className.localeCompare(b.className);
51
+ }
52
+ // 再按照 rule.order 本身來升序排列
53
+ return a.order - b.order;
54
+ }
55
+ }).map((eachRule)=>eachRule.className);
56
+ css.delete(...classes);
57
+ return orderedClasses;
58
+ }
59
+
60
+ export { reorderForReadableClasses as default };
package/package.json CHANGED
@@ -1 +1 @@
1
- {"name":"@master/css","scripts":{"build":"techor pack --declare --external @master/css-renderer @master/css-extractor","dev":"pnpm run build --watch","test":"jest","type-check":"tsc --noEmit","lint":"eslint src"},"license":"MIT","description":"A markup-driven CSS language with enhanced syntax","author":"Aoyue Design LLC.","funding":"https://css.master.co/docs/donate","homepage":"https://css.master.co","bugs":{"url":"https://github.com/master-co/css/issues"},"repository":{"type":"git","url":"https://github.com/master-co/css.git","directory":"packages/css"},"keywords":["style","styles","html","variants","virtual","virtual-css","utility","css","ui","lightweight","class","webpack","plugin","integration","vite","parcel","build-tools","mastercss"],"sideEffects":false,"main":"./dist/index.bundle.js","jsnext:main":"./dist/index.bundle.mjs","esnext":"./dist/index.bundle.mjs","module":"./dist/index.bundle.mjs","types":"./dist/index.d.ts","exports":{".":{"require":"./dist/index.bundle.js","import":"./dist/index.bundle.mjs","types":"./dist/index.d.ts"}},"bin":{"mcss":"./dist/bin/index.bundle.js","mastercss":"./dist/bin/index.bundle.js"},"files":["dist"],"publishConfig":{"access":"public"},"dependencies":{"@master/normal.css":"^2.0.0-rc.4","@techor/fs":"^2.5.24","@techor/log":"^2.5.24","commander":"^11.0.0"},"devDependencies":{"@techor/extend":"^2.5.24","@techor/pack":"^2.5.24","@types/jest":"^29.5.11","css-shared":"^2.0.0-rc.4","csstype":"^3.1.2","puppeteer":"^21.0.1","vite":"^4.2.1"},"version":"2.0.0-rc.4"}
1
+ {"name":"@master/css","type":"module","scripts":{"build":"techor build \"src/**/*.ts\"","dev":"pnpm build --watch","test":"vitest","type-check":"tsc --noEmit","lint":"eslint src"},"license":"MIT","description":"The CSS language and framework for rapidly building modern and high-performance websites","author":"Aoyue Design LLC.","funding":"https://rc.css.master.co/sponsor","homepage":"https://css.master.co","bugs":{"url":"https://github.com/master-co/css/issues"},"repository":{"type":"git","url":"https://github.com/master-co/css.git","directory":"packages/core"},"keywords":["style","styles","html","variants","virtual","virtual-css","utility","css","ui","lightweight","class","webpack","plugin","integration","vite","parcel","build-tools","mastercss"],"sideEffects":false,"main":"./dist/index.cjs","jsnext:main":"./dist/index.mjs","esnext":"./dist/index.mjs","module":"./dist/index.mjs","types":"./dist/index.d.ts","exports":{".":{"require":"./dist/index.cjs","import":"./dist/index.mjs","types":"./dist/index.d.ts"}},"bin":"./dist/bin/index.mjs","files":["dist"],"publishConfig":{"access":"public","provenance":true},"dependencies":{"@master/colors":"^2.1.0","@master/normal.css":"^3.1.0","@techor/extend":"^3.0.23","csstype":"^3.1.3"},"devDependencies":{"shared":"^2.0.0-rc.41"},"version":"2.0.0-rc.41"}
@@ -1,36 +0,0 @@
1
- #!/usr/bin/env node
2
- "use strict";var h=Object.create;var d=Object.defineProperty;var C=Object.getOwnPropertyDescriptor;var _=Object.getOwnPropertyNames;var x=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty;var O=(e,o,t,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let s of _(o))!E.call(e,s)&&s!==t&&d(e,s,{get:()=>o[s],enumerable:!(r=C(o,s))||r.enumerable});return e};var p=(e,o,t)=>(t=e!=null?h(x(e)):{},O(o||!e||!e.__esModule?d(t,"default",{value:e,enumerable:!0}):t,e));var T=require("commander"),m=p(require("path")),a=p(require("fs"));var S=`/** @type {import('@master/css').Config} */
3
- export default {
4
- styles: {},
5
- rules: {},
6
- variables: {},
7
- semantics: {},
8
- mediaQueries: {},
9
- animations: {},
10
- selectors: {},
11
- functions: {}
12
- }
13
- `;var y=`/** @type {import('@master/css').Config} */
14
- module.exports = {
15
- styles: {},
16
- rules: {},
17
- variables: {},
18
- semantics: {},
19
- mediaQueries: {},
20
- animations: {},
21
- selectors: {},
22
- functions: {}
23
- }
24
- `;var g=`import type { Config } from '@master/css'
25
-
26
- export default {
27
- styles: {},
28
- rules: {},
29
- variables: {},
30
- semantics: {},
31
- mediaQueries: {},
32
- animations: {},
33
- selectors: {},
34
- functions: {}
35
- } as Config
36
- `;var n=p(require("@techor/log")),l=require("@techor/fs"),{version:v,name:j,description:F}=(0,l.readJSONFileSync)(m.default.resolve(__dirname,"../../package.json")),c=new T.Command;c.name(j).description(F).version(v||"0.0.0");c.command("init").description("Initialize definition files for Master CSS").option("-o, --override","Override existing definition file").option("--esm","ES Module .mjs").option("--ts","TypeScript .ts").option("--cjs","CommonJS .js").action(async function(e){let{esm:o,ts:t,cjs:r}=e;if(!o&&!t&&!r)if(a.default.existsSync("tsconfig.json"))t=!0;else{let{type:i}=(0,l.readJSONFileSync)("./package.json")||{};i==="module"?o=!0:r=!0}let s=(i,f)=>{let u=a.default.existsSync(m.default.join(process.cwd(),i));u?u&&e.override?(a.default.writeFileSync(i,f),n.default.ok`**${i}** file is overridden`):n.default.x`**${i}** file already exists`:(a.default.writeFileSync(i,f),n.default.ok`**${i}** file is created`)};o&&s("master.css.mjs",S),t&&s("master.css.ts",g),r&&s("master.css.js",y)});c.command("render").description("Scans HTML and injects generated CSS rules").argument("<source paths>","The path in glob patterns of the source of the HTML file").option("-c --config <path>","The source path of the Master CSS configuration","master.css.*").option("-a --analyze","Analyze injected CSS and HTML size ( brotli ) without writing to file").action(async function(e,o){try{await require("@master/css-renderer/actions/main")(e,o)}catch(t){t.code==="ERR_MODULE_NOT_FOUND"?n.default.i`Please run **npm** **install** **@master/css-renderer** first`:console.error(t)}});c.command("extract").argument("[source paths]","The glob pattern path to extract sources").option("-w, --watch","Watch file changed and generate CSS rules.").option("-o, --output <path>","Specify your CSS file output path").option("-v, --verbose","Verbose logging 0~N","1").option("--options <path>","Specify your extractor options sources","master.css-extractor.*").action(async function(e,o){try{await require("@master/css-extractor/actions/main")(e,o)}catch(t){t.code==="ERR_MODULE_NOT_FOUND"?n.default.i`Please run **npm** **install** **@master/css-extractor** first`:console.error(t)}});c.parse();
@@ -1 +0,0 @@
1
- export { default } from '../tokens/screen-sizes';
@@ -1,279 +0,0 @@
1
- import type { RuleDefinition } from '../rule';
2
- import { Layer } from '../layer';
3
- export declare const BORDER_STYLES: string[];
4
- export declare const autofillSolidToValueComponent: RuleDefinition['transformValueComponents'];
5
- declare const rules: {
6
- group: RuleDefinition;
7
- variable: RuleDefinition;
8
- 'font-size': RuleDefinition;
9
- 'font-weight': RuleDefinition;
10
- 'font-family': RuleDefinition;
11
- 'font-smoothing': RuleDefinition;
12
- 'font-style': RuleDefinition;
13
- 'font-variant-numeric': RuleDefinition;
14
- 'font-variant': {
15
- layer: Layer;
16
- };
17
- 'font-feature-settings': RuleDefinition;
18
- font: RuleDefinition;
19
- color: RuleDefinition;
20
- 'margin-left': RuleDefinition;
21
- 'margin-right': RuleDefinition;
22
- 'margin-top': RuleDefinition;
23
- 'margin-bottom': RuleDefinition;
24
- 'margin-x': RuleDefinition;
25
- 'margin-y': RuleDefinition;
26
- margin: RuleDefinition;
27
- 'margin-inline-start': RuleDefinition;
28
- 'margin-inline-end': RuleDefinition;
29
- 'margin-inline': RuleDefinition;
30
- 'padding-left': RuleDefinition;
31
- 'padding-right': RuleDefinition;
32
- 'padding-top': RuleDefinition;
33
- 'padding-bottom': RuleDefinition;
34
- 'padding-x': RuleDefinition;
35
- 'padding-y': RuleDefinition;
36
- padding: RuleDefinition;
37
- 'padding-inline-start': RuleDefinition;
38
- 'padding-inline-end': RuleDefinition;
39
- 'padding-inline': RuleDefinition;
40
- 'flex-basis': RuleDefinition;
41
- 'flex-wrap': RuleDefinition;
42
- 'flex-grow': RuleDefinition;
43
- 'flex-shrink': RuleDefinition;
44
- 'flex-direction': RuleDefinition;
45
- flex: RuleDefinition;
46
- display: RuleDefinition;
47
- width: RuleDefinition;
48
- height: RuleDefinition;
49
- 'min-width': RuleDefinition;
50
- 'min-height': RuleDefinition;
51
- size: RuleDefinition;
52
- 'min-size': RuleDefinition;
53
- 'max-size': RuleDefinition;
54
- 'box-sizing': RuleDefinition;
55
- 'box-decoration-break': RuleDefinition;
56
- contain: RuleDefinition;
57
- content: RuleDefinition;
58
- 'counter-increment': RuleDefinition;
59
- 'counter-reset': RuleDefinition;
60
- 'letter-spacing': RuleDefinition;
61
- 'line-height': RuleDefinition;
62
- 'object-fit': RuleDefinition;
63
- 'object-position': RuleDefinition;
64
- 'text-align': RuleDefinition;
65
- 'text-decoration-color': RuleDefinition;
66
- 'text-decoration-style': RuleDefinition;
67
- 'text-decoration-thickness': RuleDefinition;
68
- 'text-decoration-line': RuleDefinition;
69
- 'text-decoration': RuleDefinition;
70
- 'text-underline-offset': RuleDefinition;
71
- 'text-overflow': RuleDefinition;
72
- 'text-orientation': RuleDefinition;
73
- 'text-transform': RuleDefinition;
74
- 'text-rendering': RuleDefinition;
75
- 'text-indent': RuleDefinition;
76
- 'vertical-align': RuleDefinition;
77
- columns: RuleDefinition;
78
- 'white-space': RuleDefinition;
79
- top: RuleDefinition;
80
- bottom: RuleDefinition;
81
- left: RuleDefinition;
82
- right: RuleDefinition;
83
- inset: RuleDefinition;
84
- lines: RuleDefinition;
85
- 'max-height': RuleDefinition;
86
- 'max-width': RuleDefinition;
87
- opacity: RuleDefinition;
88
- visibility: RuleDefinition;
89
- clear: RuleDefinition;
90
- float: RuleDefinition;
91
- isolation: RuleDefinition;
92
- 'overflow-x': RuleDefinition;
93
- 'overflow-y': RuleDefinition;
94
- overflow: RuleDefinition;
95
- 'overscroll-behavior-x': RuleDefinition;
96
- 'overscroll-behavior-y': RuleDefinition;
97
- 'overscroll-behavior': RuleDefinition;
98
- 'z-index': RuleDefinition;
99
- position: RuleDefinition;
100
- cursor: RuleDefinition;
101
- 'pointer-events': RuleDefinition;
102
- resize: RuleDefinition;
103
- 'touch-action': RuleDefinition;
104
- 'word-break': RuleDefinition;
105
- 'word-spacing': RuleDefinition;
106
- 'user-drag': RuleDefinition;
107
- 'user-select': RuleDefinition;
108
- 'text-shadow': RuleDefinition;
109
- 'text-size': RuleDefinition;
110
- 'text-fill-color': RuleDefinition;
111
- 'text-stroke-width': RuleDefinition;
112
- 'text-stroke-color': RuleDefinition;
113
- 'text-stroke': RuleDefinition;
114
- 'box-shadow': RuleDefinition;
115
- 'table-layout': RuleDefinition;
116
- 'transform-box': RuleDefinition;
117
- 'transform-style': RuleDefinition;
118
- 'transform-origin': RuleDefinition;
119
- transform: RuleDefinition;
120
- 'transition-property': RuleDefinition;
121
- 'transition-timing-function': RuleDefinition;
122
- 'transition-duration': RuleDefinition;
123
- 'transition-delay': RuleDefinition;
124
- transition: RuleDefinition;
125
- 'animation-delay': RuleDefinition;
126
- 'animation-direction': RuleDefinition;
127
- 'animation-duration': RuleDefinition;
128
- 'animation-fill-mode': RuleDefinition;
129
- 'animation-iteration-count': RuleDefinition;
130
- 'animation-name': RuleDefinition;
131
- 'animation-play-state': RuleDefinition;
132
- 'animation-timing-function': RuleDefinition;
133
- animation: RuleDefinition;
134
- 'border-collapse': RuleDefinition;
135
- 'border-spacing': RuleDefinition;
136
- 'border-top-color': RuleDefinition;
137
- 'border-bottom-color': RuleDefinition;
138
- 'border-left-color': RuleDefinition;
139
- 'border-right-color': RuleDefinition;
140
- 'border-x-color': RuleDefinition;
141
- 'border-y-color': RuleDefinition;
142
- 'border-color': RuleDefinition;
143
- 'border-top-left-radius': RuleDefinition;
144
- 'border-top-right-radius': RuleDefinition;
145
- 'border-bottom-left-radius': RuleDefinition;
146
- 'border-bottom-right-radius': RuleDefinition;
147
- 'border-top-radius': RuleDefinition;
148
- 'border-bottom-radius': RuleDefinition;
149
- 'border-left-radius': RuleDefinition;
150
- 'border-right-radius': RuleDefinition;
151
- 'border-radius': RuleDefinition;
152
- 'border-top-style': RuleDefinition;
153
- 'border-bottom-style': RuleDefinition;
154
- 'border-left-style': RuleDefinition;
155
- 'border-right-style': RuleDefinition;
156
- 'border-x-style': RuleDefinition;
157
- 'border-y-style': RuleDefinition;
158
- 'border-style': RuleDefinition;
159
- 'border-top-width': RuleDefinition;
160
- 'border-bottom-width': RuleDefinition;
161
- 'border-left-width': RuleDefinition;
162
- 'border-right-width': RuleDefinition;
163
- 'border-x-width': RuleDefinition;
164
- 'border-y-width': RuleDefinition;
165
- 'border-width': RuleDefinition;
166
- 'border-image-outset': RuleDefinition;
167
- 'border-image-repeat': RuleDefinition;
168
- 'border-image-slice': RuleDefinition;
169
- 'border-image-source': RuleDefinition;
170
- 'border-image-width': RuleDefinition;
171
- 'border-image': RuleDefinition;
172
- 'border-top': RuleDefinition;
173
- 'border-bottom': RuleDefinition;
174
- 'border-left': RuleDefinition;
175
- 'border-right': RuleDefinition;
176
- 'border-x': RuleDefinition;
177
- 'border-y': RuleDefinition;
178
- border: RuleDefinition;
179
- 'background-attachment': RuleDefinition;
180
- 'background-blend-mode': RuleDefinition;
181
- 'background-color': RuleDefinition;
182
- 'background-clip': RuleDefinition;
183
- 'background-origin': RuleDefinition;
184
- 'background-position': RuleDefinition;
185
- 'background-repeat': RuleDefinition;
186
- 'background-size': RuleDefinition;
187
- 'background-image': RuleDefinition;
188
- background: RuleDefinition;
189
- gradient: RuleDefinition;
190
- 'mix-blend-mode': RuleDefinition;
191
- 'backdrop-filter': RuleDefinition;
192
- filter: RuleDefinition;
193
- fill: RuleDefinition;
194
- 'stroke-dasharray': RuleDefinition;
195
- 'stroke-dashoffset': RuleDefinition;
196
- 'stroke-width': RuleDefinition;
197
- stroke: RuleDefinition;
198
- x: RuleDefinition;
199
- y: RuleDefinition;
200
- cx: RuleDefinition;
201
- cy: RuleDefinition;
202
- rx: RuleDefinition;
203
- ry: RuleDefinition;
204
- 'grid-column-start': RuleDefinition;
205
- 'grid-column-end': RuleDefinition;
206
- 'grid-column': RuleDefinition;
207
- 'grid-columns': RuleDefinition;
208
- 'grid-row-start': RuleDefinition;
209
- 'grid-row-end': RuleDefinition;
210
- 'grid-row': RuleDefinition;
211
- 'grid-rows': RuleDefinition;
212
- 'grid-auto-columns': RuleDefinition;
213
- 'grid-auto-flow': RuleDefinition;
214
- 'grid-auto-rows': RuleDefinition;
215
- 'grid-template-areas': RuleDefinition;
216
- 'grid-template-columns': RuleDefinition;
217
- 'grid-template-rows': RuleDefinition;
218
- 'grid-template': RuleDefinition;
219
- 'grid-area': RuleDefinition;
220
- grid: RuleDefinition;
221
- 'column-gap': RuleDefinition;
222
- 'row-gap': RuleDefinition;
223
- gap: RuleDefinition;
224
- order: RuleDefinition;
225
- 'break-inside': RuleDefinition;
226
- 'break-before': RuleDefinition;
227
- 'break-after': RuleDefinition;
228
- 'aspect-ratio': RuleDefinition;
229
- 'column-span': RuleDefinition;
230
- 'align-content': RuleDefinition;
231
- 'align-items': RuleDefinition;
232
- 'align-self': RuleDefinition;
233
- 'justify-content': RuleDefinition;
234
- 'justify-items': RuleDefinition;
235
- 'justify-self': RuleDefinition;
236
- 'place-content': RuleDefinition;
237
- 'place-items': RuleDefinition;
238
- 'place-self': RuleDefinition;
239
- 'list-style-position': RuleDefinition;
240
- 'list-style-type': RuleDefinition;
241
- 'list-style-image': RuleDefinition;
242
- 'list-style': RuleDefinition;
243
- 'outline-color': RuleDefinition;
244
- 'outline-offset': RuleDefinition;
245
- 'outline-style': RuleDefinition;
246
- 'outline-width': RuleDefinition;
247
- outline: RuleDefinition;
248
- 'accent-color': RuleDefinition;
249
- appearance: RuleDefinition;
250
- 'caret-color': RuleDefinition;
251
- 'scroll-behavior': RuleDefinition;
252
- 'scroll-margin-left': RuleDefinition;
253
- 'scroll-margin-right': RuleDefinition;
254
- 'scroll-margin-top': RuleDefinition;
255
- 'scroll-margin-bottom': RuleDefinition;
256
- 'scroll-margin-x': RuleDefinition;
257
- 'scroll-margin-y': RuleDefinition;
258
- 'scroll-margin': RuleDefinition;
259
- 'scroll-padding-left': RuleDefinition;
260
- 'scroll-padding-right': RuleDefinition;
261
- 'scroll-padding-top': RuleDefinition;
262
- 'scroll-padding-bottom': RuleDefinition;
263
- 'scroll-padding-x': RuleDefinition;
264
- 'scroll-padding-y': RuleDefinition;
265
- 'scroll-padding': RuleDefinition;
266
- 'scroll-snap-align': RuleDefinition;
267
- 'scroll-snap-stop': RuleDefinition;
268
- 'scroll-snap-type': RuleDefinition;
269
- 'will-change': RuleDefinition;
270
- 'writing-mode': RuleDefinition;
271
- direction: RuleDefinition;
272
- 'shape-outside': RuleDefinition;
273
- 'shape-margin': RuleDefinition;
274
- 'shape-image-threshold': RuleDefinition;
275
- 'clip-path': RuleDefinition;
276
- quotes: RuleDefinition;
277
- 'mask-image': RuleDefinition;
278
- };
279
- export default rules;
@@ -1 +0,0 @@
1
- export declare const BASE_UNIT_REGEX: RegExp;
@@ -1 +0,0 @@
1
- export declare const CONFIG_ESM_TEXT = "/** @type {import('@master/css').Config} */\nexport default {\n styles: {},\n rules: {},\n variables: {},\n semantics: {},\n mediaQueries: {},\n animations: {},\n selectors: {},\n functions: {}\n}\n";
@@ -1 +0,0 @@
1
- export declare const CONFIG_TEXT = "/** @type {import('@master/css').Config} */\nmodule.exports = {\n styles: {},\n rules: {},\n variables: {},\n semantics: {},\n mediaQueries: {},\n animations: {},\n selectors: {},\n functions: {}\n}\n";
@@ -1 +0,0 @@
1
- export declare const CONFIG_TS_TEXT = "import type { Config } from '@master/css'\n\nexport default {\n styles: {},\n rules: {},\n variables: {},\n semantics: {},\n mediaQueries: {},\n animations: {},\n selectors: {},\n functions: {}\n} as Config\n";
@@ -1,6 +0,0 @@
1
- export declare const START_SYMBOLS: {
2
- '(': string;
3
- '\'': string;
4
- '"': string;
5
- '{': string;
6
- };
@@ -1 +0,0 @@
1
- export declare function transformColorWithOpacity(color: string, opacityStr: string): string;