@ng-doc/ui-kit 15.0.0-beta.32 → 15.0.0-beta.34

package/styles/main.css

@@ -20,7 +20,7 @@
   --ng-doc-base-9: var(--ng-doc-grey-100);
   --ng-doc-base-10: var(--ng-doc-grey-110);
   --ng-doc-base-11: var(--ng-doc-grey-180);
-  --ng-doc-primary: var(--ng-doc-ember-120);
+  --ng-doc-primary: var(--ng-doc-ember-140);
   --ng-doc-primary-rgb: var(--ng-doc-ember-rgb);
   --ng-doc-primary-text: var(--ng-doc-white);
   --ng-doc-hover: var(--ng-doc-ember-20);
@@ -39,10 +39,12 @@
   --ng-doc-code-font-size: 14px;
   --ng-doc-code-line-height: 18px;
   --ng-doc-code-font-weight: 600;
+  --ng-doc-code-margin: calc(var(--ng-doc-base-gutter) * 5) 0px;
   --ng-doc-text: var(--ng-doc-base-11);
   --ng-doc-text-inversed: var(--ng-doc-base-0);
   --ng-doc-text-muted: var(--ng-doc-base-8);
   --ng-doc-link-color: var(--ng-doc-blue-100);
+  --ng-doc-link-color-rgb: var(--ng-doc-blue-rgb);
   --ng-doc-inline-code-background: var(--ng-doc-base-2);
   --ng-doc-inline-code-color: var(--ng-doc-text);
   --ng-doc-button-background: trasparent;
@@ -81,207 +83,6 @@
   --ng-doc-dot-background: var(--ng-doc-primary);
 }
 
-html {
-  -webkit-font-smoothing: antialiased;
-}
-
-p {
-  line-height: 1.5rem;
-  margin-top: 1rem;
-  margin-bottom: 0;
-}
-
-ul,
-ol {
-  margin-top: 1.5rem;
-  margin-bottom: 1.5rem;
-}
-
-ul li,
-ol li {
-  line-height: 1.5rem;
-  margin-bottom: var(--ng-doc-base-gutter);
-}
-
-ul ul,
-ol ul,
-ul ol,
-ol ol {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-blockquote {
-  line-height: 1.5rem;
-  margin-top: 1.5rem;
-  margin-bottom: 1.5rem;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-family: var(--ng-doc-heading-font-family);
-  margin: calc(var(--ng-doc-base-gutter) * 9) 0 0;
-  line-height: 1.5rem;
-  font-weight: 700;
-  overflow-wrap: anywhere;
-}
-h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6,
-h2 + h1,
-h2 + h2,
-h2 + h3,
-h2 + h4,
-h2 + h5,
-h2 + h6,
-h3 + h1,
-h3 + h2,
-h3 + h3,
-h3 + h4,
-h3 + h5,
-h3 + h6,
-h4 + h1,
-h4 + h2,
-h4 + h3,
-h4 + h4,
-h4 + h5,
-h4 + h6,
-h5 + h1,
-h5 + h2,
-h5 + h3,
-h5 + h4,
-h5 + h5,
-h5 + h6,
-h6 + h1,
-h6 + h2,
-h6 + h3,
-h6 + h4,
-h6 + h5,
-h6 + h6 {
-  margin-top: calc(var(--ng-doc-base-gutter) * 5);
-}
-
-h1 {
-  font-size: calc(var(--ng-doc-base-gutter) * 5);
-  line-height: calc(var(--ng-doc-base-gutter) * 6);
-  font-weight: 900;
-}
-
-h2 {
-  font-size: calc(var(--ng-doc-base-gutter) * 4);
-  line-height: calc(var(--ng-doc-base-gutter) * 5);
-}
-
-h3 {
-  font-size: calc(var(--ng-doc-base-gutter) * 3);
-  line-height: calc(var(--ng-doc-base-gutter) * 4);
-}
-
-h4 {
-  font-size: 20px;
-  line-height: calc(var(--ng-doc-base-gutter) * 4);
-  margin-top: calc(var(--ng-doc-base-gutter) * 3);
-}
-
-h5,
-h6 {
-  font-size: calc(var(--ng-doc-base-gutter) * 2);
-  line-height: calc(var(--ng-doc-base-gutter) * 3);
-  margin-top: calc(var(--ng-doc-base-gutter) * 2);
-}
-
-pre code {
-  white-space: unset;
-  box-shadow: inset 0px 6px 6px rgba(16, 19, 19, 0.32);
-}
-
-code {
-  vertical-align: bottom;
-  border-radius: calc(var(--ng-doc-base-gutter) / 2);
-  background-color: var(--ng-doc-inline-code-background);
-  color: var(--ng-doc-inline-code-color);
-  padding: calc(var(--ng-doc-base-gutter) / 4) var(--ng-doc-base-gutter);
-  font-family: var(--ng-doc-code-font);
-  font-size: var(--ng-doc-code-font-size);
-  font-weight: var(--ng-doc-code-font-weight);
-  white-space: nowrap;
-}
-
-.lead {
-  font-size: 1.414rem;
-}
-
-.hug {
-  margin-top: 0;
-}
-
-.ng-doc-table-wrapper {
-  overflow-x: auto;
-}
-
-table {
-  width: 100%;
-  border-spacing: 0;
-  margin: calc(var(--ng-doc-base-gutter) * 4) 0;
-  margin-bottom: calc(var(--ng-doc-base-gutter) * 7);
-}
-table thead tr th {
-  padding: var(--ng-doc-base-gutter);
-  background-color: var(--ng-doc-base-1);
-  text-align: left;
-}
-table thead tr th:first-child {
-  border-top-left-radius: var(--ng-doc-base-gutter);
-  border-bottom-left-radius: var(--ng-doc-base-gutter);
-  padding-left: calc(var(--ng-doc-base-gutter) * 4);
-}
-table thead tr th:last-child {
-  padding-right: calc(var(--ng-doc-base-gutter) * 4);
-  border-top-right-radius: var(--ng-doc-base-gutter);
-  border-bottom-right-radius: var(--ng-doc-base-gutter);
-}
-table thead tr th h1,
-table thead tr th h2,
-table thead tr th h3,
-table thead tr th h4,
-table thead tr th h5,
-table thead tr th h6 {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-table tbody tr td {
-  padding: calc(var(--ng-doc-base-gutter) * 2);
-  vertical-align: top;
-  border-bottom: 1px solid var(--ng-doc-base-1);
-}
-table tbody tr td:first-child {
-  padding-left: calc(var(--ng-doc-base-gutter) * 4);
-}
-table tbody tr td:last-child {
-  padding-right: calc(var(--ng-doc-base-gutter) * 4);
-}
-table tbody tr td table {
-  margin: calc(var(--ng-doc-base-gutter) * 2) 0;
-}
-table h1,
-table h2,
-table h3,
-table h4,
-table h5,
-table h6 {
-  margin: 0 0 calc(var(--ng-doc-base-gutter) * 2);
-}
-
-a {
-  text-decoration: none;
-  color: var(--ng-doc-link-color);
-}
-a:hover {
-  text-decoration: underline;
-}
-
 .ng-doc-tooltip {
   --ng-doc-overlay-background: var(--ng-doc-base-11);
   --ng-doc-overlay-border: var(--ng-doc-base-11);
@@ -342,6 +143,7 @@ a:hover {
   --ng-doc-red-160: rgb(217, 0, 0);
   --ng-doc-red-170: rgb(182, 0, 0);
   --ng-doc-red-180: rgb(204, 0, 0);
+  --ng-doc-red-190: rgb(198, 0, 0);
   --ng-doc-pink-rgb: 255, 0, 102;
   --ng-doc-pink-10: rgba(255, 1, 136, 0.1);
   --ng-doc-pink-20: rgba(255, 1, 133, 0.2);
@@ -361,6 +163,7 @@ a:hover {
   --ng-doc-pink-160: rgb(217, 0, 55);
   --ng-doc-pink-170: rgb(182, 0, 42);
   --ng-doc-pink-180: rgb(204, 0, 42);
+  --ng-doc-pink-190: rgb(198, 0, 36);
   --ng-doc-purple-rgb: 204, 0, 204;
   --ng-doc-purple-10: rgba(227, 1, 227, 0.1);
   --ng-doc-purple-20: rgba(225, 1, 225, 0.2);
@@ -380,6 +183,7 @@ a:hover {
   --ng-doc-purple-160: rgb(152, 0, 152);
   --ng-doc-purple-170: rgb(125, 0, 125);
   --ng-doc-purple-180: rgb(137, 0, 137);
+  --ng-doc-purple-190: rgb(129, 0, 129);
   --ng-doc-deep-purple-rgb: 153, 0, 204;
   --ng-doc-deep-purple-10: rgba(187, 1, 227, 0.1);
   --ng-doc-deep-purple-20: rgba(184, 1, 225, 0.2);
@@ -399,6 +203,7 @@ a:hover {
   --ng-doc-deep-purple-160: rgb(99, 0, 152);
   --ng-doc-deep-purple-170: rgb(79, 0, 125);
   --ng-doc-deep-purple-180: rgb(83, 0, 137);
+  --ng-doc-deep-purple-190: rgb(76, 0, 129);
   --ng-doc-indigo-rgb: 102, 0, 204;
   --ng-doc-indigo-10: rgba(136, 1, 227, 0.1);
   --ng-doc-indigo-20: rgba(133, 1, 225, 0.2);
@@ -418,6 +223,7 @@ a:hover {
   --ng-doc-indigo-160: rgb(55, 0, 152);
   --ng-doc-indigo-170: rgb(42, 0, 125);
   --ng-doc-indigo-180: rgb(42, 0, 137);
+  --ng-doc-indigo-190: rgb(36, 0, 129);
   --ng-doc-blue-rgb: 0, 102, 204;
   --ng-doc-blue-10: rgba(1, 136, 227, 0.1);
   --ng-doc-blue-20: rgba(1, 133, 225, 0.2);
@@ -437,6 +243,7 @@ a:hover {
   --ng-doc-blue-160: rgb(0, 55, 152);
   --ng-doc-blue-170: rgb(0, 42, 125);
   --ng-doc-blue-180: rgb(0, 42, 137);
+  --ng-doc-blue-190: rgb(0, 36, 129);
   --ng-doc-light-blue-rgb: 0, 153, 204;
   --ng-doc-light-blue-10: rgba(1, 187, 227, 0.1);
   --ng-doc-light-blue-20: rgba(1, 184, 225, 0.2);
@@ -456,6 +263,7 @@ a:hover {
   --ng-doc-light-blue-160: rgb(0, 99, 152);
   --ng-doc-light-blue-170: rgb(0, 79, 125);
   --ng-doc-light-blue-180: rgb(0, 83, 137);
+  --ng-doc-light-blue-190: rgb(0, 76, 129);
   --ng-doc-cian-rgb: 0, 204, 204;
   --ng-doc-cian-10: rgba(1, 227, 227, 0.1);
   --ng-doc-cian-20: rgba(1, 225, 225, 0.2);
@@ -475,6 +283,7 @@ a:hover {
   --ng-doc-cian-160: rgb(0, 152, 152);
   --ng-doc-cian-170: rgb(0, 125, 125);
   --ng-doc-cian-180: rgb(0, 137, 137);
+  --ng-doc-cian-190: rgb(0, 129, 129);
   --ng-doc-teal-rgb: 4, 191, 139;
   --ng-doc-teal-10: rgba(7, 217, 174, 0.1);
   --ng-doc-teal-20: rgba(7, 215, 171, 0.2);
@@ -494,6 +303,7 @@ a:hover {
   --ng-doc-teal-160: rgb(2, 138, 86);
   --ng-doc-teal-170: rgb(1, 112, 68);
   --ng-doc-teal-180: rgb(1, 122, 71);
+  --ng-doc-teal-190: rgb(0, 115, 64);
   --ng-doc-green-rgb: 0, 204, 0;
   --ng-doc-green-10: rgba(1, 227, 1, 0.1);
   --ng-doc-green-20: rgba(1, 225, 1, 0.2);
@@ -513,6 +323,7 @@ a:hover {
   --ng-doc-green-160: rgb(0, 152, 0);
   --ng-doc-green-170: rgb(0, 125, 0);
   --ng-doc-green-180: rgb(0, 137, 0);
+  --ng-doc-green-190: rgb(0, 129, 0);
   --ng-doc-light-green-rgb: 0, 204, 51;
   --ng-doc-light-green-10: rgba(1, 227, 74, 0.1);
   --ng-doc-light-green-20: rgba(1, 225, 72, 0.2);
@@ -532,6 +343,7 @@ a:hover {
   --ng-doc-light-green-160: rgb(0, 152, 22);
   --ng-doc-light-green-170: rgb(0, 125, 16);
   --ng-doc-light-green-180: rgb(0, 137, 14);
+  --ng-doc-light-green-190: rgb(0, 129, 11);
   --ng-doc-lime-rgb: 153, 255, 0;
   --ng-doc-lime-10: rgba(187, 255, 1, 0.1);
   --ng-doc-lime-20: rgba(184, 255, 1, 0.2);
@@ -551,6 +363,7 @@ a:hover {
   --ng-doc-lime-160: rgb(99, 217, 0);
   --ng-doc-lime-170: rgb(79, 182, 0);
   --ng-doc-lime-180: rgb(83, 204, 0);
+  --ng-doc-lime-190: rgb(76, 198, 0);
   --ng-doc-yellow-rgb: 255, 255, 0;
   --ng-doc-yellow-10: rgba(255, 255, 1, 0.1);
   --ng-doc-yellow-20: rgba(255, 255, 1, 0.2);
@@ -570,6 +383,7 @@ a:hover {
   --ng-doc-yellow-160: rgb(217, 217, 0);
   --ng-doc-yellow-170: rgb(182, 182, 0);
   --ng-doc-yellow-180: rgb(204, 204, 0);
+  --ng-doc-yellow-190: rgb(198, 198, 0);
   --ng-doc-ember-rgb: 255, 204, 0;
   --ng-doc-ember-10: rgba(255, 227, 1, 0.1);
   --ng-doc-ember-20: rgba(255, 225, 1, 0.2);
@@ -589,6 +403,7 @@ a:hover {
   --ng-doc-ember-160: rgb(217, 152, 0);
   --ng-doc-ember-170: rgb(182, 125, 0);
   --ng-doc-ember-180: rgb(204, 137, 0);
+  --ng-doc-ember-190: rgb(198, 129, 0);
   --ng-doc-orange-rgb: 255, 153, 0;
   --ng-doc-orange-10: rgba(255, 187, 1, 0.1);
   --ng-doc-orange-20: rgba(255, 184, 1, 0.2);
@@ -608,6 +423,7 @@ a:hover {
   --ng-doc-orange-160: rgb(217, 99, 0);
   --ng-doc-orange-170: rgb(182, 79, 0);
   --ng-doc-orange-180: rgb(204, 83, 0);
+  --ng-doc-orange-190: rgb(198, 76, 0);
   --ng-doc-deep-orange-rgb: 255, 102, 0;
   --ng-doc-deep-orange-10: rgba(255, 136, 1, 0.1);
   --ng-doc-deep-orange-20: rgba(255, 133, 1, 0.2);
@@ -627,6 +443,7 @@ a:hover {
   --ng-doc-deep-orange-160: rgb(217, 55, 0);
   --ng-doc-deep-orange-170: rgb(182, 42, 0);
   --ng-doc-deep-orange-180: rgb(204, 42, 0);
+  --ng-doc-deep-orange-190: rgb(198, 36, 0);
   --ng-doc-grey-rgb: 30, 30, 30;
   --ng-doc-grey-10: rgb(242, 242, 242);
   --ng-doc-grey-20: rgb(230, 230, 230);
@@ -646,6 +463,7 @@ a:hover {
   --ng-doc-grey-160: rgb(71, 71, 71);
   --ng-doc-grey-170: rgb(60, 60, 60);
   --ng-doc-grey-180: rgb(50, 50, 50);
+  --ng-doc-grey-190: rgb(40, 40, 40);
   --ng-doc-black: #000;
   --ng-doc-white: #fff;
 }

package/types/color.d.ts

@@ -1 +1 @@
-export declare type NgDocColor = 'primary';
+export declare type NgDocColor = 'primary' | 'link';

package/types/content.d.ts

@@ -1,6 +1,6 @@
 import { Injector, StaticProvider, TemplateRef, Type } from '@angular/core';
-import { PolymorpheusComponent, PolymorpheusHandler, PolymorpheusPrimitive, PolymorpheusTemplate } from '@tinkoff/ng-polymorpheus';
-export declare type NgDocContent<C extends object = {}> = PolymorpheusPrimitive | TemplateRef<C> | PolymorpheusTemplate<C> | PolymorpheusHandler<C> | NgDocComponentContent<object, C>;
+import { PolymorpheusComponent, PolymorpheusHandler, PolymorpheusTemplate } from '@tinkoff/ng-polymorpheus';
+export declare type NgDocContent<C extends object = {}> = string | number | null | undefined | TemplateRef<C> | PolymorpheusTemplate<C> | PolymorpheusHandler<C> | NgDocComponentContent<object, C>;
 export declare class NgDocComponentContent<T extends object, C extends object = object> extends PolymorpheusComponent<T, C> {
     readonly component: Type<T>;
     readonly injectorRef?: Injector | undefined;

package/types/palette-color.d.ts

@@ -1 +1 @@
-export declare type NgDocPaletteColor = 'red' | 'pink' | 'purple' | 'deep-purple' | 'indigo' | 'blue' | 'light-blue' | 'cian' | 'teen' | 'green' | 'light-green' | 'lime' | 'yellow' | 'ember' | 'orange' | 'deep-orange' | 'grey';
+export declare type NgDocPaletteColor = 'red' | 'pink' | 'purple' | 'deep-purple' | 'indigo' | 'blue' | 'light-blue' | 'cian' | 'teal' | 'green' | 'light-green' | 'lime' | 'yellow' | 'ember' | 'orange' | 'deep-orange' | 'grey';