@kompasid/lit-web-components 0.9.41 → 0.9.43

package/tailwind/tailwind.ts

@@ -593,6 +593,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     bottom: -1.5rem;
   }
 
+  .-top-1\\.5 {
+    top: -0.375rem;
+  }
+
   .-top-2 {
     top: -0.5rem;
   }
@@ -609,6 +613,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     left: 0px;
   }
 
+  .left-2\\.5 {
+    left: 0.625rem;
+  }
+
   .left-4 {
     left: 1rem;
   }
@@ -762,10 +770,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     margin-bottom: 2rem;
   }
 
-  .ml-0\\.5 {
-    margin-left: 0.125rem;
-  }
-
   .ml-1 {
     margin-left: 0.25rem;
   }
@@ -810,10 +814,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     margin-right: 0.75rem;
   }
 
-  .mr-3\\.5 {
-    margin-right: 0.875rem;
-  }
-
   .mr-4 {
     margin-right: 1rem;
   }
@@ -838,10 +838,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     margin-top: 0.5rem;
   }
 
-  .mt-2\\.5 {
-    margin-top: 0.625rem;
-  }
-
   .mt-3 {
     margin-top: 0.75rem;
   }
@@ -850,8 +846,8 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     margin-top: 1rem;
   }
 
-  .mt-6 {
-    margin-top: 1.5rem;
+  .mt-5 {
+    margin-top: 1.25rem;
   }
 
   .mt-8 {
@@ -942,10 +938,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     height: 68px;
   }
 
-  .h-\\[76px\\] {
-    height: 76px;
-  }
-
   .h-auto {
     height: auto;
   }
@@ -971,6 +963,14 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     max-height: 116px;
   }
 
+  .min-h-\\[68px\\] {
+    min-height: 68px;
+  }
+
+  .min-h-\\[76px\\] {
+    min-height: 76px;
+  }
+
   .w-1\\/2 {
     width: 50%;
   }
@@ -983,10 +983,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     width: 25%;
   }
 
-  .w-1\\/5 {
-    width: 20%;
-  }
-
   .w-10 {
     width: 2.5rem;
   }
@@ -1140,10 +1136,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     max-width: 20rem;
   }
 
-  .flex-none {
-    flex: none;
-  }
-
   .flex-shrink-0 {
     flex-shrink: 0;
   }
@@ -1318,12 +1310,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     row-gap: 1rem;
   }
 
-  .space-x-1 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.25rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
   .space-x-2 > :not([hidden]) ~ :not([hidden]) {
     --tw-space-x-reverse: 0;
     margin-right: calc(0.5rem * var(--tw-space-x-reverse));
@@ -1364,10 +1350,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     align-self: center;
   }
 
-  .overflow-hidden {
-    overflow: hidden;
-  }
-
   .overflow-y-auto {
     overflow-y: auto;
   }
@@ -1493,7 +1475,7 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
 
   .border-grey-100 {
     --tw-border-opacity: 1;
-    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
+    border-color: rgb(244 244 244 / var(--tw-border-opacity, 1));
   }
 
   .border-grey-200 {
@@ -1602,7 +1584,7 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
 
   .bg-grey-100 {
     --tw-bg-opacity: 1;
-    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+    background-color: rgb(244 244 244 / var(--tw-bg-opacity, 1));
   }
 
   .bg-grey-200 {
@@ -1615,6 +1597,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     background-color: rgb(221 221 221 / var(--tw-bg-opacity, 1));
   }
 
+  .bg-grey-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(102 102 102 / var(--tw-bg-opacity, 1));
+  }
+
   .bg-grey-600 {
     --tw-bg-opacity: 1;
     background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
@@ -1853,10 +1840,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     padding-top: 0px;
   }
 
-  .pt-0\\.5 {
-    padding-top: 0.125rem;
-  }
-
   .pt-1 {
     padding-top: 0.25rem;
   }
@@ -2084,7 +2067,7 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
 
   .text-grey-100 {
     --tw-text-opacity: 1;
-    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+    color: rgb(244 244 244 / var(--tw-text-opacity, 1));
   }
 
   .text-grey-300 {
@@ -2122,6 +2105,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     color: rgb(219 93 0 / var(--tw-text-opacity, 1));
   }
 
+  .text-red-500 {
+    --tw-text-opacity: 1;
+    color: rgb(208 13 18 / var(--tw-text-opacity, 1));
+  }
+
   .text-red-600 {
     --tw-text-opacity: 1;
     color: rgb(174 9 27 / var(--tw-text-opacity, 1));
@@ -2136,6 +2124,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     text-decoration-line: underline;
   }
 
+  .line-through {
+    text-decoration-line: line-through;
+  }
+
   .no-underline {
     text-decoration-line: none;
   }
@@ -2247,11 +2239,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       margin-right: 0px;
     }
 
-    .md\\:my-3 {
-      margin-top: 0.75rem;
-      margin-bottom: 0.75rem;
-    }
-
     .md\\:my-8 {
       margin-top: 2rem;
       margin-bottom: 2rem;
@@ -2270,18 +2257,14 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       margin-bottom: 1.25rem;
     }
 
-    .md\\:ml-1 {
-      margin-left: 0.25rem;
+    .md\\:ml-2 {
+      margin-left: 0.5rem;
     }
 
     .md\\:ml-6 {
       margin-left: 1.5rem;
     }
 
-    .md\\:mr-5 {
-      margin-right: 1.25rem;
-    }
-
     .md\\:mr-6 {
       margin-right: 1.5rem;
     }
@@ -2290,10 +2273,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       margin-top: 0.5rem;
     }
 
-    .md\\:mt-2\\.5 {
-      margin-top: 0.625rem;
-    }
-
     .md\\:mt-3 {
       margin-top: 0.75rem;
     }
@@ -2302,8 +2281,12 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       margin-top: 1rem;
     }
 
-    .md\\:mt-8 {
-      margin-top: 2rem;
+    .md\\:mt-5 {
+      margin-top: 1.25rem;
+    }
+
+    .md\\:mt-7 {
+      margin-top: 1.75rem;
     }
 
     .md\\:block {
@@ -2326,15 +2309,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       height: 1.25rem;
     }
 
-    .md\\:h-\\[68px\\] {
-      height: 68px;
-    }
-
-    .md\\:h-max {
-      height: -moz-max-content;
-      height: max-content;
-    }
-
     .md\\:max-h-\\[220px\\] {
       max-height: 220px;
     }
@@ -2343,6 +2317,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       min-height: 244px;
     }
 
+    .md\\:min-h-\\[68px\\] {
+      min-height: 68px;
+    }
+
     .md\\:w-1\\/2 {
       width: 50%;
     }
@@ -2355,6 +2333,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       width: 10rem;
     }
 
+    .md\\:w-5 {
+      width: 1.25rem;
+    }
+
     .md\\:w-5\\/12 {
       width: 41.666667%;
     }
@@ -2399,8 +2381,8 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       max-width: 200px;
     }
 
-    .md\\:max-w-\\[464px\\] {
-      max-width: 464px;
+    .md\\:max-w-\\[492px\\] {
+      max-width: 492px;
     }
 
     .md\\:max-w-\\[737px\\] {
@@ -2447,20 +2429,16 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       justify-content: center;
     }
 
-    .md\\:gap-8 {
-      gap: 2rem;
+    .md\\:justify-between {
+      justify-content: space-between;
     }
 
-    .md\\:space-x-0 > :not([hidden]) ~ :not([hidden]) {
-      --tw-space-x-reverse: 0;
-      margin-right: calc(0px * var(--tw-space-x-reverse));
-      margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
+    .md\\:gap-3 {
+      gap: 0.75rem;
     }
 
-    .md\\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
-      --tw-space-x-reverse: 0;
-      margin-right: calc(0.5rem * var(--tw-space-x-reverse));
-      margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
+    .md\\:gap-8 {
+      gap: 2rem;
     }
 
     .md\\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
@@ -2481,12 +2459,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       margin-bottom: calc(0px * var(--tw-space-y-reverse));
     }
 
-    .md\\:space-y-1 > :not([hidden]) ~ :not([hidden]) {
-      --tw-space-y-reverse: 0;
-      margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
-      margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
-    }
-
     .md\\:space-y-4 > :not([hidden]) ~ :not([hidden]) {
       --tw-space-y-reverse: 0;
       margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
@@ -2518,6 +2490,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       padding-right: 0px;
     }
 
+    .md\\:px-10 {
+      padding-left: 2.5rem;
+      padding-right: 2.5rem;
+    }
+
     .md\\:px-20 {
       padding-left: 5rem;
       padding-right: 5rem;
@@ -2579,10 +2556,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       padding-top: 0.75rem;
     }
 
-    .md\\:pt-5 {
-      padding-top: 1.25rem;
-    }
-
     .md\\:pt-8 {
       padding-top: 2rem;
     }
@@ -2680,6 +2653,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       margin-top: 0px;
     }
 
+    .lg\\:mt-5 {
+      margin-top: 1.25rem;
+    }
+
     .lg\\:block {
       display: block;
     }
@@ -2791,6 +2768,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       padding-right: 6rem;
     }
 
+    .lg\\:px-4 {
+      padding-left: 1rem;
+      padding-right: 1rem;
+    }
+
     .lg\\:px-6 {
       padding-left: 1.5rem;
       padding-right: 1.5rem;
@@ -2811,6 +2793,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       padding-bottom: 0.75rem;
     }
 
+    .lg\\:py-5 {
+      padding-top: 1.25rem;
+      padding-bottom: 1.25rem;
+    }
+
     .lg\\:py-8 {
       padding-top: 2rem;
       padding-bottom: 2rem;

package/tailwind.config.js

@@ -31,7 +31,7 @@ export default {
         700: '#023B73'
       },
       grey: {
-        100: '#FFFFFF',
+        100: '#F4F4F4',
         200: '#EEEEEE',
         300: '#DDDDDD',
         400: '#999999',