@medyll/cssfabric 0.2.0 → 0.2.1-beta.2

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 (173) hide show
  1. package/README.md +58 -38
  2. package/dist/NewMenu.svelte +41 -0
  3. package/dist/NewMenu.svelte.d.ts +19 -0
  4. package/dist/css/animation/animation.css +2 -0
  5. package/dist/css/base/base.css +47 -0
  6. package/dist/css/base/base.min.css +1 -0
  7. package/{styles → dist/css}/box/box.css +118 -0
  8. package/dist/css/box/box.min.css +1 -0
  9. package/{styles → dist/css}/box/box.responsive.css +3063 -1550
  10. package/dist/css/box/box.responsive.min.css +1 -0
  11. package/{styles → dist/css}/color/color.css +11 -9
  12. package/{styles → dist/css}/color/color.responsive.css +3446 -1932
  13. package/dist/css/color/color.responsive.min.css +1 -0
  14. package/dist/css/cssfabric.css +5167 -0
  15. package/dist/css/cssfabric.min.css +4877 -0
  16. package/dist/css/cssfabric.responsive.css +20419 -0
  17. package/dist/css/cssfabric.responsive.min.css +1 -0
  18. package/{styles → dist/css}/flex/flex.css +2 -0
  19. package/{styles → dist/css}/flex/flex.responsive.css +192 -114
  20. package/dist/css/flex/flex.responsive.min.css +1 -0
  21. package/{styles → dist/css}/grid/grid.css +2 -0
  22. package/{styles → dist/css}/grid/grid.responsive.css +230 -212
  23. package/dist/css/grid/grid.responsive.min.css +1 -0
  24. package/{styles → dist/css}/menu/menu.css +2 -0
  25. package/{styles → dist/css}/menu/menu.responsive.css +165 -78
  26. package/dist/css/menu/menu.responsive.min.css +1 -0
  27. package/{styles → dist/css}/overflow/overflow.css +2 -0
  28. package/{styles → dist/css}/overflow/overflow.responsive.css +98 -105
  29. package/dist/css/overflow/overflow.responsive.min.css +1 -0
  30. package/{styles → dist/css}/scale/scale.css +2 -0
  31. package/{styles → dist/css}/scale/scale.responsive.css +1520 -1152
  32. package/dist/css/scale/scale.responsive.min.css +1 -0
  33. package/{styles → dist/css}/table/table.css +2 -0
  34. package/{styles → dist/css}/table/table.responsive.css +162 -86
  35. package/dist/css/table/table.responsive.min.css +1 -0
  36. package/{styles → dist/css}/text/text.css +2 -0
  37. package/{styles → dist/css}/text/text.responsive.css +76 -55
  38. package/dist/css/text/text.responsive.min.css +1 -0
  39. package/{styles → dist/css}/theme/theme.css +51 -0
  40. package/{styles → dist/css}/theme/theme.min.css +1 -1
  41. package/{styles → dist/css}/vars.css +66 -67
  42. package/dist/css/vars.min.css +1 -0
  43. package/{styles → dist/css}/zindex/zindex.css +2 -0
  44. package/dist/cssFabric/config.d.ts +29 -0
  45. package/dist/cssFabric/config.js +29 -0
  46. package/dist/cssFabric/cssFabricSheet.d.ts +1226 -0
  47. package/dist/cssFabric/cssFabricSheet.js +1270 -0
  48. package/dist/cssFabric/cssProperties.d.ts +27 -0
  49. package/dist/cssFabric/cssProperties.js +343 -0
  50. package/dist/cssFabric/cssVariationsAi.d.ts +12 -0
  51. package/dist/cssFabric/cssVariationsAi.js +111 -0
  52. package/dist/cssFabric/index.d.ts +113 -0
  53. package/dist/cssFabric/index.js +341 -0
  54. package/dist/cssf/README.md +197 -0
  55. package/{init/importCssVars.d.ts → dist/cssf/cssf.d.ts} +1 -1
  56. package/dist/cssf/cssf.js +12 -0
  57. package/dist/cssf/cssfGuide.d.ts +14 -0
  58. package/dist/cssf/cssfGuide.js +50 -0
  59. package/dist/cssf/cssfLib.d.ts +134 -0
  60. package/dist/cssf/cssfLib.js +116 -0
  61. package/dist/cssf/cssfModel.d.ts +8 -0
  62. package/dist/cssf/cssfModel.js +59 -0
  63. package/dist/cssf/cssfPlugin.d.ts +3 -0
  64. package/dist/cssf/cssfPlugin.js +37 -0
  65. package/dist/cssf/cssfTransformer.d.ts +2 -0
  66. package/dist/cssf/cssfTransformer.js +100 -0
  67. package/dist/cssf/index.d.ts +6 -0
  68. package/dist/cssf/index.js +7 -0
  69. package/dist/cssfVsCode/.vscode/launch.json +17 -0
  70. package/dist/cssfVsCode/.vscodeignore +4 -0
  71. package/dist/cssfVsCode/CHANGELOG.md +9 -0
  72. package/dist/cssfVsCode/README.md +65 -0
  73. package/dist/cssfVsCode/language-configuration.json +36 -0
  74. package/dist/cssfVsCode/package.json +40 -0
  75. package/dist/cssfVsCode/syntaxes/cssf.tmLanguage.json +1868 -0
  76. package/dist/cssfVsCode/test.cssf +6 -0
  77. package/dist/cssfVsCode/vsc-extension-quickstart.md +29 -0
  78. package/{_generated → dist/generated}/cssFabric.vars.json +4 -4
  79. package/{_generated/export.variables.md → dist/generated/cssFabric.vars.md} +268 -240
  80. package/dist/index.d.ts +119 -0
  81. package/dist/index.js +120 -0
  82. package/dist/scripts/cssfabric.d.ts +24 -0
  83. package/{scripts → dist/scripts}/cssfabric.js +43 -43
  84. package/{scripts → dist/scripts}/cssfabricClassNames.d.ts +14 -14
  85. package/{scripts → dist/scripts}/cssfabricClassNames.js +146 -146
  86. package/dist/scripts/index.d.ts +2 -0
  87. package/{scripts → dist/scripts}/index.js +4 -4
  88. package/{scripts → dist/scripts}/utils.d.ts +5 -5
  89. package/{scripts → dist/scripts}/utils.js +38 -38
  90. package/dist/scss/_utils.scss +203 -0
  91. package/dist/scss/modules/_cssfabric-config.scss +178 -0
  92. package/dist/scss/modules/_mixins.scss +1 -0
  93. package/dist/scss/modules/animation/_animation-vars.scss +17 -0
  94. package/dist/scss/modules/animation/animation.scss +3 -0
  95. package/dist/scss/modules/base/_base-vars.scss +19 -0
  96. package/dist/scss/modules/base/base.scss +58 -0
  97. package/dist/scss/modules/box/_box-build.scss +305 -0
  98. package/dist/scss/modules/box/_box-vars.scss +121 -0
  99. package/dist/scss/modules/box/box-responsive.scss +18 -0
  100. package/dist/scss/modules/box/box.scss +3 -0
  101. package/dist/scss/modules/color/_color-build.scss +196 -0
  102. package/dist/scss/modules/color/_color-vars.scss +80 -0
  103. package/dist/scss/modules/color/color-responsive.scss +23 -0
  104. package/dist/scss/modules/color/color.scss +9 -0
  105. package/dist/scss/modules/css-fabric.scss +1 -0
  106. package/dist/scss/modules/flex/_flex-build.scss +150 -0
  107. package/dist/scss/modules/flex/_flex-vars.scss +84 -0
  108. package/dist/scss/modules/flex/flex-responsive.scss +25 -0
  109. package/dist/scss/modules/flex/flex.scss +3 -0
  110. package/dist/scss/modules/grid/_grid-build.scss +87 -0
  111. package/dist/scss/modules/grid/_grid-vars.scss +88 -0
  112. package/dist/scss/modules/grid/grid-responsive.scss +25 -0
  113. package/dist/scss/modules/grid/grid.scss +6 -0
  114. package/dist/scss/modules/menu/_menu-build.scss +120 -0
  115. package/dist/scss/modules/menu/_menu-vars.scss +29 -0
  116. package/dist/scss/modules/menu/menu-responsive.scss +19 -0
  117. package/dist/scss/modules/menu/menu.scss +6 -0
  118. package/dist/scss/modules/overflow/_overflow-build.scss +22 -0
  119. package/dist/scss/modules/overflow/_overflow-vars.scss +31 -0
  120. package/dist/scss/modules/overflow/overflow-responsive.scss +25 -0
  121. package/dist/scss/modules/overflow/overflow.scss +7 -0
  122. package/dist/scss/modules/scale/_scale-build.scss +142 -0
  123. package/dist/scss/modules/scale/_scale-vars.scss +84 -0
  124. package/dist/scss/modules/scale/scale-responsive.scss +23 -0
  125. package/dist/scss/modules/scale/scale.scss +8 -0
  126. package/dist/scss/modules/table/_table-build.scss +134 -0
  127. package/dist/scss/modules/table/_table-vars.scss +30 -0
  128. package/dist/scss/modules/table/table-responsive.scss +24 -0
  129. package/dist/scss/modules/table/table.scss +8 -0
  130. package/dist/scss/modules/text/_text-build.scss +166 -0
  131. package/dist/scss/modules/text/_text-vars.scss +87 -0
  132. package/dist/scss/modules/text/text-responsive.scss +26 -0
  133. package/dist/scss/modules/text/text.scss +6 -0
  134. package/dist/scss/modules/theme/_theme-build.scss +128 -0
  135. package/dist/scss/modules/theme/_theme-vars.scss +46 -0
  136. package/dist/scss/modules/theme/theme.scss +6 -0
  137. package/dist/scss/modules/vars.scss +46 -0
  138. package/dist/scss/modules/zindex/_zindex-vars.scss +14 -0
  139. package/dist/scss/modules/zindex/zindex.scss +15 -0
  140. package/package.json +70 -113
  141. package/_generated/readme.md +0 -0
  142. package/init/importCssVars.js +0 -2
  143. package/scripts/cssfabric.d.ts +0 -24
  144. package/scripts/index.d.ts +0 -2
  145. package/styles/animation/animation.css +0 -0
  146. package/styles/base/base.css +0 -215
  147. package/styles/base/base.min.css +0 -1
  148. package/styles/box/box.min.css +0 -1
  149. package/styles/box/box.responsive.min.css +0 -1
  150. package/styles/color/color.responsive.min.css +0 -1
  151. package/styles/cssfabric.css +0 -61792
  152. package/styles/cssfabric.min.css +0 -168
  153. package/styles/cssfabric.responsive.css +0 -200596
  154. package/styles/cssfabric.responsive.min.css +0 -108
  155. package/styles/flex/flex.responsive.min.css +0 -1
  156. package/styles/grid/grid.responsive.min.css +0 -1
  157. package/styles/menu/menu.responsive.min.css +0 -1
  158. package/styles/overflow/overflow.responsive.min.css +0 -1
  159. package/styles/scale/scale.responsive.min.css +0 -1
  160. package/styles/table/table.responsive.min.css +0 -1
  161. package/styles/text/text.responsive.min.css +0 -1
  162. package/styles/vars.min.css +0 -1
  163. /package/{styles → dist/css}/animation/animation.min.css +0 -0
  164. /package/{styles → dist/css}/color/color.min.css +0 -0
  165. /package/{styles → dist/css}/flex/flex.min.css +0 -0
  166. /package/{styles → dist/css}/grid/grid.min.css +0 -0
  167. /package/{styles → dist/css}/menu/menu.min.css +0 -0
  168. /package/{styles → dist/css}/overflow/overflow.min.css +0 -0
  169. /package/{styles → dist/css}/scale/scale.min.css +0 -0
  170. /package/{styles → dist/css}/table/table.min.css +0 -0
  171. /package/{styles → dist/css}/text/text.min.css +0 -0
  172. /package/{styles → dist/css}/zindex/zindex.min.css +0 -0
  173. /package/{_generated → dist/scss}/index.d.ts +0 -0
package/dist/index.js ADDED
@@ -0,0 +1,120 @@
1
+ // Reexport of entry components
2
+ export * from './css/animation/animation.css';
3
+ export * from './css/animation/animation.min.css';
4
+ export * from './css/base/base.css';
5
+ export * from './css/base/base.min.css';
6
+ export * from './css/box/box.css';
7
+ export * from './css/box/box.min.css';
8
+ export * from './css/box/box.responsive.css';
9
+ export * from './css/box/box.responsive.min.css';
10
+ export * from './css/color/color.css';
11
+ export * from './css/color/color.min.css';
12
+ export * from './css/color/color.responsive.css';
13
+ export * from './css/color/color.responsive.min.css';
14
+ export * from './css/cssfabric.css';
15
+ export * from './css/cssfabric.min.css';
16
+ export * from './css/cssfabric.responsive.css';
17
+ export * from './css/cssfabric.responsive.min.css';
18
+ export * from './css/flex/flex.css';
19
+ export * from './css/flex/flex.min.css';
20
+ export * from './css/flex/flex.responsive.css';
21
+ export * from './css/flex/flex.responsive.min.css';
22
+ export * from './css/grid/grid.css';
23
+ export * from './css/grid/grid.min.css';
24
+ export * from './css/grid/grid.responsive.css';
25
+ export * from './css/grid/grid.responsive.min.css';
26
+ export * from './css/menu/menu.css';
27
+ export * from './css/menu/menu.min.css';
28
+ export * from './css/menu/menu.responsive.css';
29
+ export * from './css/menu/menu.responsive.min.css';
30
+ export * from './css/overflow/overflow.css';
31
+ export * from './css/overflow/overflow.min.css';
32
+ export * from './css/overflow/overflow.responsive.css';
33
+ export * from './css/overflow/overflow.responsive.min.css';
34
+ export * from './css/scale/scale.css';
35
+ export * from './css/scale/scale.min.css';
36
+ export * from './css/scale/scale.responsive.css';
37
+ export * from './css/scale/scale.responsive.min.css';
38
+ export * from './css/table/table.css';
39
+ export * from './css/table/table.min.css';
40
+ export * from './css/table/table.responsive.css';
41
+ export * from './css/table/table.responsive.min.css';
42
+ export * from './css/text/text.css';
43
+ export * from './css/text/text.min.css';
44
+ export * from './css/text/text.responsive.css';
45
+ export * from './css/text/text.responsive.min.css';
46
+ export * from './css/theme/theme.css';
47
+ export * from './css/theme/theme.min.css';
48
+ export * from './css/vars.css';
49
+ export * from './css/vars.min.css';
50
+ export * from './css/zindex/zindex.css';
51
+ export * from './css/zindex/zindex.min.css';
52
+ export * from './cssf/cssf.js';
53
+ export * from './cssf/cssfGuide.js';
54
+ export * from './cssf/cssfLib.js';
55
+ export * from './cssf/cssfModel.js';
56
+ export * from './cssf/cssfPlugin.js';
57
+ export * from './cssf/cssfTransformer.js';
58
+ export * from './cssf/index.js';
59
+ export * from './cssFabric/config.js';
60
+ export * from './cssFabric/cssFabricSheet.js';
61
+ export * from './cssFabric/cssProperties.js';
62
+ export * from './cssFabric/cssVariationsAi.js';
63
+ export * from './cssFabric/index.js';
64
+ export * from './index.js';
65
+ export { default as NewMenu } from './NewMenu.svelte';
66
+ export * from './scripts/cssfabric.js';
67
+ export * from './scripts/cssfabricClassNames.js';
68
+ export * from './scripts/index.js';
69
+ export * from './scripts/utils.js';
70
+ export * from './scss/_utils.scss';
71
+ export * from './scss/index.d.js';
72
+ export * from './scss/modules/_cssfabric-config.scss';
73
+ export * from './scss/modules/_mixins.scss';
74
+ export * from './scss/modules/animation/_animation-vars.scss';
75
+ export * from './scss/modules/animation/animation.scss';
76
+ export * from './scss/modules/base/_base-vars.scss';
77
+ export * from './scss/modules/base/base.scss';
78
+ export * from './scss/modules/box/_box-build.scss';
79
+ export * from './scss/modules/box/_box-vars.scss';
80
+ export * from './scss/modules/box/box-responsive.scss';
81
+ export * from './scss/modules/box/box.scss';
82
+ export * from './scss/modules/color/_color-build.scss';
83
+ export * from './scss/modules/color/_color-vars.scss';
84
+ export * from './scss/modules/color/color-responsive.scss';
85
+ export * from './scss/modules/color/color.scss';
86
+ export * from './scss/modules/css-fabric.scss';
87
+ export * from './scss/modules/flex/_flex-build.scss';
88
+ export * from './scss/modules/flex/_flex-vars.scss';
89
+ export * from './scss/modules/flex/flex-responsive.scss';
90
+ export * from './scss/modules/flex/flex.scss';
91
+ export * from './scss/modules/grid/_grid-build.scss';
92
+ export * from './scss/modules/grid/_grid-vars.scss';
93
+ export * from './scss/modules/grid/grid-responsive.scss';
94
+ export * from './scss/modules/grid/grid.scss';
95
+ export * from './scss/modules/menu/_menu-build.scss';
96
+ export * from './scss/modules/menu/_menu-vars.scss';
97
+ export * from './scss/modules/menu/menu-responsive.scss';
98
+ export * from './scss/modules/menu/menu.scss';
99
+ export * from './scss/modules/overflow/_overflow-build.scss';
100
+ export * from './scss/modules/overflow/_overflow-vars.scss';
101
+ export * from './scss/modules/overflow/overflow-responsive.scss';
102
+ export * from './scss/modules/overflow/overflow.scss';
103
+ export * from './scss/modules/scale/_scale-build.scss';
104
+ export * from './scss/modules/scale/_scale-vars.scss';
105
+ export * from './scss/modules/scale/scale-responsive.scss';
106
+ export * from './scss/modules/scale/scale.scss';
107
+ export * from './scss/modules/table/_table-build.scss';
108
+ export * from './scss/modules/table/_table-vars.scss';
109
+ export * from './scss/modules/table/table-responsive.scss';
110
+ export * from './scss/modules/table/table.scss';
111
+ export * from './scss/modules/text/_text-build.scss';
112
+ export * from './scss/modules/text/_text-vars.scss';
113
+ export * from './scss/modules/text/text-responsive.scss';
114
+ export * from './scss/modules/text/text.scss';
115
+ export * from './scss/modules/theme/_theme-build.scss';
116
+ export * from './scss/modules/theme/_theme-vars.scss';
117
+ export * from './scss/modules/theme/theme.scss';
118
+ export * from './scss/modules/vars.scss';
119
+ export * from './scss/modules/zindex/_zindex-vars.scss';
120
+ export * from './scss/modules/zindex/zindex.scss';
@@ -0,0 +1,24 @@
1
+ export type IFabricConfModulePart = Record<string, any>;
2
+ export type IFabricConfModuleDataPart = Record<string, any>;
3
+ export type IFabricConfModuleMetaDataPart = Record<string, any>;
4
+ export type IFabricConfModuleDocsPart = Record<string, any>;
5
+ export type TFabricConfModuleDocsAttributesPart = Record<string, any>;
6
+ declare const _default: {
7
+ getModuleList: () => Record<string, any>;
8
+ getModuleConfig: (module?: string | undefined) => IFabricConfModulePart;
9
+ getModuleData: (module?: string | undefined) => IFabricConfModuleDataPart;
10
+ getModuleMetaData: (module?: string | undefined) => IFabricConfModuleMetaDataPart;
11
+ getModuleDocs: (module?: string | undefined) => IFabricConfModuleDocsPart;
12
+ getModuleDocsAttributes: (module?: string | undefined) => TFabricConfModuleDocsAttributesPart;
13
+ getClassNames: {
14
+ getModuleTagClassNames: (props: import("./cssfabricClassNames.js").IListCssfabricClassNamesProps) => Record<string, any> | string[];
15
+ getModuleTagDebug: (props: import("./cssfabricClassNames.js").IListCssfabricClassNamesProps) => Record<string, any> | string[];
16
+ };
17
+ getModuleClassNames: {
18
+ getModuleTagClassNames: (props: import("./cssfabricClassNames.js").IListCssfabricClassNamesProps) => Record<string, any> | string[];
19
+ getModuleTagDebug: (props: import("./cssfabricClassNames.js").IListCssfabricClassNamesProps) => Record<string, any> | string[];
20
+ };
21
+ getModuleTagClassNames: (props: import("./cssfabricClassNames.js").IListCssfabricClassNamesProps) => Record<string, any> | string[];
22
+ getModuleTagDebug: (props: import("./cssfabricClassNames.js").IListCssfabricClassNamesProps) => Record<string, any> | string[];
23
+ };
24
+ export default _default;
@@ -1,43 +1,43 @@
1
- import jsonConfig from "../_generated/cssFabric.vars.json";
2
- import cssfabricClassNames from "./cssfabricClassNames";
3
- //
4
- const getModuleList = () => {
5
- return jsonConfig["cssfabric"]?.["modules"] || {};
6
- };
7
- const getModuleConfig = (module) => {
8
- if (module)
9
- return jsonConfig["cssfabric"]?.["modules"]?.[module] || {};
10
- return jsonConfig;
11
- };
12
- const getModuleData = (module) => {
13
- if (module)
14
- return jsonConfig["cssfabric"]?.["modules"]?.[module]?.["_data"] || {};
15
- return jsonConfig;
16
- };
17
- const getModuleMetaData = (module) => {
18
- if (module)
19
- return jsonConfig["cssfabric"]?.["modules"]?.[module]?.["_metadata"] || {};
20
- return jsonConfig;
21
- };
22
- const getModuleDocs = (module) => {
23
- if (module)
24
- return jsonConfig["cssfabric"]?.["modules"]?.[module]?.["_docs"] || {};
25
- return jsonConfig;
26
- };
27
- const getModuleDocsAttributes = (module) => {
28
- if (module)
29
- return jsonConfig["cssfabric"]?.["modules"]?.[module]?.["_docs"]?.["attributes"] || {};
30
- return jsonConfig;
31
- };
32
- export default {
33
- getModuleList,
34
- getModuleConfig,
35
- getModuleData,
36
- getModuleMetaData,
37
- getModuleDocs,
38
- getModuleDocsAttributes,
39
- getClassNames: cssfabricClassNames,
40
- getModuleClassNames: cssfabricClassNames,
41
- getModuleTagClassNames: cssfabricClassNames.getModuleTagClassNames,
42
- getModuleTagDebug: cssfabricClassNames.getModuleTagDebug,
43
- };
1
+ import jsonConfig from '../generated/cssFabric.vars.json';
2
+ import cssfabricClassNames from './cssfabricClassNames.js';
3
+ //
4
+ const getModuleList = () => {
5
+ return jsonConfig['cssfabric']?.['modules'] || {};
6
+ };
7
+ const getModuleConfig = (module) => {
8
+ if (module)
9
+ return jsonConfig['cssfabric']?.['modules']?.[module] || {};
10
+ return jsonConfig;
11
+ };
12
+ const getModuleData = (module) => {
13
+ if (module)
14
+ return jsonConfig['cssfabric']?.['modules']?.[module]?.['_data'] || {};
15
+ return jsonConfig;
16
+ };
17
+ const getModuleMetaData = (module) => {
18
+ if (module)
19
+ return jsonConfig['cssfabric']?.['modules']?.[module]?.['_metadata'] || {};
20
+ return jsonConfig;
21
+ };
22
+ const getModuleDocs = (module) => {
23
+ if (module)
24
+ return jsonConfig['cssfabric']?.['modules']?.[module]?.['_docs'] || {};
25
+ return jsonConfig;
26
+ };
27
+ const getModuleDocsAttributes = (module) => {
28
+ if (module)
29
+ return jsonConfig['cssfabric']?.['modules']?.[module]?.['_docs']?.['attributes'] || {};
30
+ return jsonConfig;
31
+ };
32
+ export default {
33
+ getModuleList,
34
+ getModuleConfig,
35
+ getModuleData,
36
+ getModuleMetaData,
37
+ getModuleDocs,
38
+ getModuleDocsAttributes,
39
+ getClassNames: cssfabricClassNames,
40
+ getModuleClassNames: cssfabricClassNames,
41
+ getModuleTagClassNames: cssfabricClassNames.getModuleTagClassNames,
42
+ getModuleTagDebug: cssfabricClassNames.getModuleTagDebug
43
+ };
@@ -1,14 +1,14 @@
1
- export interface IListCssfabricClassNamesProps {
2
- module: string;
3
- moduleAttribute: any;
4
- outputStyle?: 'default' | 'debug';
5
- }
6
- export interface ILoopIt {
7
- module: string;
8
- }
9
- declare function cssfabricClassNames(props: IListCssfabricClassNamesProps): Record<string, any>;
10
- declare const _default: {
11
- getModuleTagClassNames: typeof cssfabricClassNames;
12
- getModuleTagDebug: (props: IListCssfabricClassNamesProps) => Record<string, any>;
13
- };
14
- export default _default;
1
+ export interface IListCssfabricClassNamesProps {
2
+ module: string;
3
+ moduleAttribute: any;
4
+ outputStyle?: 'default' | 'debug';
5
+ }
6
+ export interface ILoopIt {
7
+ module: string;
8
+ }
9
+ declare function cssfabricClassNames(props: IListCssfabricClassNamesProps): Record<string, any> | string[];
10
+ declare const _default: {
11
+ getModuleTagClassNames: typeof cssfabricClassNames;
12
+ getModuleTagDebug: (props: IListCssfabricClassNamesProps) => Record<string, any> | string[];
13
+ };
14
+ export default _default;
@@ -1,146 +1,146 @@
1
- import cssfabric from "./cssfabric";
2
- import utils from "./utils";
3
- function loopIt(props) {
4
- const { module } = props;
5
- const moduleAttributes = cssfabric.getModuleDocsAttributes(module);
6
- }
7
- function cssfabricClassNames(props) {
8
- const { module, moduleAttribute, outputStyle } = props;
9
- const moduleAttributes = cssfabric.getModuleDocsAttributes(module);
10
- const fabricAttributes = moduleAttributes[moduleAttribute];
11
- const moduleTag = fabricAttributes["tag"];
12
- const moduleKeys = fabricAttributes["keys"] || undefined;
13
- const moduleLevels = fabricAttributes["levels"] || undefined;
14
- const moduleLevelsLinked = fabricAttributes["levelsLinked"] || undefined;
15
- const moduleLevelsExtended = fabricAttributes["levelsDeclin"] || undefined;
16
- const moduleClassNames = fabricAttributes["classNames"] || undefined;
17
- let finalOutput = [];
18
- let finalOutputDebug = {};
19
- return doParse(outputStyle);
20
- function doParse(mode) {
21
- let keyList, levelList, levelListLinked, levelListDeclin;
22
- const finalOut = [];
23
- const debugOut = {};
24
- if (moduleKeys && moduleKeys.length) {
25
- // beware of any [][]
26
- keyList = concatenateWithKey(moduleTag, moduleKeys);
27
- }
28
- if (moduleLevels && Object.keys(moduleLevels).length) { // object !!!
29
- levelList = Object.keys(moduleLevels).map((level) => {
30
- let val = moduleLevels[level];
31
- return concatenateWithKey(level, val);
32
- }).flat();
33
- }
34
- if (moduleLevelsLinked && Object.keys(moduleLevelsLinked).length) {
35
- levelListLinked = Object.keys(moduleLevelsLinked).map((level) => {
36
- let val = moduleLevelsLinked[level];
37
- return concatenateWithKey(level, val);
38
- }).flat();
39
- }
40
- if (moduleLevelsExtended && Object.keys(moduleLevelsExtended).length) {
41
- levelListDeclin = Object.keys(moduleLevelsExtended).map((level) => {
42
- let val = moduleLevelsLinked[level];
43
- return concatenateWithKey(level, val);
44
- }).flat();
45
- }
46
- // prefix all now , and link
47
- // colors :
48
- if (keyList && !moduleLevels && !moduleLevelsLinked) {
49
- // export
50
- finalOut.push(keyList);
51
- registerDebug('default', keyList);
52
- }
53
- if (moduleKeys && (moduleLevels || moduleLevelsLinked)) {
54
- // base
55
- if (moduleLevels) {
56
- let tg = keyList.map(x => {
57
- let tre = Object.keys(moduleLevels).map((level) => {
58
- let val = moduleLevels[level];
59
- let debugKey = (x !== '_' && x.toString().charAt(0) !== '_') ? x : level;
60
- debugKey = (level.toString().charAt(0) === '_') ? debugKey : debugKey + '-' + level;
61
- registerDebug(x, concatenateWithKey(debugKey, val), level);
62
- return concatenateWithKey(level, val);
63
- }).flat(4);
64
- return concatenateWithKey(x, tre);
65
- });
66
- // is it declinated ? only colors, so nope
67
- // export
68
- finalOut.push(tg.flat());
69
- }
70
- // if moduleLevelsLinked // only color ?
71
- if (moduleLevelsLinked) {
72
- //
73
- let yt = Object.values(moduleKeys).map(moduleKey => {
74
- if (moduleKeys.includes(moduleKey)) {
75
- let out = [];
76
- // linked are here !!
77
- registerDebug('linked', concatenateWithKey(moduleTag + '-' + moduleKey, moduleLevelsLinked[moduleKey]), moduleKey);
78
- out.push(concatenateWithKey(moduleKey, moduleLevelsLinked[moduleKey]));
79
- // is it declinated ?
80
- if (moduleLevelsExtended && moduleLevelsExtended[moduleKey]) {
81
- //
82
- out.push(moduleLevelsLinked[moduleKey].map((z) => {
83
- // iddem
84
- registerDebug('declinated', concatenateWithKey(moduleTag + '-' + moduleKey + '-' + z, moduleLevelsExtended[moduleKey]), z);
85
- return concatenateWithKey(z, moduleLevelsExtended[moduleKey]);
86
- }).flat(2));
87
- }
88
- // flatten for group here
89
- return out.flat(2);
90
- }
91
- }).flat();
92
- // export
93
- finalOut.push(concatenateWithKey(moduleTag, yt));
94
- }
95
- if (levelListDeclin) {
96
- } // only colors ? don't go there
97
- }
98
- if (!keyList && levelList) {
99
- // export
100
- let kkk = concatenateWithKey(moduleTag, levelList);
101
- finalOut.push(kkk);
102
- }
103
- if (moduleClassNames) {
104
- let kk = parseClassNames();
105
- let kkk = concatenateWithKey(moduleTag, kk);
106
- registerDebug('classnames', kk);
107
- // export
108
- finalOut.push(kkk);
109
- }
110
- if (mode && mode === 'debug') {
111
- return finalOutputDebug;
112
- }
113
- else {
114
- return finalOut.flat(2);
115
- }
116
- }
117
- function registerDebug(tag, data, nestedTag) {
118
- if (nestedTag) {
119
- if (!finalOutputDebug[tag])
120
- finalOutputDebug[tag] = {};
121
- finalOutputDebug[tag][nestedTag] = finalOutputDebug[tag][nestedTag] ? finalOutputDebug[tag][nestedTag].concat(data) : data;
122
- }
123
- else {
124
- finalOutputDebug[tag] = finalOutputDebug[tag] ? finalOutputDebug[tag].concat(data) : data;
125
- }
126
- }
127
- function parseClassNames() {
128
- return Object.keys(moduleClassNames).map((klass) => {
129
- return concatenateWithKey(klass, moduleClassNames[klass]);
130
- }).flat();
131
- }
132
- function concatenateWithKey(key, levelLine) {
133
- return levelLine.map((levelTag) => {
134
- return [key, levelTag].filter((val) => {
135
- return (val !== '_' && val.toString().charAt(0) !== '_');
136
- }).filter(x => Boolean(x)).join('-');
137
- });
138
- }
139
- }
140
- export default {
141
- getModuleTagClassNames: cssfabricClassNames,
142
- getModuleTagDebug: function doIt(props) {
143
- props.outputStyle = 'debug';
144
- return cssfabricClassNames(props);
145
- }
146
- };
1
+ import cssfabric from "./cssfabric";
2
+ import utils from "./utils";
3
+ function loopIt(props) {
4
+ const { module } = props;
5
+ const moduleAttributes = cssfabric.getModuleDocsAttributes(module);
6
+ }
7
+ function cssfabricClassNames(props) {
8
+ const { module, moduleAttribute, outputStyle } = props;
9
+ const moduleAttributes = cssfabric.getModuleDocsAttributes(module);
10
+ const fabricAttributes = moduleAttributes[moduleAttribute];
11
+ const moduleTag = fabricAttributes["tag"];
12
+ const moduleKeys = fabricAttributes["keys"] || undefined;
13
+ const moduleLevels = fabricAttributes["levels"] || undefined;
14
+ const moduleLevelsLinked = fabricAttributes["levelsLinked"] || undefined;
15
+ const moduleLevelsExtended = fabricAttributes["levelsDeclin"] || undefined;
16
+ const moduleClassNames = fabricAttributes["classNames"] || undefined;
17
+ let finalOutput = [];
18
+ let finalOutputDebug = {};
19
+ return doParse(outputStyle);
20
+ function doParse(mode) {
21
+ let keyList, levelList, levelListLinked, levelListDeclin;
22
+ const finalOut = [];
23
+ const debugOut = {};
24
+ if (moduleKeys && moduleKeys.length) {
25
+ // beware of any [][]
26
+ keyList = concatenateWithKey(moduleTag, moduleKeys);
27
+ }
28
+ if (moduleLevels && Object.keys(moduleLevels).length) { // object !!!
29
+ levelList = Object.keys(moduleLevels).map((level) => {
30
+ let val = moduleLevels[level];
31
+ return concatenateWithKey(level, val);
32
+ }).flat();
33
+ }
34
+ if (moduleLevelsLinked && Object.keys(moduleLevelsLinked).length) {
35
+ levelListLinked = Object.keys(moduleLevelsLinked).map((level) => {
36
+ let val = moduleLevelsLinked[level];
37
+ return concatenateWithKey(level, val);
38
+ }).flat();
39
+ }
40
+ if (moduleLevelsExtended && Object.keys(moduleLevelsExtended).length) {
41
+ levelListDeclin = Object.keys(moduleLevelsExtended).map((level) => {
42
+ let val = moduleLevelsLinked[level];
43
+ return concatenateWithKey(level, val);
44
+ }).flat();
45
+ }
46
+ // prefix all now , and link
47
+ // colors :
48
+ if (keyList && !moduleLevels && !moduleLevelsLinked) {
49
+ // export
50
+ finalOut.push(keyList);
51
+ registerDebug('default', keyList);
52
+ }
53
+ if (moduleKeys && (moduleLevels || moduleLevelsLinked)) {
54
+ // base
55
+ if (moduleLevels) {
56
+ let tg = keyList.map(x => {
57
+ let tre = Object.keys(moduleLevels).map((level) => {
58
+ let val = moduleLevels[level];
59
+ let debugKey = (x !== '_' && x.toString().charAt(0) !== '_') ? x : level;
60
+ debugKey = (level.toString().charAt(0) === '_') ? debugKey : debugKey + '-' + level;
61
+ registerDebug(x, concatenateWithKey(debugKey, val), level);
62
+ return concatenateWithKey(level, val);
63
+ }).flat(4);
64
+ return concatenateWithKey(x, tre);
65
+ });
66
+ // is it declinated ? only colors, so nope
67
+ // export
68
+ finalOut.push(tg.flat());
69
+ }
70
+ // if moduleLevelsLinked // only color ?
71
+ if (moduleLevelsLinked) {
72
+ //
73
+ let yt = Object.values(moduleKeys).map(moduleKey => {
74
+ if (moduleKeys.includes(moduleKey)) {
75
+ let out = [];
76
+ // linked are here !!
77
+ registerDebug('linked', concatenateWithKey(moduleTag + '-' + moduleKey, moduleLevelsLinked[moduleKey]), moduleKey);
78
+ out.push(concatenateWithKey(moduleKey, moduleLevelsLinked[moduleKey]));
79
+ // is it declinated ?
80
+ if (moduleLevelsExtended && moduleLevelsExtended[moduleKey]) {
81
+ //
82
+ out.push(moduleLevelsLinked[moduleKey].map((z) => {
83
+ // iddem
84
+ registerDebug('declinated', concatenateWithKey(moduleTag + '-' + moduleKey + '-' + z, moduleLevelsExtended[moduleKey]), z);
85
+ return concatenateWithKey(z, moduleLevelsExtended[moduleKey]);
86
+ }).flat(2));
87
+ }
88
+ // flatten for group here
89
+ return out.flat(2);
90
+ }
91
+ }).flat();
92
+ // export
93
+ finalOut.push(concatenateWithKey(moduleTag, yt));
94
+ }
95
+ if (levelListDeclin) {
96
+ } // only colors ? don't go there
97
+ }
98
+ if (!keyList && levelList) {
99
+ // export
100
+ let kkk = concatenateWithKey(moduleTag, levelList);
101
+ finalOut.push(kkk);
102
+ }
103
+ if (moduleClassNames) {
104
+ let kk = parseClassNames();
105
+ let kkk = concatenateWithKey(moduleTag, kk);
106
+ registerDebug('classnames', kk);
107
+ // export
108
+ finalOut.push(kkk);
109
+ }
110
+ if (mode && mode === 'debug') {
111
+ return finalOutputDebug;
112
+ }
113
+ else {
114
+ return finalOut.flat(2);
115
+ }
116
+ }
117
+ function registerDebug(tag, data, nestedTag) {
118
+ if (nestedTag) {
119
+ if (!finalOutputDebug[tag])
120
+ finalOutputDebug[tag] = {};
121
+ finalOutputDebug[tag][nestedTag] = finalOutputDebug[tag][nestedTag] ? finalOutputDebug[tag][nestedTag].concat(data) : data;
122
+ }
123
+ else {
124
+ finalOutputDebug[tag] = finalOutputDebug[tag] ? finalOutputDebug[tag].concat(data) : data;
125
+ }
126
+ }
127
+ function parseClassNames() {
128
+ return Object.keys(moduleClassNames).map((klass) => {
129
+ return concatenateWithKey(klass, moduleClassNames[klass]);
130
+ }).flat();
131
+ }
132
+ function concatenateWithKey(key, levelLine) {
133
+ return levelLine.map((levelTag) => {
134
+ return [key, levelTag].filter((val) => {
135
+ return (val !== '_' && val.toString().charAt(0) !== '_');
136
+ }).filter(x => Boolean(x)).join('-');
137
+ });
138
+ }
139
+ }
140
+ export default {
141
+ getModuleTagClassNames: cssfabricClassNames,
142
+ getModuleTagDebug: function doIt(props) {
143
+ props.outputStyle = 'debug';
144
+ return cssfabricClassNames(props);
145
+ }
146
+ };
@@ -0,0 +1,2 @@
1
+ declare function buildReadme(vars: string): string;
2
+ export default buildReadme;
@@ -1,4 +1,4 @@
1
- function buildReadme(vars) {
2
- return "readme";
3
- }
4
- export default buildReadme;
1
+ function buildReadme(vars) {
2
+ return "readme";
3
+ }
4
+ export default buildReadme;
@@ -1,5 +1,5 @@
1
- declare const utils: {
2
- isArrayOfTypes: (arr: any) => any;
3
- isObjectOfTypes: (arr: any) => any;
4
- };
5
- export default utils;
1
+ declare const utils: {
2
+ isArrayOfTypes: (arr: any) => any;
3
+ isObjectOfTypes: (arr: any) => any;
4
+ };
5
+ export default utils;