@skbkontur/logos 3.0.3-master-d5edad53.0 → 3.0.4

package/src/DialogCoreEN.tsx

@@ -0,0 +1,46 @@
+import React, { forwardRef } from "react";
+
+export const DialogCoreEN = forwardRef<
+  HTMLSpanElement,
+  {
+    size?: number;
+    color?: string;
+
+    useDarkThemeColors?: boolean;
+  }
+>(({ size = 24, color, useDarkThemeColors }, ref?) => {
+  const fill = color ?? (useDarkThemeColors ? "#FFF" : "#222");
+
+  return (
+    <span
+      style={{
+        width: `${size * 4.166666666666667}px`,
+        height: size,
+        lineHeight: `${size}px`,
+        display: "inline-block",
+      }}
+      ref={ref}
+    >
+      <svg
+        viewBox="0 0 100 24"
+        xmlns="http://www.w3.org/2000/svg"
+        focusable={false}
+        style={{
+          marginBottom: `-${size * 0.20833333333333337}px`,
+          width: "100%",
+          height: "100%",
+          display: "inline-block",
+        }}
+      >
+        <path
+          d="M6.87 4.942c1.307 0 2.43.297 3.367.891.937.594 1.643 1.419 2.118 2.475.489 1.056.733 2.277.733 3.663 0 1.386-.244 2.607-.733 3.663-.475 1.056-1.181 1.881-2.118 2.475-.938.594-2.06.891-3.366.891H1.624V4.942H6.87zM3.446 6.467v11.008h3.129c1.478 0 2.62-.481 3.425-1.445.818-.977 1.228-2.33 1.228-4.059 0-1.716-.41-3.062-1.228-4.04-.805-.976-1.947-1.464-3.425-1.464H3.445zm12.002 2.791h1.702V19h-1.703V9.258zm.87-1.841c-.33 0-.6-.106-.811-.317a1.118 1.118 0 0 1-.317-.792c0-.317.106-.58.317-.792.211-.211.482-.317.812-.317.316 0 .58.113.792.337.21.211.317.469.317.772 0 .304-.106.568-.317.792a1.075 1.075 0 0 1-.792.317zm7.618 1.564c1.254 0 2.225.297 2.91.891.7.594 1.05 1.38 1.05 2.356V19h-1.544v-1.208a3.23 3.23 0 0 1-1.346 1.129c-.568.264-1.221.396-1.96.396-1.03 0-1.869-.225-2.515-.673-.647-.45-.97-1.136-.97-2.06 0-1.042.389-1.801 1.168-2.277.792-.475 1.914-.844 3.366-1.108l2.178-.396v-.495c0-.608-.211-1.076-.634-1.406-.41-.343-.957-.515-1.643-.515-.608 0-1.149.125-1.624.376-.462.251-.99.673-1.584 1.267l-1.089-.97c.607-.713 1.254-1.234 1.94-1.564.687-.343 1.452-.515 2.297-.515zm-.712 8.93c.87 0 1.597-.231 2.178-.693.58-.462.87-1.082.87-1.861V14.07l-1.781.356c-.766.159-1.373.31-1.822.456-.435.145-.785.35-1.05.613-.263.264-.395.608-.395 1.03 0 .449.171.792.515 1.03.356.237.85.356 1.485.356zM30.79 4.942h1.702V19H30.79V4.942zm8.842 4.04c.937 0 1.769.217 2.495.653a4.536 4.536 0 0 1 1.703 1.821c.409.779.613 1.67.613 2.673 0 1.003-.204 1.894-.614 2.673a4.536 4.536 0 0 1-1.702 1.822c-.726.435-1.558.653-2.495.653s-1.776-.218-2.515-.653a4.536 4.536 0 0 1-1.703-1.822c-.409-.779-.613-1.67-.613-2.673 0-1.003.204-1.894.614-2.673a4.536 4.536 0 0 1 1.702-1.821c.74-.436 1.578-.654 2.515-.654zm0 1.425c-.937 0-1.69.343-2.257 1.03-.555.686-.832 1.583-.832 2.692 0 1.109.277 2.007.832 2.693.567.686 1.32 1.03 2.257 1.03s1.683-.344 2.237-1.03c.555-.686.832-1.584.832-2.693s-.277-2.006-.832-2.693c-.554-.686-1.3-1.03-2.237-1.03zm14.125-1.149h1.584v9.524c0 1.267-.402 2.257-1.207 2.97-.792.713-1.862 1.07-3.208 1.07-1.584 0-3.056-.482-4.415-1.446l.851-1.247c.686.422 1.294.732 1.822.93a4.596 4.596 0 0 0 1.722.317c.819 0 1.479-.224 1.98-.673.515-.436.772-1.122.772-2.06v-1.326c-.686 1.043-1.722 1.564-3.108 1.564-.832 0-1.571-.211-2.218-.633-.647-.423-1.155-1.01-1.524-1.763-.357-.752-.535-1.603-.535-2.554 0-.95.178-1.802.535-2.554.37-.752.877-1.34 1.524-1.762.647-.423 1.386-.634 2.218-.634 1.452 0 2.521.574 3.207 1.723V9.258zm-2.93 8.178c.858 0 1.551-.324 2.079-.97.528-.66.792-1.505.792-2.535 0-1.03-.264-1.868-.792-2.514-.528-.66-1.221-.99-2.079-.99-.871 0-1.558.323-2.06.97-.5.647-.752 1.491-.752 2.534 0 1.043.251 1.888.753 2.535.501.646 1.188.97 2.059.97zm13.65-12.81c.925 0 1.776.151 2.555.455.779.303 1.59.818 2.435 1.544L68.4 7.892c-.752-.633-1.432-1.069-2.04-1.307a5.118 5.118 0 0 0-1.88-.356c-1.004 0-1.875.244-2.614.733-.74.488-1.313 1.168-1.723 2.039-.396.858-.594 1.848-.594 2.97 0 1.109.198 2.099.594 2.97.41.871.977 1.551 1.703 2.04.726.488 1.565.732 2.515.732.792 0 1.498-.158 2.118-.475.634-.33 1.34-.858 2.12-1.584l1.128 1.227c-.911.872-1.776 1.499-2.594 1.881-.805.37-1.723.555-2.752.555-1.36 0-2.541-.317-3.544-.95-1.004-.634-1.776-1.505-2.317-2.614-.541-1.122-.812-2.39-.812-3.802s.264-2.673.792-3.782c.541-1.108 1.32-1.973 2.337-2.593 1.03-.634 2.244-.95 3.643-.95zM75.98 8.98c.937 0 1.769.218 2.495.654a4.536 4.536 0 0 1 1.703 1.821c.409.779.613 1.67.613 2.673 0 1.003-.204 1.894-.613 2.673a4.536 4.536 0 0 1-1.703 1.822c-.726.435-1.558.653-2.495.653s-1.775-.218-2.514-.653a4.536 4.536 0 0 1-1.703-1.822c-.41-.779-.614-1.67-.614-2.673 0-1.003.205-1.894.614-2.673a4.536 4.536 0 0 1 1.703-1.821c.739-.436 1.577-.654 2.514-.654zm0 1.426c-.937 0-1.69.343-2.257 1.03-.554.686-.832 1.583-.832 2.692 0 1.109.278 2.007.832 2.693.568.686 1.32 1.03 2.257 1.03s1.683-.344 2.237-1.03c.555-.686.832-1.584.832-2.693s-.277-2.006-.832-2.693c-.554-.686-1.3-1.03-2.237-1.03zM87.06 9.14c.487 0 1.002.099 1.544.297l-.317 1.425a4.801 4.801 0 0 0-1.267-.198c-.674 0-1.222.277-1.644.832-.422.554-.633 1.313-.633 2.277V19h-1.703V9.258h1.603v1.466c.238-.489.562-.872.97-1.149.41-.29.892-.435 1.446-.435zm11.207 8.118c-.7.739-1.38 1.26-2.04 1.564-.646.303-1.379.455-2.197.455-.977 0-1.828-.211-2.554-.633a4.3 4.3 0 0 1-1.683-1.782c-.396-.766-.594-1.657-.594-2.673 0-1.017.191-1.914.574-2.693.383-.792.924-1.406 1.623-1.842.7-.448 1.518-.673 2.456-.673 1.386 0 2.461.423 3.227 1.267.779.832 1.168 1.974 1.168 3.426 0 .264-.013.515-.04.752H90.9c.053.99.344 1.809.872 2.455.528.647 1.287.97 2.277.97.607 0 1.128-.118 1.564-.356.449-.237.996-.66 1.643-1.267l1.01 1.03zm-4.435-6.91c-.792 0-1.439.244-1.94.732-.502.488-.819 1.181-.951 2.079h5.623c-.04-.858-.297-1.538-.772-2.04-.475-.514-1.129-.772-1.96-.772z"
+          fill={fill}
+        />
+      </svg>
+    </span>
+  );
+});
+
+DialogCoreEN.displayName = "DialogCoreEN";
+DialogCoreEN.__KONTUR_REACT_UI__ = "DialogCoreEN";
+DialogCoreEN.__KONTUR_LOGO__ = true;

package/src/Discount.tsx

@@ -0,0 +1,46 @@
+import React, { forwardRef } from "react";
+
+export const Discount = forwardRef<
+  HTMLSpanElement,
+  {
+    size?: number;
+    color?: string;
+
+    useDarkThemeColors?: boolean;
+  }
+>(({ size = 24, color, useDarkThemeColors }, ref?) => {
+  const fill = color ?? (useDarkThemeColors ? "#00BEA2" : "#00BEA2");
+
+  return (
+    <span
+      style={{
+        width: `${size * 3.3333333333333335}px`,
+        height: size,
+        lineHeight: `${size}px`,
+        display: "inline-block",
+      }}
+      ref={ref}
+    >
+      <svg
+        viewBox="0 0 80 24"
+        xmlns="http://www.w3.org/2000/svg"
+        focusable={false}
+        style={{
+          marginBottom: `-${size * 0.20833333333333337}px`,
+          width: "100%",
+          height: "100%",
+          display: "inline-block",
+        }}
+      >
+        <path
+          d="M3.188 10.17a49.501 49.501 0 0 1-.139 2.732c-.198 1.953-.706 3.478-1.524 4.573H.356v4.455h1.782V19h10.574v2.93h1.762v-4.455H12.79V4.942H3.227l-.04 5.227zm.218 7.305c.475-.726.831-1.663 1.069-2.811.25-1.149.383-2.594.396-4.336l.04-3.862h6.058v11.01H3.406zM20.329 13.654a66.755 66.755 0 0 0-2.238 3.524l.04-1.98c.013-.171.02-.713.02-1.623V9h-1.604V19h1.821l2.911-4.435 1.089-1.604a35.972 35.972 0 0 0 1.386-2.178c-.053.832-.08 2.244-.08 4.237V19h1.624V9h-1.841l-3.128 4.654zM32.612 19.277c.95 0 1.762-.165 2.435-.495.687-.33 1.32-.871 1.9-1.623l-1.108-.931c-.343.396-.686.72-1.03.97-.62.422-1.352.634-2.197.634-.713 0-1.334-.165-1.862-.495a3.483 3.483 0 0 1-1.207-1.307 4.06 4.06 0 0 1-.416-1.842v-.237c0-.687.139-1.327.416-1.92.58-1.255 1.59-1.882 3.03-1.882.685 0 1.273.113 1.761.337.489.211.964.587 1.426 1.128l1.07-1.049c-.542-.66-1.15-1.129-1.822-1.406-.66-.29-1.466-.435-2.416-.435-1.003 0-1.9.217-2.693.653a4.548 4.548 0 0 0-1.861 1.841c-.436.793-.654 1.703-.654 2.733v.237c0 .99.218 1.875.654 2.654a4.651 4.651 0 0 0 1.841 1.802c.805.422 1.716.633 2.733.633zM47.586 19l-4.06-5.188 3.743-4.811h-1.822l-3.287 4.197h-1.742V9.002h-1.703V19h1.703v-4.415h1.723L45.645 19h1.94zM58.362 13.931c0-1.016-.218-1.92-.653-2.712a4.711 4.711 0 0 0-1.861-1.842c-.792-.436-1.697-.653-2.713-.653-1.03 0-1.94.217-2.732.653a4.85 4.85 0 0 0-1.862 1.861c-.435.78-.653 1.677-.653 2.693v.08c0 1.055.224 1.973.673 2.752a4.711 4.711 0 0 0 1.842 1.86c.792.436 1.702.654 2.732.654 1.03 0 1.934-.224 2.713-.673a4.58 4.58 0 0 0 1.841-1.841c.449-.806.673-1.723.673-2.753v-.079zm-8.732 0c0-.74.152-1.4.456-1.98.303-.58.72-1.023 1.247-1.327.528-.316 1.129-.475 1.802-.475.686 0 1.294.159 1.822.476.54.316.95.758 1.227 1.326.29.568.436 1.228.436 1.98v.08c0 .752-.139 1.418-.416 2-.29.593-.7 1.049-1.228 1.365-.528.317-1.141.476-1.841.476-.686 0-1.3-.159-1.841-.476a3.197 3.197 0 0 1-1.228-1.346c-.29-.594-.436-1.267-.436-2.02v-.079zM68.776 9h-1.703v4.179h-5.009V9h-1.703V19h1.703v-4.435h5.01V19h1.702V9zM79.226 9h-8.712v1.387h3.505V19h1.703v-8.613h3.504V9z"
+          fill={fill}
+        />
+      </svg>
+    </span>
+  );
+});
+
+Discount.displayName = "Discount";
+Discount.__KONTUR_REACT_UI__ = "Discount";
+Discount.__KONTUR_LOGO__ = true;

package/src/Disk.tsx

@@ -0,0 +1,46 @@
+import React, { forwardRef } from "react";
+
+export const Disk = forwardRef<
+  HTMLSpanElement,
+  {
+    size?: number;
+    color?: string;
+
+    useDarkThemeColors?: boolean;
+  }
+>(({ size = 24, color, useDarkThemeColors }, ref?) => {
+  const fill = color ?? (useDarkThemeColors ? "#FE4C4C" : "#FE4C4C");
+
+  return (
+    <span
+      style={{
+        width: `${size * 2}px`,
+        height: size,
+        lineHeight: `${size}px`,
+        display: "inline-block",
+      }}
+      ref={ref}
+    >
+      <svg
+        viewBox="0 0 48 24"
+        xmlns="http://www.w3.org/2000/svg"
+        focusable={false}
+        style={{
+          marginBottom: `-${size * 0.20833333333333337}px`,
+          width: "100%",
+          height: "100%",
+          display: "inline-block",
+        }}
+      >
+        <path
+          d="m3.188 10.17.04-5.228h9.563v12.533h1.683v4.455h-1.762V19H2.138v2.93H.356v-4.455h1.169c.818-1.095 1.326-2.62 1.524-4.573.066-.806.112-1.716.139-2.733zm.218 7.305h7.563V6.467H4.91l-.04 3.86c-.012 1.743-.144 3.188-.395 4.337-.238 1.148-.594 2.085-1.07 2.811zm16.923-3.821 3.128-4.653h1.841V19h-1.623v-3.98c0-1.993.026-3.405.079-4.237-.317.554-.779 1.28-1.386 2.178l-1.089 1.604L18.369 19h-1.822V9.001h1.604v4.574c0 .91-.007 1.452-.02 1.623l-.04 1.98a66.755 66.755 0 0 1 2.238-3.524zm12.283 5.623c-1.017 0-1.928-.211-2.733-.633a4.651 4.651 0 0 1-1.841-1.802c-.436-.779-.654-1.663-.654-2.653v-.238c0-1.03.218-1.94.654-2.732a4.548 4.548 0 0 1 1.861-1.842c.792-.435 1.69-.653 2.693-.653.95 0 1.755.145 2.416.435.673.278 1.28.746 1.821 1.406l-1.07 1.05c-.461-.542-.936-.918-1.425-1.129-.488-.224-1.076-.337-1.762-.337-1.439 0-2.449.627-3.03 1.881a4.485 4.485 0 0 0-.415 1.921v.238c0 .673.139 1.287.416 1.841.29.541.693.977 1.207 1.307.529.33 1.149.495 1.862.495.844 0 1.577-.211 2.197-.634.344-.25.687-.574 1.03-.97l1.109.93c-.58.753-1.215 1.294-1.9 1.624-.674.33-1.486.495-2.436.495zM47.585 19h-1.94l-3.505-4.415h-1.722V19h-1.703V9.001h1.703v4.198h1.742L45.447 9h1.822l-3.743 4.811L47.586 19z"
+          fill={fill}
+        />
+      </svg>
+    </span>
+  );
+});
+
+Disk.displayName = "Disk";
+Disk.__KONTUR_REACT_UI__ = "Disk";
+Disk.__KONTUR_LOGO__ = true;

package/src/Docrobot.tsx

@@ -0,0 +1,54 @@
+import React, { forwardRef } from "react";
+
+/**
+ * Это сложный логотип, и он не поддерживает кастомизацию цвета.
+ * Версии для светлой и тёмной тем разделены на два отдельных файла.
+ *
+ * Проп `color` не имеет эффекта и существует для обратной совместимости.
+ */
+export const Docrobot = forwardRef<HTMLSpanElement, { size?: number; color?: string }>(
+  ({ size = 24 }, ref?) => (
+    <span
+      style={{
+        width: `${size * 3.7916666666666665}px`,
+        height: size,
+        lineHeight: `${size}px`,
+        display: "inline-block",
+      }}
+      ref={ref}
+    >
+      <svg
+        viewBox="0 0 91 24"
+        xmlns="http://www.w3.org/2000/svg"
+        focusable={false}
+        style={{
+          marginBottom: `-${size * 0.20833333333333337}px`,
+          width: "100%",
+          height: "100%",
+          display: "inline-block",
+        }}
+      >
+        <g>
+          <path
+            d="M19.947 13.244c-3.243 0-5.269 2.398-5.269 5.336s1.993 5.336 5.302 5.336c3.31 0 5.337-2.398 5.337-5.336-.034-2.938-2.128-5.336-5.37-5.336zm.033 8.342c-1.857 0-2.769-1.452-2.769-3.006 0-1.52.946-3.04 2.77-3.04 1.688 0 2.769 1.487 2.769 3.04 0 1.554-.946 3.006-2.77 3.006zM32.071 21.552c-1.587 0-2.904-1.047-2.904-2.973 0-1.79 1.25-3.04 2.938-3.04.709 0 1.452.271 2.06.812l1.587-1.69c-1.114-1.114-2.229-1.519-3.681-1.519-2.972 0-5.437 1.79-5.437 5.404 0 3.613 2.465 5.403 5.437 5.403 1.52 0 2.77-.439 3.952-1.62l-1.69-1.656c-.64.642-1.451.879-2.262.879zM39.873 14.629l-.203-1.182h-2.33v10.199h2.533v-5.37c0-1.891 1.215-2.6 2.533-2.6.844 0 1.317.236 1.823.675l1.149-2.195c-.575-.574-1.588-.98-2.635-.98-1.047 0-2.094.203-2.87 1.453zM51.355 13.244c-3.242 0-5.268 2.398-5.268 5.336s1.992 5.336 5.302 5.336c3.31 0 5.336-2.398 5.336-5.336-.034-2.938-2.128-5.336-5.37-5.336zm0 8.342c-1.857 0-2.769-1.452-2.769-3.006 0-1.52.946-3.04 2.77-3.04 1.688 0 2.769 1.487 2.769 3.04 0 1.554-.912 3.006-2.77 3.006zM64.527 13.21c-1.08 0-2.77.574-3.344 1.621v-5.64H58.65V23.68h2.364l.17-1.418c.794 1.224 2.06 1.62 3.309 1.62 3.006 0 5.269-1.992 5.269-5.335-.034-3.513-2.263-5.337-5.235-5.337zm-.237 8.342c-1.587 0-2.972-1.148-2.972-3.005 0-1.79 1.351-2.973 2.972-2.973s2.905 1.149 2.905 2.973c0 1.79-1.283 3.005-2.905 3.005zM76.618 13.244c-3.243 0-5.27 2.398-5.27 5.336s1.993 5.336 5.303 5.336c3.31 0 5.336-2.398 5.336-5.336-.033-2.938-2.127-5.336-5.37-5.336zm0 8.342c-1.858 0-2.77-1.452-2.77-3.006 0-1.52.946-3.04 2.77-3.04 1.688 0 2.769 1.487 2.769 3.04 0 1.554-.912 3.006-2.77 3.006zM89.789 21.216a2.698 2.698 0 0 1-1.216.303c-.777 0-1.317-.472-1.317-1.452v-4.424h2.837v-2.161H87.29v-2.905l-2.533.27v2.635h-1.892v2.161h1.892v4.424c0 2.533 1.452 3.817 3.681 3.715.777-.034 1.35-.135 2.094-.439l-.743-2.127zM6.269 9.191 1 14.46v9.22h4.863c5.066 0 7.329-3.715 7.261-7.363-.067-3.512-2.195-6.923-6.855-7.126zm-.406 11.855H3.702v-9.288H5.83c3.14 0 4.457 2.263 4.525 4.526.101 2.364-1.216 4.762-4.492 4.762z"
+            fill="#222"
+          />
+          <path d="m1 14.46 5.269-5.269v5.269H1z" fill="#EA541E" />
+          <path
+            d="M6.453 4.398c0 .53.123.994.369 1.395.238.387.565.687.978.9.413.214.859.32 1.337.32s.923-.106 1.336-.32c.414-.213.737-.516.97-.91.238-.394.357-.856.357-1.385 0-.536-.119-1.001-.358-1.395a2.277 2.277 0 0 0-.959-.872c-.4-.2-.85-.3-1.346-.3-.485 0-.93.1-1.337.3-.42.2-.75.497-.988.891-.24.388-.359.846-.359 1.376zM28.53 8.612V6.325c.148.252.358.427.63.524.277.096.626.145 1.045.145.226 0 .446-.03.66-.087.219-.052.406-.133.56-.242a2.12 2.12 0 0 0 .795-.901c.194-.394.29-.846.29-1.357 0-.49-.093-.94-.28-1.346a2.097 2.097 0 0 0-.814-.891 2.275 2.275 0 0 0-1.21-.32c-.433 0-.792.068-1.076.204a1.671 1.671 0 0 0-.688.6v-.668h-1.094v6.626h1.182zm-4.505-1.56a1.112 1.112 0 0 1-.165.32c-.148.206-.42.31-.813.31-.194 0-.346-.013-.455-.04l.397.93c.013.007.122.01.33.01.354 0 .642-.058.861-.174.207-.11.381-.271.523-.484.142-.213.29-.53.446-.95l1.802-4.988h-1.182a57.266 57.266 0 0 0-1.163 3.565 72.893 72.893 0 0 0-1.2-3.565h-1.24l1.86 5.066zM7.645 4.388c0-.517.126-.91.378-1.182.252-.27.613-.407 1.085-.407.471 0 .836.136 1.094.407.258.272.388.665.388 1.182 0 .53-.13.936-.388 1.22-.258.285-.623.427-1.094.427-.465 0-.827-.139-1.085-.417-.252-.284-.378-.694-.378-1.23zm20.855.01c.013-.491.143-.875.388-1.153.252-.284.597-.426 1.036-.426.44 0 .782.142 1.027.426.246.284.372.668.378 1.153-.006.49-.132.881-.378 1.172-.245.284-.587.426-1.027.426-.439 0-.784-.142-1.036-.426-.245-.29-.375-.681-.388-1.172zM5.32 0 3.266 2.722H2.23V0H.69L.07 1.153H1v5.725h1.23v-3.09h1.036l2.16 3.09h1.405L4.322 3.255 6.715 0H5.32zm8.282 6.878V4.814h2.005v2.064h1.163V1.986h-1.163v1.86h-2.005v-1.86H12.43v4.892h1.172zm5.328-3.962v3.962h1.191V2.916h1.667v-.93h-4.505v.93h1.647z"
+            fill="#222"
+          />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h91v24H0z" />
+          </clipPath>
+        </defs>
+      </svg>
+    </span>
+  ),
+);
+
+Docrobot.displayName = "Docrobot";
+Docrobot.__KONTUR_REACT_UI__ = "Docrobot";
+Docrobot.__KONTUR_LOGO__ = true;

package/src/DocrobotDark.tsx

@@ -0,0 +1,54 @@
+import React, { forwardRef } from "react";
+
+/**
+ * Это сложный логотип, и он не поддерживает кастомизацию цвета.
+ * Версии для светлой и тёмной тем разделены на два отдельных файла.
+ *
+ * Проп `color` не имеет эффекта и существует для обратной совместимости.
+ */
+export const DocrobotDark = forwardRef<HTMLSpanElement, { size?: number; color?: string }>(
+  ({ size = 24 }, ref?) => (
+    <span
+      style={{
+        width: `${size * 3.7916666666666665}px`,
+        height: size,
+        lineHeight: `${size}px`,
+        display: "inline-block",
+      }}
+      ref={ref}
+    >
+      <svg
+        viewBox="0 0 91 24"
+        xmlns="http://www.w3.org/2000/svg"
+        focusable={false}
+        style={{
+          marginBottom: `-${size * 0.20833333333333337}px`,
+          width: "100%",
+          height: "100%",
+          display: "inline-block",
+        }}
+      >
+        <g>
+          <path
+            d="M19.947 13.244c-3.243 0-5.269 2.398-5.269 5.336s1.993 5.336 5.302 5.336c3.31 0 5.337-2.398 5.337-5.336-.034-2.938-2.128-5.336-5.37-5.336zm.033 8.342c-1.857 0-2.769-1.452-2.769-3.006 0-1.52.946-3.04 2.77-3.04 1.688 0 2.769 1.487 2.769 3.04 0 1.554-.946 3.006-2.77 3.006zM32.071 21.552c-1.587 0-2.904-1.047-2.904-2.973 0-1.79 1.25-3.04 2.938-3.04.709 0 1.452.271 2.06.812l1.587-1.69c-1.114-1.114-2.229-1.519-3.681-1.519-2.972 0-5.437 1.79-5.437 5.404 0 3.613 2.465 5.403 5.437 5.403 1.52 0 2.77-.439 3.952-1.62l-1.69-1.656c-.64.642-1.451.879-2.262.879zM39.873 14.629l-.203-1.182h-2.33v10.199h2.533v-5.37c0-1.891 1.215-2.6 2.533-2.6.844 0 1.317.236 1.823.675l1.149-2.195c-.575-.574-1.588-.98-2.635-.98-1.047 0-2.094.203-2.87 1.453zM51.355 13.244c-3.242 0-5.268 2.398-5.268 5.336s1.992 5.336 5.302 5.336c3.31 0 5.336-2.398 5.336-5.336-.034-2.938-2.128-5.336-5.37-5.336zm0 8.342c-1.857 0-2.769-1.452-2.769-3.006 0-1.52.946-3.04 2.77-3.04 1.688 0 2.769 1.487 2.769 3.04 0 1.554-.912 3.006-2.77 3.006zM64.527 13.21c-1.08 0-2.77.574-3.344 1.621v-5.64H58.65V23.68h2.364l.17-1.418c.794 1.224 2.06 1.62 3.309 1.62 3.006 0 5.269-1.992 5.269-5.335-.034-3.513-2.263-5.337-5.235-5.337zm-.237 8.342c-1.587 0-2.972-1.148-2.972-3.005 0-1.79 1.351-2.973 2.972-2.973s2.905 1.149 2.905 2.973c0 1.79-1.283 3.005-2.905 3.005zM76.618 13.244c-3.243 0-5.27 2.398-5.27 5.336s1.993 5.336 5.303 5.336c3.31 0 5.336-2.398 5.336-5.336-.033-2.938-2.127-5.336-5.37-5.336zm0 8.342c-1.858 0-2.77-1.452-2.77-3.006 0-1.52.946-3.04 2.77-3.04 1.688 0 2.769 1.487 2.769 3.04 0 1.554-.912 3.006-2.77 3.006zM89.789 21.216a2.698 2.698 0 0 1-1.216.303c-.777 0-1.317-.472-1.317-1.452v-4.424h2.837v-2.161H87.29v-2.905l-2.533.27v2.635h-1.892v2.161h1.892v4.424c0 2.533 1.452 3.817 3.681 3.715.777-.034 1.35-.135 2.094-.439l-.743-2.127zM6.269 9.191 1 14.46v9.22h4.863c5.066 0 7.329-3.715 7.261-7.363-.067-3.512-2.195-6.923-6.855-7.126zm-.406 11.855H3.702v-9.288H5.83c3.14 0 4.457 2.263 4.525 4.526.101 2.364-1.216 4.762-4.492 4.762z"
+            fill="#fff"
+          />
+          <path d="m1 14.46 5.269-5.269v5.269H1z" fill="#EA541E" />
+          <path
+            d="M6.453 4.398c0 .53.123.994.369 1.395.238.387.565.687.978.9.413.214.859.32 1.337.32s.923-.106 1.336-.32c.414-.213.737-.516.97-.91.238-.394.357-.856.357-1.385 0-.536-.119-1.001-.358-1.395a2.277 2.277 0 0 0-.959-.872c-.4-.2-.85-.3-1.346-.3-.485 0-.93.1-1.337.3-.42.2-.75.497-.988.891-.24.388-.359.846-.359 1.376zM28.53 8.612V6.325c.148.252.358.427.63.524.277.096.626.145 1.045.145.226 0 .446-.03.66-.087.219-.052.406-.133.56-.242a2.12 2.12 0 0 0 .795-.901c.194-.394.29-.846.29-1.357 0-.49-.093-.94-.28-1.346a2.097 2.097 0 0 0-.814-.891 2.275 2.275 0 0 0-1.21-.32c-.433 0-.792.068-1.076.204a1.671 1.671 0 0 0-.688.6v-.668h-1.094v6.626h1.182zm-4.505-1.56a1.112 1.112 0 0 1-.165.32c-.148.206-.42.31-.813.31-.194 0-.346-.013-.455-.04l.397.93c.013.007.122.01.33.01.354 0 .642-.058.861-.174.207-.11.381-.271.523-.484.142-.213.29-.53.446-.95l1.802-4.988h-1.182a57.266 57.266 0 0 0-1.163 3.565 72.893 72.893 0 0 0-1.2-3.565h-1.24l1.86 5.066zM7.645 4.388c0-.517.126-.91.378-1.182.252-.27.613-.407 1.085-.407.471 0 .836.136 1.094.407.258.272.388.665.388 1.182 0 .53-.13.936-.388 1.22-.258.285-.623.427-1.094.427-.465 0-.827-.139-1.085-.417-.252-.284-.378-.694-.378-1.23zm20.855.01c.013-.491.143-.875.388-1.153.252-.284.597-.426 1.036-.426.44 0 .782.142 1.027.426.246.284.372.668.378 1.153-.006.49-.132.881-.378 1.172-.245.284-.587.426-1.027.426-.439 0-.784-.142-1.036-.426-.245-.29-.375-.681-.388-1.172zM5.32 0 3.266 2.722H2.23V0H.69L.07 1.153H1v5.725h1.23v-3.09h1.036l2.16 3.09h1.405L4.322 3.255 6.715 0H5.32zm8.282 6.878V4.814h2.005v2.064h1.163V1.986h-1.163v1.86h-2.005v-1.86H12.43v4.892h1.172zm5.328-3.962v3.962h1.191V2.916h1.667v-.93h-4.505v.93h1.647z"
+            fill="#fff"
+          />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h91v24H0z" />
+          </clipPath>
+        </defs>
+      </svg>
+    </span>
+  ),
+);
+
+DocrobotDark.displayName = "DocrobotDark";
+DocrobotDark.__KONTUR_REACT_UI__ = "DocrobotDark";
+DocrobotDark.__KONTUR_LOGO__ = true;

package/src/DocrobotEN.tsx

@@ -0,0 +1,54 @@
+import React, { forwardRef } from "react";
+
+/**
+ * Это сложный логотип, и он не поддерживает кастомизацию цвета.
+ * Версии для светлой и тёмной тем разделены на два отдельных файла.
+ *
+ * Проп `color` не имеет эффекта и существует для обратной совместимости.
+ */
+export const DocrobotEN = forwardRef<HTMLSpanElement, { size?: number; color?: string }>(
+  ({ size = 24 }, ref?) => (
+    <span
+      style={{
+        width: `${size * 3.7916666666666665}px`,
+        height: size,
+        lineHeight: `${size}px`,
+        display: "inline-block",
+      }}
+      ref={ref}
+    >
+      <svg
+        viewBox="0 0 91 24"
+        xmlns="http://www.w3.org/2000/svg"
+        focusable={false}
+        style={{
+          marginBottom: `-${size * 0.20833333333333337}px`,
+          width: "100%",
+          height: "100%",
+          display: "inline-block",
+        }}
+      >
+        <g>
+          <path
+            d="M19.947 13.244c-3.243 0-5.269 2.398-5.269 5.336s1.993 5.336 5.302 5.336c3.31 0 5.337-2.398 5.337-5.336-.034-2.938-2.128-5.336-5.37-5.336zm.033 8.342c-1.857 0-2.769-1.452-2.769-3.006 0-1.52.946-3.04 2.77-3.04 1.688 0 2.769 1.487 2.769 3.04 0 1.554-.946 3.006-2.77 3.006zM32.071 21.552c-1.587 0-2.904-1.047-2.904-2.973 0-1.79 1.25-3.04 2.938-3.04.709 0 1.452.271 2.06.812l1.587-1.69c-1.114-1.114-2.229-1.519-3.681-1.519-2.972 0-5.437 1.79-5.437 5.404 0 3.613 2.465 5.403 5.437 5.403 1.52 0 2.77-.439 3.952-1.62l-1.69-1.656c-.64.642-1.451.879-2.262.879zM39.873 14.629l-.203-1.182h-2.33v10.199h2.533v-5.37c0-1.891 1.215-2.6 2.533-2.6.844 0 1.317.236 1.823.675l1.149-2.195c-.575-.574-1.588-.98-2.635-.98-1.047 0-2.094.203-2.87 1.453zM51.355 13.244c-3.242 0-5.268 2.398-5.268 5.336s1.992 5.336 5.302 5.336c3.31 0 5.336-2.398 5.336-5.336-.034-2.938-2.128-5.336-5.37-5.336zm0 8.342c-1.857 0-2.769-1.452-2.769-3.006 0-1.52.946-3.04 2.77-3.04 1.688 0 2.769 1.487 2.769 3.04 0 1.554-.912 3.006-2.77 3.006zM64.527 13.21c-1.08 0-2.77.574-3.344 1.621v-5.64H58.65V23.68h2.364l.17-1.418c.794 1.224 2.06 1.62 3.309 1.62 3.006 0 5.269-1.992 5.269-5.335-.034-3.513-2.263-5.337-5.235-5.337zm-.237 8.342c-1.587 0-2.972-1.148-2.972-3.005 0-1.79 1.351-2.973 2.972-2.973s2.905 1.149 2.905 2.973c0 1.79-1.283 3.005-2.905 3.005zM76.618 13.244c-3.243 0-5.27 2.398-5.27 5.336s1.993 5.336 5.303 5.336c3.31 0 5.336-2.398 5.336-5.336-.033-2.938-2.127-5.336-5.37-5.336zm0 8.342c-1.858 0-2.77-1.452-2.77-3.006 0-1.52.946-3.04 2.77-3.04 1.688 0 2.769 1.487 2.769 3.04 0 1.554-.912 3.006-2.77 3.006zM89.789 21.216a2.698 2.698 0 0 1-1.216.303c-.777 0-1.317-.472-1.317-1.452v-4.424h2.837v-2.161H87.29v-2.905l-2.533.27v2.635h-1.892v2.161h1.892v4.424c0 2.533 1.452 3.817 3.681 3.715.777-.034 1.35-.135 2.094-.439l-.743-2.127zM6.269 9.191 1 14.46v9.22h4.863c5.066 0 7.329-3.715 7.261-7.363-.067-3.512-2.195-6.923-6.855-7.126zm-.406 11.855H3.702v-9.288H5.83c3.14 0 4.457 2.263 4.525 4.526.101 2.364-1.216 4.762-4.492 4.762z"
+            fill="#222"
+          />
+          <path d="m1 14.46 5.269-5.269v5.269H1z" fill="#EA541E" />
+          <path
+            d="M20.683 6.79c-.349.11-.697.165-1.046.165-.49 0-.85-.106-1.075-.32-.207-.226-.31-.561-.31-1.007v-2.78h-.882v-.862h.882V.426h1.153v1.56h1.2v.862h-1.2v2.586c0 .181.042.313.125.397.097.078.23.117.398.117.22 0 .423-.03.61-.088l.145.93zM6.841 2.993c.22-.374.546-.662.978-.862.4-.207.846-.31 1.337-.31.478 0 .917.097 1.317.29.433.22.766.524.998.911.233.388.349.846.349 1.376 0 .536-.12 1-.359 1.395a2.346 2.346 0 0 1-.988.9 2.66 2.66 0 0 1-1.317.33c-.446 0-.891-.103-1.337-.31a2.44 2.44 0 0 1-1.007-.92c-.233-.4-.349-.866-.349-1.395 0-.562.126-1.03.378-1.405zm8.796 3.885V3.826c0-.342-.085-.6-.252-.775-.168-.174-.407-.261-.717-.261-.194 0-.375.045-.543.135a1.033 1.033 0 0 0-.377.388 1.109 1.109 0 0 0-.126.552v3.013h-1.153V1.986h1.065v.571c.317-.49.82-.736 1.512-.736.536 0 .959.149 1.268.446.317.297.475.707.475 1.23l-.02 3.37-1.132.01zm13.87-3.817a2.493 2.493 0 0 0-.638-.116.93.93 0 0 0-.775.397c-.2.258-.3.61-.3 1.056v2.48H26.64V1.986h1.075v.697c.116-.258.278-.455.484-.59.213-.143.462-.214.746-.214.2 0 .465.052.794.155l-.232 1.027zm-3.913 3.817H24.53v-.61a1.62 1.62 0 0 1-.581.561 2.156 2.156 0 0 1-1.618.068 1.414 1.414 0 0 1-.552-.33c-.284-.284-.426-.674-.426-1.171v-3.41h1.152v3.11c0 .31.078.532.233.668.155.155.374.232.659.232.316 0 .568-.097.755-.29.194-.2.29-.472.29-.814V1.986h1.154v4.892zM8.052 5.608c.245.285.604.427 1.075.427s.83-.142 1.075-.426c.265-.278.397-.682.397-1.211 0-.523-.129-.92-.387-1.192-.252-.27-.614-.407-1.085-.407-.465 0-.83.133-1.095.398-.245.284-.368.684-.368 1.2 0 .53.13.934.388 1.212zM6.84 6.879H5.436l-2.16-3.09H2.24v3.09H1V1.162H.07L.69 0h1.55v2.722h1.036L5.34 0h1.386L4.332 3.255l2.509 3.623z"
+            fill="#222"
+          />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h91v24H0z" />
+          </clipPath>
+        </defs>
+      </svg>
+    </span>
+  ),
+);
+
+DocrobotEN.displayName = "DocrobotEN";
+DocrobotEN.__KONTUR_REACT_UI__ = "DocrobotEN";
+DocrobotEN.__KONTUR_LOGO__ = true;

package/src/DocrobotENDark.tsx

@@ -0,0 +1,54 @@
+import React, { forwardRef } from "react";
+
+/**
+ * Это сложный логотип, и он не поддерживает кастомизацию цвета.
+ * Версии для светлой и тёмной тем разделены на два отдельных файла.
+ *
+ * Проп `color` не имеет эффекта и существует для обратной совместимости.
+ */
+export const DocrobotENDark = forwardRef<HTMLSpanElement, { size?: number; color?: string }>(
+  ({ size = 24 }, ref?) => (
+    <span
+      style={{
+        width: `${size * 3.7916666666666665}px`,
+        height: size,
+        lineHeight: `${size}px`,
+        display: "inline-block",
+      }}
+      ref={ref}
+    >
+      <svg
+        viewBox="0 0 91 24"
+        xmlns="http://www.w3.org/2000/svg"
+        focusable={false}
+        style={{
+          marginBottom: `-${size * 0.20833333333333337}px`,
+          width: "100%",
+          height: "100%",
+          display: "inline-block",
+        }}
+      >
+        <g>
+          <path
+            d="M19.947 13.244c-3.243 0-5.269 2.398-5.269 5.336s1.993 5.336 5.302 5.336c3.31 0 5.337-2.398 5.337-5.336-.034-2.938-2.128-5.336-5.37-5.336zm.033 8.342c-1.857 0-2.769-1.452-2.769-3.006 0-1.52.946-3.04 2.77-3.04 1.688 0 2.769 1.487 2.769 3.04 0 1.554-.946 3.006-2.77 3.006zM32.071 21.552c-1.587 0-2.904-1.047-2.904-2.973 0-1.79 1.25-3.04 2.938-3.04.709 0 1.452.271 2.06.812l1.587-1.69c-1.114-1.114-2.229-1.519-3.681-1.519-2.972 0-5.437 1.79-5.437 5.404 0 3.613 2.465 5.403 5.437 5.403 1.52 0 2.77-.439 3.952-1.62l-1.69-1.656c-.64.642-1.451.879-2.262.879zM39.873 14.629l-.203-1.182h-2.33v10.199h2.533v-5.37c0-1.891 1.215-2.6 2.533-2.6.844 0 1.317.236 1.823.675l1.149-2.195c-.575-.574-1.588-.98-2.635-.98-1.047 0-2.094.203-2.87 1.453zM51.355 13.244c-3.242 0-5.268 2.398-5.268 5.336s1.992 5.336 5.302 5.336c3.31 0 5.336-2.398 5.336-5.336-.034-2.938-2.128-5.336-5.37-5.336zm0 8.342c-1.857 0-2.769-1.452-2.769-3.006 0-1.52.946-3.04 2.77-3.04 1.688 0 2.769 1.487 2.769 3.04 0 1.554-.912 3.006-2.77 3.006zM64.527 13.21c-1.08 0-2.77.574-3.344 1.621v-5.64H58.65V23.68h2.364l.17-1.418c.794 1.224 2.06 1.62 3.309 1.62 3.006 0 5.269-1.992 5.269-5.335-.034-3.513-2.263-5.337-5.235-5.337zm-.237 8.342c-1.587 0-2.972-1.148-2.972-3.005 0-1.79 1.351-2.973 2.972-2.973s2.905 1.149 2.905 2.973c0 1.79-1.283 3.005-2.905 3.005zM76.618 13.244c-3.243 0-5.27 2.398-5.27 5.336s1.993 5.336 5.303 5.336c3.31 0 5.336-2.398 5.336-5.336-.033-2.938-2.127-5.336-5.37-5.336zm0 8.342c-1.858 0-2.77-1.452-2.77-3.006 0-1.52.946-3.04 2.77-3.04 1.688 0 2.769 1.487 2.769 3.04 0 1.554-.912 3.006-2.77 3.006zM89.789 21.216a2.698 2.698 0 0 1-1.216.303c-.777 0-1.317-.472-1.317-1.452v-4.424h2.837v-2.161H87.29v-2.905l-2.533.27v2.635h-1.892v2.161h1.892v4.424c0 2.533 1.452 3.817 3.681 3.715.777-.034 1.35-.135 2.094-.439l-.743-2.127zM6.269 9.191 1 14.46v9.22h4.863c5.066 0 7.329-3.715 7.261-7.363-.067-3.512-2.195-6.923-6.855-7.126zm-.406 11.855H3.702v-9.288H5.83c3.14 0 4.457 2.263 4.525 4.526.101 2.364-1.216 4.762-4.492 4.762z"
+            fill="#fff"
+          />
+          <path d="m1 14.46 5.269-5.269v5.269H1z" fill="#EA541E" />
+          <path
+            d="M20.683 6.79c-.349.11-.697.165-1.046.165-.49 0-.85-.106-1.075-.32-.207-.226-.31-.561-.31-1.007v-2.78h-.882v-.862h.882V.426h1.153v1.56h1.2v.862h-1.2v2.586c0 .181.042.313.125.397.097.078.23.117.398.117.22 0 .423-.03.61-.088l.145.93zM6.841 2.993c.22-.374.546-.662.978-.862.4-.207.846-.31 1.337-.31.478 0 .917.097 1.317.29.433.22.766.524.998.911.233.388.349.846.349 1.376 0 .536-.12 1-.359 1.395a2.346 2.346 0 0 1-.988.9 2.66 2.66 0 0 1-1.317.33c-.446 0-.891-.103-1.337-.31a2.44 2.44 0 0 1-1.007-.92c-.233-.4-.349-.866-.349-1.395 0-.562.126-1.03.378-1.405zm8.796 3.885V3.826c0-.342-.085-.6-.252-.775-.168-.174-.407-.261-.717-.261-.194 0-.375.045-.543.135a1.033 1.033 0 0 0-.377.388 1.109 1.109 0 0 0-.126.552v3.013h-1.153V1.986h1.065v.571c.317-.49.82-.736 1.512-.736.536 0 .959.149 1.268.446.317.297.475.707.475 1.23l-.02 3.37-1.132.01zm13.87-3.817a2.493 2.493 0 0 0-.638-.116.93.93 0 0 0-.775.397c-.2.258-.3.61-.3 1.056v2.48H26.64V1.986h1.075v.697c.116-.258.278-.455.484-.59.213-.143.462-.214.746-.214.2 0 .465.052.794.155l-.232 1.027zm-3.913 3.817H24.53v-.61a1.62 1.62 0 0 1-.581.561 2.156 2.156 0 0 1-1.618.068 1.414 1.414 0 0 1-.552-.33c-.284-.284-.426-.674-.426-1.171v-3.41h1.152v3.11c0 .31.078.532.233.668.155.155.374.232.659.232.316 0 .568-.097.755-.29.194-.2.29-.472.29-.814V1.986h1.154v4.892zM8.052 5.608c.245.285.604.427 1.075.427s.83-.142 1.075-.426c.265-.278.397-.682.397-1.211 0-.523-.129-.92-.387-1.192-.252-.27-.614-.407-1.085-.407-.465 0-.83.133-1.095.398-.245.284-.368.684-.368 1.2 0 .53.13.934.388 1.212zM6.84 6.879H5.436l-2.16-3.09H2.24v3.09H1V1.162H.07L.69 0h1.55v2.722h1.036L5.34 0h1.386L4.332 3.255l2.509 3.623z"
+            fill="#fff"
+          />
+        </g>
+        <defs>
+          <clipPath id="a">
+            <path fill="#fff" d="M0 0h91v24H0z" />
+          </clipPath>
+        </defs>
+      </svg>
+    </span>
+  ),
+);
+
+DocrobotENDark.displayName = "DocrobotENDark";
+DocrobotENDark.__KONTUR_REACT_UI__ = "DocrobotENDark";
+DocrobotENDark.__KONTUR_LOGO__ = true;

package/src/Docs.tsx

@@ -0,0 +1,46 @@
+import React, { forwardRef } from "react";
+
+export const Docs = forwardRef<
+  HTMLSpanElement,
+  {
+    size?: number;
+    color?: string;
+
+    useDarkThemeColors?: boolean;
+  }
+>(({ size = 24, color, useDarkThemeColors }, ref?) => {
+  const fill = color ?? (useDarkThemeColors ? "#FFF" : "#222");
+
+  return (
+    <span
+      style={{
+        width: `${size * 4.458333333333333}px`,
+        height: size,
+        lineHeight: `${size}px`,
+        display: "inline-block",
+      }}
+      ref={ref}
+    >
+      <svg
+        viewBox="0 0 107 24"
+        xmlns="http://www.w3.org/2000/svg"
+        focusable={false}
+        style={{
+          marginBottom: `-${size * 0.20833333333333337}px`,
+          width: "100%",
+          height: "100%",
+          display: "inline-block",
+        }}
+      >
+        <path
+          d="m3.188 10.17.04-5.228h9.563v12.533h1.683v4.455h-1.762V19H2.138v2.93H.356v-4.455h1.169c.818-1.095 1.326-2.62 1.524-4.573.066-.806.112-1.716.139-2.733zm.218 7.305h7.563V6.467H4.91l-.04 3.86c-.012 1.743-.144 3.188-.395 4.337-.238 1.148-.594 2.085-1.07 2.811zm22.883-3.544v.08c0 1.029-.224 1.946-.673 2.752a4.58 4.58 0 0 1-1.841 1.841c-.78.449-1.683.673-2.713.673s-1.94-.218-2.732-.653a4.711 4.711 0 0 1-1.842-1.861c-.448-.78-.673-1.697-.673-2.753v-.079c0-1.016.218-1.914.653-2.693a4.85 4.85 0 0 1 1.862-1.86c.792-.436 1.703-.654 2.732-.654 1.016 0 1.92.218 2.713.653a4.711 4.711 0 0 1 1.86 1.842c.436.792.654 1.696.654 2.712zm-8.732 0v.08c0 .752.146 1.425.436 2.019.29.58.7 1.03 1.228 1.346.54.317 1.155.476 1.841.476.7 0 1.313-.159 1.841-.476a3.173 3.173 0 0 0 1.228-1.366c.277-.58.416-1.247.416-2v-.079c0-.752-.145-1.412-.436-1.98a3.059 3.059 0 0 0-1.227-1.326c-.528-.317-1.136-.476-1.822-.476-.673 0-1.274.159-1.802.476a3.193 3.193 0 0 0-1.247 1.326c-.304.581-.456 1.241-.456 1.98zM37.16 19h-1.94l-3.505-4.415H29.99V19h-1.703V9.001h1.703v4.198h1.742L35.02 9h1.822L33.1 13.812 37.159 19zm6.822-6.494L45.189 9h1.722l-3.643 10.217c-.317.897-.614 1.577-.89 2.04-.278.461-.602.791-.971.99-.37.21-.865.316-1.485.316h-.752l-.515-1.406h1.03c.316 0 .6-.053.85-.158.423-.185.76-.64 1.01-1.366L37.744 9h1.802l1.208 3.505c.237.673.528 1.518.87 2.534l.733 2.336.178-.574c.265-.765.416-1.214.456-1.346l.178-.495.812-2.455zm9.992 4.573 3.108-8.078h2.535V19h-1.584v-8.494L54.745 19H53.2l-3.286-8.474V19H48.33V9.001h2.514l3.129 8.078zm16.519-.87 1.01 1.049c-.7.726-1.4 1.247-2.1 1.564-.699.303-1.517.455-2.455.455-1.056 0-1.98-.211-2.772-.633a4.582 4.582 0 0 1-1.821-1.862c-.436-.792-.654-1.716-.654-2.772 0-1.003.218-1.907.654-2.712a4.723 4.723 0 0 1 1.802-1.901c.765-.449 1.663-.673 2.692-.673 1.452 0 2.581.429 3.386 1.287.819.858 1.228 2.04 1.228 3.544l-.04.733h-7.96c.146 1.478.713 2.514 1.703 3.108.528.304 1.149.456 1.862.456.686 0 1.293-.126 1.821-.377.541-.25 1.09-.673 1.644-1.267zm-6.97-3.169h6.316c-.04-.91-.33-1.63-.871-2.158-.528-.541-1.24-.812-2.138-.812-.885 0-1.624.27-2.218.812-.594.528-.957 1.247-1.089 2.158zm18.291-4.039V19H80.11v-4.435h-5.009V19h-1.703V9.001h1.703v4.178h5.01V9h1.702zm10.45 0v1.386H88.76V19h-1.703v-8.613h-3.505V9.001h8.712zM98.356 19H94.02V9.001h1.703v3.287h2.633c1.148 0 2.066.303 2.752.91.686.608 1.03 1.426 1.03 2.456 0 1.016-.344 1.828-1.03 2.435S99.504 19 98.356 19zm-2.633-5.306v3.92h2.356c1.544 0 2.316-.653 2.316-1.96s-.772-1.96-2.316-1.96h-2.356zM103.542 9h1.683V19h-1.683V9.001z"
+          fill={fill}
+        />
+      </svg>
+    </span>
+  );
+});
+
+Docs.displayName = "Docs";
+Docs.__KONTUR_REACT_UI__ = "Docs";
+Docs.__KONTUR_LOGO__ = true;

package/src/Docsi.tsx

@@ -0,0 +1,46 @@
+import React, { forwardRef } from "react";
+
+export const Docsi = forwardRef<
+  HTMLSpanElement,
+  {
+    size?: number;
+    color?: string;
+
+    useDarkThemeColors?: boolean;
+  }
+>(({ size = 24, color, useDarkThemeColors }, ref?) => {
+  const fill = color ?? (useDarkThemeColors ? "#FC7630" : "#FC7630");
+
+  return (
+    <span
+      style={{
+        width: `${size * 2.4583333333333335}px`,
+        height: size,
+        lineHeight: `${size}px`,
+        display: "inline-block",
+      }}
+      ref={ref}
+    >
+      <svg
+        viewBox="0 0 59 24"
+        xmlns="http://www.w3.org/2000/svg"
+        focusable={false}
+        style={{
+          marginBottom: `-${size * 0.20833333333333337}px`,
+          width: "100%",
+          height: "100%",
+          display: "inline-block",
+        }}
+      >
+        <path
+          d="m3.188 10.17.04-5.228h9.563v12.533h1.683v4.455h-1.762V19H2.138v2.93H.356v-4.455h1.169c.818-1.095 1.326-2.62 1.524-4.573.066-.806.112-1.716.139-2.733zm.218 7.305h7.563V6.467H4.91l-.04 3.86c-.012 1.743-.144 3.188-.395 4.337-.238 1.148-.594 2.085-1.07 2.811zm22.883-3.544v.08c0 1.029-.224 1.946-.673 2.752a4.58 4.58 0 0 1-1.841 1.841c-.78.449-1.683.673-2.713.673s-1.94-.218-2.732-.653a4.711 4.711 0 0 1-1.842-1.861c-.448-.78-.673-1.697-.673-2.753v-.079c0-1.016.218-1.914.653-2.693a4.85 4.85 0 0 1 1.862-1.86c.792-.436 1.703-.654 2.732-.654 1.016 0 1.92.218 2.713.653a4.711 4.711 0 0 1 1.86 1.842c.436.792.654 1.696.654 2.712zm-8.732 0v.08c0 .752.146 1.425.436 2.019.29.58.7 1.03 1.228 1.346.54.317 1.155.476 1.841.476.7 0 1.313-.159 1.841-.476a3.173 3.173 0 0 0 1.228-1.366c.277-.58.416-1.247.416-2v-.079c0-.752-.145-1.412-.436-1.98a3.059 3.059 0 0 0-1.227-1.326c-.528-.317-1.136-.476-1.822-.476-.673 0-1.274.159-1.802.476a3.193 3.193 0 0 0-1.247 1.326c-.304.581-.456 1.241-.456 1.98zM37.16 19h-1.94l-3.505-4.415H29.99V19h-1.703V9.001h1.703v4.198h1.742L35.02 9h1.822L33.1 13.812 37.159 19zm5.609.277c-1.017 0-1.928-.211-2.733-.633a4.651 4.651 0 0 1-1.841-1.802c-.436-.779-.654-1.663-.654-2.653v-.238c0-1.03.218-1.94.654-2.732a4.548 4.548 0 0 1 1.861-1.842c.792-.435 1.69-.653 2.693-.653.95 0 1.756.145 2.416.435.673.278 1.28.746 1.821 1.406l-1.07 1.05c-.461-.542-.936-.918-1.425-1.129-.488-.224-1.076-.337-1.762-.337-1.439 0-2.449.627-3.03 1.881a4.485 4.485 0 0 0-.415 1.921v.238c0 .673.139 1.287.416 1.841.29.541.693.977 1.208 1.307.528.33 1.148.495 1.86.495.845 0 1.578-.211 2.198-.634.344-.25.687-.574 1.03-.97l1.109.93c-.58.753-1.215 1.294-1.9 1.624-.674.33-1.486.495-2.436.495zm9.885-5.623 3.128-4.653h1.842V19h-1.624v-3.98c0-1.993.026-3.405.08-4.237-.318.554-.78 1.28-1.387 2.178l-1.089 1.604L50.693 19H48.87V9.001h1.604v4.574c0 .91-.007 1.452-.02 1.623l-.04 1.98a66.755 66.755 0 0 1 2.238-3.524z"
+          fill={fill}
+        />
+      </svg>
+    </span>
+  );
+});
+
+Docsi.displayName = "Docsi";
+Docsi.__KONTUR_REACT_UI__ = "Docsi";
+Docsi.__KONTUR_LOGO__ = true;

package/src/Dostup.tsx

@@ -0,0 +1,46 @@
+import React, { forwardRef } from "react";
+
+export const Dostup = forwardRef<
+  HTMLSpanElement,
+  {
+    size?: number;
+    color?: string;
+
+    useDarkThemeColors?: boolean;
+  }
+>(({ size = 24, color, useDarkThemeColors }, ref?) => {
+  const fill = color ?? (useDarkThemeColors ? "#9867FF" : "#844BEC");
+
+  return (
+    <span
+      style={{
+        width: `${size * 2.8333333333333335}px`,
+        height: size,
+        lineHeight: `${size}px`,
+        display: "inline-block",
+      }}
+      ref={ref}
+    >
+      <svg
+        viewBox="0 0 68 24"
+        xmlns="http://www.w3.org/2000/svg"
+        focusable={false}
+        style={{
+          marginBottom: `-${size * 0.20833333333333337}px`,
+          width: "100%",
+          height: "100%",
+          display: "inline-block",
+        }}
+      >
+        <path
+          d="M3.188 10.17a49.501 49.501 0 0 1-.139 2.732c-.198 1.953-.706 3.478-1.524 4.573H.356v4.455h1.782V19h10.574v2.93h1.762v-4.455H12.79V4.942H3.227l-.04 5.227zm.218 7.305c.475-.726.831-1.663 1.069-2.811.25-1.149.383-2.594.396-4.336l.04-3.861h6.058v11.008H3.406zM26.29 13.931c0-1.016-.218-1.92-.654-2.712a4.711 4.711 0 0 0-1.861-1.842c-.792-.435-1.697-.653-2.713-.653-1.03 0-1.94.218-2.732.653a4.849 4.849 0 0 0-1.861 1.861c-.436.78-.654 1.677-.654 2.693v.08c0 1.055.225 1.973.673 2.752a4.711 4.711 0 0 0 1.842 1.86c.792.436 1.703.654 2.732.654 1.03 0 1.934-.224 2.713-.673a4.58 4.58 0 0 0 1.841-1.841c.449-.806.673-1.723.673-2.753v-.079zm-8.732 0c0-.739.151-1.399.455-1.98.303-.58.72-1.023 1.247-1.326.528-.317 1.129-.476 1.802-.476.686 0 1.294.159 1.822.476.54.316.95.759 1.227 1.326.29.568.436 1.228.436 1.98v.08c0 .752-.139 1.418-.416 2-.29.593-.7 1.049-1.227 1.365-.529.317-1.142.476-1.842.476-.686 0-1.3-.159-1.841-.476a3.197 3.197 0 0 1-1.228-1.346c-.29-.594-.435-1.267-.435-2.02v-.079zM32.902 19.277c.95 0 1.762-.165 2.435-.495.687-.33 1.32-.871 1.901-1.623l-1.109-.931c-.343.396-.686.72-1.03.97-.62.423-1.352.634-2.197.634-.713 0-1.333-.165-1.861-.495a3.483 3.483 0 0 1-1.208-1.307 4.06 4.06 0 0 1-.416-1.841v-.238c0-.686.139-1.327.416-1.92.58-1.255 1.59-1.882 3.03-1.882.686 0 1.273.113 1.761.337.489.211.964.587 1.426 1.129l1.07-1.05c-.542-.66-1.15-1.128-1.822-1.406-.66-.29-1.466-.435-2.416-.435-1.003 0-1.9.218-2.693.653a4.548 4.548 0 0 0-1.861 1.842c-.436.792-.653 1.702-.653 2.732v.238c0 .99.217 1.874.653 2.653a4.651 4.651 0 0 0 1.841 1.802c.806.422 1.716.633 2.733.633zM46.767 9.001h-8.712v1.386h3.504V19h1.703v-8.613h3.505V9.001zM53.75 12.506l-.812 2.455-.178.495c-.04.132-.191.58-.455 1.346l-.178.574-.733-2.336a202.509 202.509 0 0 0-.871-2.534L49.315 9h-1.802l3.802 10.633c-.251.726-.588 1.181-1.01 1.366-.25.105-.535.158-.851.158h-1.03l.515 1.406h.752c.62 0 1.116-.106 1.485-.317.37-.198.693-.528.97-.99.278-.462.575-1.142.891-2.04l3.644-10.216h-1.723l-1.208 3.505zM59.802 19v-8.613h4.89V19h1.703V9.001H58.1V19h1.703z"
+          fill={fill}
+        />
+      </svg>
+    </span>
+  );
+});
+
+Dostup.displayName = "Dostup";
+Dostup.__KONTUR_REACT_UI__ = "Dostup";
+Dostup.__KONTUR_LOGO__ = true;

package/src/ENigma.tsx

@@ -0,0 +1,46 @@
+import React, { forwardRef } from "react";
+
+export const ENigma = forwardRef<
+  HTMLSpanElement,
+  {
+    size?: number;
+    color?: string;
+
+    useDarkThemeColors?: boolean;
+  }
+>(({ size = 24, color, useDarkThemeColors }, ref?) => {
+  const fill = color ?? (useDarkThemeColors ? "#BE5AD8" : "#B750D1");
+
+  return (
+    <span
+      style={{
+        width: `${size * 2.9166666666666665}px`,
+        height: size,
+        lineHeight: `${size}px`,
+        display: "inline-block",
+      }}
+      ref={ref}
+    >
+      <svg
+        viewBox="0 0 70 24"
+        xmlns="http://www.w3.org/2000/svg"
+        focusable={false}
+        style={{
+          marginBottom: `-${size * 0.20833333333333337}px`,
+          width: "100%",
+          height: "100%",
+          display: "inline-block",
+        }}
+      >
+        <path
+          d="M1.604 7.892.534 6.625c.819-.7 1.637-1.201 2.456-1.505.818-.317 1.722-.475 2.712-.475 2.178 0 3.927.693 5.247 2.079a6.548 6.548 0 0 1 1.406 2.336c.33.885.495 1.855.495 2.911 0 1.412-.29 2.673-.871 3.782a6.242 6.242 0 0 1-2.435 2.594c-1.07.633-2.31.95-3.723.95-1.452 0-2.706-.33-3.762-.99-.541-.33-1.128-.812-1.762-1.445l1.089-1.208c1.056.977 2.026 1.59 2.91 1.841a5.963 5.963 0 0 0 1.545.218c.95 0 1.802-.211 2.554-.634a4.832 4.832 0 0 0 1.802-1.841c.436-.752.686-1.637.752-2.653H3.94V11.04h6.99c-.093-.937-.37-1.768-.832-2.494a4.704 4.704 0 0 0-1.802-1.723c-.752-.396-1.61-.594-2.574-.594-.752 0-1.458.132-2.118.396-.647.25-1.314.673-2 1.267zm21.85 1.109V19H21.75v-4.435h-5.01V19H15.04V9.001h1.702v4.178h5.01V9h1.703zm6.47 4.653 3.128-4.653h1.842V19H33.27v-3.98c0-1.993.026-3.405.08-4.237-.318.554-.78 1.28-1.387 2.178l-1.089 1.604L27.964 19h-1.822V9.001h1.604v4.574c0 .91-.007 1.452-.02 1.623l-.04 1.98a66.755 66.755 0 0 1 2.238-3.524zm14.679-4.653v1.406h-5.307V19h-1.703V9.001h7.01zM52 17.079l3.109-8.078h2.534V19H56.06v-8.494L52.773 19h-1.545l-3.287-8.474V19h-1.584V9.001h2.515L52 17.079zm16.42-4.91V19h-1.544v-1.346a3.583 3.583 0 0 1-1.426 1.227c-.594.277-1.28.416-2.059.416-1.109 0-1.98-.25-2.613-.752-.62-.502-.931-1.208-.931-2.119v-.099c0-1.003.35-1.762 1.05-2.277.712-.528 1.808-.832 3.286-.91l2.614-.179v-.673c0-.713-.205-1.248-.614-1.604-.41-.37-1.003-.554-1.782-.554-.647 0-1.234.132-1.762.396-.515.25-1.043.673-1.584 1.267l-1.09-.99c1.15-1.386 2.614-2.08 4.396-2.08 1.28 0 2.277.304 2.99.912.713.607 1.07 1.452 1.07 2.534zm-1.623 3.128v-1.069l-2.495.119c-1.03.053-1.756.224-2.178.515-.422.29-.634.752-.634 1.386v.099c0 .515.192.91.575 1.188.396.277.95.416 1.663.416.567 0 1.089-.113 1.564-.337a2.61 2.61 0 0 0 1.109-.95c.264-.41.396-.865.396-1.367z"
+          fill={fill}
+        />
+      </svg>
+    </span>
+  );
+});
+
+ENigma.displayName = "ENigma";
+ENigma.__KONTUR_REACT_UI__ = "ENigma";
+ENigma.__KONTUR_LOGO__ = true;

package/src/Ebisu.tsx

@@ -0,0 +1,46 @@
+import React, { forwardRef } from "react";
+
+export const Ebisu = forwardRef<
+  HTMLSpanElement,
+  {
+    size?: number;
+    color?: string;
+
+    useDarkThemeColors?: boolean;
+  }
+>(({ size = 24, color, useDarkThemeColors }, ref?) => {
+  const fill = color ?? (useDarkThemeColors ? "#FFF" : "#222");
+
+  return (
+    <span
+      style={{
+        width: `${size * 2.4166666666666665}px`,
+        height: size,
+        lineHeight: `${size}px`,
+        display: "inline-block",
+      }}
+      ref={ref}
+    >
+      <svg
+        viewBox="0 0 58 24"
+        xmlns="http://www.w3.org/2000/svg"
+        focusable={false}
+        style={{
+          marginBottom: `-${size * 0.20833333333333337}px`,
+          width: "100%",
+          height: "100%",
+          display: "inline-block",
+        }}
+      >
+        <path
+          d="M1.604 7.892.534 6.625c.819-.7 1.637-1.201 2.456-1.505.818-.317 1.722-.475 2.712-.475 2.178 0 3.927.693 5.247 2.079a6.548 6.548 0 0 1 1.406 2.336c.33.885.495 1.855.495 2.911 0 1.412-.29 2.673-.871 3.782a6.242 6.242 0 0 1-2.435 2.594c-1.07.633-2.31.95-3.723.95-1.452 0-2.706-.33-3.762-.99-.541-.33-1.128-.812-1.762-1.445l1.089-1.208c1.056.977 2.026 1.59 2.91 1.841a5.963 5.963 0 0 0 1.545.218c.95 0 1.802-.211 2.554-.634a4.832 4.832 0 0 0 1.802-1.841c.436-.752.686-1.637.752-2.653H3.94V11.04h6.99c-.093-.937-.37-1.768-.832-2.494a4.704 4.704 0 0 0-1.802-1.723c-.752-.396-1.61-.594-2.574-.594-.752 0-1.458.132-2.118.396-.647.25-1.314.673-2 1.267zm23.374 6.178v.099c0 1.003-.218 1.887-.653 2.653a4.619 4.619 0 0 1-1.861 1.802c-.792.435-1.69.653-2.693.653-1.716 0-3.023-.515-3.92-1.544-.898-1.043-1.347-2.58-1.347-4.614v-.356c0-1.663.191-3.043.574-4.138.396-1.109 1.017-1.947 1.861-2.515.872-.594 2.066-.937 3.584-1.03a63.037 63.037 0 0 0 3.663-.356l.139 1.485c-.95.132-2.211.251-3.782.357-1.056.052-1.9.244-2.534.574a3.062 3.062 0 0 0-1.406 1.505c-.304.66-.508 1.564-.614 2.712.317-.713.832-1.274 1.544-1.683.726-.409 1.558-.614 2.495-.614.977 0 1.842.205 2.594.614.752.41 1.333.99 1.742 1.743.41.739.614 1.623.614 2.653zm-1.742.138v-.099c0-.726-.139-1.353-.416-1.88a3.113 3.113 0 0 0-1.228-1.288c-.54-.303-1.155-.455-1.841-.455-.7 0-1.313.152-1.841.455-.528.29-.938.707-1.228 1.248-.29.528-.436 1.168-.436 1.92v.1c0 .712.146 1.34.436 1.88.29.542.7.97 1.228 1.287.528.317 1.141.476 1.841.476.686 0 1.294-.152 1.822-.456a3.086 3.086 0 0 0 1.247-1.287c.277-.554.416-1.188.416-1.9zm7.597-.554 3.128-4.653h1.841V19H34.18v-3.98c0-1.993.026-3.405.079-4.237-.317.554-.779 1.28-1.386 2.178l-1.089 1.604L28.873 19H27.05V9.001h1.604v4.574c0 .91-.007 1.452-.02 1.623l-.04 1.98a66.755 66.755 0 0 1 2.238-3.524zm12.283 5.623c-1.017 0-1.928-.211-2.733-.633a4.651 4.651 0 0 1-1.841-1.802c-.436-.779-.654-1.663-.654-2.653v-.238c0-1.03.218-1.94.654-2.732a4.548 4.548 0 0 1 1.861-1.842c.792-.435 1.69-.653 2.693-.653.95 0 1.756.145 2.416.435.673.278 1.28.746 1.821 1.406l-1.07 1.05c-.461-.542-.936-.918-1.425-1.129-.488-.224-1.075-.337-1.762-.337-1.439 0-2.449.627-3.03 1.881a4.485 4.485 0 0 0-.415 1.921v.238c0 .673.139 1.287.416 1.841.29.541.693.977 1.208 1.307.527.33 1.148.495 1.86.495.846 0 1.578-.211 2.198-.634.344-.25.687-.574 1.03-.97l1.109.93c-.58.753-1.215 1.294-1.9 1.624-.674.33-1.486.495-2.436.495zm11.33-6.771L55.654 9h1.723l-3.644 10.217c-.316.897-.613 1.577-.89 2.04-.278.461-.601.791-.97.99-.37.21-.865.316-1.486.316h-.752l-.515-1.406h1.03c.317 0 .6-.053.851-.158.422-.185.76-.64 1.01-1.366L48.209 9h1.802l1.208 3.505c.237.673.528 1.518.871 2.534l.733 2.336.178-.574c.264-.765.416-1.214.455-1.346l.178-.495.812-2.455z"
+          fill={fill}
+        />
+      </svg>
+    </span>
+  );
+});
+
+Ebisu.displayName = "Ebisu";
+Ebisu.__KONTUR_REACT_UI__ = "Ebisu";
+Ebisu.__KONTUR_LOGO__ = true;