lexgui 0.6.11 → 0.7.0

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 (46) hide show
  1. package/README.md +14 -9
  2. package/build/{components → extensions}/audio.js +11 -11
  3. package/build/{components → extensions}/codeeditor.js +109 -74
  4. package/build/{components → extensions}/docmaker.js +10 -3
  5. package/build/{components → extensions}/imui.js +19 -12
  6. package/build/{components → extensions}/nodegraph.js +1 -1
  7. package/build/{components → extensions}/timeline.js +150 -94
  8. package/build/{components → extensions}/videoeditor.js +1 -1
  9. package/build/lexgui-docs.css +9 -9
  10. package/build/lexgui.css +489 -223
  11. package/build/lexgui.js +1771 -777
  12. package/build/lexgui.min.css +2 -2
  13. package/build/lexgui.min.js +1 -1
  14. package/build/lexgui.module.js +1803 -809
  15. package/build/lexgui.module.min.js +1 -1
  16. package/changelog.md +90 -21
  17. package/demo.js +52 -32
  18. package/examples/{all_widgets.html → all-components.html} +22 -4
  19. package/examples/{area_tabs.html → area-tabs.html} +3 -3
  20. package/examples/{asset_view.html → asset-view.html} +3 -3
  21. package/examples/{code_editor.html → code-editor.html} +4 -4
  22. package/examples/dialogs.html +3 -3
  23. package/examples/editor.html +27 -18
  24. package/examples/{immediate_ui.html → immediate-ui.html} +3 -3
  25. package/examples/index.html +8 -8
  26. package/examples/{node_graph.html → node-graph.html} +3 -3
  27. package/examples/previews/all-components.png +0 -0
  28. package/examples/previews/area-tabs.png +0 -0
  29. package/examples/previews/asset-view.png +0 -0
  30. package/examples/previews/code-editor.png +0 -0
  31. package/examples/previews/dialogs.png +0 -0
  32. package/examples/previews/editor.png +0 -0
  33. package/examples/previews/node-graph.png +0 -0
  34. package/examples/previews/side-bar.png +0 -0
  35. package/examples/previews/timeline.png +0 -0
  36. package/examples/{side_bar.html → side-bar.html} +3 -3
  37. package/examples/timeline.html +5 -5
  38. package/examples/{video_editor.html → video-editor.html} +3 -3
  39. package/examples/{video_editor2.html → video-editor2.html} +3 -3
  40. package/package.json +2 -2
  41. package/examples/previews/all_widgets.png +0 -0
  42. package/examples/previews/area_tabs.png +0 -0
  43. package/examples/previews/asset_view.png +0 -0
  44. package/examples/previews/code_editor.png +0 -0
  45. package/examples/previews/node_graph.png +0 -0
  46. package/examples/previews/side_bar.png +0 -0
@@ -1,14 +1,11 @@
1
- @import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');
2
- @font-face {
3
- font-family: "GeistSans";
4
- src: url("https://raw.githubusercontent.com/jxarco/lexgui.js/master/data/GeistSans.ttf");
5
- }
1
+ @font-face { font-family: "GeistSans"; src: url("https://raw.githubusercontent.com/jxarco/lexgui.js/master/data/GeistSans.ttf"); }
2
+ @font-face { font-family: "CascadiaCode"; src: url("https://raw.githubusercontent.com/jxarco/lexgui.js/master/data/CascadiaCode.ttf"); font-weight: 400; }
6
3
 
7
4
  :root {
8
5
  --border-style: 1px solid #444;
9
6
  --panel-width: 300px;
10
7
  --page-padding: 24px;
11
- --max-width: 960px;
8
+ --max-width: 1100px;
12
9
  --icon-size: 20px;
13
10
  --stylish-color: light-dark(#fd18a5, #e2c886);
14
11
  }
@@ -17,13 +14,12 @@
17
14
  font-family: "GeistSans", sans-serif;
18
15
  tab-size: 4;
19
16
  max-width: var(--max-width);
20
- width: 100%;
17
+ width: 95%;
21
18
  height: auto;
22
19
  margin: 0 auto;
23
20
  padding: var(--page-padding);
24
21
  word-break: break-word;
25
22
  text-align: justify;
26
- text-justify: inter-word;
27
23
  border-radius: 12px;
28
24
  }
29
25
 
@@ -105,7 +101,7 @@
105
101
  }
106
102
 
107
103
  code {
108
- font-family: "Roboto Mono", monospace;
104
+ font-family: "CascadiaCode", monospace;
109
105
  font-size: 14px;
110
106
  line-height: calc(var(--line-height) - 1px);
111
107
  /* margin: 16px calc(-1 * var(--page-padding)); */
@@ -173,6 +169,10 @@ code.inline.desc {
173
169
  --icon-size: 24px;
174
170
  }
175
171
 
172
+ #content {
173
+ width: 100%;
174
+ }
175
+
176
176
  #content h1 {
177
177
  font-size: 42px;
178
178
  line-height: 50px;