@snabcentr/client-ui 2.5.0 → 2.6.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@snabcentr/client-ui",
-  "version": "2.5.0",
+  "version": "2.6.0",
   "author": "Snabcentr Ltd.",
   "repository": "https://gitlab.snabcentr.met/web/angular/snabcentr-client-ui-lib",
   "license": "Commercial",

package/release_notes.tmp

@@ -1,6 +1,6 @@
-## 2.5.0 (2024-10-22)
+## 2.6.0 (2024-11-02)
 
 ### changed (1 change)
 
-- [#10510: Доработано отображение изображений товаров](web_soft/libs/angular/snabcentr-client-ui-lib@f577f0ae7c3d13e495ac60484d1d03c466215785) ([merge request](web_soft/libs/angular/snabcentr-client-ui-lib!171))
+- [#10512: Доработаны шрифты](web_soft/libs/angular/snabcentr-client-ui-lib@7dde8fdff4356bc20a8dac668d7a1f3f2a006cc1) ([merge request](web_soft/libs/angular/snabcentr-client-ui-lib!177))
 

package/styles/taiga/variables.less

@@ -1,3 +1,32 @@
+@font-fallback: -apple-system, 'BlinkMacSystemFont', system-ui, 'Roboto', 'Segoe UI', 'Helvetica Neue', sans-serif;
+
+&:root {
+    // Fonts
+    --tui-font-heading: 'Manrope', @font-fallback;
+    --tui-font-text: 'Manrope', @font-fallback;
+    --tui-font-weight-normal: normal;
+    --tui-font-weight-bold: bold;
+    // Heading
+    --tui-font-heading-1: var(--tui-font-weight-bold) 3.125rem/3.5rem var(--tui-font-heading);
+    --tui-font-heading-2: var(--tui-font-weight-bold) 2.75rem/3rem var(--tui-font-heading);
+    --tui-font-heading-3: var(--tui-font-weight-bold) 2.25rem/2.5rem var(--tui-font-heading);
+    --tui-font-heading-4: var(--tui-font-weight-bold) 1.75rem/2rem var(--tui-font-heading);
+    --tui-font-heading-5: var(--tui-font-weight-bold) 1.5rem/1.75rem var(--tui-font-heading);
+    --tui-font-heading-6: var(--tui-font-weight-bold) 1.25rem/1.5rem var(--tui-font-heading);
+    // Body
+    --tui-font-text-xl: var(--tui-font-weight-normal) 1.1875rem/1.75rem var(--tui-font-text);
+    --tui-font-text-l: var(--tui-font-weight-normal) 1.0625rem/1.75rem var(--tui-font-text);
+    --tui-font-text-m: var(--tui-font-weight-normal) 1rem/1.5rem var(--tui-font-text);
+    --tui-font-text-s: var(--tui-font-weight-normal) 0.8125rem/1.25rem var(--tui-font-text);
+    --tui-font-text-xs: var(--tui-font-weight-normal) 0.6875rem/1rem var(--tui-font-text);
+    // Reduced
+    --tui-font-text-ui-l: var(--tui-font-weight-normal) 1.0625rem/1.5rem var(--tui-font-text);
+    --tui-font-text-ui-m: var(--tui-font-weight-normal) 1rem/1.25rem var(--tui-font-text);
+    --tui-font-text-ui-s: var(--tui-font-weight-normal) 0.8125rem/1rem var(--tui-font-text);
+    --tui-font-text-ui-xs: var(--tui-font-weight-normal) 0.6875rem/0.8125rem var(--tui-font-text);
+}
+
+
 &:root,
 [tuiTheme='light'] {
     --tui-background-accent-1: #ffcc40; // primary buttons, background

package/styles/tailwind/tailwind.scss

@@ -851,10 +851,6 @@ video {
   height: 5rem !important;
 }
 
-.\!h-3 {
-  height: 0.75rem !important;
-}
-
 .\!h-4 {
   height: 1rem !important;
 }
@@ -1385,6 +1381,11 @@ video {
   line-height: 1.25rem !important;
 }
 
+.\!text-xl {
+  font-size: 1.25rem !important;
+  line-height: 1.75rem !important;
+}
+
 .\!text-xs {
   font-size: 0.75rem !important;
   line-height: 1rem !important;
@@ -1407,6 +1408,12 @@ video {
   font-weight:  800;
 }
 
+.text-body-s {
+  font-size: 0.8125rem;
+  line-height: 1.25rem;
+  font-weight: 500;
+}
+
 .text-lg {
   font-size: 1.125rem;
   line-height: 1.75rem;
@@ -1442,10 +1449,6 @@ video {
   font-weight: 500;
 }
 
-.font-thin {
-  font-weight: 100;
-}
-
 .uppercase {
   text-transform: uppercase;
 }
@@ -1491,10 +1494,6 @@ video {
   color: rgb(0 0 0 / var(--tw-text-opacity));
 }
 
-.text-tui-base-04 {
-  color: var(--tui-border-normal);
-}
-
 .text-tui-base-05 {
   color: var(--tui-border-hover);
 }
@@ -1503,10 +1502,6 @@ video {
   color: var(--tui-background-accent-opposite-pressed);
 }
 
-.text-tui-error-fill {
-  color: var(--tui-status-negative);
-}
-
 .text-tui-link {
   color: var(--tui-text-action);
 }
@@ -1688,6 +1683,10 @@ video {
     margin-right: 2.25rem;
   }
 
+  .sm\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
   .sm\:flex-row {
     flex-direction: row;
   }