@tk-kit/design-system 0.1.16

package/dist/lib/get-document-icon.d.ts

@@ -0,0 +1 @@
+export declare const getDocumentIcon: (ext: string) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/lib/validations.d.ts

@@ -0,0 +1,15 @@
+import * as z from 'zod';
+export declare const v: {
+    required: (message?: string) => z.ZodString;
+    safeText: (message?: string) => z.ZodString;
+    requiredSafeText: ({ message, forbiddenMessage, }?: {
+        message?: string | undefined;
+        forbiddenMessage?: string | undefined;
+    }) => z.ZodString;
+    phone: (message?: string) => z.ZodString;
+    email: () => z.ZodString;
+    country: () => z.ZodString;
+    inn: () => z.ZodString;
+    kpp: () => z.ZodString;
+    optional: () => z.ZodString;
+};

package/dist/logo.svg

@@ -0,0 +1,3 @@
+<svg width="100" height="24" viewBox="0 0 100 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.59998 18V6.80005H7.10398V12.704L12.368 6.80005H14.24L10.08 11.408L14.56 18H12.704L9.10398 12.432L7.10398 14.624V18H5.59998ZM16.8069 18V6.80005H18.3109V18H16.8069ZM24.2861 18V8.11205H20.3981V6.80005H29.6781V8.11205H25.7901V18H24.2861ZM39.84 18.16C38.9547 18.16 38.1813 17.9893 37.52 17.648C36.8587 17.296 36.3467 16.768 35.984 16.064C35.6213 15.3493 35.44 14.448 35.44 13.36V6.80005H36.944V13.36C36.944 14.576 37.2 15.456 37.712 16C38.224 16.544 38.9333 16.816 39.84 16.816C40.7467 16.816 41.456 16.544 41.968 16C42.48 15.456 42.736 14.576 42.736 13.36V6.80005H44.24V13.36C44.24 14.448 44.0587 15.3493 43.696 16.064C43.3333 16.768 42.8213 17.296 42.16 17.648C41.5093 17.9893 40.736 18.16 39.84 18.16ZM47.4475 18V6.80005H48.9515V18H47.4475Z" fill="#4694D1"/>
+</svg>

package/dist/styles/_typography.css

@@ -0,0 +1,422 @@
+@layer base {
+  h1 {
+    font-size: var(--typography-desktop-heading-h1-font-size);
+    font-weight: 600;
+    line-height: var(--typography-desktop-heading-h1-line-height);
+    letter-spacing: var(--typography-desktop-heading-h1-letter-spacing);
+    text-decoration: var(--typography-desktop-heading-h1-text-decoration);
+    text-transform: var(--typography-desktop-heading-h1-text-case);
+  }
+
+  h2 {
+    font-size: var(--typography-desktop-heading-h2-font-size);
+    font-weight: 600;
+    line-height: var(--typography-desktop-heading-h2-line-height);
+    letter-spacing: var(--typography-desktop-heading-h2-letter-spacing);
+    text-decoration: var(--typography-desktop-heading-h2-text-decoration);
+    text-transform: var(--typography-desktop-heading-h2-text-case);
+  }
+
+  h3 {
+    font-size: var(--typography-desktop-heading-h3-font-size);
+    font-weight: 600;
+    line-height: var(--typography-desktop-heading-h3-line-height);
+    letter-spacing: var(--typography-desktop-heading-h3-letter-spacing);
+    text-decoration: var(--typography-desktop-heading-h3-text-decoration);
+    text-transform: var(--typography-desktop-heading-h3-text-case);
+  }
+
+  h4 {
+    font-size: var(--typography-desktop-heading-h4-font-size);
+    font-weight: 600;
+    line-height: var(--typography-desktop-heading-h4-line-height);
+    letter-spacing: var(--typography-desktop-heading-h4-letter-spacing);
+    text-decoration: var(--typography-desktop-heading-h4-text-decoration);
+    text-transform: var(--typography-desktop-heading-h4-text-case);
+  }
+
+  h5 {
+    font-size: var(--typography-desktop-heading-h5-font-size);
+    font-weight: 600;
+    line-height: var(--typography-desktop-heading-h5-line-height);
+    letter-spacing: var(--typography-desktop-heading-h5-letter-spacing);
+    text-decoration: var(--typography-desktop-heading-h5-text-decoration);
+    text-transform: var(--typography-desktop-heading-h5-text-case);
+  }
+
+  h6 {
+    font-size: var(--typography-desktop-heading-h6-font-size);
+    font-weight: 600;
+    line-height: var(--typography-desktop-heading-h6-line-height);
+    letter-spacing: var(--typography-desktop-heading-h6-letter-spacing);
+    text-decoration: var(--typography-desktop-heading-h6-text-decoration);
+    text-transform: var(--typography-desktop-heading-h6-text-case);
+  }
+
+  p {
+    font-size: var(--typography-body-medium-16-regular-font-size);
+    font-weight: 400;
+    line-height: var(--typography-body-medium-16-regular-line-height);
+    letter-spacing: var(--typography-body-medium-16-regular-letter-spacing);
+  }
+}
+
+@utility text-h1 {
+  font-size: var(--typography-desktop-heading-h1-font-size);
+  font-weight: 600;
+  line-height: var(--typography-desktop-heading-h1-line-height);
+  letter-spacing: var(--typography-desktop-heading-h1-letter-spacing);
+  text-transform: var(--typography-desktop-heading-h1-text-case);
+}
+
+@utility text-h2 {
+  font-size: var(--typography-desktop-heading-h2-font-size);
+  font-weight: 600;
+  line-height: var(--typography-desktop-heading-h2-line-height);
+  letter-spacing: var(--typography-desktop-heading-h2-letter-spacing);
+  text-decoration: var(--typography-desktop-heading-h2-text-decoration);
+  text-transform: var(--typography-desktop-heading-h2-text-case);
+}
+
+@utility text-h3 {
+  font-size: var(--typography-desktop-heading-h3-font-size);
+  font-weight: 600;
+  line-height: var(--typography-desktop-heading-h3-line-height);
+  letter-spacing: var(--typography-desktop-heading-h3-letter-spacing);
+  text-decoration: var(--typography-desktop-heading-h3-text-decoration);
+  text-transform: var(--typography-desktop-heading-h3-text-case);
+}
+
+@utility text-h4 {
+  font-size: var(--typography-desktop-heading-h4-font-size);
+  font-weight: 600;
+  line-height: var(--typography-desktop-heading-h4-line-height);
+  letter-spacing: var(--typography-desktop-heading-h4-letter-spacing);
+  text-decoration: var(--typography-desktop-heading-h4-text-decoration);
+  text-transform: var(--typography-desktop-heading-h4-text-case);
+}
+
+@utility text-h5 {
+  font-size: var(--typography-desktop-heading-h5-font-size);
+  font-weight: 600;
+  line-height: var(--typography-desktop-heading-h5-line-height);
+  letter-spacing: var(--typography-desktop-heading-h5-letter-spacing);
+  text-decoration: var(--typography-desktop-heading-h5-text-decoration);
+  text-transform: var(--typography-desktop-heading-h5-text-case);
+}
+
+@utility text-h6 {
+  font-size: var(--typography-desktop-heading-h6-font-size);
+  font-weight: 600;
+  line-height: var(--typography-desktop-heading-h6-line-height);
+  letter-spacing: var(--typography-desktop-heading-h6-letter-spacing);
+  text-decoration: var(--typography-desktop-heading-h6-text-decoration);
+  text-transform: var(--typography-desktop-heading-h6-text-case);
+}
+
+@utility text-h1-b {
+  font-size: var(--typography-desktop-heading-heading-bold-h1-b-font-size);
+  font-weight: 700;
+  line-height: var(--typography-desktop-heading-heading-bold-h1-b-line-height);
+  letter-spacing: var(--typography-desktop-heading-heading-bold-h1-b-letter-spacing);
+  text-transform: var(--typography-desktop-heading-heading-bold-h1-b-text-case);
+}
+
+@utility text-h2-b {
+  font-size: var(--typography-desktop-heading-heading-bold-h2-b-font-size);
+  font-weight: 700;
+  line-height: var(--typography-desktop-heading-heading-bold-h2-b-line-height);
+  letter-spacing: var(--typography-desktop-heading-heading-bold-h2-b-letter-spacing);
+  text-decoration: var(--typography-desktop-heading-heading-bold-h2-b-text-decoration);
+  text-transform: var(--typography-desktop-heading-heading-bold-h2-b-text-case);
+}
+
+@utility text-h3-b {
+  font-size: var(--typography-desktop-heading-heading-bold-h3-b-font-size);
+  font-weight: 700;
+  line-height: var(--typography-desktop-heading-heading-bold-h3-b-line-height);
+  letter-spacing: var(--typography-desktop-heading-heading-bold-h3-b-letter-spacing);
+  text-decoration: var(--typography-desktop-heading-heading-bold-h3-b-text-decoration);
+  text-transform: var(--typography-desktop-heading-heading-bold-h3-b-text-case);
+}
+
+@utility text-h4-b {
+  font-size: var(--typography-desktop-heading-heading-bold-h4-b-font-size);
+  font-weight: 700;
+  line-height: var(--typography-desktop-heading-heading-bold-h4-b-line-height);
+  letter-spacing: var(--typography-desktop-heading-heading-bold-h4-b-letter-spacing);
+  text-decoration: var(--typography-desktop-heading-heading-bold-h4-b-text-decoration);
+  text-transform: var(--typography-desktop-heading-heading-bold-h4-b-text-case);
+}
+
+@utility text-h5-b {
+  font-size: var(--typography-desktop-heading-heading-bold-h5-b-font-size);
+  font-weight: 700;
+  line-height: var(--typography-desktop-heading-heading-bold-h5-b-line-height);
+  letter-spacing: var(--typography-desktop-heading-heading-bold-h5-b-letter-spacing);
+  text-decoration: var(--typography-desktop-heading-heading-bold-h5-b-text-decoration);
+  text-transform: var(--typography-desktop-heading-heading-bold-h5-b-text-case);
+}
+
+@utility text-h6-b {
+  font-size: var(--typography-desktop-heading-heading-bold-h6-b-font-size);
+  font-weight: 700;
+  line-height: var(--typography-desktop-heading-heading-bold-h6-b-line-height);
+  letter-spacing: var(--typography-desktop-heading-heading-bold-h6-b-letter-spacing);
+  text-decoration: var(--typography-desktop-heading-heading-bold-h6-b-text-decoration);
+  text-transform: var(--typography-desktop-heading-heading-bold-h6-b-text-case);
+}
+
+@utility text-body-lg-regular {
+  font-size: var(--typography-body-large-18-regular-font-size);
+  font-weight: 400;
+  line-height: var(--typography-body-large-18-regular-line-height);
+  letter-spacing: var(--typography-body-large-18-regular-letter-spacing);
+}
+
+@utility text-body-lg-medium {
+  font-size: var(--typography-body-large-18-medium-font-size);
+  font-weight: 500;
+  line-height: var(--typography-body-large-18-medium-line-height);
+  letter-spacing: var(--typography-body-large-18-medium-letter-spacing);
+}
+
+@utility text-body-lg-demibold {
+  font-size: var(--typography-body-large-18-demibold-font-size);
+  font-weight: 600;
+  line-height: var(--typography-body-large-18-demibold-line-height);
+  letter-spacing: var(--typography-body-large-18-demibold-letter-spacing);
+}
+
+/* Body Medium — 16px */
+@utility text-body-md-regular {
+  font-size: var(--typography-body-medium-16-regular-font-size);
+  font-weight: 400;
+  line-height: var(--typography-body-medium-16-regular-line-height);
+  letter-spacing: var(--typography-body-medium-16-regular-letter-spacing);
+}
+
+@utility text-body-md-link {
+  font-size: var(--typography-body-medium-16-link-font-size);
+  font-weight: 400;
+  line-height: var(--typography-body-medium-16-link-line-height);
+  letter-spacing: var(--typography-body-medium-16-link-letter-spacing);
+  text-decoration-line: var(--typography-body-medium-16-link-text-decoration);
+  font-style: normal;
+  text-decoration-style: solid;
+  text-decoration-skip-ink: none;
+  text-decoration-thickness: auto;
+  text-underline-offset: auto;
+  text-underline-position: from-font;
+}
+
+@utility text-body-md-medium {
+  font-size: var(--typography-body-medium-16-medium-font-size);
+  font-weight: 500;
+  line-height: var(--typography-body-medium-16-medium-line-height);
+  letter-spacing: var(--typography-body-medium-16-medium-letter-spacing);
+}
+
+@utility text-body-md-demibold {
+  font-size: var(--typography-body-medium-16-demibold-font-size);
+  font-weight: 600;
+  line-height: var(--typography-body-medium-16-demibold-line-height);
+  letter-spacing: var(--typography-body-medium-16-demibold-letter-spacing);
+}
+
+/* Body Small — 14px */
+@utility text-body-sm-regular {
+  font-size: var(--typography-body-small-14-regular-font-size);
+  font-weight: 400;
+  line-height: var(--typography-body-small-14-regular-line-height);
+  letter-spacing: var(--typography-body-small-14-regular-letter-spacing);
+}
+
+@utility text-body-sm-link {
+  font-size: var(--typography-body-small-14-link-font-size);
+  font-weight: 400;
+  line-height: var(--typography-body-small-14-link-line-height);
+  letter-spacing: var(--typography-body-small-14-link-letter-spacing);
+  text-decoration-line: var(--typography-body-small-14-link-text-decoration);
+  font-style: normal;
+  text-decoration-style: solid;
+  text-decoration-skip-ink: none;
+  text-decoration-thickness: auto;
+  text-underline-offset: auto;
+  text-underline-position: from-font;
+}
+
+@utility text-body-sm-medium {
+  font-size: var(--typography-body-small-14-medium-font-size);
+  font-weight: 500;
+  line-height: var(--typography-body-small-14-medium-line-height);
+  letter-spacing: var(--typography-body-small-14-medium-letter-spacing);
+}
+
+@utility text-body-sm-demibold {
+  font-size: var(--typography-body-small-14-demibold-font-size);
+  font-weight: 600;
+  line-height: var(--typography-body-small-14-demibold-line-height);
+  letter-spacing: var(--typography-body-small-14-demibold-letter-spacing);
+}
+
+@media (max-width: 767px) {
+  h1 {
+    font-size: var(--typography-mobile-heading-h1-font-size);
+    font-weight: 600;
+    line-height: var(--typography-mobile-heading-h1-line-height);
+    letter-spacing: var(--typography-mobile-heading-h1-letter-spacing);
+    text-transform: var(--typography-mobile-heading-h1-text-case);
+  }
+
+  h2 {
+    font-size: var(--typography-mobile-heading-h2-font-size);
+    font-weight: 600;
+    line-height: var(--typography-mobile-heading-h2-line-height);
+    letter-spacing: var(--typography-mobile-heading-h2-letter-spacing);
+    text-decoration: var(--typography-mobile-heading-h2-text-decoration);
+    text-transform: var(--typography-mobile-heading-h2-text-case);
+  }
+
+  h3 {
+    font-size: var(--typography-mobile-heading-h3-font-size);
+    font-weight: 600;
+    line-height: var(--typography-mobile-heading-h3-line-height);
+    letter-spacing: var(--typography-mobile-heading-h3-letter-spacing);
+    text-decoration: var(--typography-mobile-heading-h3-text-decoration);
+    text-transform: var(--typography-mobile-heading-h3-text-case);
+  }
+
+  h4 {
+    font-size: var(--typography-mobile-heading-h4-font-size);
+    font-weight: 600;
+    line-height: var(--typography-mobile-heading-h4-line-height);
+    letter-spacing: var(--typography-mobile-heading-h4-letter-spacing);
+    text-decoration: var(--typography-mobile-heading-h4-text-decoration);
+    text-transform: var(--typography-mobile-heading-h4-text-case);
+  }
+
+  h5 {
+    font-size: var(--typography-mobile-heading-h5-font-size);
+    font-weight: 600;
+    line-height: var(--typography-mobile-heading-h5-line-height);
+    letter-spacing: var(--typography-mobile-heading-h5-letter-spacing);
+    text-decoration: var(--typography-mobile-heading-h5-text-decoration);
+    text-transform: var(--typography-mobile-heading-h5-text-case);
+  }
+
+  h6 {
+    font-size: var(--typography-mobile-heading-h6-font-size);
+    font-weight: 600;
+    line-height: var(--typography-mobile-heading-h6-line-height);
+    letter-spacing: var(--typography-mobile-heading-h6-letter-spacing);
+    text-decoration: var(--typography-mobile-heading-h6-text-decoration);
+    text-transform: var(--typography-mobile-heading-h6-text-case);
+  }
+
+  .text-h1 {
+    font-size: var(--typography-mobile-heading-h1-font-size);
+    font-weight: 600;
+    line-height: var(--typography-mobile-heading-h1-line-height);
+    letter-spacing: var(--typography-mobile-heading-h1-letter-spacing);
+    text-transform: var(--typography-mobile-heading-h1-text-case);
+  }
+
+  .text-h2 {
+    font-size: var(--typography-mobile-heading-h2-font-size);
+    font-weight: 600;
+    line-height: var(--typography-mobile-heading-h2-line-height);
+    letter-spacing: var(--typography-mobile-heading-h2-letter-spacing);
+    text-decoration: var(--typography-mobile-heading-h2-text-decoration);
+    text-transform: var(--typography-mobile-heading-h2-text-case);
+  }
+
+  .text-h3 {
+    font-size: var(--typography-mobile-heading-h3-font-size);
+    font-weight: 600;
+    line-height: var(--typography-mobile-heading-h3-line-height);
+    letter-spacing: var(--typography-mobile-heading-h3-letter-spacing);
+    text-decoration: var(--typography-mobile-heading-h3-text-decoration);
+    text-transform: var(--typography-mobile-heading-h3-text-case);
+  }
+
+  .text-h4 {
+    font-size: var(--typography-mobile-heading-h4-font-size);
+    font-weight: 600;
+    line-height: var(--typography-mobile-heading-h4-line-height);
+    letter-spacing: var(--typography-mobile-heading-h4-letter-spacing);
+    text-decoration: var(--typography-mobile-heading-h4-text-decoration);
+    text-transform: var(--typography-mobile-heading-h4-text-case);
+  }
+
+  .text-h5 {
+    font-size: var(--typography-mobile-heading-h5-font-size);
+    font-weight: 600;
+    line-height: var(--typography-mobile-heading-h5-line-height);
+    letter-spacing: var(--typography-mobile-heading-h5-letter-spacing);
+    text-decoration: var(--typography-mobile-heading-h5-text-decoration);
+    text-transform: var(--typography-mobile-heading-h5-text-case);
+  }
+
+  .text-h6 {
+    font-size: var(--typography-mobile-heading-h6-font-size);
+    font-weight: 600;
+    line-height: var(--typography-mobile-heading-h6-line-height);
+    letter-spacing: var(--typography-mobile-heading-h6-letter-spacing);
+    text-decoration: var(--typography-mobile-heading-h6-text-decoration);
+    text-transform: var(--typography-mobile-heading-h6-text-case);
+  }
+
+  .text-h1-b {
+    font-size: var(--typography-mobile-heading-heading-bold-h1-font-size);
+    font-weight: 700;
+    line-height: var(--typography-mobile-heading-heading-bold-h1-line-height);
+    letter-spacing: var(--typography-mobile-heading-heading-bold-h1-letter-spacing);
+    text-transform: var(--typography-mobile-heading-heading-bold-h1-text-case);
+  }
+
+  .text-h2 {
+    font-size: var(--typography-mobile-heading-heading-bold-h2-font-size);
+    font-weight: 700;
+    line-height: var(--typography-mobile-heading-heading-bold-h2-line-height);
+    letter-spacing: var(--typography-mobile-heading-heading-bold-h2-letter-spacing);
+    text-decoration: var(--typography-mobile-heading-heading-bold-h2-text-decoration);
+    text-transform: var(--typography-mobile-heading-heading-bold-h2-text-case);
+  }
+
+  .text-h3 {
+    font-size: var(--typography-mobile-heading-heading-bold-h3-font-size);
+    font-weight: 700;
+    line-height: var(--typography-mobile-heading-heading-bold-h3-line-height);
+    letter-spacing: var(--typography-mobile-heading-heading-bold-h3-letter-spacing);
+    text-decoration: var(--typography-mobile-heading-heading-bold-h3-text-decoration);
+    text-transform: var(--typography-mobile-heading-heading-bold-h3-text-case);
+  }
+
+  .text-h4 {
+    font-size: var(--typography-mobile-heading-heading-bold-h4-font-size);
+    font-weight: 700;
+    line-height: var(--typography-mobile-heading-heading-bold-h4-line-height);
+    letter-spacing: var(--typography-mobile-heading-heading-bold-h4-letter-spacing);
+    text-decoration: var(--typography-mobile-heading-heading-bold-h4-text-decoration);
+    text-transform: var(--typography-mobile-heading-heading-bold-h4-text-case);
+  }
+
+  .text-h5 {
+    font-size: var(--typography-mobile-heading-heading-bold-h5-font-size);
+    font-weight: 700;
+    line-height: var(--typography-mobile-heading-heading-bold-h5-line-height);
+    letter-spacing: var(--typography-mobile-heading-heading-bold-h5-letter-spacing);
+    text-decoration: var(--typography-mobile-heading-heading-bold-h5-text-decoration);
+    text-transform: var(--typography-mobile-heading-heading-bold-h5-text-case);
+  }
+
+  .text-h6 {
+    font-size: var(--typography-mobile-heading-heading-bold-h6-font-size);
+    font-weight: 700;
+    line-height: var(--typography-mobile-heading-heading-bold-h6-line-height);
+    letter-spacing: var(--typography-mobile-heading-heading-bold-h6-letter-spacing);
+    text-decoration: var(--typography-mobile-heading-heading-bold-h6-text-decoration);
+    text-transform: var(--typography-mobile-heading-heading-bold-h6-text-case);
+  }
+}