@snabcentr/client-ui 5.1.4 → 5.3.0

package/styles/tailwind/tailwind.scss

@@ -107,7 +107,7 @@
 }
 
 /*
-! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
+! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
 */
 
 /*
@@ -558,6 +558,10 @@ video {
   pointer-events: none;
 }
 
+.visible {
+  visibility: visible;
+}
+
 .static {
   position: static;
 }
@@ -586,6 +590,10 @@ video {
   right: -0.25rem;
 }
 
+.bottom-0 {
+  bottom: 0px;
+}
+
 .left-0 {
   left: 0px;
 }
@@ -606,6 +614,10 @@ video {
   right: 0.5rem;
 }
 
+.right-3 {
+  right: 0.75rem;
+}
+
 .top-0 {
   top: 0px;
 }
@@ -647,11 +659,31 @@ video {
   margin-right: 0.5rem;
 }
 
+.my-1 {
+  margin-top: 0.25rem;
+  margin-bottom: 0.25rem;
+}
+
+.my-1\.5 {
+  margin-top: 0.375rem;
+  margin-bottom: 0.375rem;
+}
+
 .my-2 {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
 }
 
+.my-2\.5 {
+  margin-top: 0.625rem;
+  margin-bottom: 0.625rem;
+}
+
+.my-3 {
+  margin-top: 0.75rem;
+  margin-bottom: 0.75rem;
+}
+
 .my-4 {
   margin-top: 1rem;
   margin-bottom: 1rem;
@@ -661,6 +693,10 @@ video {
   margin-left: auto !important;
 }
 
+.-mt-1 {
+  margin-top: -0.25rem;
+}
+
 .-mt-2 {
   margin-top: -0.5rem;
 }
@@ -681,6 +717,10 @@ video {
   margin-bottom: 1rem;
 }
 
+.mb-5 {
+  margin-bottom: 1.25rem;
+}
+
 .mb-8 {
   margin-bottom: 2rem;
 }
@@ -705,10 +745,18 @@ video {
   margin-left: 1.25rem;
 }
 
+.ml-auto {
+  margin-left: auto;
+}
+
 .mr-2 {
   margin-right: 0.5rem;
 }
 
+.mt-1 {
+  margin-top: 0.25rem;
+}
+
 .mt-2 {
   margin-top: 0.5rem;
 }
@@ -717,10 +765,18 @@ video {
   margin-top: 1rem;
 }
 
+.mt-6 {
+  margin-top: 1.5rem;
+}
+
 .mt-8 {
   margin-top: 2rem;
 }
 
+.mt-auto {
+  margin-top: auto;
+}
+
 .line-clamp-3 {
   overflow: hidden;
   display: -webkit-box;
@@ -748,6 +804,10 @@ video {
   display: grid;
 }
 
+.contents {
+  display: contents;
+}
+
 .\!hidden {
   display: none !important;
 }
@@ -770,11 +830,6 @@ video {
   height: 2.75rem;
 }
 
-.size-20 {
-  width: 5rem;
-  height: 5rem;
-}
-
 .size-24 {
   width: 6rem;
   height: 6rem;
@@ -812,6 +867,10 @@ video {
   height: 3rem;
 }
 
+.h-2 {
+  height: 0.5rem;
+}
+
 .h-3 {
   height: 0.75rem;
 }
@@ -820,10 +879,18 @@ video {
   height: 1rem;
 }
 
+.h-5 {
+  height: 1.25rem;
+}
+
 .h-56 {
   height: 14rem;
 }
 
+.h-6 {
+  height: 1.5rem;
+}
+
 .h-\[19em\] {
   height: 19em;
 }
@@ -856,6 +923,14 @@ video {
   width: auto !important;
 }
 
+.w-1\/2 {
+  width: 50%;
+}
+
+.w-1\/3 {
+  width: 33.333333%;
+}
+
 .w-1\/4 {
   width: 25%;
 }
@@ -868,6 +943,10 @@ video {
   width: 3rem;
 }
 
+.w-2\/3 {
+  width: 66.666667%;
+}
+
 .w-24 {
   width: 6rem;
 }
@@ -876,10 +955,6 @@ video {
   width: 75%;
 }
 
-.w-3\/5 {
-  width: 60%;
-}
-
 .w-32 {
   width: 8rem;
 }
@@ -888,18 +963,10 @@ video {
   width: 9rem;
 }
 
-.w-4\/5 {
-  width: 80%;
-}
-
 .w-40 {
   width: 10rem;
 }
 
-.w-50 {
-  width: 12.5rem;
-}
-
 .w-6\/12 {
   width: 50%;
 }
@@ -925,6 +992,14 @@ video {
   width: 100%;
 }
 
+.min-w-0 {
+  min-width: 0px;
+}
+
+.min-w-\[11rem\] {
+  min-width: 11rem;
+}
+
 .min-w-\[44rem\] {
   min-width: 44rem;
 }
@@ -933,6 +1008,11 @@ video {
   max-width: 24rem;
 }
 
+.max-w-min {
+  max-width: -moz-min-content;
+  max-width: min-content;
+}
+
 .flex-1 {
   flex: 1 1 0%;
 }
@@ -961,10 +1041,6 @@ video {
   flex-basis: 15rem;
 }
 
-.basis-min-content {
-  flex-basis: min-content;
-}
-
 .table-auto {
   table-layout: auto;
 }
@@ -1010,6 +1086,14 @@ video {
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
 
+.grid-cols-3 {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
+.grid-cols-4 {
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+}
+
 .flex-col {
   flex-direction: column;
 }
@@ -1022,10 +1106,6 @@ video {
   flex-wrap: wrap;
 }
 
-.content-center {
-  align-content: center;
-}
-
 .\!items-start {
   align-items: flex-start !important;
 }
@@ -1034,6 +1114,10 @@ video {
   align-items: flex-start;
 }
 
+.items-end {
+  align-items: flex-end;
+}
+
 .\!items-center {
   align-items: center !important;
 }
@@ -1042,10 +1126,6 @@ video {
   align-items: center;
 }
 
-.items-baseline {
-  align-items: baseline;
-}
-
 .\!justify-start {
   justify-content: flex-start !important;
 }
@@ -1078,6 +1158,10 @@ video {
   gap: 0.25rem;
 }
 
+.gap-1\.5 {
+  gap: 0.375rem;
+}
+
 .gap-12 {
   gap: 3rem;
 }
@@ -1118,41 +1202,38 @@ video {
   gap: 2rem;
 }
 
+.gap-x-1 {
+  -moz-column-gap: 0.25rem;
+       column-gap: 0.25rem;
+}
+
 .gap-x-2 {
   -moz-column-gap: 0.5rem;
        column-gap: 0.5rem;
 }
 
+.gap-x-2\.5 {
+  -moz-column-gap: 0.625rem;
+       column-gap: 0.625rem;
+}
+
 .gap-x-4 {
   -moz-column-gap: 1rem;
        column-gap: 1rem;
 }
 
-.gap-x-8 {
-  -moz-column-gap: 2rem;
-       column-gap: 2rem;
-}
-
-.gap-y-0\.5 {
-  row-gap: 0.125rem;
-}
-
 .gap-y-1 {
   row-gap: 0.25rem;
 }
 
-.gap-y-2 {
-  row-gap: 0.5rem;
+.gap-y-4 {
+  row-gap: 1rem;
 }
 
 .self-start {
   align-self: flex-start;
 }
 
-.\!self-center {
-  align-self: center !important;
-}
-
 .self-center {
   align-self: center;
 }
@@ -1169,10 +1250,6 @@ video {
   white-space: nowrap;
 }
 
-.break-all {
-  word-break: break-all;
-}
-
 .\!rounded-xl {
   border-radius: 0.75rem !important;
 }
@@ -1185,6 +1262,14 @@ video {
   border-radius: 9999px;
 }
 
+.rounded-md {
+  border-radius: 0.375rem;
+}
+
+.rounded-sm {
+  border-radius: 0.125rem;
+}
+
 .rounded-tui-radius-m {
   border-radius: var(--tui-radius-m);
 }
@@ -1260,6 +1345,10 @@ video {
   background-color: var(--tui-border-normal);
 }
 
+.bg-tui-clear {
+  background-color: var(--tui-background-neutral-1);
+}
+
 .bg-white {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
@@ -1415,6 +1504,14 @@ video {
   text-align: center;
 }
 
+.text-right {
+  text-align: right;
+}
+
+.text-start {
+  text-align: start;
+}
+
 .text-end {
   text-align: end;
 }
@@ -1433,12 +1530,24 @@ video {
   line-height: 1 !important;
 }
 
+.\!text-body-m {
+  font-size: 0.9375rem !important;
+  line-height: 1.5rem !important;
+  font-weight: 500 !important;
+}
+
 .\!text-body-m-bold {
   font-size: 0.9375rem !important;
   line-height: 1.5rem !important;
   font-weight:  800 !important;
 }
 
+.\!text-body-s {
+  font-size: 0.8125rem !important;
+  line-height: 1.25rem !important;
+  font-weight: 500 !important;
+}
+
 .\!text-body-s-bold {
   font-size: 0.8125rem !important;
   line-height: 1.25rem !important;
@@ -1534,6 +1643,11 @@ video {
   line-height: 1.25rem;
 }
 
+.text-xl {
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+}
+
 .text-xs {
   font-size: 0.75rem;
   line-height: 1rem;
@@ -1607,6 +1721,10 @@ video {
   color: var(--tui-background-accent-1);
 }
 
+.text-tui-status-positive {
+  color: var(--tui-status-positive);
+}
+
 .text-tui-success-fill {
   color: var(--tui-status-positive);
 }
@@ -1623,10 +1741,18 @@ video {
   color: var(--tui-text-tertiary);
 }
 
+.text-tui-text-negative {
+  color: var(--tui-text-negative);
+}
+
 .text-tui-text-primary {
   color: var(--tui-text-primary);
 }
 
+.text-tui-text-secondary {
+  color: var(--tui-text-secondary);
+}
+
 .text-tui-text-tertiary {
   color: var(--tui-text-tertiary);
 }
@@ -1635,6 +1761,10 @@ video {
   text-decoration-line: underline !important;
 }
 
+.underline {
+  text-decoration-line: underline;
+}
+
 .line-through {
   text-decoration-line: line-through;
 }
@@ -1643,6 +1773,14 @@ video {
   opacity: 0.5;
 }
 
+.opacity-60 {
+  opacity: 0.6;
+}
+
+.opacity-70 {
+  opacity: 0.7;
+}
+
 .opacity-90 {
   opacity: 0.9;
 }
@@ -1693,23 +1831,107 @@ video {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
 
+.transition {
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
+.duration-200 {
+  transition-duration: 200ms;
+}
+
 .duration-500 {
   transition-duration: 500ms;
 }
 
+.\@container {
+  container-type: inline-size;
+}
+
 .hover\:bg-tui-background-neutral-1:hover {
   background-color: var(--tui-background-neutral-1);
 }
 
+@container (min-width: 32rem) {
+  .\@lg\:col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+
+  .\@lg\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .\@lg\:justify-end {
+    justify-content: flex-end;
+  }
+
+  .\@lg\:gap-2 {
+    gap: 0.5rem;
+  }
+
+  .\@lg\:gap-3 {
+    gap: 0.75rem;
+  }
+}
+
+@container (min-width: 42rem) {
+  .\@2xl\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .\@2xl\:grid-rows-1 {
+    grid-template-rows: repeat(1, minmax(0, 1fr));
+  }
+
+  .\@2xl\:\!justify-center {
+    justify-content: center !important;
+  }
+
+  .\@2xl\:gap-4 {
+    gap: 1rem;
+  }
+}
+
+@container (min-width: 64rem) {
+  .\@5xl\:flex-row {
+    flex-direction: row;
+  }
+
+  .\@5xl\:items-center {
+    align-items: center;
+  }
+
+  .\@5xl\:gap-5 {
+    gap: 1.25rem;
+  }
+}
+
 @media (min-width: 640px) {
+  .sm\:ml-auto {
+    margin-left: auto;
+  }
+
   .sm\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 
+  .sm\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
   .sm\:flex-row {
     flex-direction: row;
   }
 
+  .sm\:flex-wrap-reverse {
+    flex-wrap: wrap-reverse;
+  }
+
+  .sm\:items-start {
+    align-items: flex-start;
+  }
+
   .sm\:border-32 {
     border-width: 2rem;
   }
@@ -1761,26 +1983,10 @@ video {
     flex-direction: row-reverse !important;
   }
 
-  .md\:flex-col {
-    flex-direction: column;
-  }
-
-  .md\:items-start {
-    align-items: flex-start;
-  }
-
-  .md\:items-center {
-    align-items: center;
-  }
-
   .md\:gap-4 {
     gap: 1rem;
   }
 
-  .md\:gap-5 {
-    gap: 1.25rem;
-  }
-
   .md\:gap-8 {
     gap: 2rem;
   }
@@ -1808,8 +2014,8 @@ video {
     order: 2;
   }
 
-  .lg\:ml-auto {
-    margin-left: auto;
+  .lg\:\!ml-4 {
+    margin-left: 1rem !important;
   }
 
   .lg\:mt-5 {
@@ -1832,14 +2038,22 @@ video {
     height: 28rem;
   }
 
-  .lg\:w-3\/5 {
-    width: 60%;
+  .lg\:\!flex-\[2\] {
+    flex: 2 !important;
+  }
+
+  .lg\:\!flex-\[3\] {
+    flex: 3 !important;
   }
 
   .lg\:grow {
     flex-grow: 1;
   }
 
+  .lg\:\!grid-cols-\[1fr_2fr\] {
+    grid-template-columns: 1fr 2fr !important;
+  }
+
   .lg\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
@@ -1852,35 +2066,27 @@ video {
     grid-template-rows: repeat(1, minmax(0, 1fr));
   }
 
-  .lg\:flex-row {
-    flex-direction: row;
+  .lg\:\!flex-row {
+    flex-direction: row !important;
   }
 
-  .lg\:items-center {
-    align-items: center;
-  }
-
-  .lg\:gap-4 {
-    gap: 1rem;
+  .lg\:flex-row {
+    flex-direction: row;
   }
 
-  .lg\:gap-8 {
-    gap: 2rem;
+  .lg\:\!items-start {
+    align-items: flex-start !important;
   }
-}
 
-@media (min-width: 1280px) {
-  .xl\:w-1\/2 {
-    width: 50%;
+  .lg\:\!gap-6 {
+    gap: 1.5rem !important;
   }
 
-  .xl\:gap-8 {
-    gap: 2rem;
+  .lg\:gap-4 {
+    gap: 1rem;
   }
-}
 
-@media (min-width: 1536px) {
-  .\32xl\:w-2\/5 {
-    width: 40%;
+  .lg\:\!self-center {
+    align-self: center !important;
   }
 }