@zohodesk/react-cli 1.1.14-kubernetes → 1.1.15

Sign up to get free protection for your applications and to get access to all the features.
Files changed (101) hide show
  1. package/.vscode/settings.json +25 -0
  2. package/README.md +294 -16
  3. package/bin/cli.js +30 -55
  4. package/docs/ComposeMinification.md +13 -0
  5. package/docs/CustomChunks.md +12 -9
  6. package/docs/MarkdownParser.md +18 -0
  7. package/docs/ReactLive.md +14 -0
  8. package/docs/SelectorWeight.md +3 -0
  9. package/docs/ValueReplacer.md +27 -0
  10. package/docs/VariableConversion.md +6 -1
  11. package/docs/patternFiltering.md +57 -0
  12. package/lib/common/buildEs.js +12 -0
  13. package/lib/common/runPreProcess.js +71 -0
  14. package/lib/common/splitChunks.js +65 -45
  15. package/lib/common/testPattern.js +9 -11
  16. package/lib/common/valueReplacer.js +1 -3
  17. package/lib/configs/resolvers.js +16 -5
  18. package/lib/configs/webpack.css.umd.config.js +3 -2
  19. package/lib/configs/webpack.dev.config.js +15 -5
  20. package/lib/configs/webpack.docs.config.js +17 -5
  21. package/lib/configs/webpack.impact.config.js +11 -4
  22. package/lib/configs/webpack.prod.config.js +15 -5
  23. package/lib/constants.js +3 -3
  24. package/lib/deprecationLogger.js +40 -0
  25. package/lib/loaderUtils/getCSSLoaders.js +98 -49
  26. package/lib/loaderUtils/tests/windowsModification.test.js +10 -0
  27. package/lib/loaderUtils/windowsModification.js +6 -1
  28. package/lib/loaders/__test__/markdownLoader.spec.js +145 -0
  29. package/lib/loaders/composeLoader.js +298 -0
  30. package/lib/loaders/docsLoader.js +18 -7
  31. package/lib/loaders/markdownLoader.js +71 -0
  32. package/lib/loaders/reactLiveConvertor.js +105 -0
  33. package/lib/loaders/selectorMappingLoader.js +9 -9
  34. package/lib/logger.js +27 -0
  35. package/lib/pluginUtils/getDevPlugins.js +25 -6
  36. package/lib/pluginUtils/getProdPlugins.js +32 -5
  37. package/lib/pluginUtils/getUMDCSSPlugins.js +1 -1
  38. package/lib/pluginUtils/getUMDComponentPlugins.js +1 -1
  39. package/lib/plugins/CustomAttributePlugin.js +82 -0
  40. package/lib/plugins/CustomAttributePlugin.md +35 -0
  41. package/lib/plugins/EFCPlugin.js +9 -9
  42. package/lib/plugins/EFCTemplatePlugin.js +10 -12
  43. package/lib/plugins/EfcResourceCleanupPlugin.js +43 -0
  44. package/lib/plugins/I18NInjectIntoIndexPlugin.js +8 -9
  45. package/lib/plugins/I18nSplitPlugin/I18nDebugPlugin.js +2 -3
  46. package/lib/plugins/I18nSplitPlugin/I18nKeysIdentifer.js +2 -7
  47. package/lib/plugins/I18nSplitPlugin/index.js +1 -1
  48. package/lib/plugins/I18nSplitPlugin/utils/propertiesUtils.js +8 -8
  49. package/lib/plugins/{UglifyCSSPlugin.js → MinifyPlugin.js} +3 -3
  50. package/lib/plugins/ReportGeneratePlugin.js +8 -6
  51. package/lib/plugins/ResourceHintsPlugin.js +13 -3
  52. package/lib/plugins/SelectorPlugin.js +77 -37
  53. package/lib/plugins/StatsPlugin.js +82 -0
  54. package/lib/plugins/UnusedFilesFindPlugin.js +7 -5
  55. package/lib/plugins/VariableConversionCollector.js +40 -101
  56. package/lib/plugins/index.js +7 -7
  57. package/lib/plugins/utils/classHandling.js +35 -0
  58. package/lib/plugins/utils/fileHandling.js +92 -0
  59. package/lib/plugins/utils/tests/fileHandling.test.js +30 -0
  60. package/lib/plugins/variableConvertorUtils.js +133 -0
  61. package/lib/postcss-plugins/EmptyPlugin.js +8 -0
  62. package/lib/postcss-plugins/ExcludePlugin.js +1 -1
  63. package/lib/postcss-plugins/IncludePlugin.js +23 -0
  64. package/lib/postcss-plugins/RTLSplitPlugin.js +4 -10
  65. package/lib/postcss-plugins/SelectorReplace.js +80 -0
  66. package/lib/postcss-plugins/ValueReplacer.js +8 -29
  67. package/lib/postcss-plugins/__test__/selectorReplace.test.js +28 -0
  68. package/lib/postcss-plugins/__test__/valueReplacer.spec.js +43 -0
  69. package/lib/postcss-plugins/hoverActivePlugin.js +0 -6
  70. package/lib/postcss-plugins/variableModificationPlugin/ErrorHandler.js +0 -1
  71. package/lib/postcss-plugins/variableModificationPlugin/index.js +94 -38
  72. package/lib/schemas/index.js +95 -18
  73. package/lib/servers/devBuild.js +13 -11
  74. package/lib/servers/getCliPath.js +3 -5
  75. package/lib/servers/httpsOptions.js +12 -13
  76. package/lib/servers/nowatchserver.js +62 -55
  77. package/lib/servers/requireLocalOrGlobal.js +61 -0
  78. package/lib/servers/server.js +53 -52
  79. package/lib/utils/cssClassNameGenerate.js +70 -13
  80. package/lib/utils/deprecationSupport.js +134 -0
  81. package/lib/utils/getOptions.js +35 -28
  82. package/lib/utils/getServerURL.js +1 -9
  83. package/lib/utils/index.js +14 -12
  84. package/lib/utils/initPreCommitHook.js +5 -5
  85. package/lib/utils/log.js +11 -0
  86. package/lib/utils/object-manipulation.js +88 -0
  87. package/lib/utils/pullOrigin.js +3 -3
  88. package/lib/utils/reinstallDependencies.js +3 -3
  89. package/lib/utils/selectorReplacer.js +47 -0
  90. package/lib/utils/switchBranch.js +4 -2
  91. package/lib/utils/variableConverter.js +104 -0
  92. package/npm-shrinkwrap.json +33485 -0
  93. package/package.json +5 -3
  94. package/templates/docs/all.html +1 -0
  95. package/templates/docs/component.html +1 -0
  96. package/templates/docs/components.html +1 -0
  97. package/templates/docs/css/markdown.css +202 -0
  98. package/templates/docs/css/style.css +136 -169
  99. package/templates/docs/index.html +796 -632
  100. package/lib/plugins/composeCommonPlugin.js +0 -30
  101. package/lib/postcss-plugins/variableModifier.js +0 -244
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/react-cli",
3
- "version": "1.1.14-kubernetes",
3
+ "version": "1.1.15",
4
4
  "description": "A CLI tool for build modern web application and libraries",
5
5
  "scripts": {
6
6
  "init": "node ./lib/utils/init.js",
@@ -40,7 +40,7 @@
40
40
  "@babel/preset-env": "7.11.0",
41
41
  "@babel/preset-react": "7.10.4",
42
42
  "@babel/runtime": "7.11.2",
43
- "@zohodesk/client_packages_group": "1.0.1",
43
+ "@zohodesk/client_packages_group": "1.0.2",
44
44
  "@zohodesk/eslint-plugin-react-performance": "1.0.3",
45
45
  "@zohodesk/eslint-plugin-zsecurity": "0.0.1-beta.4",
46
46
  "@zohodesk/postcss-rtl": "1.5.2",
@@ -58,6 +58,7 @@
58
58
  "compression": "1.7.4",
59
59
  "copy-webpack-plugin": "5.1.2",
60
60
  "css-loader": "4.2.1",
61
+ "debug": "4.3.3",
61
62
  "escodegen": "2.0.0",
62
63
  "eslint": "7.6.0",
63
64
  "eslint-html-reporter": "0.7.4",
@@ -74,10 +75,12 @@
74
75
  "html-webpack-inject-attributes-plugin": "1.0.6",
75
76
  "html-webpack-plugin": "4.3.0",
76
77
  "http-proxy-middleware": "1.0.5",
78
+ "ignore": "5.2.4",
77
79
  "jest": "26.4.0",
78
80
  "jsdom": "16.4.0",
79
81
  "loader-utils": "2.0.0",
80
82
  "lodash-webpack-plugin": "0.11.5",
83
+ "markdown-it": "13.0.1",
81
84
  "mini-css-extract-plugin": "0.10.0",
82
85
  "nock": "13.2.9",
83
86
  "nodemailer": "6.4.11",
@@ -88,7 +91,6 @@
88
91
  "postcss-hash-classname": "0.4.0",
89
92
  "postcss-loader": "3.0.0",
90
93
  "postcss-mobile-hover": "1.0.2",
91
- "postcss-selector-replace": "1.0.2",
92
94
  "react-test-renderer": "16.13.1",
93
95
  "redis": "3.0.2",
94
96
  "redux-mock-store": "1.5.4",
package/templates/docs/all.html CHANGED
@@ -2,6 +2,7 @@
2
2
  <html dir="ltr">
3
3
  <head>
4
4
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
5
+ <link rel="stylesheet" href="./css/markdown.css">
5
6
  <link rel="stylesheet" href="./css/b.min.css">
6
7
  <style>
7
8
  body {
package/templates/docs/component.html CHANGED
@@ -5,6 +5,7 @@
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
6
  <link rel="stylesheet" href="./css/component.css" />
7
7
  <link rel="stylesheet" href="/docs/css/main.css" />
8
+ <link rel="stylesheet" href="./css/markdown.css">
8
9
  </head>
9
10
  <body>
10
11
  <div id="react" class="appContainer"></div>
package/templates/docs/components.html CHANGED
@@ -6,6 +6,7 @@
6
6
  <link rel="stylesheet" href="./css/component.css" />
7
7
  <link rel="stylesheet" href="./css/componentTest.css" />
8
8
  <link rel="stylesheet" href="/docs/css/main.css" />
9
+ <link rel="stylesheet" href="./css/markdown.css">
9
10
  </head>
10
11
  <body>
11
12
  <div id="react" class="ssTest appContainer"></div>
package/templates/docs/css/markdown.css ADDED
@@ -0,0 +1,202 @@
1
+ :root{
2
+ --cli-md-cli-md-base-font-family: -apple-system,system-ui,"Segoe UI",Regular,Helvetica,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
3
+ --cli-md-cli-md-base-colour: #d9dcde;
4
+ }
5
+
6
+ .markDown {
7
+ line-height: 1.6;
8
+ /* margin: 20px; */
9
+ color: #333;
10
+ font-size: 16px;
11
+ }
12
+ .markDown p {
13
+ margin-bottom: 16px;
14
+ line-height:2
15
+ }
16
+
17
+ .markDown h1 {
18
+ box-sizing: border-box;
19
+ color: var(--cli-md-base-colour);
20
+ font-family: var(--cli-md-base-font-family);
21
+ font-size: 2em;
22
+ font-weight: 600;
23
+ line-height: 1.25;
24
+ margin: 24px 0 16px;
25
+ padding-bottom: .3em;
26
+ word-wrap: break-word;
27
+ border-bottom: 1px solid #eaecef
28
+ }
29
+
30
+ .markDown h2 {
31
+ font-size: 1.5em
32
+ }
33
+
34
+ .markDown h2,.markDown h3 {
35
+ box-sizing: border-box;
36
+ color: var(--cli-md-base-colour);
37
+ font-family: var(--cli-md-base-font-family);
38
+ font-weight: 600;
39
+ line-height: 1.25;
40
+ margin-bottom: 16px;
41
+ margin-top: 24px;
42
+ padding-bottom: .3em;
43
+ word-wrap: break-word;
44
+ border-bottom: 1px solid #eaecef
45
+ }
46
+
47
+ .markDown h3 {
48
+ font-size: 1.2em
49
+ }
50
+
51
+ .markDown h4 {
52
+ box-sizing: border-box;
53
+ color: var(--cli-md-base-colour);
54
+ font-family: var(--cli-md-base-font-family);
55
+ font-size: 1em;
56
+ font-weight: 600;
57
+ line-height: 1.25;
58
+ margin-bottom: 16px;
59
+ margin-top: 24px;
60
+ word-wrap: break-word
61
+ }
62
+
63
+ .markDown td,.markDown th {
64
+ border-collapse: collapse;
65
+ box-sizing: border-box;
66
+ color: var(--cli-md-base-colour);
67
+ font-family: var(--cli-md-base-font-family);
68
+ line-height: 24px;
69
+ padding: 6px 13px;
70
+ text-align: -webkit-left;
71
+ word-wrap: break-word;
72
+ border: 1px solid #dfe2e5
73
+ }
74
+
75
+ .markDown th {
76
+ font-weight: 600
77
+ }
78
+
79
+ .markDown tr {
80
+ background-color: #fff;
81
+ border-collapse: collapse;
82
+ box-sizing: border-box;
83
+ color: var(--cli-md-base-colour);
84
+ font-family: var(--cli-md-base-font-family);
85
+ line-height: 24px;
86
+ overflow-wrap: break-word;
87
+ word-wrap: break-word
88
+ }
89
+
90
+ .markDown tr :nth-child(2n) {
91
+ background-color: #f6f8fa
92
+ }
93
+
94
+ .markDown thead {
95
+ font-size: 16px;
96
+ line-height: 1.5;
97
+ word-wrap: break-word;
98
+ border-spacing: 0;
99
+ border-collapse: collapse;
100
+ box-sizing: border-box
101
+ }
102
+
103
+ .markDown table {
104
+ -webkit-border-horizontal-spacing: 0;
105
+ -webkit-border-vertical-spacing: 0;
106
+ border-collapse: collapse;
107
+ box-sizing: border-box;
108
+ color: var(--cli-md-base-colour);
109
+ display: block;
110
+ margin-top: 0;
111
+ overflow: auto;
112
+ width: -webkit-max-content;
113
+ width: -moz-max-content;
114
+ width: max-content
115
+ }
116
+
117
+ .markDown image,.markDown table {
118
+ font-family: var(--cli-md-base-font-family);
119
+ line-height: 24px;
120
+ margin-bottom: 16px;
121
+ max-width: 100%;
122
+ word-wrap: break-word
123
+ }
124
+
125
+ .markDown image {
126
+ background-color: #fff;
127
+ border-style: none;
128
+ color: #0366d6;
129
+ cursor: pointer
130
+ }
131
+
132
+ .markDown ul {
133
+ box-sizing: border-box;
134
+ color: var(--cli-md-base-colour);
135
+ font-family: var(--cli-md-base-font-family);
136
+ line-height: 24px;
137
+ margin-bottom: 16px;
138
+ margin-top: 0;
139
+ padding-left: 2em;
140
+ word-wrap: break-word
141
+ }
142
+
143
+ .markDown ul li {
144
+ list-style: initial
145
+ }
146
+
147
+ .markDown ol li,.markDown ul li {
148
+ box-sizing: border-box;
149
+ color: var(--cli-md-base-colour);
150
+ font-family: var(--cli-md-base-font-family);
151
+ line-height: 24px;
152
+ margin-top: .25em;
153
+ text-align: left;
154
+ word-wrap: break-word
155
+ }
156
+
157
+ .markDown ol li {
158
+ list-style: decimal
159
+ }
160
+
161
+ .markDown pre {
162
+ background-color: #f6f8fa;
163
+ line-height: 1.45;
164
+ margin-bottom: 16px;
165
+ margin-top: 0;
166
+ overflow: auto;
167
+ overflow-wrap: normal;
168
+ padding: 16px;
169
+ white-space: pre;
170
+ word-break: normal
171
+ }
172
+
173
+ .markDown pre,.markDown code:not(.markDown pre code) {
174
+ border-radius: 6px;
175
+ box-sizing: border-box;
176
+ color: var(--cli-md-base-colour);
177
+ font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
178
+ font-size: 85%
179
+ }
180
+
181
+ .markDown code:not(.markDown pre code) {
182
+ background-color: rgba(27,31,35,.05);
183
+ line-height: 20.4px;
184
+ margin: 0;
185
+ padding: .2em .4em;
186
+ word-wrap: break-word
187
+ }
188
+
189
+ .markDown a {
190
+ box-sizing: border-box;
191
+ color: #0366d6;
192
+ cursor: pointer;
193
+ font-family: var(--cli-md-base-font-family);
194
+ line-height: 24px;
195
+ text-decoration: none;
196
+ word-wrap: break-word
197
+ }
198
+
199
+ .markDown a :hover {
200
+ outline: 0;
201
+ text-decoration: underline
202
+ }
package/templates/docs/css/style.css CHANGED
@@ -1,151 +1,4 @@
1
1
  /* cyrillic-ext */
2
- @font-face {
3
- font-family: 'Regular';
4
- font-style: normal;
5
- font-weight: 400;
6
- src: local('Open Sans Regular'), local('OpenSans-Regular'),
7
- url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWJ0bf8pkAp6a.woff2)
8
- format('woff2');
9
- unicode-range: U + 0460-052f, U + 1c80-1c88, U + 20b4, U + 2de0-2dff,
10
- U + A640-A69F, U + FE2E-FE2F;
11
- }
12
- /* cyrillic */
13
- @font-face {
14
- font-family: 'Regular';
15
- font-style: normal;
16
- font-weight: 400;
17
- src: local('Open Sans Regular'), local('OpenSans-Regular'),
18
- url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFUZ0bf8pkAp6a.woff2)
19
- format('woff2');
20
- unicode-range: U + 0400-045f, U + 0490-0491, U + 04b0-04b1, U + 2116;
21
- }
22
- /* greek-ext */
23
- @font-face {
24
- font-family: 'Regular';
25
- font-style: normal;
26
- font-weight: 400;
27
- src: local('Open Sans Regular'), local('OpenSans-Regular'),
28
- url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWZ0bf8pkAp6a.woff2)
29
- format('woff2');
30
- unicode-range: U + 1f00-1fff;
31
- }
32
- /* greek */
33
- @font-face {
34
- font-family: 'Regular';
35
- font-style: normal;
36
- font-weight: 400;
37
- src: local('Open Sans Regular'), local('OpenSans-Regular'),
38
- url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVp0bf8pkAp6a.woff2)
39
- format('woff2');
40
- unicode-range: U + 0370-03ff;
41
- }
42
- /* vietnamese */
43
- @font-face {
44
- font-family: 'Regular';
45
- font-style: normal;
46
- font-weight: 400;
47
- src: local('Open Sans Regular'), local('OpenSans-Regular'),
48
- url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWp0bf8pkAp6a.woff2)
49
- format('woff2');
50
- unicode-range: U + 0102-0103, U + 0110-0111, U + 1ea0-1ef9, U + 20ab;
51
- }
52
- /* latin-ext */
53
- @font-face {
54
- font-family: 'Regular';
55
- font-style: normal;
56
- font-weight: 400;
57
- src: local('Open Sans Regular'), local('OpenSans-Regular'),
58
- url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFW50bf8pkAp6a.woff2)
59
- format('woff2');
60
- unicode-range: U + 0100-024f, U + 0259, U + 1-1eff, U + 2020, U + 20a0-20ab,
61
- U + 20ad-20cf, U + 2113, U + 2c60-2c7f, U + A720-A7FF;
62
- }
63
- /* latin */
64
- @font-face {
65
- font-family: 'Regular';
66
- font-style: normal;
67
- font-weight: 400;
68
- src: local('Open Sans Regular'), local('OpenSans-Regular'),
69
- url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0bf8pkAg.woff2)
70
- format('woff2');
71
- unicode-range: U + 0000-00ff, U + 0131, U + 0152-0153, U + 02bb-02bc, U + 02c6,
72
- U + 02da, U + 02dc, U + 2000-206f, U + 2074, U + 20ac, U + 2122, U + 2191,
73
- U + 2193, U + 2212, U + 2215, U + FEFF, U + FFFD;
74
- }
75
- /* cyrillic-ext */
76
- @font-face {
77
- font-family: 'Semibold';
78
- font-style: normal;
79
- font-weight: 700;
80
- src: local('Open Sans Bold'), local('OpenSans-Bold'),
81
- url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOX-hpKKSTj5PW.woff2)
82
- format('woff2');
83
- unicode-range: U + 0460-052f, U + 1c80-1c88, U + 20b4, U + 2de0-2dff,
84
- U + A640-A69F, U + FE2E-FE2F;
85
- }
86
- /* cyrillic */
87
- @font-face {
88
- font-family: 'Semibold';
89
- font-style: normal;
90
- font-weight: 700;
91
- src: local('Open Sans Bold'), local('OpenSans-Bold'),
92
- url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOVuhpKKSTj5PW.woff2)
93
- format('woff2');
94
- unicode-range: U + 0400-045f, U + 0490-0491, U + 04b0-04b1, U + 2116;
95
- }
96
- /* greek-ext */
97
- @font-face {
98
- font-family: 'Semibold';
99
- font-style: normal;
100
- font-weight: 700;
101
- src: local('Open Sans Bold'), local('OpenSans-Bold'),
102
- url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXuhpKKSTj5PW.woff2)
103
- format('woff2');
104
- unicode-range: U + 1f00-1fff;
105
- }
106
- /* greek */
107
- @font-face {
108
- font-family: 'Semibold';
109
- font-style: normal;
110
- font-weight: 700;
111
- src: local('Open Sans Bold'), local('OpenSans-Bold'),
112
- url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUehpKKSTj5PW.woff2)
113
- format('woff2');
114
- unicode-range: U + 0370-03ff;
115
- }
116
- /* vietnamese */
117
- @font-face {
118
- font-family: 'Semibold';
119
- font-style: normal;
120
- font-weight: 700;
121
- src: local('Open Sans Bold'), local('OpenSans-Bold'),
122
- url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXehpKKSTj5PW.woff2)
123
- format('woff2');
124
- unicode-range: U + 0102-0103, U + 0110-0111, U + 1ea0-1ef9, U + 20ab;
125
- }
126
- /* latin-ext */
127
- @font-face {
128
- font-family: 'Semibold';
129
- font-style: normal;
130
- font-weight: 700;
131
- src: local('Open Sans Bold'), local('OpenSans-Bold'),
132
- url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXOhpKKSTj5PW.woff2)
133
- format('woff2');
134
- unicode-range: U + 0100-024f, U + 0259, U + 1-1eff, U + 2020, U + 20a0-20ab,
135
- U + 20ad-20cf, U + 2113, U + 2c60-2c7f, U + A720-A7FF;
136
- }
137
- /* latin */
138
- @font-face {
139
- font-family: 'Semibold';
140
- font-style: normal;
141
- font-weight: 700;
142
- src: local('Open Sans Bold'), local('OpenSans-Bold'),
143
- url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUuhpKKSTjw.woff2)
144
- format('woff2');
145
- unicode-range: U + 0000-00ff, U + 0131, U + 0152-0153, U + 02bb-02bc, U + 02c6,
146
- U + 02da, U + 02dc, U + 2000-206f, U + 2074, U + 20ac, U + 2122, U + 2191,
147
- U + 2193, U + 2212, U + 2215, U + FEFF, U + FFFD;
148
- }
149
2
 
150
3
  *,
151
4
  :after,
@@ -262,7 +115,7 @@ body {
262
115
  background: #fff;
263
116
  font-size: 14px;
264
117
  overflow: hidden;
265
- font-family: Regular;
118
+ font-family: "Poppins", sans-serif;
266
119
  }
267
120
 
268
121
  main {
@@ -332,7 +185,7 @@ main {
332
185
  width: 100%;
333
186
  height: 100%;
334
187
  }
335
- .versionPart {
188
+ /* .versionPart {
336
189
  padding: 4px 4px 7px;
337
190
  text-align: center;
338
191
  background: #0c1115;
@@ -355,8 +208,8 @@ main {
355
208
  }
356
209
  .tools:hover {
357
210
  background-color: #07ab67;
358
- }
359
- .sliderContainer {
211
+ } */
212
+ /* .sliderContainer {
360
213
  position: relative;
361
214
  }
362
215
  .slider {
@@ -427,7 +280,7 @@ main {
427
280
  width: 0px !important;
428
281
  font-size: 0px !important;
429
282
  padding: 0px !important;
430
- }
283
+ } */
431
284
  .mainMenu {
432
285
  padding: 10px;
433
286
  cursor: pointer;
@@ -551,9 +404,9 @@ main {
551
404
  }
552
405
 
553
406
  section {
554
- border: 15px solid #333;
407
+ border: 8px solid #333;
555
408
  position: relative;
556
- border-radius: 16px;
409
+ /* border-radius: 5px 5px 0 0; */
557
410
  transition:width 0.2ms;
558
411
  }
559
412
  .iframe {
@@ -584,12 +437,17 @@ section {
584
437
  }
585
438
  .ccontent {
586
439
  background-color: #fff;
587
- padding: 5px 20px 0px 20px;
588
440
  overflow: auto;
441
+ /* padding: 0 24px; */
442
+ /* width: 100%; */
443
+ }
444
+ .ccontent .propsTableContainer{
445
+ padding: 0 24px;
589
446
  }
590
447
 
591
448
  .cheadertitle {
592
- font-family: Semibold;
449
+ /* font-family: Semibold; */
450
+ font-weight: 700;
593
451
  font-size: 21px;
594
452
  margin-right: 30px;
595
453
  color: #0c1015;
@@ -632,22 +490,26 @@ section {
632
490
  fill: #fff;
633
491
  }
634
492
  .propsTable {
635
- margin: 40px auto;
636
- border: 1px solid #ebedf0;
493
+ margin: 10px auto;
637
494
  font-size: 14px;
495
+ /* border-radius: 10px; */
638
496
  line-height: 1.5;
639
497
  empty-cells: show;
640
498
  }
641
499
  .tableHeader {
500
+ border-left: 1px solid #e0e8ef;
501
+ border-right: 1px solid #e0e8ef;
502
+ border-bottom: 1px solid #e0e8ef;
642
503
  display: flex;
643
504
  flex-direction: row;
644
505
  }
645
506
  .brR {
646
507
  white-space: nowrap;
647
- color: #5c6b77;
648
- font-weight: 500;
649
- background: rgba(0, 0, 0, 0.02);
650
- padding: 16px 24px;
508
+ color: #000;
509
+ font-size: 16px;
510
+ font-weight: 600;
511
+ background: #f6f8fb;
512
+ padding: 14px 24px !important;
651
513
  text-align: left;
652
514
  }
653
515
  .tableHeaderNB {
@@ -662,10 +524,9 @@ section {
662
524
  text-overflow: ellipsis;
663
525
  word-wrap: normal;
664
526
  word-break: break-word;
665
- border-right: 1px solid #ebedf0;
666
- padding: 16px 24px;
527
+ padding: 12px 24px;
667
528
  text-align: left;
668
- border-bottom: 1px solid #ebedf0;
529
+ letter-spacing: 0.2px;
669
530
  }
670
531
  .tableHeaderNB span {
671
532
  border-bottom-width: 0;
@@ -750,7 +611,7 @@ section {
750
611
  line-height: 30px;
751
612
  cursor: pointer;
752
613
  margin-right: 10px;
753
- border-radius: 2px;
614
+ border-radius: 15px;
754
615
  transition: all 0.1s;
755
616
  }
756
617
  .infoactive,
@@ -919,15 +780,14 @@ section {
919
780
  }
920
781
  .toolOptions{
921
782
  background: #333;
922
- border-radius: 12px;
923
- margin: 5px 0;
783
+ border-radius: 0;
924
784
  }
925
785
  .toolarea{
926
786
  overflow: auto;
927
787
  }
928
788
  .range{
929
789
  width: 500px;
930
- padding: 15px 0;
790
+ padding: 5px 0;
931
791
  position: relative;
932
792
  margin-left: 20px;
933
793
  flex: .5;
@@ -1020,3 +880,110 @@ section {
1020
880
  bottom: 0;
1021
881
  background:#fff;
1022
882
  }
883
+
884
+ .compName {
885
+ font-size: 20px;
886
+ font-weight: 600;
887
+ position: -webkit-sticky;
888
+ position: sticky;
889
+ top: 0px;
890
+ background-color: #fff;
891
+ padding: 5px 10px 5px 20px;
892
+ border-radius: 5px;
893
+ box-shadow: 0 0 5px #d5dde7 inset;
894
+ border: 1px solid #d5dde7;
895
+ margin-top: 10px
896
+ }
897
+
898
+ .tableHeader:last-child {
899
+ /* border-bottom: none; */
900
+ }
901
+
902
+ .tableHeader:first-child {
903
+ position: -webkit-sticky;
904
+ position: sticky;
905
+ border-top: 1px solid #e0e8ef;
906
+ top: 41px;
907
+ }
908
+
909
+ /* .brR:first-child {
910
+ border-top-left-radius: 10px;
911
+ }
912
+
913
+ .brR:last-child {
914
+ border-top-right-radius: 10px;
915
+ } */
916
+ .typeTag {
917
+ display: inline-block;
918
+ border-radius: 4px;
919
+ padding: 0 4px
920
+ }
921
+ .stringType{
922
+ color: #0a73eb;
923
+ background-color: rgba(10, 115, 235, 0.1);
924
+ border: 1px solid #0a73eb
925
+ }
926
+ .boolType{
927
+ color: #e47016;
928
+ background-color: rgba(228, 112, 22, 0.1);
929
+ border: 1px solid #e47016;
930
+ }
931
+ .funcType{
932
+ color: #da2323;
933
+ background-color: rgba(218, 35, 35, 0.1);
934
+ border: 1px solid #da2323
935
+ }
936
+ .oneOfType, .oneOfTypeType{
937
+ color: #b36000;
938
+ background-color: #fff2e1;
939
+ border: 1px solid #ffa606
940
+ }
941
+
942
+ .objectType{
943
+ color: #0ba53d;
944
+ background-color: rgba(11, 165, 61, 0.1);
945
+ border: 1px solid #0ba53d;
946
+ }
947
+
948
+ .elementType{
949
+ color: #06b7ce;
950
+ background-color: rgba(35, 209, 218, 0.1);
951
+ border: 1px solid #23d1da
952
+ }
953
+
954
+ .arrayType{
955
+ color: #ce0656;
956
+ background-color: rgba(218, 35, 172, 0.1);
957
+ border: 1px solid #da237f
958
+ }
959
+
960
+ .shapeType{
961
+ color: #8705eb;
962
+ background-color: rgba(166, 35, 218, 0.1);
963
+ border: 1px solid #b523da
964
+ }
965
+
966
+ .numberType{
967
+ color: #6306ce;
968
+ background-color: rgba(124, 35, 218, 0.1);
969
+ border: 1px solid #7c23da
970
+ }
971
+
972
+ .isRequired{
973
+ color: #d46262;
974
+ }
975
+
976
+ .isNotRequired{
977
+ color: #0ba53d;
978
+ }
979
+
980
+
981
+ .CodeTag,
982
+ .CodeTag * {
983
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
984
+ line-height: 1.6;
985
+ letter-spacing: 0.1px;
986
+ font-size: 14px;
987
+ word-wrap: break-word;
988
+ white-space: pre-wrap;
989
+ }