@forsakringskassan/docs-generator 2.5.0 → 2.6.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 (19) hide show
  1. package/README.md +21 -3
  2. package/dist/compile-example.js +5 -11
  3. package/dist/{create-markdown-renderer-iznOQQKw.js → create-markdown-renderer-Bun8U6bd.js} +143 -51
  4. package/dist/index.d.ts +30 -0
  5. package/dist/index.js +18 -20
  6. package/dist/markdown.d.ts +8 -0
  7. package/dist/markdown.js +5 -11
  8. package/dist/runtime.js +131 -0
  9. package/dist/style/core.css +66 -12
  10. package/dist/style/index.css +82 -13
  11. package/dist/style/site.css +16 -1
  12. package/dist/{vendor-BFdBzDIw.js → vendor-CYT__b1C.js} +499 -8970
  13. package/dist/{vue3-Cv0MDe04.js → vue3-CNEpTgeX.js} +1 -1
  14. package/package.json +1 -1
  15. package/templates/article.template.html +11 -0
  16. package/templates/base.template.html +2 -2
  17. package/templates/component.template.html +1 -1
  18. package/templates/partials/topnav.html +24 -1
  19. package/templates/pattern.template.html +2 -1
package/dist/style/core.css CHANGED
@@ -133,6 +133,7 @@ pre code {
133
133
 
134
134
  header {
135
135
  grid-area: header;
136
+ min-width: 0;
136
137
  }
137
138
 
138
139
  #primary {
@@ -152,38 +153,44 @@ main {
152
153
  }
153
154
 
154
155
  .layout--content-with-menu #primary,
155
- .layout--pattern #primary,
156
- .layout--component #primary {
156
+ .layout--article #primary,
157
+ .layout--component #primary,
158
+ .layout--pattern #primary {
157
159
  --sidenav-width: 350px;
158
160
  padding-right: 2rem;
159
161
  grid-template: "sidenav title" auto "sidenav aside" auto "sidenav content" 1fr/min-content 1fr;
160
162
  }
161
163
  @media screen and (width >= 1280px) {
162
164
  .layout--content-with-menu #primary,
163
- .layout--pattern #primary,
164
- .layout--component #primary {
165
+ .layout--article #primary,
166
+ .layout--component #primary,
167
+ .layout--pattern #primary {
165
168
  grid-template: "sidenav title aside" auto "sidenav content aside" 1fr/min-content minmax(10rem, 920px) auto;
166
169
  }
167
170
  }
168
171
  .layout--content-with-menu main,
169
- .layout--pattern main,
170
- .layout--component main {
172
+ .layout--article main,
173
+ .layout--component main,
174
+ .layout--pattern main {
171
175
  display: contents;
172
176
  padding: 0;
173
177
  max-width: none;
174
178
  }
175
179
  .layout--content-with-menu #title,
176
180
  .layout--content-with-menu #content,
177
- .layout--pattern #title,
178
- .layout--pattern #content,
181
+ .layout--article #title,
182
+ .layout--article #content,
179
183
  .layout--component #title,
180
- .layout--component #content {
184
+ .layout--component #content,
185
+ .layout--pattern #title,
186
+ .layout--pattern #content {
181
187
  padding-left: 1rem;
182
188
  }
183
189
  @media screen and (width < 1280px) {
184
190
  .layout--content-with-menu #aside,
185
- .layout--pattern #aside,
186
- .layout--component #aside {
191
+ .layout--article #aside,
192
+ .layout--component #aside,
193
+ .layout--pattern #aside {
187
194
  padding-left: 1rem;
188
195
  }
189
196
  }
@@ -207,6 +214,31 @@ main {
207
214
  overflow-x: auto;
208
215
  }
209
216
 
217
+ .docs-messagebox {
218
+ border: 2px solid transparent;
219
+ border-left-width: 1rem;
220
+ padding: 1.5rem;
221
+ margin-bottom: 1rem;
222
+ }
223
+ .docs-messagebox :last-child {
224
+ margin-bottom: 0;
225
+ }
226
+ .docs-messagebox__title {
227
+ font-weight: bold;
228
+ }
229
+ .docs-messagebox--info {
230
+ border-color: var(--docs-messagebox-info-border);
231
+ background: var(--docs-messagebox-info-background);
232
+ }
233
+ .docs-messagebox--warning {
234
+ border-color: var(--docs-messagebox-warning-border);
235
+ background: var(--docs-messagebox-warning-background);
236
+ }
237
+ .docs-messagebox--danger {
238
+ border-color: var(--docs-messagebox-danger-border);
239
+ background: var(--docs-messagebox-danger-background);
240
+ }
241
+
210
242
  #sidenav {
211
243
  --header-footer-visible-height: 4.5rem;
212
244
  overflow: auto;
@@ -435,6 +467,19 @@ main {
435
467
  transform: translateX(100%);
436
468
  }
437
469
  }
470
+ .docs-tag {
471
+ border-radius: 4px;
472
+ border-style: solid;
473
+ border-width: 1px;
474
+ display: inline-block;
475
+ padding: 0 0.5rem;
476
+ }
477
+ .docs-tag--default {
478
+ background-color: var(--docs-tags-optional-background-color);
479
+ border-color: var(--docs-tags-optional-border-color);
480
+ color: var(--docs-tags-optional-text-color);
481
+ }
482
+
438
483
  #version-banner {
439
484
  margin: 0;
440
485
  }
@@ -448,6 +493,11 @@ dialog[open] {
448
493
  display: block;
449
494
  }
450
495
 
496
+ dd > dl {
497
+ border-left: 2px solid var(--docs-text-color-discrete);
498
+ padding-left: 1rem;
499
+ }
500
+
451
501
  p:not(.code-preview p) {
452
502
  max-width: 680px;
453
503
  }
@@ -585,6 +635,7 @@ header .select-field {
585
635
 
586
636
  header .page-header__right {
587
637
  justify-content: space-between;
638
+ min-width: 0;
588
639
  max-width: 1260px;
589
640
  padding-top: 0;
590
641
  flex-wrap: wrap-reverse;
@@ -630,12 +681,15 @@ header .imenu {
630
681
  margin-left: -0.5rem;
631
682
  }
632
683
 
684
+ header .imenu__list {
685
+ gap: 1rem;
686
+ }
687
+
633
688
  header .imenu--horizontal .imenu__list__item {
634
689
  display: inline-flex;
635
690
  padding-top: 1.1rem;
636
691
  padding-left: 0;
637
692
  padding-right: 0;
638
- margin: 0 0.5rem;
639
693
  }
640
694
 
641
695
  /* navigering vänster */
package/dist/style/index.css CHANGED
@@ -133,6 +133,7 @@ pre code {
133
133
 
134
134
  header {
135
135
  grid-area: header;
136
+ min-width: 0;
136
137
  }
137
138
 
138
139
  #primary {
@@ -152,38 +153,44 @@ main {
152
153
  }
153
154
 
154
155
  .layout--content-with-menu #primary,
155
- .layout--pattern #primary,
156
- .layout--component #primary {
156
+ .layout--article #primary,
157
+ .layout--component #primary,
158
+ .layout--pattern #primary {
157
159
  --sidenav-width: 350px;
158
160
  padding-right: 2rem;
159
161
  grid-template: "sidenav title" auto "sidenav aside" auto "sidenav content" 1fr/min-content 1fr;
160
162
  }
161
163
  @media screen and (width >= 1280px) {
162
164
  .layout--content-with-menu #primary,
163
- .layout--pattern #primary,
164
- .layout--component #primary {
165
+ .layout--article #primary,
166
+ .layout--component #primary,
167
+ .layout--pattern #primary {
165
168
  grid-template: "sidenav title aside" auto "sidenav content aside" 1fr/min-content minmax(10rem, 920px) auto;
166
169
  }
167
170
  }
168
171
  .layout--content-with-menu main,
169
- .layout--pattern main,
170
- .layout--component main {
172
+ .layout--article main,
173
+ .layout--component main,
174
+ .layout--pattern main {
171
175
  display: contents;
172
176
  padding: 0;
173
177
  max-width: none;
174
178
  }
175
179
  .layout--content-with-menu #title,
176
180
  .layout--content-with-menu #content,
177
- .layout--pattern #title,
178
- .layout--pattern #content,
181
+ .layout--article #title,
182
+ .layout--article #content,
179
183
  .layout--component #title,
180
- .layout--component #content {
184
+ .layout--component #content,
185
+ .layout--pattern #title,
186
+ .layout--pattern #content {
181
187
  padding-left: 1rem;
182
188
  }
183
189
  @media screen and (width < 1280px) {
184
190
  .layout--content-with-menu #aside,
185
- .layout--pattern #aside,
186
- .layout--component #aside {
191
+ .layout--article #aside,
192
+ .layout--component #aside,
193
+ .layout--pattern #aside {
187
194
  padding-left: 1rem;
188
195
  }
189
196
  }
@@ -207,6 +214,31 @@ main {
207
214
  overflow-x: auto;
208
215
  }
209
216
 
217
+ .docs-messagebox {
218
+ border: 2px solid transparent;
219
+ border-left-width: 1rem;
220
+ padding: 1.5rem;
221
+ margin-bottom: 1rem;
222
+ }
223
+ .docs-messagebox :last-child {
224
+ margin-bottom: 0;
225
+ }
226
+ .docs-messagebox__title {
227
+ font-weight: bold;
228
+ }
229
+ .docs-messagebox--info {
230
+ border-color: var(--docs-messagebox-info-border);
231
+ background: var(--docs-messagebox-info-background);
232
+ }
233
+ .docs-messagebox--warning {
234
+ border-color: var(--docs-messagebox-warning-border);
235
+ background: var(--docs-messagebox-warning-background);
236
+ }
237
+ .docs-messagebox--danger {
238
+ border-color: var(--docs-messagebox-danger-border);
239
+ background: var(--docs-messagebox-danger-background);
240
+ }
241
+
210
242
  #sidenav {
211
243
  --header-footer-visible-height: 4.5rem;
212
244
  overflow: auto;
@@ -435,6 +467,19 @@ main {
435
467
  transform: translateX(100%);
436
468
  }
437
469
  }
470
+ .docs-tag {
471
+ border-radius: 4px;
472
+ border-style: solid;
473
+ border-width: 1px;
474
+ display: inline-block;
475
+ padding: 0 0.5rem;
476
+ }
477
+ .docs-tag--default {
478
+ background-color: var(--docs-tags-optional-background-color);
479
+ border-color: var(--docs-tags-optional-border-color);
480
+ color: var(--docs-tags-optional-text-color);
481
+ }
482
+
438
483
  #version-banner {
439
484
  margin: 0;
440
485
  }
@@ -448,6 +493,11 @@ dialog[open] {
448
493
  display: block;
449
494
  }
450
495
 
496
+ dd > dl {
497
+ border-left: 2px solid var(--docs-text-color-discrete);
498
+ padding-left: 1rem;
499
+ }
500
+
451
501
  p:not(.code-preview p) {
452
502
  max-width: 680px;
453
503
  }
@@ -585,6 +635,7 @@ header .select-field {
585
635
 
586
636
  header .page-header__right {
587
637
  justify-content: space-between;
638
+ min-width: 0;
588
639
  max-width: 1260px;
589
640
  padding-top: 0;
590
641
  flex-wrap: wrap-reverse;
@@ -630,12 +681,15 @@ header .imenu {
630
681
  margin-left: -0.5rem;
631
682
  }
632
683
 
684
+ header .imenu__list {
685
+ gap: 1rem;
686
+ }
687
+
633
688
  header .imenu--horizontal .imenu__list__item {
634
689
  display: inline-flex;
635
690
  padding-top: 1.1rem;
636
691
  padding-left: 0;
637
692
  padding-right: 0;
638
- margin: 0 0.5rem;
639
693
  }
640
694
 
641
695
  /* navigering vänster */
@@ -938,12 +992,27 @@ kbd {
938
992
  --docs-text-color-discrete: #5f6165;
939
993
  --docs-text-color-link: #4a52b6;
940
994
  --docs-text-color-link-hover: #1b1e23;
995
+ --docs-info-color: #4a52b6;
996
+ --docs-info-background: #f5f6fa;
997
+ --docs-warning-color: #ffbe10;
998
+ --docs-warning-background: #fffcf3;
999
+ --docs-error-color: #ca1515;
1000
+ --docs-error-background: #fcf3f3;
941
1001
  --docs-heading-font-family: var(--docs-font-family);
942
1002
  --docs-heading-font-weight: var(--docs-font-weight);
943
1003
  --docs-heading-line-height: 1.4;
944
1004
  --docs-header-text-color-default: #1b1e23;
945
1005
  --docs-header-text-color-discrete: #5f6165;
946
1006
  --docs-menu-width-expanded: 230px;
1007
+ --docs-messagebox-info-border: var(--docs-info-color);
1008
+ --docs-messagebox-info-background: var(--docs-info-background);
1009
+ --docs-messagebox-warning-border: var(--docs-warning-color);
1010
+ --docs-messagebox-warning-background: var(--docs-warning-background);
1011
+ --docs-messagebox-danger-border: var(--docs-error-color);
1012
+ --docs-messagebox-danger-background: var(--docs-error-background);
1013
+ --docs-tags-optional-background-color: transparent;
1014
+ --docs-tags-optional-border-color: #5f6165;
1015
+ --docs-tags-optional-text-color: var(--docs-text-color-discrete);
947
1016
  --docs-version-text-color: var(--docs-text-color-discrete);
948
1017
  --docs-version-link-color: var(--docs-text-color-discrete);
949
1018
  --docs-version-hover-color: var(--docs-text-color-default);
@@ -992,7 +1061,7 @@ select:focus::-ms-value {
992
1061
 
993
1062
  ul,
994
1063
  ol {
995
- padding-left: 1rem;
1064
+ padding-left: 1.5rem;
996
1065
  margin-top: 0;
997
1066
  margin-bottom: 1rem;
998
1067
  }
package/dist/style/site.css CHANGED
@@ -12,12 +12,27 @@
12
12
  --docs-text-color-discrete: #5f6165;
13
13
  --docs-text-color-link: #4a52b6;
14
14
  --docs-text-color-link-hover: #1b1e23;
15
+ --docs-info-color: #4a52b6;
16
+ --docs-info-background: #f5f6fa;
17
+ --docs-warning-color: #ffbe10;
18
+ --docs-warning-background: #fffcf3;
19
+ --docs-error-color: #ca1515;
20
+ --docs-error-background: #fcf3f3;
15
21
  --docs-heading-font-family: var(--docs-font-family);
16
22
  --docs-heading-font-weight: var(--docs-font-weight);
17
23
  --docs-heading-line-height: 1.4;
18
24
  --docs-header-text-color-default: #1b1e23;
19
25
  --docs-header-text-color-discrete: #5f6165;
20
26
  --docs-menu-width-expanded: 230px;
27
+ --docs-messagebox-info-border: var(--docs-info-color);
28
+ --docs-messagebox-info-background: var(--docs-info-background);
29
+ --docs-messagebox-warning-border: var(--docs-warning-color);
30
+ --docs-messagebox-warning-background: var(--docs-warning-background);
31
+ --docs-messagebox-danger-border: var(--docs-error-color);
32
+ --docs-messagebox-danger-background: var(--docs-error-background);
33
+ --docs-tags-optional-background-color: transparent;
34
+ --docs-tags-optional-border-color: #5f6165;
35
+ --docs-tags-optional-text-color: var(--docs-text-color-discrete);
21
36
  --docs-version-text-color: var(--docs-text-color-discrete);
22
37
  --docs-version-link-color: var(--docs-text-color-discrete);
23
38
  --docs-version-hover-color: var(--docs-text-color-default);
@@ -66,7 +81,7 @@ select:focus::-ms-value {
66
81
 
67
82
  ul,
68
83
  ol {
69
- padding-left: 1rem;
84
+ padding-left: 1.5rem;
70
85
  margin-top: 0;
71
86
  margin-bottom: 1rem;
72
87
  }