@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.
- package/README.md +58 -38
- package/dist/NewMenu.svelte +41 -0
- package/dist/NewMenu.svelte.d.ts +19 -0
- package/dist/css/animation/animation.css +2 -0
- package/dist/css/base/base.css +47 -0
- package/dist/css/base/base.min.css +1 -0
- package/{styles → dist/css}/box/box.css +118 -0
- package/dist/css/box/box.min.css +1 -0
- package/{styles → dist/css}/box/box.responsive.css +3063 -1550
- package/dist/css/box/box.responsive.min.css +1 -0
- package/{styles → dist/css}/color/color.css +11 -9
- package/{styles → dist/css}/color/color.responsive.css +3446 -1932
- package/dist/css/color/color.responsive.min.css +1 -0
- package/dist/css/cssfabric.css +5167 -0
- package/dist/css/cssfabric.min.css +4877 -0
- package/dist/css/cssfabric.responsive.css +20419 -0
- package/dist/css/cssfabric.responsive.min.css +1 -0
- package/{styles → dist/css}/flex/flex.css +2 -0
- package/{styles → dist/css}/flex/flex.responsive.css +192 -114
- package/dist/css/flex/flex.responsive.min.css +1 -0
- package/{styles → dist/css}/grid/grid.css +2 -0
- package/{styles → dist/css}/grid/grid.responsive.css +230 -212
- package/dist/css/grid/grid.responsive.min.css +1 -0
- package/{styles → dist/css}/menu/menu.css +2 -0
- package/{styles → dist/css}/menu/menu.responsive.css +165 -78
- package/dist/css/menu/menu.responsive.min.css +1 -0
- package/{styles → dist/css}/overflow/overflow.css +2 -0
- package/{styles → dist/css}/overflow/overflow.responsive.css +98 -105
- package/dist/css/overflow/overflow.responsive.min.css +1 -0
- package/{styles → dist/css}/scale/scale.css +2 -0
- package/{styles → dist/css}/scale/scale.responsive.css +1520 -1152
- package/dist/css/scale/scale.responsive.min.css +1 -0
- package/{styles → dist/css}/table/table.css +2 -0
- package/{styles → dist/css}/table/table.responsive.css +162 -86
- package/dist/css/table/table.responsive.min.css +1 -0
- package/{styles → dist/css}/text/text.css +2 -0
- package/{styles → dist/css}/text/text.responsive.css +76 -55
- package/dist/css/text/text.responsive.min.css +1 -0
- package/{styles → dist/css}/theme/theme.css +51 -0
- package/{styles → dist/css}/theme/theme.min.css +1 -1
- package/{styles → dist/css}/vars.css +66 -67
- package/dist/css/vars.min.css +1 -0
- package/{styles → dist/css}/zindex/zindex.css +2 -0
- package/dist/cssFabric/config.d.ts +29 -0
- package/dist/cssFabric/config.js +29 -0
- package/dist/cssFabric/cssFabricSheet.d.ts +1226 -0
- package/dist/cssFabric/cssFabricSheet.js +1270 -0
- package/dist/cssFabric/cssProperties.d.ts +27 -0
- package/dist/cssFabric/cssProperties.js +343 -0
- package/dist/cssFabric/cssVariationsAi.d.ts +12 -0
- package/dist/cssFabric/cssVariationsAi.js +111 -0
- package/dist/cssFabric/index.d.ts +113 -0
- package/dist/cssFabric/index.js +341 -0
- package/dist/cssf/README.md +197 -0
- package/{init/importCssVars.d.ts → dist/cssf/cssf.d.ts} +1 -1
- package/dist/cssf/cssf.js +12 -0
- package/dist/cssf/cssfGuide.d.ts +14 -0
- package/dist/cssf/cssfGuide.js +50 -0
- package/dist/cssf/cssfLib.d.ts +134 -0
- package/dist/cssf/cssfLib.js +116 -0
- package/dist/cssf/cssfModel.d.ts +8 -0
- package/dist/cssf/cssfModel.js +59 -0
- package/dist/cssf/cssfPlugin.d.ts +3 -0
- package/dist/cssf/cssfPlugin.js +37 -0
- package/dist/cssf/cssfTransformer.d.ts +2 -0
- package/dist/cssf/cssfTransformer.js +100 -0
- package/dist/cssf/index.d.ts +6 -0
- package/dist/cssf/index.js +7 -0
- package/dist/cssfVsCode/.vscode/launch.json +17 -0
- package/dist/cssfVsCode/.vscodeignore +4 -0
- package/dist/cssfVsCode/CHANGELOG.md +9 -0
- package/dist/cssfVsCode/README.md +65 -0
- package/dist/cssfVsCode/language-configuration.json +36 -0
- package/dist/cssfVsCode/package.json +40 -0
- package/dist/cssfVsCode/syntaxes/cssf.tmLanguage.json +1868 -0
- package/dist/cssfVsCode/test.cssf +6 -0
- package/dist/cssfVsCode/vsc-extension-quickstart.md +29 -0
- package/{_generated → dist/generated}/cssFabric.vars.json +4 -4
- package/{_generated/export.variables.md → dist/generated/cssFabric.vars.md} +268 -240
- package/dist/index.d.ts +119 -0
- package/dist/index.js +120 -0
- package/dist/scripts/cssfabric.d.ts +24 -0
- package/{scripts → dist/scripts}/cssfabric.js +43 -43
- package/{scripts → dist/scripts}/cssfabricClassNames.d.ts +14 -14
- package/{scripts → dist/scripts}/cssfabricClassNames.js +146 -146
- package/dist/scripts/index.d.ts +2 -0
- package/{scripts → dist/scripts}/index.js +4 -4
- package/{scripts → dist/scripts}/utils.d.ts +5 -5
- package/{scripts → dist/scripts}/utils.js +38 -38
- package/dist/scss/_utils.scss +203 -0
- package/dist/scss/modules/_cssfabric-config.scss +178 -0
- package/dist/scss/modules/_mixins.scss +1 -0
- package/dist/scss/modules/animation/_animation-vars.scss +17 -0
- package/dist/scss/modules/animation/animation.scss +3 -0
- package/dist/scss/modules/base/_base-vars.scss +19 -0
- package/dist/scss/modules/base/base.scss +58 -0
- package/dist/scss/modules/box/_box-build.scss +305 -0
- package/dist/scss/modules/box/_box-vars.scss +121 -0
- package/dist/scss/modules/box/box-responsive.scss +18 -0
- package/dist/scss/modules/box/box.scss +3 -0
- package/dist/scss/modules/color/_color-build.scss +196 -0
- package/dist/scss/modules/color/_color-vars.scss +80 -0
- package/dist/scss/modules/color/color-responsive.scss +23 -0
- package/dist/scss/modules/color/color.scss +9 -0
- package/dist/scss/modules/css-fabric.scss +1 -0
- package/dist/scss/modules/flex/_flex-build.scss +150 -0
- package/dist/scss/modules/flex/_flex-vars.scss +84 -0
- package/dist/scss/modules/flex/flex-responsive.scss +25 -0
- package/dist/scss/modules/flex/flex.scss +3 -0
- package/dist/scss/modules/grid/_grid-build.scss +87 -0
- package/dist/scss/modules/grid/_grid-vars.scss +88 -0
- package/dist/scss/modules/grid/grid-responsive.scss +25 -0
- package/dist/scss/modules/grid/grid.scss +6 -0
- package/dist/scss/modules/menu/_menu-build.scss +120 -0
- package/dist/scss/modules/menu/_menu-vars.scss +29 -0
- package/dist/scss/modules/menu/menu-responsive.scss +19 -0
- package/dist/scss/modules/menu/menu.scss +6 -0
- package/dist/scss/modules/overflow/_overflow-build.scss +22 -0
- package/dist/scss/modules/overflow/_overflow-vars.scss +31 -0
- package/dist/scss/modules/overflow/overflow-responsive.scss +25 -0
- package/dist/scss/modules/overflow/overflow.scss +7 -0
- package/dist/scss/modules/scale/_scale-build.scss +142 -0
- package/dist/scss/modules/scale/_scale-vars.scss +84 -0
- package/dist/scss/modules/scale/scale-responsive.scss +23 -0
- package/dist/scss/modules/scale/scale.scss +8 -0
- package/dist/scss/modules/table/_table-build.scss +134 -0
- package/dist/scss/modules/table/_table-vars.scss +30 -0
- package/dist/scss/modules/table/table-responsive.scss +24 -0
- package/dist/scss/modules/table/table.scss +8 -0
- package/dist/scss/modules/text/_text-build.scss +166 -0
- package/dist/scss/modules/text/_text-vars.scss +87 -0
- package/dist/scss/modules/text/text-responsive.scss +26 -0
- package/dist/scss/modules/text/text.scss +6 -0
- package/dist/scss/modules/theme/_theme-build.scss +128 -0
- package/dist/scss/modules/theme/_theme-vars.scss +46 -0
- package/dist/scss/modules/theme/theme.scss +6 -0
- package/dist/scss/modules/vars.scss +46 -0
- package/dist/scss/modules/zindex/_zindex-vars.scss +14 -0
- package/dist/scss/modules/zindex/zindex.scss +15 -0
- package/package.json +70 -113
- package/_generated/readme.md +0 -0
- package/init/importCssVars.js +0 -2
- package/scripts/cssfabric.d.ts +0 -24
- package/scripts/index.d.ts +0 -2
- package/styles/animation/animation.css +0 -0
- package/styles/base/base.css +0 -215
- package/styles/base/base.min.css +0 -1
- package/styles/box/box.min.css +0 -1
- package/styles/box/box.responsive.min.css +0 -1
- package/styles/color/color.responsive.min.css +0 -1
- package/styles/cssfabric.css +0 -61792
- package/styles/cssfabric.min.css +0 -168
- package/styles/cssfabric.responsive.css +0 -200596
- package/styles/cssfabric.responsive.min.css +0 -108
- package/styles/flex/flex.responsive.min.css +0 -1
- package/styles/grid/grid.responsive.min.css +0 -1
- package/styles/menu/menu.responsive.min.css +0 -1
- package/styles/overflow/overflow.responsive.min.css +0 -1
- package/styles/scale/scale.responsive.min.css +0 -1
- package/styles/table/table.responsive.min.css +0 -1
- package/styles/text/text.responsive.min.css +0 -1
- package/styles/vars.min.css +0 -1
- /package/{styles → dist/css}/animation/animation.min.css +0 -0
- /package/{styles → dist/css}/color/color.min.css +0 -0
- /package/{styles → dist/css}/flex/flex.min.css +0 -0
- /package/{styles → dist/css}/grid/grid.min.css +0 -0
- /package/{styles → dist/css}/menu/menu.min.css +0 -0
- /package/{styles → dist/css}/overflow/overflow.min.css +0 -0
- /package/{styles → dist/css}/scale/scale.min.css +0 -0
- /package/{styles → dist/css}/table/table.min.css +0 -0
- /package/{styles → dist/css}/text/text.min.css +0 -0
- /package/{styles → dist/css}/zindex/zindex.min.css +0 -0
- /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
|
|
2
|
-
import cssfabricClassNames from
|
|
3
|
-
//
|
|
4
|
-
const getModuleList = () => {
|
|
5
|
-
return jsonConfig[
|
|
6
|
-
};
|
|
7
|
-
const getModuleConfig = (module) => {
|
|
8
|
-
if (module)
|
|
9
|
-
return jsonConfig[
|
|
10
|
-
return jsonConfig;
|
|
11
|
-
};
|
|
12
|
-
const getModuleData = (module) => {
|
|
13
|
-
if (module)
|
|
14
|
-
return jsonConfig[
|
|
15
|
-
return jsonConfig;
|
|
16
|
-
};
|
|
17
|
-
const getModuleMetaData = (module) => {
|
|
18
|
-
if (module)
|
|
19
|
-
return jsonConfig[
|
|
20
|
-
return jsonConfig;
|
|
21
|
-
};
|
|
22
|
-
const getModuleDocs = (module) => {
|
|
23
|
-
if (module)
|
|
24
|
-
return jsonConfig[
|
|
25
|
-
return jsonConfig;
|
|
26
|
-
};
|
|
27
|
-
const getModuleDocsAttributes = (module) => {
|
|
28
|
-
if (module)
|
|
29
|
-
return jsonConfig[
|
|
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
|
+
};
|
|
@@ -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;
|