@ui-doc/html-renderer 0.3.0 → 1.0.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 (102) hide show
  1. package/README.md +586 -151
  2. package/dist/HtmlCurlyBraceLexer.d.ts +4 -1
  3. package/dist/HtmlRenderer.d.ts +5 -5
  4. package/dist/InlineReader.d.ts +3 -2
  5. package/dist/{types/lexer.d.ts → Lexer.types.d.ts} +8 -5
  6. package/dist/NodeParser.d.ts +3 -2
  7. package/dist/{types/parser.d.ts → Parser.types.d.ts} +8 -8
  8. package/dist/{types/base.d.ts → Primitive.types.d.ts} +1 -1
  9. package/dist/{types/reader.d.ts → Reader.types.d.ts} +9 -7
  10. package/dist/Renderer.types.d.ts +14 -0
  11. package/dist/TemplateLoader.d.ts +3 -2
  12. package/dist/{types/token.d.ts → Token.types.d.ts} +1 -1
  13. package/dist/assets/services/expand.d.ts +19 -0
  14. package/dist/assets/ui-doc.cjs +283 -9
  15. package/dist/assets/ui-doc.cjs.map +1 -1
  16. package/dist/assets/ui-doc.css +1169 -250
  17. package/dist/assets/ui-doc.css.map +1 -1
  18. package/dist/assets/ui-doc.min.css +9 -1
  19. package/dist/assets/ui-doc.min.js +1 -1
  20. package/dist/assets/ui-doc.mjs +283 -9
  21. package/dist/assets/ui-doc.mjs.map +1 -1
  22. package/dist/assets/utils/delay.d.ts +1 -0
  23. package/dist/assets/utils/dom.d.ts +31 -0
  24. package/dist/assets/utils/select.d.ts +12 -0
  25. package/dist/index.cjs +161 -126
  26. package/dist/index.cjs.map +1 -1
  27. package/dist/index.d.ts +6 -1
  28. package/dist/index.mjs +160 -126
  29. package/dist/index.mjs.map +1 -1
  30. package/dist/nodes/CommentNode.d.ts +2 -1
  31. package/dist/nodes/Node.d.ts +1 -1
  32. package/dist/nodes/TemplateNode.d.ts +2 -1
  33. package/dist/nodes/index.d.ts +4 -2
  34. package/dist/nodes/tags/debug.d.ts +2 -1
  35. package/dist/nodes/tags/for.d.ts +4 -3
  36. package/dist/nodes/tags/if.d.ts +5 -4
  37. package/dist/nodes/tags/index.d.ts +1 -1
  38. package/dist/nodes/tags/page.d.ts +2 -1
  39. package/dist/nodes/tags/partial.d.ts +2 -1
  40. package/dist/nodes/tags/var.d.ts +2 -1
  41. package/dist/utils/index.d.ts +1 -1
  42. package/package.json +32 -29
  43. package/scripts/app.ts +5 -3
  44. package/scripts/{src → services}/example.ts +3 -3
  45. package/scripts/services/expand.ts +214 -0
  46. package/scripts/{src → services}/sidebar.ts +4 -3
  47. package/scripts/utils/delay.ts +12 -0
  48. package/scripts/utils/dom.ts +77 -0
  49. package/scripts/utils/select.ts +46 -0
  50. package/styles/01_resets/initial.css +8 -3
  51. package/styles/01_resets/root/color.css +19 -0
  52. package/styles/01_resets/root/font.css +28 -0
  53. package/styles/01_resets/root/space.css +30 -0
  54. package/styles/01_resets/root/witdh.css +12 -0
  55. package/styles/01_resets/root.css +61 -23
  56. package/styles/01_resets/typography.css +105 -8
  57. package/styles/02_utils/background.css +14 -0
  58. package/styles/02_utils/control.css +41 -0
  59. package/styles/02_utils/margin.css +150 -0
  60. package/styles/02_utils/padding.css +134 -0
  61. package/styles/02_utils/width.css +39 -0
  62. package/styles/03_components/button.css +42 -0
  63. package/styles/03_components/colors.css +7 -19
  64. package/styles/03_components/container.css +16 -0
  65. package/styles/03_components/example-markup.css +1 -6
  66. package/styles/03_components/grid-auto.css +49 -0
  67. package/styles/03_components/icons.css +7 -19
  68. package/styles/03_components/navigation/burger-control.css +75 -0
  69. package/styles/03_components/{nav → navigation}/list.css +9 -11
  70. package/styles/03_components/navigation/main.css +102 -0
  71. package/styles/03_components/spaces.css +8 -7
  72. package/styles/04_layout/body.css +22 -0
  73. package/styles/04_layout/inline-code.css +6 -0
  74. package/styles/04_layout/page.css +73 -0
  75. package/styles/index.css +58 -17
  76. package/templates/layouts/default.html +4 -6
  77. package/templates/layouts/example.html +1 -1
  78. package/templates/pages/default.html +13 -13
  79. package/templates/pages/index.html +9 -3
  80. package/templates/partials/code.html +1 -1
  81. package/templates/partials/colors.html +2 -2
  82. package/templates/partials/content.html +1 -1
  83. package/templates/partials/icons.html +3 -3
  84. package/templates/partials/nav-main.html +19 -8
  85. package/templates/partials/section.html +1 -1
  86. package/templates/partials/spaces.html +2 -2
  87. package/LICENSE.md +0 -9
  88. package/dist/assets/src/utils.d.ts +0 -2
  89. package/dist/types/index.d.ts +0 -6
  90. package/dist/types/renderer.d.ts +0 -14
  91. package/scripts/src/utils.ts +0 -20
  92. package/styles/02_objects/background.css +0 -7
  93. package/styles/02_objects/control.css +0 -25
  94. package/styles/02_objects/margin.css +0 -44
  95. package/styles/02_objects/padding.css +0 -44
  96. package/styles/02_objects/text.css +0 -3
  97. package/styles/02_objects/width.css +0 -16
  98. package/styles/03_components/nav/main.css +0 -39
  99. package/styles/03_components/text-flow.css +0 -5
  100. package/styles/04_layouts/page.css +0 -70
  101. /package/dist/assets/{src → services}/example.d.ts +0 -0
  102. /package/dist/assets/{src → services}/sidebar.d.ts +0 -0
package/styles/02_objects/width.css DELETED
@@ -1,16 +0,0 @@
1
- [class*="width-"] {
2
- --width-calc: max(
3
- var(--width-min-space-x, 32px),
4
- calc((100% - var(--width-content, 1280px)) / 2)
5
- );
6
-
7
- padding-inline: var(--width-calc);
8
- }
9
-
10
- .width-content {
11
- --width-content: 1280px;
12
- }
13
-
14
- .width-full {
15
- --width: 100%;
16
- }
package/styles/03_components/nav/main.css DELETED
@@ -1,39 +0,0 @@
1
- .nav-main {
2
- @extend .bg;
3
- }
4
-
5
- .nav-main > .bar {
6
- height: var(--nav-main-height);
7
-
8
- > .control.title {
9
- --px: var(--nav-main-menu-item-px);
10
- --py: var(--nav-main-menu-item-py);
11
- --font-weight: var(--font-weight-bold);
12
- }
13
- }
14
-
15
- .nav-main > .menu {
16
- position: absolute;
17
- top: 0;
18
- right: calc(var(--width-calc) - var(--nav-main-menu-item-px));
19
-
20
- display: flex;
21
- flex-direction: row;
22
-
23
- height: var(--nav-main-height);
24
-
25
- > .control {
26
- --px: var(--nav-main-menu-item-px);
27
- --py: var(--nav-main-menu-item-py);
28
- --font-size: var(--nav-main-menu-item-font-size);
29
- --font-weight: var(--font-weight-bold);
30
-
31
- &[aria-current] {
32
- --font-color: var(--accent-color);
33
- }
34
-
35
- &:hover {
36
- text-decoration: underline;
37
- }
38
- }
39
- }
package/styles/03_components/text-flow.css DELETED
@@ -1,5 +0,0 @@
1
- .text-flow {
2
- > * + * {
3
- margin-top: var(--text-flow-space, 1em);
4
- }
5
- }
package/styles/04_layouts/page.css DELETED
@@ -1,70 +0,0 @@
1
- html {
2
- scroll-behavior: smooth;
3
- scrollbar-gutter: stable;
4
- scroll-padding-top: var(--nav-main-height);
5
- height: 100%;
6
- }
7
-
8
- html > body {
9
- min-height: 100%;
10
- }
11
-
12
- body > header {
13
- padding-top: var(--nav-main-height);
14
-
15
- > .nav-main {
16
- position: fixed;
17
- z-index: 1000;
18
- top: 0;
19
- width: 100%;
20
- }
21
- }
22
-
23
- body > main {
24
- --main-sidebar-width: 25ch;
25
- --main-content-sidebar-space: var(--size-xl);
26
-
27
- position: relative;
28
- }
29
-
30
- body > main > .sidebar {
31
- position: absolute;
32
- top: 0;
33
- left: var(--width-calc);
34
-
35
- width: var(--main-sidebar-width);
36
- height: 100%;
37
-
38
- > .scroll {
39
- position: sticky;
40
- top: var(--nav-main-height);
41
-
42
- overflow-y: auto;
43
-
44
- height: 100%;
45
- max-height: calc(100vh - var(--nav-main-height));
46
- }
47
- }
48
-
49
- body > main > .content {
50
- container-name: content;
51
- container-type: inline-size;
52
- margin-left: calc(var(--main-sidebar-width) + var(--main-content-sidebar-space));
53
-
54
- > .headline + .description {
55
- margin-top: var(--size-md);
56
- }
57
-
58
- > section + section,
59
- > section:first-of-type {
60
- margin-top: var(--main-content-section-space, var(--size-lg));
61
- }
62
- }
63
-
64
- footer {
65
- --mt: var(--size-xl);
66
-
67
- > .text {
68
- text-align: right;
69
- }
70
- }
/package/dist/assets/{src → services}/example.d.ts RENAMED
File without changes
/package/dist/assets/{src → services}/sidebar.d.ts RENAMED
File without changes