@snabcentr/client-ui 2.5.0 → 3.0.0

package/package.json

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

package/release_notes.tmp

@@ -1,6 +1,4 @@
-## 2.5.0 (2024-10-22)
+## 3.0.0 (2024-10-25)
 
-### changed (1 change)
-
-- [#10510: Доработано отображение изображений товаров](web_soft/libs/angular/snabcentr-client-ui-lib@f577f0ae7c3d13e495ac60484d1d03c466215785) ([merge request](web_soft/libs/angular/snabcentr-client-ui-lib!171))
+No changes.
 

package/styles/tailwind/tailwind.scss

@@ -692,10 +692,6 @@ video {
   top: 50%;
 }
 
-.top-2 {
-  top: 0.5rem;
-}
-
 .isolate {
   isolation: isolate;
 }
@@ -716,10 +712,6 @@ video {
   margin: -0.5rem !important;
 }
 
-.m-1 {
-  margin: 0.25rem;
-}
-
 .my-2 {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
@@ -766,8 +758,8 @@ video {
   margin-right: auto;
 }
 
-.mt-2 {
-  margin-top: 0.5rem;
+.mt-1 {
+  margin-top: 0.25rem;
 }
 
 .line-clamp-3 {
@@ -817,11 +809,6 @@ video {
   display: none;
 }
 
-.\!size-6 {
-  width: 1.5rem !important;
-  height: 1.5rem !important;
-}
-
 .size-20 {
   width: 5rem;
   height: 5rem;
@@ -851,10 +838,6 @@ video {
   height: 5rem !important;
 }
 
-.\!h-3 {
-  height: 0.75rem !important;
-}
-
 .\!h-4 {
   height: 1rem !important;
 }
@@ -879,10 +862,6 @@ video {
   height: 0.75rem;
 }
 
-.h-3\/5 {
-  height: 60%;
-}
-
 .h-4 {
   height: 1rem;
 }
@@ -968,10 +947,6 @@ video {
   width: 100%;
 }
 
-.min-w-40 {
-  min-width: 10rem;
-}
-
 .min-w-72 {
   min-width: 18rem;
 }
@@ -1182,10 +1157,6 @@ video {
   border-radius: 0.25rem;
 }
 
-.rounded-lg {
-  border-radius: 0.5rem;
-}
-
 .rounded-tui-radius-m {
   border-radius: var(--tui-radius-m);
 }
@@ -1198,16 +1169,6 @@ video {
   border-radius: 0.75rem;
 }
 
-.rounded-b {
-  border-bottom-right-radius: 0.25rem;
-  border-bottom-left-radius: 0.25rem;
-}
-
-.rounded-t {
-  border-top-left-radius: 0.25rem;
-  border-top-right-radius: 0.25rem;
-}
-
 .border {
   border-width: 1px;
 }
@@ -1289,8 +1250,9 @@ video {
   background-repeat: no-repeat;
 }
 
-.\!fill-white {
-  fill: #fff !important;
+.object-contain {
+  -o-object-fit: contain;
+     object-fit: contain;
 }
 
 .object-cover {
@@ -1385,6 +1347,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 +1374,30 @@ video {
   font-weight:  800;
 }
 
+.text-body-s {
+  font-size: 0.8125rem;
+  line-height: 1.25rem;
+  font-weight: 500;
+}
+
+.text-body-xl {
+  font-size: 1.1875rem;
+  line-height: 1.75rem;
+  font-weight: 500;
+}
+
+.text-body-xs {
+  font-size: 0.6875rem;
+  line-height: 1rem;
+  font-weight: 500;
+}
+
+.text-body-xs-bold {
+  font-size: 0.6875rem;
+  line-height: 1rem;
+  font-weight:  800;
+}
+
 .text-lg {
   font-size: 1.125rem;
   line-height: 1.75rem;
@@ -1426,6 +1417,10 @@ video {
   font-weight: 700 !important;
 }
 
+.\!font-extrabold {
+  font-weight: 800 !important;
+}
+
 .\!font-medium {
   font-weight: 500 !important;
 }
@@ -1503,18 +1498,10 @@ 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);
 }
 
-.text-tui-negative {
-  color: var(--tui-text-negative);
-}
-
 .text-tui-primary {
   color: var(--tui-background-accent-1);
 }
@@ -1535,11 +1522,6 @@ video {
   color: var(--tui-text-tertiary);
 }
 
-.text-white {
-  --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity));
-}
-
 .underline {
   text-decoration-line: underline;
 }
@@ -1556,24 +1538,16 @@ video {
   opacity: 0.5;
 }
 
+.opacity-90 {
+  opacity: 0.9;
+}
+
 .shadow {
   --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-.shadow-md {
-  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.shadow-sc-1 {
-  --tw-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.10);
-  --tw-shadow-colored: 0px 5px 20px 0px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
 .shadow-sc-2 {
   --tw-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.10);
   --tw-shadow-colored: 0px 2px 3px 0px var(--tw-shadow-color);
@@ -1679,10 +1653,6 @@ video {
   k: string;
 }
 
-.group:hover .group-hover\:block {
-  display: block;
-}
-
 @media (min-width: 640px) {
   .sm\:mr-9 {
     margin-right: 2.25rem;