@snabcentr/client-ui 0.28.0 → 0.28.3

package/package.json

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

package/styles/tailwind/tailwind.scss

@@ -684,6 +684,10 @@ video {
   isolation: isolate;
 }
 
+.m-1 {
+  margin: 0.25rem;
+}
+
 .my-2 {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
@@ -769,6 +773,11 @@ video {
   display: none;
 }
 
+.\!size-6 {
+  width: 1.5rem !important;
+  height: 1.5rem !important;
+}
+
 .size-20 {
   width: 5rem;
   height: 5rem;
@@ -1079,6 +1088,10 @@ video {
   border-radius: 0.25rem;
 }
 
+.rounded-lg {
+  border-radius: 0.5rem;
+}
+
 .rounded-tui-radius-m {
   border-radius: var(--tui-radius-m);
 }
@@ -1133,6 +1146,10 @@ video {
   background-color: var(--tui-base-04);
 }
 
+.bg-tui-primary {
+  background-color: var(--tui-primary);
+}
+
 .bg-white {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@@ -1150,6 +1167,10 @@ video {
   background-repeat: no-repeat;
 }
 
+.\!fill-white {
+  fill: #fff !important;
+}
+
 .object-cover {
   -o-object-fit: cover;
      object-fit: cover;
@@ -1346,11 +1367,6 @@ video {
   color: rgb(0 0 0 / var(--tw-text-opacity));
 }
 
-.text-red-700 {
-  --tw-text-opacity: 1;
-  color: rgb(185 28 28 / var(--tw-text-opacity));
-}
-
 .text-tui-base-04 {
   color: var(--tui-base-04);
 }
@@ -1371,6 +1387,10 @@ video {
   color: var(--tui-link);
 }
 
+.text-tui-negative {
+  color: var(--tui-negative);
+}
+
 .text-tui-primary {
   color: var(--tui-primary);
 }
@@ -1391,6 +1411,11 @@ video {
   color: var(--tui-text-03);
 }
 
+.text-white {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
 .underline {
   text-decoration-line: underline;
 }