@ng-doc/app 15.0.0-beta.26 → 15.0.0-beta.27

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 (3) hide show
  1. package/package.json +3 -3
  2. package/styles/global.css +29 -8
  3. package/styles/main.css +29 -8
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ng-doc/app",
3
- "version": "15.0.0-beta.26",
3
+ "version": "15.0.0-beta.27",
4
4
  "peerDependencies": {
5
5
  "@angular/common": ">=15.0.0",
6
6
  "@angular/core": ">=15.0.0",
@@ -20,8 +20,8 @@
20
20
  },
21
21
  "dependencies": {
22
22
  "tslib": "^2.3.0",
23
- "@ng-doc/core": "15.0.0-beta.26",
24
- "@ng-doc/ui-kit": "15.0.0-beta.26"
23
+ "@ng-doc/core": "15.0.0-beta.27",
24
+ "@ng-doc/ui-kit": "15.0.0-beta.27"
25
25
  },
26
26
  "publishConfig": {
27
27
  "access": "public"
package/styles/global.css CHANGED
@@ -253,7 +253,7 @@ table thead tr th h6 {
253
253
  margin-bottom: 0;
254
254
  }
255
255
  table tbody tr td {
256
- padding: var(--ng-doc-base-gutter);
256
+ padding: calc(var(--ng-doc-base-gutter) * 2);
257
257
  vertical-align: top;
258
258
  border-bottom: 1px solid var(--ng-doc-base-1);
259
259
  }
@@ -748,7 +748,7 @@ article header .ng-doc-header-details .ng-doc-header-details-label:first-child {
748
748
  }
749
749
  .ng-doc-tag[data-content=Interface] {
750
750
  background-color: var(--ng-doc-blue-20);
751
- color: var(--ng-doc-blue-90);
751
+ color: var(--ng-doc-light-blue-90);
752
752
  }
753
753
  .ng-doc-tag[data-content=Enum], .ng-doc-tag[data-content=Variable] {
754
754
  background-color: var(--ng-doc-orange-20);
@@ -770,9 +770,9 @@ article header .ng-doc-header-details .ng-doc-header-details-label:first-child {
770
770
  background-color: var(--ng-doc-orange-10);
771
771
  color: var(--ng-doc-orange-100);
772
772
  }
773
- .ng-doc-tag[data-content=Service] {
774
- background-color: var(--ng-doc-indigo-10);
775
- color: var(--ng-doc-indigo-100);
773
+ .ng-doc-tag[data-content=Injectable] {
774
+ background-color: var(--ng-doc-blue-20);
775
+ color: var(--ng-doc-light-blue-90);
776
776
  }
777
777
  .ng-doc-tag[data-content=Pipe] {
778
778
  background-color: var(--ng-doc-green-10);
@@ -826,12 +826,25 @@ article header .ng-doc-header-details .ng-doc-header-details-label:first-child {
826
826
  .ng-doc-modifier[data-content=Async] {
827
827
  color: var(--ng-doc-green-100);
828
828
  }
829
+ .ng-doc-modifier[data-content=Overriden] {
830
+ color: var(--ng-doc-light-blue-100);
831
+ }
829
832
  .ng-doc-modifier[data-content=Readonly] {
830
833
  color: var(--ng-doc-deep-orange-100);
831
834
  }
832
835
 
833
836
  .ng-doc-badge-wrapper {
834
- line-height: calc(var(--ng-doc-base-gutter) * 2);
837
+ display: inline-flex;
838
+ margin-right: var(--ng-doc-base-gutter);
839
+ vertical-align: middle;
840
+ }
841
+ .ng-doc-badge-wrapper .ng-doc-badge:first-child {
842
+ border-top-left-radius: var(--ng-doc-base-gutter);
843
+ border-bottom-left-radius: var(--ng-doc-base-gutter);
844
+ }
845
+ .ng-doc-badge-wrapper .ng-doc-badge:last-child {
846
+ border-top-right-radius: var(--ng-doc-base-gutter);
847
+ border-bottom-right-radius: var(--ng-doc-base-gutter);
835
848
  }
836
849
 
837
850
  .ng-doc-badge {
@@ -842,7 +855,6 @@ article header .ng-doc-header-details .ng-doc-header-details-label:first-child {
842
855
  height: calc(var(--ng-doc-base-gutter) * 2);
843
856
  font-family: var(--ng-doc-heading-font-family);
844
857
  font-size: 10px;
845
- border-radius: calc(var(--ng-doc-base-gutter) * 2);
846
858
  color: var(--ng-doc-white);
847
859
  white-space: nowrap;
848
860
  font-weight: 900;
@@ -857,8 +869,11 @@ article header .ng-doc-header-details .ng-doc-header-details-label:first-child {
857
869
  .ng-doc-badge[data-content=Async] {
858
870
  background-color: var(--ng-doc-green-100);
859
871
  }
872
+ .ng-doc-badge[data-content=Overriden] {
873
+ background-color: var(--ng-doc-light-blue-100);
874
+ }
860
875
  .ng-doc-badge[data-content=Readonly] {
861
- background-color: var(--ng-doc-deep-orange-100);
876
+ background-color: var(--ng-doc-red-100);
862
877
  }
863
878
 
864
879
  .ng-doc-see-also li {
@@ -882,6 +897,12 @@ table.ng-doc-parameters-table .ng-doc-parameters-table-type {
882
897
  width: 25%;
883
898
  }
884
899
 
900
+ .ng-doc-no-content {
901
+ color: var(--ng-doc-text-muted);
902
+ font-style: italic;
903
+ font-size: 14px;
904
+ }
905
+
885
906
  article h1:hover .ng-doc-header-link, article h2:hover .ng-doc-header-link, article h3:hover .ng-doc-header-link,
886
907
  article h4:hover .ng-doc-header-link, article h5:hover .ng-doc-header-link, article h6:hover .ng-doc-header-link {
887
908
  opacity: 1;
package/styles/main.css CHANGED
@@ -253,7 +253,7 @@ table thead tr th h6 {
253
253
  margin-bottom: 0;
254
254
  }
255
255
  table tbody tr td {
256
- padding: var(--ng-doc-base-gutter);
256
+ padding: calc(var(--ng-doc-base-gutter) * 2);
257
257
  vertical-align: top;
258
258
  border-bottom: 1px solid var(--ng-doc-base-1);
259
259
  }
@@ -748,7 +748,7 @@ article header .ng-doc-header-details .ng-doc-header-details-label:first-child {
748
748
  }
749
749
  .ng-doc-tag[data-content=Interface] {
750
750
  background-color: var(--ng-doc-blue-20);
751
- color: var(--ng-doc-blue-90);
751
+ color: var(--ng-doc-light-blue-90);
752
752
  }
753
753
  .ng-doc-tag[data-content=Enum], .ng-doc-tag[data-content=Variable] {
754
754
  background-color: var(--ng-doc-orange-20);
@@ -770,9 +770,9 @@ article header .ng-doc-header-details .ng-doc-header-details-label:first-child {
770
770
  background-color: var(--ng-doc-orange-10);
771
771
  color: var(--ng-doc-orange-100);
772
772
  }
773
- .ng-doc-tag[data-content=Service] {
774
- background-color: var(--ng-doc-indigo-10);
775
- color: var(--ng-doc-indigo-100);
773
+ .ng-doc-tag[data-content=Injectable] {
774
+ background-color: var(--ng-doc-blue-20);
775
+ color: var(--ng-doc-light-blue-90);
776
776
  }
777
777
  .ng-doc-tag[data-content=Pipe] {
778
778
  background-color: var(--ng-doc-green-10);
@@ -826,12 +826,25 @@ article header .ng-doc-header-details .ng-doc-header-details-label:first-child {
826
826
  .ng-doc-modifier[data-content=Async] {
827
827
  color: var(--ng-doc-green-100);
828
828
  }
829
+ .ng-doc-modifier[data-content=Overriden] {
830
+ color: var(--ng-doc-light-blue-100);
831
+ }
829
832
  .ng-doc-modifier[data-content=Readonly] {
830
833
  color: var(--ng-doc-deep-orange-100);
831
834
  }
832
835
 
833
836
  .ng-doc-badge-wrapper {
834
- line-height: calc(var(--ng-doc-base-gutter) * 2);
837
+ display: inline-flex;
838
+ margin-right: var(--ng-doc-base-gutter);
839
+ vertical-align: middle;
840
+ }
841
+ .ng-doc-badge-wrapper .ng-doc-badge:first-child {
842
+ border-top-left-radius: var(--ng-doc-base-gutter);
843
+ border-bottom-left-radius: var(--ng-doc-base-gutter);
844
+ }
845
+ .ng-doc-badge-wrapper .ng-doc-badge:last-child {
846
+ border-top-right-radius: var(--ng-doc-base-gutter);
847
+ border-bottom-right-radius: var(--ng-doc-base-gutter);
835
848
  }
836
849
 
837
850
  .ng-doc-badge {
@@ -842,7 +855,6 @@ article header .ng-doc-header-details .ng-doc-header-details-label:first-child {
842
855
  height: calc(var(--ng-doc-base-gutter) * 2);
843
856
  font-family: var(--ng-doc-heading-font-family);
844
857
  font-size: 10px;
845
- border-radius: calc(var(--ng-doc-base-gutter) * 2);
846
858
  color: var(--ng-doc-white);
847
859
  white-space: nowrap;
848
860
  font-weight: 900;
@@ -857,8 +869,11 @@ article header .ng-doc-header-details .ng-doc-header-details-label:first-child {
857
869
  .ng-doc-badge[data-content=Async] {
858
870
  background-color: var(--ng-doc-green-100);
859
871
  }
872
+ .ng-doc-badge[data-content=Overriden] {
873
+ background-color: var(--ng-doc-light-blue-100);
874
+ }
860
875
  .ng-doc-badge[data-content=Readonly] {
861
- background-color: var(--ng-doc-deep-orange-100);
876
+ background-color: var(--ng-doc-red-100);
862
877
  }
863
878
 
864
879
  .ng-doc-see-also li {
@@ -882,6 +897,12 @@ table.ng-doc-parameters-table .ng-doc-parameters-table-type {
882
897
  width: 25%;
883
898
  }
884
899
 
900
+ .ng-doc-no-content {
901
+ color: var(--ng-doc-text-muted);
902
+ font-style: italic;
903
+ font-size: 14px;
904
+ }
905
+
885
906
  article h1:hover .ng-doc-header-link, article h2:hover .ng-doc-header-link, article h3:hover .ng-doc-header-link,
886
907
  article h4:hover .ng-doc-header-link, article h5:hover .ng-doc-header-link, article h6:hover .ng-doc-header-link {
887
908
  opacity: 1;