@kompasid/lit-web-components 0.4.4 → 0.5.0

package/tailwind/tailwind.ts

@@ -544,6 +544,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     --tw-backdrop-sepia: ;
   }
 
+  .collapse {
+    visibility: collapse;
+  }
+
   .static {
     position: static;
   }
@@ -592,6 +596,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     z-index: 0;
   }
 
+  .z-10 {
+    z-index: 10;
+  }
+
   .z-20 {
     z-index: 20;
   }
@@ -634,6 +642,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     margin-bottom: 1.5rem;
   }
 
+  .-ml-2 {
+    margin-left: -0.5rem;
+  }
+
   .-mt-24 {
     margin-top: -6rem;
   }
@@ -662,6 +674,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     margin-left: 0.125rem;
   }
 
+  .ml-1 {
+    margin-left: 0.25rem;
+  }
+
   .ml-8 {
     margin-left: 2rem;
   }
@@ -710,6 +726,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     margin-top: 2rem;
   }
 
+  .block {
+    display: block;
+  }
+
   .flex {
     display: flex;
   }
@@ -746,6 +766,22 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     height: 2rem;
   }
 
+  .h-9 {
+    height: 2.25rem;
+  }
+
+  .h-\\[159px\\] {
+    height: 159px;
+  }
+
+  .h-\\[223px\\] {
+    height: 223px;
+  }
+
+  .h-\\[277px\\] {
+    height: 277px;
+  }
+
   .h-auto {
     height: auto;
   }
@@ -786,10 +822,18 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     width: 1.25rem;
   }
 
+  .w-60 {
+    width: 15rem;
+  }
+
   .w-8 {
     width: 2rem;
   }
 
+  .w-9 {
+    width: 2.25rem;
+  }
+
   .w-\\[120px\\] {
     width: 120px;
   }
@@ -798,10 +842,18 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     width: 138px;
   }
 
+  .w-\\[250px\\] {
+    width: 250px;
+  }
+
   .w-\\[296px\\] {
     width: 296px;
   }
 
+  .w-\\[328px\\] {
+    width: 328px;
+  }
+
   .w-auto {
     width: auto;
   }
@@ -810,6 +862,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     width: 100%;
   }
 
+  .w-\\[280px\\] {
+    width: 280px;
+  }
+
   .max-w-7xl {
     max-width: 80rem;
   }
@@ -899,6 +955,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     place-items: center;
   }
 
+  .items-start {
+    align-items: flex-start;
+  }
+
   .items-center {
     align-items: center;
   }
@@ -935,26 +995,52 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     row-gap: 1rem;
   }
 
+  .space-x-3 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
   .space-x-4 > :not([hidden]) ~ :not([hidden]) {
     --tw-space-x-reverse: 0;
     margin-right: calc(1rem * var(--tw-space-x-reverse));
     margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
   }
 
+  .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));
+  }
+
   .space-y-2 > :not([hidden]) ~ :not([hidden]) {
     --tw-space-y-reverse: 0;
     margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
     margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
   }
 
+  .space-y-4 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-y-reverse: 0;
+    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
+    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
+  }
+
   .self-center {
     align-self: center;
   }
 
+  .whitespace-nowrap {
+    white-space: nowrap;
+  }
+
   .rounded {
     border-radius: 0.25rem;
   }
 
+  .rounded-\\[10px\\] {
+    border-radius: 10px;
+  }
+
   .rounded-lg {
     border-radius: 0.5rem;
   }
@@ -997,6 +1083,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     border-color: rgb(147 200 253 / var(--tw-border-opacity));
   }
 
+  .border-blue-600 {
+    --tw-border-opacity: 1;
+    border-color: rgb(3 86 168 / var(--tw-border-opacity));
+  }
+
   .border-dark-6 {
     --tw-border-opacity: 1;
     border-color: rgb(46 46 46 / var(--tw-border-opacity));
@@ -1052,6 +1143,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     background-color: rgb(225 240 255 / var(--tw-bg-opacity));
   }
 
+  .bg-blue-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(147 200 253 / var(--tw-bg-opacity));
+  }
+
   .bg-blue-600 {
     --tw-bg-opacity: 1;
     background-color: rgb(3 86 168 / var(--tw-bg-opacity));
@@ -1163,6 +1259,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     padding-right: 2rem;
   }
 
+  .px-\\[10px\\] {
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+
   .py-0 {
     padding-top: 0px;
     padding-bottom: 0px;
@@ -1265,15 +1366,28 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     text-align: center;
   }
 
+  .text-start {
+    text-align: start;
+  }
+
   .font-serif {
     font-family: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
   }
 
+  .text-\\[11px\\] {
+    font-size: 11px;
+  }
+
   .text-base {
     font-size: 1rem;
     line-height: 1.5rem;
   }
 
+  .text-lg {
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+  }
+
   .text-sm {
     font-size: 0.875rem;
     line-height: 1.25rem;
@@ -1288,6 +1402,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     font-weight: 700;
   }
 
+  .font-medium {
+    font-weight: 500;
+  }
+
   .font-normal {
     font-weight: 400;
   }
@@ -1304,6 +1422,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     line-height: 22px;
   }
 
+  .leading-\\[30px\\] {
+    line-height: 30px;
+  }
+
   .leading-none {
     line-height: 1;
   }
@@ -1336,6 +1458,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     color: rgb(90 171 252 / var(--tw-text-opacity));
   }
 
+  .text-blue-500 {
+    --tw-text-opacity: 1;
+    color: rgb(4 104 203 / var(--tw-text-opacity));
+  }
+
   .text-blue-600 {
     --tw-text-opacity: 1;
     color: rgb(3 86 168 / var(--tw-text-opacity));
@@ -1406,6 +1533,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     color: rgb(255 255 255 / var(--tw-text-opacity));
   }
 
+  .text-green-100 {
+    --tw-text-opacity: 1;
+    color: rgb(238 252 210 / var(--tw-text-opacity));
+  }
+
   .underline {
     text-decoration-line: underline;
   }
@@ -1474,6 +1606,14 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       height: 3rem;
     }
 
+    .md\\:h-\\[210px\\] {
+      height: 210px;
+    }
+
+    .md\\:h-\\[240px\\] {
+      height: 240px;
+    }
+
     .md\\:w-3\\/5 {
       width: 60%;
     }
@@ -1486,10 +1626,26 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       width: 13rem;
     }
 
+    .md\\:w-\\[350px\\] {
+      width: 350px;
+    }
+
+    .md\\:w-\\[370px\\] {
+      width: 370px;
+    }
+
+    .md\\:w-\\[374px\\] {
+      width: 374px;
+    }
+
     .md\\:w-\\[400px\\] {
       width: 400px;
     }
 
+    .md\\:w-\\[580px\\] {
+      width: 580px;
+    }
+
     .md\\:w-full {
       width: 100%;
     }
@@ -1506,6 +1662,22 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       flex-direction: row;
     }
 
+    .md\\:justify-start {
+      justify-content: flex-start;
+    }
+
+    .md\\:space-x-5 > :not([hidden]) ~ :not([hidden]) {
+      --tw-space-x-reverse: 0;
+      margin-right: calc(1.25rem * var(--tw-space-x-reverse));
+      margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
+    }
+
+    .md\\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
+      --tw-space-y-reverse: 0;
+      margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
+      margin-bottom: calc(0px * 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)));
@@ -1516,20 +1688,38 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       align-self: flex-end;
     }
 
+    .md\\:rounded {
+      border-radius: 0.25rem;
+    }
+
     .md\\:rounded-lg {
       border-radius: 0.5rem;
     }
 
+    .md\\:p-5 {
+      padding: 1.25rem;
+    }
+
     .md\\:px-0 {
       padding-left: 0px;
       padding-right: 0px;
     }
 
+    .md\\:px-12 {
+      padding-left: 3rem;
+      padding-right: 3rem;
+    }
+
     .md\\:px-20 {
       padding-left: 5rem;
       padding-right: 5rem;
     }
 
+    .md\\:px-5 {
+      padding-left: 1.25rem;
+      padding-right: 1.25rem;
+    }
+
     .md\\:px-6 {
       padding-left: 1.5rem;
       padding-right: 1.5rem;
@@ -1544,6 +1734,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       padding-bottom: 1rem;
     }
 
+    .md\\:pt-3 {
+      padding-top: 0.75rem;
+    }
+
     .md\\:pt-8 {
       padding-top: 2rem;
     }
@@ -1607,10 +1801,18 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       margin-bottom: 0px;
     }
 
+    .lg\\:mt-0 {
+      margin-top: 0px;
+    }
+
     .lg\\:mt-2 {
       margin-top: 0.5rem;
     }
 
+    .lg\\:mt-3 {
+      margin-top: 0.75rem;
+    }
+
     .lg\\:block {
       display: block;
     }
@@ -1623,6 +1825,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       display: none;
     }
 
+    .lg\\:w-\\[410px\\] {
+      width: 410px;
+    }
+
     .lg\\:grid-cols-12 {
       grid-template-columns: repeat(12, minmax(0, 1fr));
     }
@@ -1639,6 +1845,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       flex-direction: column;
     }
 
+    .lg\\:items-center {
+      align-items: center;
+    }
+
     .lg\\:justify-end {
       justify-content: flex-end;
     }
@@ -1665,6 +1875,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       padding-right: 0px;
     }
 
+    .lg\\:px-24 {
+      padding-left: 6rem;
+      padding-right: 6rem;
+    }
+
     .lg\\:py-10 {
       padding-top: 2.5rem;
       padding-bottom: 2.5rem;