@kompasid/lit-web-components 0.9.28 → 0.9.30

package/tailwind/tailwind.ts

@@ -617,10 +617,18 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     right: 0px;
   }
 
+  .right-4 {
+    right: 1rem;
+  }
+
   .top-0 {
     top: 0px;
   }
 
+  .top-4 {
+    top: 1rem;
+  }
+
   .z-0 {
     z-index: 0;
   }
@@ -641,6 +649,18 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     z-index: 100;
   }
 
+  .z-\\[999\\] {
+    z-index: 999;
+  }
+
+  .order-1 {
+    order: 1;
+  }
+
+  .order-2 {
+    order: 2;
+  }
+
   .col-span-2 {
     grid-column: span 2 / span 2;
   }
@@ -673,11 +693,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     margin-right: 1.5rem;
   }
 
-  .mx-8 {
-    margin-left: 1.75rem;
-    margin-right: 1.75rem;
-  }
-
   .mx-auto {
     margin-left: auto;
     margin-right: auto;
@@ -763,6 +778,14 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     margin-left: 0.75rem;
   }
 
+  .ml-4 {
+    margin-left: 1rem;
+  }
+
+  .ml-6 {
+    margin-left: 1.5rem;
+  }
+
   .ml-8 {
     margin-left: 2rem;
   }
@@ -771,6 +794,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     margin-left: auto;
   }
 
+  .mr-1 {
+    margin-right: 0.25rem;
+  }
+
   .mr-10 {
     margin-right: 2.5rem;
   }
@@ -803,6 +830,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     margin-top: 0.25rem;
   }
 
+  .mt-10 {
+    margin-top: 2.5rem;
+  }
+
   .mt-2 {
     margin-top: 0.5rem;
   }
@@ -1020,6 +1051,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     width: 2.25rem;
   }
 
+  .w-\\[112px\\] {
+    width: 112px;
+  }
+
   .w-\\[120px\\] {
     width: 120px;
   }
@@ -1032,6 +1067,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     width: 216px;
   }
 
+  .w-\\[248px\\] {
+    width: 248px;
+  }
+
   .w-\\[276px\\] {
     width: 276px;
   }
@@ -1061,10 +1100,22 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     width: 100vw;
   }
 
+  .max-w-5xl {
+    max-width: 64rem;
+  }
+
   .max-w-7xl {
     max-width: 80rem;
   }
 
+  .max-w-\\[1200px\\] {
+    max-width: 1200px;
+  }
+
+  .max-w-\\[460px\\] {
+    max-width: 460px;
+  }
+
   .max-w-screen-md {
     max-width: 768px;
   }
@@ -1081,6 +1132,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     max-width: 20rem;
   }
 
+  .max-w-4xl {
+    max-width: 56rem;
+  }
+
   .flex-none {
     flex: none;
   }
@@ -1203,6 +1258,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     align-items: center;
   }
 
+  .items-baseline {
+    align-items: baseline;
+  }
+
   .justify-start {
     justify-content: flex-start;
   }
@@ -1231,6 +1290,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     gap: 0.5rem;
   }
 
+  .gap-3 {
+    gap: 0.75rem;
+  }
+
   .gap-4 {
     gap: 1rem;
   }
@@ -1323,6 +1386,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     white-space: nowrap;
   }
 
+  .text-wrap {
+    text-wrap: wrap;
+  }
+
   .break-words {
     overflow-wrap: break-word;
   }
@@ -1701,6 +1768,16 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     padding-bottom: 5.6px;
   }
 
+  .py-9 {
+    padding-top: 2.25rem;
+    padding-bottom: 2.25rem;
+  }
+
+  .py-6 {
+    padding-top: 1.5rem;
+    padding-bottom: 1.5rem;
+  }
+
   .pb-1 {
     padding-bottom: 0.25rem;
   }
@@ -1757,10 +1834,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     padding-left: 1rem;
   }
 
-  .pl-8 {
-    padding-left: 2rem;
-  }
-
   .pl-px {
     padding-left: 1px;
   }
@@ -1797,6 +1870,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     padding-top: 0.5rem;
   }
 
+  .pt-3 {
+    padding-top: 0.75rem;
+  }
+
   .pt-4 {
     padding-top: 1rem;
   }
@@ -1821,6 +1898,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     text-align: start;
   }
 
+  .align-baseline {
+    vertical-align: baseline;
+  }
+
   .font-sans {
     font-family: 'PT Sans', Arial, Verdana, Helvetica, sans-serif;
   }
@@ -2098,19 +2179,14 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     transition-duration: 150ms;
   }
 
-  .hover\\:bg-\\[\\#f3f4f6\\]:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
-  }
-
   .hover\\:bg-\\[\\#f4f4f4\\]:hover {
     --tw-bg-opacity: 1;
     background-color: rgb(244 244 244 / var(--tw-bg-opacity, 1));
   }
 
   .hover\\:text-\\[\\#222222\\]:hover {
-    --tw-bg-opacity: 1;
-    color: rgb(34 34 34 / var(--tw-bg-opacity, 1));
+    --tw-text-opacity: 1;
+    color: rgb(34 34 34 / var(--tw-text-opacity, 1));
   }
 
   .hover\\:underline:hover {
@@ -2552,6 +2628,14 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
   }
 
   @media (min-width: 1024px) {
+    .lg\\:static {
+      position: static;
+    }
+
+    .lg\\:order-2 {
+      order: 2;
+    }
+
     .lg\\:col-span-2 {
       grid-column: span 2 / span 2;
     }
@@ -2577,6 +2661,18 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       margin-bottom: 0px;
     }
 
+    .lg\\:mb-2 {
+      margin-bottom: 0.5rem;
+    }
+
+    .lg\\:mb-4 {
+      margin-bottom: 1rem;
+    }
+
+    .lg\\:ml-6 {
+      margin-left: 1.5rem;
+    }
+
     .lg\\:mt-0 {
       margin-top: 0px;
     }
@@ -2593,6 +2689,14 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       display: none;
     }
 
+    .lg\\:h-10 {
+      height: 2.5rem;
+    }
+
+    .lg\\:h-8 {
+      height: 2rem;
+    }
+
     .lg\\:min-h-\\[220px\\] {
       min-height: 220px;
     }
@@ -2605,6 +2709,18 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       width: 33.333333%;
     }
 
+    .lg\\:w-8 {
+      width: 2rem;
+    }
+
+    .lg\\:w-\\[202px\\] {
+      width: 202px;
+    }
+
+    .lg\\:w-\\[364px\\] {
+      width: 364px;
+    }
+
     .lg\\:w-\\[410px\\] {
       width: 410px;
     }
@@ -2633,6 +2749,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       flex-direction: column;
     }
 
+    .lg\\:items-start {
+      align-items: flex-start;
+    }
+
     .lg\\:items-center {
       align-items: center;
     }
@@ -2668,6 +2788,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       padding-right: 6rem;
     }
 
+    .lg\\:px-6 {
+      padding-left: 1.5rem;
+      padding-right: 1.5rem;
+    }
+
     .lg\\:px-8 {
       padding-left: 2rem;
       padding-right: 2rem;
@@ -2678,6 +2803,21 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       padding-bottom: 2.5rem;
     }
 
+    .lg\\:py-3 {
+      padding-top: 0.75rem;
+      padding-bottom: 0.75rem;
+    }
+
+    .lg\\:py-8 {
+      padding-top: 2rem;
+      padding-bottom: 2rem;
+    }
+
+    .lg\\:py-9 {
+      padding-top: 2.25rem;
+      padding-bottom: 2.25rem;
+    }
+
     .lg\\:pb-0 {
       padding-bottom: 0px;
     }
@@ -2685,6 +2825,29 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     .lg\\:pb-6 {
       padding-bottom: 1.5rem;
     }
+
+    .lg\\:pt-9 {
+      padding-top: 2.25rem;
+    }
+
+    .lg\\:text-start {
+      text-align: start;
+    }
+
+    .lg\\:text-2xl {
+      font-size: 1.5rem;
+      line-height: 2rem;
+    }
+
+    .lg\\:text-base {
+      font-size: 1rem;
+      line-height: 1.5rem;
+    }
+
+    .lg\\:text-lg {
+      font-size: 1.125rem;
+      line-height: 1.75rem;
+    }
   }
 
   @media (min-width: 1280px) {