@kompasid/lit-web-components 0.9.47 → 0.9.49

package/tailwind/tailwind.css

@@ -586,6 +586,10 @@ video {
   bottom: -1.5rem;
 }
 
+.-right-\[5\%\] {
+  right: -5%;
+}
+
 .-top-1\.5 {
   top: -0.375rem;
 }
@@ -594,6 +598,10 @@ video {
   top: -0.5rem;
 }
 
+.-top-\[11px\] {
+  top: -11px;
+}
+
 .-top-\[12px\] {
   top: -12px;
 }
@@ -614,6 +622,10 @@ video {
   left: 1rem;
 }
 
+.left-\[80\%\] {
+  left: 80%;
+}
+
 .right-0 {
   right: 0px;
 }
@@ -630,6 +642,10 @@ video {
   top: 1rem;
 }
 
+.top-full {
+  top: 100%;
+}
+
 .z-0 {
   z-index: 0;
 }
@@ -731,6 +747,10 @@ video {
   margin-top: -1.75rem;
 }
 
+.-mt-\[72px\] {
+  margin-top: -72px;
+}
+
 .mb-0 {
   margin-bottom: 0px;
 }
@@ -843,6 +863,10 @@ video {
   margin-top: 1.25rem;
 }
 
+.mt-6 {
+  margin-top: 1.5rem;
+}
+
 .mt-8 {
   margin-top: 2rem;
 }
@@ -956,6 +980,23 @@ video {
   max-height: 116px;
 }
 
+.max-h-\[150px\] {
+  max-height: 150px;
+}
+
+.max-h-\[577px\] {
+  max-height: 577px;
+}
+
+.max-h-fit {
+  max-height: -moz-fit-content;
+  max-height: fit-content;
+}
+
+.max-h-full {
+  max-height: 100%;
+}
+
 .min-h-\[68px\] {
   min-height: 68px;
 }
@@ -1089,6 +1130,11 @@ video {
   width: 100%;
 }
 
+.w-max {
+  width: -moz-max-content;
+  width: max-content;
+}
+
 .w-screen {
   width: 100vw;
 }
@@ -1109,6 +1155,22 @@ video {
   max-width: 1200px;
 }
 
+.max-w-\[190px\] {
+  max-width: 190px;
+}
+
+.max-w-\[214px\] {
+  max-width: 214px;
+}
+
+.max-w-\[242px\] {
+  max-width: 242px;
+}
+
+.max-w-\[300px\] {
+  max-width: 300px;
+}
+
 .max-w-\[460px\] {
   max-width: 460px;
 }
@@ -1117,6 +1179,10 @@ video {
   max-width: 492px;
 }
 
+.max-w-\[624px\] {
+  max-width: 624px;
+}
+
 .max-w-screen-md {
   max-width: 768px;
 }
@@ -1178,6 +1244,12 @@ video {
   cursor: pointer;
 }
 
+.select-none {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+
 .snap-x {
   scroll-snap-type: x var(--tw-scroll-snap-strictness);
 }
@@ -1243,6 +1315,10 @@ video {
   align-items: flex-start;
 }
 
+.items-end {
+  align-items: flex-end;
+}
+
 .items-center {
   align-items: center;
 }
@@ -1343,6 +1419,14 @@ video {
   align-self: center;
 }
 
+.overflow-auto {
+  overflow: auto;
+}
+
+.overflow-hidden {
+  overflow: hidden;
+}
+
 .overflow-y-auto {
   overflow-y: auto;
 }
@@ -1486,6 +1570,11 @@ video {
   border-color: rgb(153 153 153 / var(--tw-border-opacity, 1));
 }
 
+.border-grey-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(102 102 102 / var(--tw-border-opacity, 1));
+}
+
 .border-white {
   --tw-border-opacity: 1;
   border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
@@ -1510,6 +1599,11 @@ video {
   background-color: rgb(215 25 32 / var(--tw-bg-opacity, 1));
 }
 
+.bg-\[\#FFF8D6\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 248 214 / var(--tw-bg-opacity, 1));
+}
+
 .bg-\[\#FFFFFF\] {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
@@ -1625,6 +1719,11 @@ video {
   background-color: rgb(255 220 63 / var(--tw-bg-opacity, 1));
 }
 
+.bg-yellow-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(219 170 0 / var(--tw-bg-opacity, 1));
+}
+
 .bg-opacity-75 {
   --tw-bg-opacity: 0.75;
 }
@@ -1951,6 +2050,10 @@ video {
   line-height: 1.25rem;
 }
 
+.leading-6 {
+  line-height: 1.5rem;
+}
+
 .leading-\[150\%\] {
   line-height: 150%;
 }
@@ -1997,6 +2100,11 @@ video {
   color: rgb(102 102 102 / var(--tw-text-opacity, 1));
 }
 
+.text-\[\#F57A7A\] {
+  --tw-text-opacity: 1;
+  color: rgb(245 122 122 / var(--tw-text-opacity, 1));
+}
+
 .text-\[\#FFFFFF\] {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
@@ -2067,6 +2175,11 @@ video {
   color: rgb(244 244 244 / var(--tw-text-opacity, 1));
 }
 
+.text-grey-200 {
+  --tw-text-opacity: 1;
+  color: rgb(238 238 238 / var(--tw-text-opacity, 1));
+}
+
 .text-grey-300 {
   --tw-text-opacity: 1;
   color: rgb(221 221 221 / var(--tw-text-opacity, 1));
@@ -2117,6 +2230,11 @@ video {
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
 
+.text-yellow-700 {
+  --tw-text-opacity: 1;
+  color: rgb(122 87 0 / var(--tw-text-opacity, 1));
+}
+
 .underline {
   text-decoration-line: underline;
 }
@@ -2190,6 +2308,10 @@ video {
   outline-offset: 2px;
 }
 
+.group:hover .group-hover\:block {
+  display: block;
+}
+
 @media (min-width: 640px) {
   .sm\:block {
     display: block;
@@ -2223,11 +2345,6 @@ video {
     padding-left: 0px;
     padding-right: 0px;
   }
-
-  .sm\:px-16 {
-    padding-left: 4rem;
-    padding-right: 4rem;
-  }
 }
 
 @media (min-width: 768px) {
@@ -2266,6 +2383,10 @@ video {
     margin-right: 1.5rem;
   }
 
+  .md\:mt-10 {
+    margin-top: 2.5rem;
+  }
+
   .md\:mt-2 {
     margin-top: 0.5rem;
   }
@@ -2306,10 +2427,19 @@ video {
     height: 1.25rem;
   }
 
+  .md\:h-6 {
+    height: 1.5rem;
+  }
+
   .md\:max-h-\[220px\] {
     max-height: 220px;
   }
 
+  .md\:max-h-fit {
+    max-height: -moz-fit-content;
+    max-height: fit-content;
+  }
+
   .md\:min-h-\[244px\] {
     min-height: 244px;
   }
@@ -2342,6 +2472,10 @@ video {
     width: 13rem;
   }
 
+  .md\:w-6 {
+    width: 1.5rem;
+  }
+
   .md\:w-\[350px\] {
     width: 350px;
   }
@@ -2378,6 +2512,10 @@ video {
     max-width: 200px;
   }
 
+  .md\:max-w-\[321px\] {
+    max-width: 321px;
+  }
+
   .md\:max-w-\[492px\] {
     max-width: 492px;
   }
@@ -2474,6 +2612,14 @@ video {
     border-radius: 0.5rem;
   }
 
+  .md\:p-10 {
+    padding: 2.5rem;
+  }
+
+  .md\:p-16 {
+    padding: 4rem;
+  }
+
   .md\:p-5 {
     padding: 1.25rem;
   }
@@ -2518,6 +2664,11 @@ video {
     padding-bottom: 0.375rem;
   }
 
+  .md\:py-16 {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+  }
+
   .md\:py-2 {
     padding-top: 0.5rem;
     padding-bottom: 0.5rem;
@@ -2706,6 +2857,10 @@ video {
     max-width: 80rem;
   }
 
+  .lg\:max-w-\[515px\] {
+    max-width: 515px;
+  }
+
   .lg\:grid-cols-12 {
     grid-template-columns: repeat(12, minmax(0, 1fr));
   }

package/tailwind/tailwind.ts

@@ -593,6 +593,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     bottom: -1.5rem;
   }
 
+  .-right-\\[5\\%\\] {
+    right: -5%;
+  }
+
   .-top-1\\.5 {
     top: -0.375rem;
   }
@@ -601,6 +605,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     top: -0.5rem;
   }
 
+  .-top-\\[11px\\] {
+    top: -11px;
+  }
+
   .-top-\\[12px\\] {
     top: -12px;
   }
@@ -621,6 +629,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     left: 1rem;
   }
 
+  .left-\\[80\\%\\] {
+    left: 80%;
+  }
+
   .right-0 {
     right: 0px;
   }
@@ -637,6 +649,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     top: 1rem;
   }
 
+  .top-full {
+    top: 100%;
+  }
+
   .z-0 {
     z-index: 0;
   }
@@ -738,6 +754,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     margin-top: -1.75rem;
   }
 
+  .-mt-\\[72px\\] {
+    margin-top: -72px;
+  }
+
   .mb-0 {
     margin-bottom: 0px;
   }
@@ -850,6 +870,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     margin-top: 1.25rem;
   }
 
+  .mt-6 {
+    margin-top: 1.5rem;
+  }
+
   .mt-8 {
     margin-top: 2rem;
   }
@@ -963,6 +987,23 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     max-height: 116px;
   }
 
+  .max-h-\\[150px\\] {
+    max-height: 150px;
+  }
+
+  .max-h-\\[577px\\] {
+    max-height: 577px;
+  }
+
+  .max-h-fit {
+    max-height: -moz-fit-content;
+    max-height: fit-content;
+  }
+
+  .max-h-full {
+    max-height: 100%;
+  }
+
   .min-h-\\[68px\\] {
     min-height: 68px;
   }
@@ -1096,6 +1137,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     width: 100%;
   }
 
+  .w-max {
+    width: -moz-max-content;
+    width: max-content;
+  }
+
   .w-screen {
     width: 100vw;
   }
@@ -1116,6 +1162,22 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     max-width: 1200px;
   }
 
+  .max-w-\\[190px\\] {
+    max-width: 190px;
+  }
+
+  .max-w-\\[214px\\] {
+    max-width: 214px;
+  }
+
+  .max-w-\\[242px\\] {
+    max-width: 242px;
+  }
+
+  .max-w-\\[300px\\] {
+    max-width: 300px;
+  }
+
   .max-w-\\[460px\\] {
     max-width: 460px;
   }
@@ -1124,6 +1186,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     max-width: 492px;
   }
 
+  .max-w-\\[624px\\] {
+    max-width: 624px;
+  }
+
   .max-w-screen-md {
     max-width: 768px;
   }
@@ -1189,6 +1255,12 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     cursor: pointer;
   }
 
+  .select-none {
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    user-select: none;
+  }
+
   .snap-x {
     scroll-snap-type: x var(--tw-scroll-snap-strictness);
   }
@@ -1254,6 +1326,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     align-items: flex-start;
   }
 
+  .items-end {
+    align-items: flex-end;
+  }
+
   .items-center {
     align-items: center;
   }
@@ -1354,6 +1430,14 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     align-self: center;
   }
 
+  .overflow-auto {
+    overflow: auto;
+  }
+
+  .overflow-hidden {
+    overflow: hidden;
+  }
+
   .overflow-y-auto {
     overflow-y: auto;
   }
@@ -1497,6 +1581,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     border-color: rgb(153 153 153 / var(--tw-border-opacity, 1));
   }
 
+  .border-grey-500 {
+    --tw-border-opacity: 1;
+    border-color: rgb(102 102 102 / var(--tw-border-opacity, 1));
+  }
+
   .border-white {
     --tw-border-opacity: 1;
     border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
@@ -1521,6 +1610,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     background-color: rgb(215 25 32 / var(--tw-bg-opacity, 1));
   }
 
+  .bg-\\[\\#FFF8D6\\] {
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 248 214 / var(--tw-bg-opacity, 1));
+  }
+
   .bg-\\[\\#FFFFFF\\] {
     --tw-bg-opacity: 1;
     background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
@@ -1636,6 +1730,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     background-color: rgb(255 220 63 / var(--tw-bg-opacity, 1));
   }
 
+  .bg-yellow-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(219 170 0 / var(--tw-bg-opacity, 1));
+  }
+
   .bg-opacity-75 {
     --tw-bg-opacity: 0.75;
   }
@@ -1962,6 +2061,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     line-height: 1.25rem;
   }
 
+  .leading-6 {
+    line-height: 1.5rem;
+  }
+
   .leading-\\[150\\%\\] {
     line-height: 150%;
   }
@@ -2008,6 +2111,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     color: rgb(102 102 102 / var(--tw-text-opacity, 1));
   }
 
+  .text-\\[\\#F57A7A\\] {
+    --tw-text-opacity: 1;
+    color: rgb(245 122 122 / var(--tw-text-opacity, 1));
+  }
+
   .text-\\[\\#FFFFFF\\] {
     --tw-text-opacity: 1;
     color: rgb(255 255 255 / var(--tw-text-opacity, 1));
@@ -2078,6 +2186,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     color: rgb(244 244 244 / var(--tw-text-opacity, 1));
   }
 
+  .text-grey-200 {
+    --tw-text-opacity: 1;
+    color: rgb(238 238 238 / var(--tw-text-opacity, 1));
+  }
+
   .text-grey-300 {
     --tw-text-opacity: 1;
     color: rgb(221 221 221 / var(--tw-text-opacity, 1));
@@ -2128,6 +2241,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     color: rgb(255 255 255 / var(--tw-text-opacity, 1));
   }
 
+  .text-yellow-700 {
+    --tw-text-opacity: 1;
+    color: rgb(122 87 0 / var(--tw-text-opacity, 1));
+  }
+
   .underline {
     text-decoration-line: underline;
   }
@@ -2213,6 +2331,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     outline-offset: 2px;
   }
 
+  .group:hover .group-hover\\:block {
+    display: block;
+  }
+
   @media (min-width: 640px) {
     .sm\\:block {
       display: block;
@@ -2246,11 +2368,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       padding-left: 0px;
       padding-right: 0px;
     }
-
-    .sm\\:px-16 {
-      padding-left: 4rem;
-      padding-right: 4rem;
-    }
   }
 
   @media (min-width: 768px) {
@@ -2289,6 +2406,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       margin-right: 1.5rem;
     }
 
+    .md\\:mt-10 {
+      margin-top: 2.5rem;
+    }
+
     .md\\:mt-2 {
       margin-top: 0.5rem;
     }
@@ -2329,10 +2450,19 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       height: 1.25rem;
     }
 
+    .md\\:h-6 {
+      height: 1.5rem;
+    }
+
     .md\\:max-h-\\[220px\\] {
       max-height: 220px;
     }
 
+    .md\\:max-h-fit {
+      max-height: -moz-fit-content;
+      max-height: fit-content;
+    }
+
     .md\\:min-h-\\[244px\\] {
       min-height: 244px;
     }
@@ -2365,6 +2495,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       width: 13rem;
     }
 
+    .md\\:w-6 {
+      width: 1.5rem;
+    }
+
     .md\\:w-\\[350px\\] {
       width: 350px;
     }
@@ -2401,6 +2535,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       max-width: 200px;
     }
 
+    .md\\:max-w-\\[321px\\] {
+      max-width: 321px;
+    }
+
     .md\\:max-w-\\[492px\\] {
       max-width: 492px;
     }
@@ -2497,6 +2635,14 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       border-radius: 0.5rem;
     }
 
+    .md\\:p-10 {
+      padding: 2.5rem;
+    }
+
+    .md\\:p-16 {
+      padding: 4rem;
+    }
+
     .md\\:p-5 {
       padding: 1.25rem;
     }
@@ -2541,6 +2687,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       padding-bottom: 0.375rem;
     }
 
+    .md\\:py-16 {
+      padding-top: 4rem;
+      padding-bottom: 4rem;
+    }
+
     .md\\:py-2 {
       padding-top: 0.5rem;
       padding-bottom: 0.5rem;
@@ -2729,6 +2880,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       max-width: 80rem;
     }
 
+    .lg\\:max-w-\\[515px\\] {
+      max-width: 515px;
+    }
+
     .lg\\:grid-cols-12 {
       grid-template-columns: repeat(12, minmax(0, 1fr));
     }