@diplodoc/components 5.1.0 → 5.2.1

package/build/themes/common/index.css

@@ -114,6 +114,36 @@
   --g-color-private-blue-900-solid: rgb(56, 70, 112);
   --g-color-private-blue-950-solid: rgb(52, 61, 92);
   --g-color-private-blue-1000-solid: rgb(51, 57, 82);
+  --g-color-private-base-brand-50: rgba(82, 130, 255, 0.1);
+  --g-color-private-base-brand-100: rgba(82, 130, 255, 0.15);
+  --g-color-private-base-brand-150: rgba(82, 130, 255, 0.2);
+  --g-color-private-base-brand-200: rgba(82, 130, 255, 0.3);
+  --g-color-private-base-brand-250: rgba(82, 130, 255, 0.4);
+  --g-color-private-base-brand-300: rgba(82, 130, 255, 0.5);
+  --g-color-private-base-brand-350: rgba(82, 130, 255, 0.6);
+  --g-color-private-base-brand-400: rgba(82, 130, 255, 0.7);
+  --g-color-private-base-brand-450: rgba(82, 130, 255, 0.8);
+  --g-color-private-base-brand-500: rgba(82, 130, 255, 0.9);
+  --g-color-private-base-brand-50-solid: rgb(238, 243, 255);
+  --g-color-private-base-brand-100-solid: rgb(229, 236, 255);
+  --g-color-private-base-brand-150-solid: rgb(220, 230, 255);
+  --g-color-private-base-brand-200-solid: rgb(203, 218, 255);
+  --g-color-private-base-brand-250-solid: rgb(186, 205, 255);
+  --g-color-private-base-brand-300-solid: rgb(168, 193, 255);
+  --g-color-private-base-brand-350-solid: rgb(151, 180, 255);
+  --g-color-private-base-brand-400-solid: rgb(134, 168, 255);
+  --g-color-private-base-brand-450-solid: rgb(116, 155, 255);
+  --g-color-private-base-brand-500-solid: rgb(99, 143, 255);
+  --g-color-private-base-brand-550-solid: rgb(82, 130, 255);
+  --g-color-private-base-brand-600-solid: rgb(78, 121, 235);
+  --g-color-private-base-brand-650-solid: rgb(74, 113, 214);
+  --g-color-private-base-brand-700-solid: rgb(71, 104, 194);
+  --g-color-private-base-brand-750-solid: rgb(67, 96, 173);
+  --g-color-private-base-brand-800-solid: rgb(63, 87, 153);
+  --g-color-private-base-brand-850-solid: rgb(60, 79, 133);
+  --g-color-private-base-brand-900-solid: rgb(56, 70, 112);
+  --g-color-private-base-brand-950-solid: rgb(52, 61, 92);
+  --g-color-private-base-brand-1000-solid: rgb(51, 57, 82);
   --g-color-private-green-50: rgba(59, 201, 53, 0.1);
   --g-color-private-green-100: rgba(59, 201, 53, 0.15);
   --g-color-private-green-150: rgba(59, 201, 53, 0.2);
@@ -295,16 +325,17 @@
   --g-color-private-cool-grey-950-solid: rgb(57, 62, 71);
   --g-color-private-cool-grey-1000-solid: rgb(54, 57, 66);
   --g-color-base-background: rgb(255, 255, 255);
-  --g-color-base-brand: var(--g-color-private-blue-550-solid);
-  --g-color-base-brand-hover: var(--g-color-private-blue-600-solid);
-  --g-color-base-selection: var(--g-color-private-blue-100);
-  --g-color-base-selection-hover: var(--g-color-private-blue-200);
-  --g-color-line-brand: var(--g-color-private-blue-550-solid);
-  --g-color-text-brand: var(--g-color-private-blue-600-solid);
-  --g-color-text-brand-heavy: var(--g-color-private-blue-700-solid);
+  --g-color-base-brand: var(--g-color-private-base-brand-550-solid);
+  --g-color-base-brand-hover: var(--g-color-private-base-brand-600-solid);
+  --g-color-base-selection: var(--g-color-private-base-brand-100);
+  --g-color-base-selection-hover: var(--g-color-private-base-brand-200);
+  --g-color-line-brand: var(--g-color-private-base-brand-550-solid);
+  --g-color-text-brand: var(--g-color-private-base-brand-600-solid);
+  --g-color-text-brand-heavy: var(--g-color-private-base-brand-700-solid);
   --g-color-text-brand-contrast: var(--g-color-text-light-primary);
-  --g-color-text-link: var(--g-color-private-blue-600-solid);
-  --g-color-text-link-hover: var(--g-color-private-blue-800-solid);
+  --g-color-text-link: var(--g-color-private-base-brand-600-solid);
+  --g-color-text-link-hover: var(--g-color-private-base-brand-800-solid);
+  --g-color-stub: var(--g-color-private-base-brand-600-solid);
 }
 .g-root_theme_light-hc {
   --g-color-private-white-50: rgba(255, 255, 255, 0.05);
@@ -397,6 +428,36 @@
   --g-color-private-blue-900-solid: rgb(48, 64, 103);
   --g-color-private-blue-950-solid: rgb(44, 54, 81);
   --g-color-private-blue-1000-solid: rgb(41, 49, 71);
+  --g-color-private-base-brand-50: rgba(82, 130, 255, 0.1);
+  --g-color-private-base-brand-100: rgba(82, 130, 255, 0.15);
+  --g-color-private-base-brand-150: rgba(82, 130, 255, 0.2);
+  --g-color-private-base-brand-200: rgba(82, 130, 255, 0.3);
+  --g-color-private-base-brand-250: rgba(82, 130, 255, 0.4);
+  --g-color-private-base-brand-300: rgba(82, 130, 255, 0.5);
+  --g-color-private-base-brand-350: rgba(82, 130, 255, 0.6);
+  --g-color-private-base-brand-400: rgba(82, 130, 255, 0.7);
+  --g-color-private-base-brand-450: rgba(82, 130, 255, 0.8);
+  --g-color-private-base-brand-500: rgba(82, 130, 255, 0.9);
+  --g-color-private-base-brand-50-solid: rgb(238, 243, 255);
+  --g-color-private-base-brand-100-solid: rgb(229, 236, 255);
+  --g-color-private-base-brand-150-solid: rgb(220, 230, 255);
+  --g-color-private-base-brand-200-solid: rgb(203, 218, 255);
+  --g-color-private-base-brand-250-solid: rgb(186, 205, 255);
+  --g-color-private-base-brand-300-solid: rgb(168, 193, 255);
+  --g-color-private-base-brand-350-solid: rgb(151, 180, 255);
+  --g-color-private-base-brand-400-solid: rgb(134, 168, 255);
+  --g-color-private-base-brand-450-solid: rgb(116, 155, 255);
+  --g-color-private-base-brand-500-solid: rgb(99, 143, 255);
+  --g-color-private-base-brand-550-solid: rgb(82, 130, 255);
+  --g-color-private-base-brand-600-solid: rgb(77, 121, 233);
+  --g-color-private-base-brand-650-solid: rgb(72, 111, 212);
+  --g-color-private-base-brand-700-solid: rgb(67, 102, 190);
+  --g-color-private-base-brand-750-solid: rgb(63, 92, 168);
+  --g-color-private-base-brand-800-solid: rgb(58, 83, 147);
+  --g-color-private-base-brand-850-solid: rgb(53, 73, 125);
+  --g-color-private-base-brand-900-solid: rgb(48, 64, 103);
+  --g-color-private-base-brand-950-solid: rgb(44, 54, 81);
+  --g-color-private-base-brand-1000-solid: rgb(41, 49, 71);
   --g-color-private-green-50: rgba(59, 201, 53, 0.1);
   --g-color-private-green-100: rgba(59, 201, 53, 0.15);
   --g-color-private-green-150: rgba(59, 201, 53, 0.2);
@@ -578,16 +639,17 @@
   --g-color-private-cool-grey-950-solid: rgb(49, 54, 61);
   --g-color-private-cool-grey-1000-solid: rgb(45, 50, 55);
   --g-color-base-background: rgb(255, 255, 255);
-  --g-color-base-brand: var(--g-color-private-blue-600-solid);
-  --g-color-base-brand-hover: var(--g-color-private-blue-800-solid);
-  --g-color-base-selection: var(--g-color-private-blue-250);
-  --g-color-base-selection-hover: var(--g-color-private-blue-350);
-  --g-color-line-brand: var(--g-color-private-blue-600-solid);
-  --g-color-text-brand: var(--g-color-private-blue-650-solid);
-  --g-color-text-brand-heavy: var(--g-color-private-blue-900-solid);
+  --g-color-base-brand: var(--g-color-private-base-brand-600-solid);
+  --g-color-base-brand-hover: var(--g-color-private-base-brand-800-solid);
+  --g-color-base-selection: var(--g-color-private-base-brand-250);
+  --g-color-base-selection-hover: var(--g-color-private-base-brand-350);
+  --g-color-line-brand: var(--g-color-private-base-brand-600-solid);
+  --g-color-text-brand: var(--g-color-private-base-brand-650-solid);
+  --g-color-text-brand-heavy: var(--g-color-private-base-brand-900-solid);
   --g-color-text-brand-contrast: var(--g-color-text-light-primary);
-  --g-color-text-link: var(--g-color-private-blue-650-solid);
-  --g-color-text-link-hover: var(--g-color-private-blue-850-solid);
+  --g-color-text-link: var(--g-color-private-base-brand-650-solid);
+  --g-color-text-link-hover: var(--g-color-private-base-brand-850-solid);
+  --g-color-stub: var(--g-color-private-base-brand-600-solid);
 }
 .g-root_theme_dark {
   --g-color-private-white-20: rgba(255, 255, 255, 0.02);
@@ -686,6 +748,36 @@
   --g-color-private-blue-900-solid: rgb(203, 218, 255);
   --g-color-private-blue-950-solid: rgb(220, 230, 255);
   --g-color-private-blue-1000-solid: rgb(229, 236, 255);
+  --g-color-private-base-brand-50: rgba(82, 130, 255, 0.1);
+  --g-color-private-base-brand-100: rgba(82, 130, 255, 0.15);
+  --g-color-private-base-brand-150: rgba(82, 130, 255, 0.2);
+  --g-color-private-base-brand-200: rgba(82, 130, 255, 0.3);
+  --g-color-private-base-brand-250: rgba(82, 130, 255, 0.4);
+  --g-color-private-base-brand-300: rgba(82, 130, 255, 0.5);
+  --g-color-private-base-brand-350: rgba(82, 130, 255, 0.6);
+  --g-color-private-base-brand-400: rgba(82, 130, 255, 0.7);
+  --g-color-private-base-brand-450: rgba(82, 130, 255, 0.8);
+  --g-color-private-base-brand-500: rgba(82, 130, 255, 0.9);
+  --g-color-private-base-brand-50-solid: rgb(49, 53, 71);
+  --g-color-private-base-brand-100-solid: rgb(51, 57, 82);
+  --g-color-private-base-brand-150-solid: rgb(52, 61, 92);
+  --g-color-private-base-brand-200-solid: rgb(56, 70, 112);
+  --g-color-private-base-brand-250-solid: rgb(60, 78, 133);
+  --g-color-private-base-brand-300-solid: rgb(64, 87, 153);
+  --g-color-private-base-brand-350-solid: rgb(67, 96, 173);
+  --g-color-private-base-brand-400-solid: rgb(71, 104, 194);
+  --g-color-private-base-brand-450-solid: rgb(75, 113, 214);
+  --g-color-private-base-brand-500-solid: rgb(78, 121, 235);
+  --g-color-private-base-brand-550-solid: rgb(82, 130, 255);
+  --g-color-private-base-brand-600-solid: rgb(99, 143, 255);
+  --g-color-private-base-brand-650-solid: rgb(117, 155, 255);
+  --g-color-private-base-brand-700-solid: rgb(134, 168, 255);
+  --g-color-private-base-brand-750-solid: rgb(151, 180, 255);
+  --g-color-private-base-brand-800-solid: rgb(169, 193, 255);
+  --g-color-private-base-brand-850-solid: rgb(186, 205, 255);
+  --g-color-private-base-brand-900-solid: rgb(203, 218, 255);
+  --g-color-private-base-brand-950-solid: rgb(220, 230, 255);
+  --g-color-private-base-brand-1000-solid: rgb(229, 236, 255);
   --g-color-private-green-50: rgba(91, 181, 87, 0.1);
   --g-color-private-green-100: rgba(91, 181, 87, 0.15);
   --g-color-private-green-150: rgba(91, 181, 87, 0.2);
@@ -868,16 +960,17 @@
   --g-color-private-cool-grey-1000-solid: rgb(231, 236, 240);
   --dc-text-highlight-selected: var(--g-color-text-inverted-primary);
   --g-color-base-background: rgb(45, 44, 51);
-  --g-color-base-brand: var(--g-color-private-blue-550-solid);
-  --g-color-base-brand-hover: var(--g-color-private-blue-600-solid);
-  --g-color-base-selection: var(--g-color-private-blue-150);
-  --g-color-base-selection-hover: var(--g-color-private-blue-200);
-  --g-color-line-brand: var(--g-color-private-blue-550-solid);
-  --g-color-text-brand: var(--g-color-private-blue-600-solid);
-  --g-color-text-brand-heavy: var(--g-color-private-blue-700-solid);
+  --g-color-base-brand: var(--g-color-private-base-brand-550-solid);
+  --g-color-base-brand-hover: var(--g-color-private-base-brand-600-solid);
+  --g-color-base-selection: var(--g-color-private-base-brand-150);
+  --g-color-base-selection-hover: var(--g-color-private-base-brand-200);
+  --g-color-line-brand: var(--g-color-private-base-brand-550-solid);
+  --g-color-text-brand: var(--g-color-private-base-brand-600-solid);
+  --g-color-text-brand-heavy: var(--g-color-private-base-brand-700-solid);
   --g-color-text-brand-contrast: var(--g-color-text-light-primary);
-  --g-color-text-link: var(--g-color-private-blue-600-solid);
-  --g-color-text-link-hover: var(--g-color-private-blue-850-solid);
+  --g-color-text-link: var(--g-color-private-base-brand-600-solid);
+  --g-color-text-link-hover: var(--g-color-private-base-brand-850-solid);
+  --g-color-stub: var(--g-color-private-base-brand-600-solid);
 }
 .g-root_theme_dark-hc {
   --g-color-private-white-50: rgba(255, 255, 255, 0.05);
@@ -974,6 +1067,36 @@
   --g-color-private-blue-900-solid: rgb(203, 218, 255);
   --g-color-private-blue-950-solid: rgb(220, 230, 255);
   --g-color-private-blue-1000-solid: rgb(229, 236, 255);
+  --g-color-private-base-brand-50: rgba(82, 130, 255, 0.1);
+  --g-color-private-base-brand-100: rgba(82, 130, 255, 0.15);
+  --g-color-private-base-brand-150: rgba(82, 130, 255, 0.2);
+  --g-color-private-base-brand-200: rgba(82, 130, 255, 0.3);
+  --g-color-private-base-brand-250: rgba(82, 130, 255, 0.4);
+  --g-color-private-base-brand-300: rgba(82, 130, 255, 0.5);
+  --g-color-private-base-brand-350: rgba(82, 130, 255, 0.6);
+  --g-color-private-base-brand-400: rgba(82, 130, 255, 0.7);
+  --g-color-private-base-brand-450: rgba(82, 130, 255, 0.8);
+  --g-color-private-base-brand-500: rgba(82, 130, 255, 0.9);
+  --g-color-private-base-brand-50-solid: rgb(39, 45, 60);
+  --g-color-private-base-brand-100-solid: rgb(41, 49, 71);
+  --g-color-private-base-brand-150-solid: rgb(44, 54, 81);
+  --g-color-private-base-brand-200-solid: rgb(48, 64, 103);
+  --g-color-private-base-brand-250-solid: rgb(53, 73, 125);
+  --g-color-private-base-brand-300-solid: rgb(58, 83, 147);
+  --g-color-private-base-brand-350-solid: rgb(63, 92, 168);
+  --g-color-private-base-brand-400-solid: rgb(68, 102, 190);
+  --g-color-private-base-brand-450-solid: rgb(72, 111, 212);
+  --g-color-private-base-brand-500-solid: rgb(77, 121, 233);
+  --g-color-private-base-brand-550-solid: rgb(82, 130, 255);
+  --g-color-private-base-brand-600-solid: rgb(99, 143, 255);
+  --g-color-private-base-brand-650-solid: rgb(117, 155, 255);
+  --g-color-private-base-brand-700-solid: rgb(134, 168, 255);
+  --g-color-private-base-brand-750-solid: rgb(151, 180, 255);
+  --g-color-private-base-brand-800-solid: rgb(169, 193, 255);
+  --g-color-private-base-brand-850-solid: rgb(186, 205, 255);
+  --g-color-private-base-brand-900-solid: rgb(203, 218, 255);
+  --g-color-private-base-brand-950-solid: rgb(220, 230, 255);
+  --g-color-private-base-brand-1000-solid: rgb(229, 236, 255);
   --g-color-private-green-50: rgba(91, 181, 87, 0.1);
   --g-color-private-green-100: rgba(91, 181, 87, 0.15);
   --g-color-private-green-150: rgb(0, 0, 0);
@@ -1156,15 +1279,16 @@
   --g-color-private-cool-grey-1000-solid: rgb(231, 236, 240);
   --dc-text-highlight-selected: var(--g-color-text-inverted-primary);
   --g-color-base-background: rgb(34, 35, 38);
-  --g-color-base-brand: var(--g-color-private-blue-500-solid);
-  --g-color-base-brand-hover: var(--g-color-private-blue-650-solid);
-  --g-color-base-selection: var(--g-color-private-blue-250);
-  --g-color-base-selection-hover: var(--g-color-private-blue-400);
-  --g-color-line-brand: var(--g-color-private-blue-550-solid);
-  --g-color-text-brand: var(--g-color-private-blue-650-solid);
-  --g-color-text-brand-heavy: var(--g-color-private-blue-850-solid);
+  --g-color-base-brand: var(--g-color-private-base-brand-500-solid);
+  --g-color-base-brand-hover: var(--g-color-private-base-brand-650-solid);
+  --g-color-base-selection: var(--g-color-private-base-brand-250);
+  --g-color-base-selection-hover: var(--g-color-private-base-brand-400);
+  --g-color-line-brand: var(--g-color-private-base-brand-550-solid);
+  --g-color-text-brand: var(--g-color-private-base-brand-650-solid);
+  --g-color-text-brand-heavy: var(--g-color-private-base-brand-850-solid);
   --g-color-text-brand-contrast: var(--g-color-text-light-primary);
-  --g-color-text-link: var(--g-color-private-blue-650-solid);
-  --g-color-text-link-hover: var(--g-color-private-blue-750-solid);
+  --g-color-text-link: var(--g-color-private-base-brand-650-solid);
+  --g-color-text-link-hover: var(--g-color-private-base-brand-750-solid);
+  --g-color-stub: var(--g-color-private-base-brand-600-solid);
 }
 /*# sourceMappingURL=index.css.map */