@forsakringskassan/docs-generator 3.19.1 → 3.20.1

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.
@@ -15,14 +15,14 @@
15
15
  margin: 1rem 0 0;
16
16
  }
17
17
 
18
- #content a.docs-api__anchor {
18
+ #docs-content a.docs-api__anchor {
19
19
  color: var(--docs-text-color-default);
20
20
  text-decoration: none;
21
21
  }
22
- #content a.docs-api__anchor:hover {
22
+ #docs-content a.docs-api__anchor:hover {
23
23
  text-decoration: underline;
24
24
  }
25
- #content a.docs-api__anchor::before {
25
+ #docs-content a.docs-api__anchor::before {
26
26
  content: "#";
27
27
  display: inline-block;
28
28
  font-size: 1em;
@@ -32,7 +32,7 @@
32
32
  color: rgba(158, 158, 158, 0.6509803922);
33
33
  text-decoration: none;
34
34
  }
35
- #content a.docs-api__anchor:hover::before {
35
+ #docs-content a.docs-api__anchor:hover::before {
36
36
  visibility: visible;
37
37
  }
38
38
 
@@ -317,7 +317,7 @@ header {
317
317
  min-width: 0;
318
318
  }
319
319
 
320
- #primary {
320
+ #docs-primary {
321
321
  display: grid;
322
322
  grid-area: primary;
323
323
  gap: 0 2rem;
@@ -343,55 +343,55 @@ main {
343
343
  }
344
344
  }
345
345
 
346
- .layout--content-with-menu #primary,
347
- .layout--api #primary,
348
- .layout--api--class #primary,
349
- .layout--api--composable #primary,
350
- .layout--api--constant #primary,
351
- .layout--api--enum #primary,
352
- .layout--api--function #primary,
353
- .layout--api--interface #primary,
354
- .layout--api--method #primary,
355
- .layout--api--type #primary,
356
- .layout--article #primary,
357
- .layout--component #primary,
358
- .layout--pattern #primary {
346
+ .layout--content-with-menu #docs-primary,
347
+ .layout--api #docs-primary,
348
+ .layout--api--class #docs-primary,
349
+ .layout--api--composable #docs-primary,
350
+ .layout--api--constant #docs-primary,
351
+ .layout--api--enum #docs-primary,
352
+ .layout--api--function #docs-primary,
353
+ .layout--api--interface #docs-primary,
354
+ .layout--api--method #docs-primary,
355
+ .layout--api--type #docs-primary,
356
+ .layout--article #docs-primary,
357
+ .layout--component #docs-primary,
358
+ .layout--pattern #docs-primary {
359
359
  --sidenav-width: 350px;
360
360
  padding-right: 2rem;
361
361
  min-width: 0;
362
362
  grid-template: "sidenav title" auto "sidenav aside" auto "sidenav content" 1fr/min-content minmax(0, 1fr);
363
363
  }
364
364
  @media screen and (width >= 1280px) {
365
- .layout--content-with-menu #primary,
366
- .layout--api #primary,
367
- .layout--api--class #primary,
368
- .layout--api--composable #primary,
369
- .layout--api--constant #primary,
370
- .layout--api--enum #primary,
371
- .layout--api--function #primary,
372
- .layout--api--interface #primary,
373
- .layout--api--method #primary,
374
- .layout--api--type #primary,
375
- .layout--article #primary,
376
- .layout--component #primary,
377
- .layout--pattern #primary {
365
+ .layout--content-with-menu #docs-primary,
366
+ .layout--api #docs-primary,
367
+ .layout--api--class #docs-primary,
368
+ .layout--api--composable #docs-primary,
369
+ .layout--api--constant #docs-primary,
370
+ .layout--api--enum #docs-primary,
371
+ .layout--api--function #docs-primary,
372
+ .layout--api--interface #docs-primary,
373
+ .layout--api--method #docs-primary,
374
+ .layout--api--type #docs-primary,
375
+ .layout--article #docs-primary,
376
+ .layout--component #docs-primary,
377
+ .layout--pattern #docs-primary {
378
378
  grid-template: "sidenav title aside" auto "sidenav content aside" 1fr/min-content minmax(10rem, 920px) auto;
379
379
  }
380
380
  }
381
381
  @media (width < 640px) {
382
- .layout--content-with-menu #primary,
383
- .layout--api #primary,
384
- .layout--api--class #primary,
385
- .layout--api--composable #primary,
386
- .layout--api--constant #primary,
387
- .layout--api--enum #primary,
388
- .layout--api--function #primary,
389
- .layout--api--interface #primary,
390
- .layout--api--method #primary,
391
- .layout--api--type #primary,
392
- .layout--article #primary,
393
- .layout--component #primary,
394
- .layout--pattern #primary {
382
+ .layout--content-with-menu #docs-primary,
383
+ .layout--api #docs-primary,
384
+ .layout--api--class #docs-primary,
385
+ .layout--api--composable #docs-primary,
386
+ .layout--api--constant #docs-primary,
387
+ .layout--api--enum #docs-primary,
388
+ .layout--api--function #docs-primary,
389
+ .layout--api--interface #docs-primary,
390
+ .layout--api--method #docs-primary,
391
+ .layout--api--type #docs-primary,
392
+ .layout--article #docs-primary,
393
+ .layout--component #docs-primary,
394
+ .layout--pattern #docs-primary {
395
395
  gap: 0;
396
396
  padding: 0;
397
397
  }
@@ -413,62 +413,62 @@ main {
413
413
  padding: 0;
414
414
  max-width: none;
415
415
  }
416
- .layout--content-with-menu #title,
417
- .layout--content-with-menu #content,
418
- .layout--api #title,
419
- .layout--api #content,
420
- .layout--api--class #title,
421
- .layout--api--class #content,
422
- .layout--api--composable #title,
423
- .layout--api--composable #content,
424
- .layout--api--constant #title,
425
- .layout--api--constant #content,
426
- .layout--api--enum #title,
427
- .layout--api--enum #content,
428
- .layout--api--function #title,
429
- .layout--api--function #content,
430
- .layout--api--interface #title,
431
- .layout--api--interface #content,
432
- .layout--api--method #title,
433
- .layout--api--method #content,
434
- .layout--api--type #title,
435
- .layout--api--type #content,
436
- .layout--article #title,
437
- .layout--article #content,
438
- .layout--component #title,
439
- .layout--component #content,
440
- .layout--pattern #title,
441
- .layout--pattern #content {
416
+ .layout--content-with-menu #docs-title,
417
+ .layout--content-with-menu #docs-content,
418
+ .layout--api #docs-title,
419
+ .layout--api #docs-content,
420
+ .layout--api--class #docs-title,
421
+ .layout--api--class #docs-content,
422
+ .layout--api--composable #docs-title,
423
+ .layout--api--composable #docs-content,
424
+ .layout--api--constant #docs-title,
425
+ .layout--api--constant #docs-content,
426
+ .layout--api--enum #docs-title,
427
+ .layout--api--enum #docs-content,
428
+ .layout--api--function #docs-title,
429
+ .layout--api--function #docs-content,
430
+ .layout--api--interface #docs-title,
431
+ .layout--api--interface #docs-content,
432
+ .layout--api--method #docs-title,
433
+ .layout--api--method #docs-content,
434
+ .layout--api--type #docs-title,
435
+ .layout--api--type #docs-content,
436
+ .layout--article #docs-title,
437
+ .layout--article #docs-content,
438
+ .layout--component #docs-title,
439
+ .layout--component #docs-content,
440
+ .layout--pattern #docs-title,
441
+ .layout--pattern #docs-content {
442
442
  padding: 0 1rem;
443
443
  }
444
444
  @media screen and (width < 1280px) {
445
- .layout--content-with-menu #aside,
446
- .layout--api #aside,
447
- .layout--api--class #aside,
448
- .layout--api--composable #aside,
449
- .layout--api--constant #aside,
450
- .layout--api--enum #aside,
451
- .layout--api--function #aside,
452
- .layout--api--interface #aside,
453
- .layout--api--method #aside,
454
- .layout--api--type #aside,
455
- .layout--article #aside,
456
- .layout--component #aside,
457
- .layout--pattern #aside {
445
+ .layout--content-with-menu #docs-aside,
446
+ .layout--api #docs-aside,
447
+ .layout--api--class #docs-aside,
448
+ .layout--api--composable #docs-aside,
449
+ .layout--api--constant #docs-aside,
450
+ .layout--api--enum #docs-aside,
451
+ .layout--api--function #docs-aside,
452
+ .layout--api--interface #docs-aside,
453
+ .layout--api--method #docs-aside,
454
+ .layout--api--type #docs-aside,
455
+ .layout--article #docs-aside,
456
+ .layout--component #docs-aside,
457
+ .layout--pattern #docs-aside {
458
458
  padding-left: 1rem;
459
459
  }
460
460
  }
461
461
 
462
- #aside {
462
+ #docs-aside {
463
463
  grid-area: aside;
464
464
  }
465
465
 
466
- #title {
466
+ #docs-title {
467
467
  grid-area: title;
468
468
  margin-top: 1.2rem;
469
469
  }
470
470
 
471
- #content {
471
+ #docs-content {
472
472
  grid-area: content;
473
473
  padding-bottom: 1rem;
474
474
  overflow-x: auto;
@@ -691,17 +691,17 @@ main {
691
691
  display: none;
692
692
  }
693
693
 
694
- #outline {
694
+ #docs-outline {
695
695
  margin-bottom: 1rem;
696
696
  }
697
- #outline summary {
697
+ #docs-outline summary {
698
698
  display: flex;
699
699
  }
700
- #outline summary .docs-icon {
700
+ #docs-outline summary .docs-icon {
701
701
  display: none;
702
702
  }
703
703
  @media (width >= 1280px) {
704
- #outline {
704
+ #docs-outline {
705
705
  position: sticky;
706
706
  top: 1rem;
707
707
  padding: 0.25rem 1rem 0.25rem 0.25rem;
@@ -710,58 +710,58 @@ main {
710
710
  max-width: 15rem;
711
711
  scrollbar-width: thin;
712
712
  }
713
- #outline summary {
713
+ #docs-outline summary {
714
714
  pointer-events: none;
715
715
  cursor: text;
716
716
  }
717
717
  }
718
718
  @media (width < 1280px) {
719
- #outline summary {
719
+ #docs-outline summary {
720
720
  width: fit-content;
721
721
  cursor: pointer;
722
722
  }
723
- #outline summary .docs-icon {
723
+ #docs-outline summary .docs-icon {
724
724
  display: block;
725
725
  transform: translateY(3px);
726
726
  transition: all 200ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
727
727
  margin-left: 0.5rem;
728
728
  }
729
- #outline[open] > summary .docs-icon {
729
+ #docs-outline[open] > summary .docs-icon {
730
730
  transform: rotate(180deg) translateY(-5px);
731
731
  }
732
732
  }
733
- #outline::-webkit-scrollbar {
733
+ #docs-outline::-webkit-scrollbar {
734
734
  height: 7px;
735
735
  width: 7px;
736
736
  }
737
- #outline::-webkit-scrollbar-track {
737
+ #docs-outline::-webkit-scrollbar-track {
738
738
  background: #f1f1f1;
739
739
  border-radius: 10px;
740
740
  }
741
- #outline::-webkit-scrollbar-thumb {
741
+ #docs-outline::-webkit-scrollbar-thumb {
742
742
  background: #c0c0c0;
743
743
  border-radius: 10px;
744
744
  }
745
- #outline::-webkit-scrollbar-thumb:hover {
745
+ #docs-outline::-webkit-scrollbar-thumb:hover {
746
746
  background: #a7a7a7;
747
747
  }
748
- #outline .outline__heading {
748
+ #docs-outline .outline__heading {
749
749
  font-size: 1rem;
750
750
  font-weight: normal;
751
751
  color: var(--docs-outline-heading-color);
752
752
  margin: 0 0 0.5rem;
753
753
  }
754
- #outline ul {
754
+ #docs-outline ul {
755
755
  margin: 0;
756
756
  padding: 0;
757
757
  border-left: 1px solid var(--docs-outline-list-border-color);
758
758
  }
759
- #outline li {
759
+ #docs-outline li {
760
760
  list-style: none;
761
761
  padding-left: 4px;
762
762
  position: relative;
763
763
  }
764
- #outline li::before, #outline li::after {
764
+ #docs-outline li::before, #docs-outline li::after {
765
765
  content: " ";
766
766
  display: block;
767
767
  position: absolute;
@@ -771,21 +771,21 @@ main {
771
771
  width: 4px;
772
772
  background: transparent;
773
773
  }
774
- #outline li::before {
774
+ #docs-outline li::before {
775
775
  transition: background-color 300ms ease-in;
776
776
  }
777
777
  @media not (prefers-reduced-motion: reduce) {
778
- #outline li.active::before {
778
+ #docs-outline li.active::before {
779
779
  background: var(--docs-outline-active-border-color);
780
780
  }
781
781
  }
782
- #outline li:hover::after {
782
+ #docs-outline li:hover::after {
783
783
  background: var(--docs-outline-active-border-color);
784
784
  }
785
- #outline li:hover a {
785
+ #docs-outline li:hover a {
786
786
  background: var(--docs-outline-hover-background-color);
787
787
  }
788
- #outline a {
788
+ #docs-outline a {
789
789
  display: inline-block;
790
790
  width: 100%;
791
791
  font-size: 16px;
@@ -982,11 +982,11 @@ p:not(.code-preview p) {
982
982
  visibility: visible;
983
983
  }
984
984
 
985
- #content a:where(:not(.code-preview a)) {
985
+ #docs-content a:where(:not(.code-preview a)) {
986
986
  color: var(--docs-text-color-default);
987
987
  }
988
988
 
989
- #content a:where(:not(.code-preview a, .header-anchor)),
989
+ #docs-content a:where(:not(.code-preview a, .header-anchor)),
990
990
  footer a {
991
991
  text-decoration: underline;
992
992
  text-decoration-thickness: 1px;
@@ -994,7 +994,7 @@ footer a {
994
994
  text-decoration-color: var(--docs-text-color-link);
995
995
  text-underline-offset: 0.15rem;
996
996
  }
997
- #content a:where(:not(.code-preview a, .header-anchor)):hover,
997
+ #docs-content a:where(:not(.code-preview a, .header-anchor)):hover,
998
998
  footer a:hover {
999
999
  color: var(--docs-text-color-default);
1000
1000
  text-decoration-color: var(--docs-text-color-default);
@@ -1005,16 +1005,16 @@ footer a:hover {
1005
1005
  background: var(--docs-background-color);
1006
1006
  }
1007
1007
 
1008
- main #aside dl {
1008
+ main #docs-aside dl {
1009
1009
  margin-bottom: 2rem;
1010
1010
  }
1011
1011
 
1012
- main #aside dt {
1012
+ main #docs-aside dt {
1013
1013
  font-weight: 400;
1014
1014
  color: var(--docs-text-color-discrete);
1015
1015
  }
1016
1016
 
1017
- main #aside dd {
1017
+ main #docs-aside dd {
1018
1018
  margin: 0 0 1.5rem;
1019
1019
  }
1020
1020
 
@@ -1578,7 +1578,7 @@ kbd {
1578
1578
  font-family: var(--docs-font-family);
1579
1579
  }
1580
1580
 
1581
- #search button {
1581
+ #docs-search button {
1582
1582
  background: transparent;
1583
1583
  color: var(--docs-text-color-discrete);
1584
1584
  border-radius: 4px;
@@ -1593,18 +1593,18 @@ kbd {
1593
1593
  padding-inline-end: 0;
1594
1594
  }
1595
1595
 
1596
- #search button:hover {
1596
+ #docs-search button:hover {
1597
1597
  cursor: pointer;
1598
1598
  background-color: var(--docs-search-button-color-hover);
1599
1599
  }
1600
1600
 
1601
- #search button:focus-visible {
1601
+ #docs-search button:focus-visible {
1602
1602
  border-radius: 0;
1603
1603
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #1b1e23, 0 0 0 6px #ffffff;
1604
1604
  outline: 3px solid transparent;
1605
1605
  }
1606
1606
 
1607
- #search .search__icon {
1607
+ #docs-search .search__icon {
1608
1608
  display: inline-block;
1609
1609
  height: 1rem;
1610
1610
  max-height: 100%;
@@ -1764,7 +1764,7 @@ header .docs-page-header__logo > a {
1764
1764
  }
1765
1765
 
1766
1766
  @media screen and (width < 1024px) {
1767
- #search button kbd {
1767
+ #docs-search button kbd {
1768
1768
  display: none;
1769
1769
  }
1770
1770
  }
@@ -1852,7 +1852,7 @@ header .docs-page-header__logo > a {
1852
1852
  }
1853
1853
  }
1854
1854
  /* navigering vänster */
1855
- #sidenav {
1855
+ #docs-sidenav {
1856
1856
  background-color: var(--docs-menu-background-color);
1857
1857
  width: auto;
1858
1858
  display: flex;
@@ -1867,12 +1867,12 @@ header .docs-page-header__logo > a {
1867
1867
  grid-area: sidenav;
1868
1868
  }
1869
1869
  @media (width < 640px) {
1870
- #sidenav {
1870
+ #docs-sidenav {
1871
1871
  display: none;
1872
1872
  }
1873
1873
  }
1874
1874
  @media (width < 1024px) {
1875
- .is-mobile #sidenav {
1875
+ .is-mobile #docs-sidenav {
1876
1876
  display: none;
1877
1877
  }
1878
1878
  }
@@ -426,7 +426,7 @@ kbd {
426
426
  font-family: var(--docs-font-family);
427
427
  }
428
428
 
429
- #search button {
429
+ #docs-search button {
430
430
  background: transparent;
431
431
  color: var(--docs-text-color-discrete);
432
432
  border-radius: 4px;
@@ -441,18 +441,18 @@ kbd {
441
441
  padding-inline-end: 0;
442
442
  }
443
443
 
444
- #search button:hover {
444
+ #docs-search button:hover {
445
445
  cursor: pointer;
446
446
  background-color: var(--docs-search-button-color-hover);
447
447
  }
448
448
 
449
- #search button:focus-visible {
449
+ #docs-search button:focus-visible {
450
450
  border-radius: 0;
451
451
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #1b1e23, 0 0 0 6px #ffffff;
452
452
  outline: 3px solid transparent;
453
453
  }
454
454
 
455
- #search .search__icon {
455
+ #docs-search .search__icon {
456
456
  display: inline-block;
457
457
  height: 1rem;
458
458
  max-height: 100%;
@@ -612,7 +612,7 @@ header .docs-page-header__logo > a {
612
612
  }
613
613
 
614
614
  @media screen and (width < 1024px) {
615
- #search button kbd {
615
+ #docs-search button kbd {
616
616
  display: none;
617
617
  }
618
618
  }
@@ -700,7 +700,7 @@ header .docs-page-header__logo > a {
700
700
  }
701
701
  }
702
702
  /* navigering vänster */
703
- #sidenav {
703
+ #docs-sidenav {
704
704
  background-color: var(--docs-menu-background-color);
705
705
  width: auto;
706
706
  display: flex;
@@ -715,12 +715,12 @@ header .docs-page-header__logo > a {
715
715
  grid-area: sidenav;
716
716
  }
717
717
  @media (width < 640px) {
718
- #sidenav {
718
+ #docs-sidenav {
719
719
  display: none;
720
720
  }
721
721
  }
722
722
  @media (width < 1024px) {
723
- .is-mobile #sidenav {
723
+ .is-mobile #docs-sidenav {
724
724
  display: none;
725
725
  }
726
726
  }