@kompasid/lit-web-components 0.6.3 → 0.6.6

package/dist/tailwind/tailwind.js

@@ -627,6 +627,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     margin: auto;
   }
 
+  .mx-1 {
+    margin-left: 0.25rem;
+    margin-right: 0.25rem;
+  }
+
   .mx-2 {
     margin-left: 0.5rem;
     margin-right: 0.5rem;
@@ -689,6 +694,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     margin-bottom: 1rem;
   }
 
+  .mb-5 {
+    margin-bottom: 1.25rem;
+  }
+
   .ml-0 {
     margin-left: 0px;
   }
@@ -725,6 +734,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     margin-right: 2.5rem;
   }
 
+  .mr-2 {
+    margin-right: 0.5rem;
+  }
+
   .mr-3 {
     margin-right: 0.75rem;
   }
@@ -765,6 +778,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     margin-top: 2rem;
   }
 
+  .mr-6 {
+    margin-right: 1.5rem;
+  }
+
   .block {
     display: block;
   }
@@ -785,6 +802,18 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     height: 2.5rem;
   }
 
+  .h-16 {
+    height: 4rem;
+  }
+
+  .h-2 {
+    height: 0.5rem;
+  }
+
+  .h-2\\.5 {
+    height: 0.625rem;
+  }
+
   .h-20 {
     height: 5rem;
   }
@@ -805,6 +834,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     height: 1.25rem;
   }
 
+  .h-6 {
+    height: 1.5rem;
+  }
+
   .h-8 {
     height: 2rem;
   }
@@ -817,6 +850,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     height: 17px;
   }
 
+  .h-\\[49px\\] {
+    height: 49px;
+  }
+
   .h-\\[68px\\] {
     height: 68px;
   }
@@ -838,6 +875,18 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     height: max-content;
   }
 
+  .h-12 {
+    height: 3rem;
+  }
+
+  .w-1\\/2 {
+    width: 50%;
+  }
+
+  .w-1\\/4 {
+    width: 25%;
+  }
+
   .w-1\\/5 {
     width: 20%;
   }
@@ -846,6 +895,18 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     width: 2.5rem;
   }
 
+  .w-16 {
+    width: 4rem;
+  }
+
+  .w-2 {
+    width: 0.5rem;
+  }
+
+  .w-2\\.5 {
+    width: 0.625rem;
+  }
+
   .w-20 {
     width: 5rem;
   }
@@ -866,14 +927,26 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     width: 1.25rem;
   }
 
+  .w-6 {
+    width: 1.5rem;
+  }
+
   .w-60 {
     width: 15rem;
   }
 
+  .w-76 {
+    width: 19rem;
+  }
+
   .w-8 {
     width: 2rem;
   }
 
+  .w-80 {
+    width: 20rem;
+  }
+
   .w-9 {
     width: 2.25rem;
   }
@@ -902,6 +975,30 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     width: 100%;
   }
 
+  .w-1\\/3 {
+    width: 33.333333%;
+  }
+
+  .w-3\\/4 {
+    width: 75%;
+  }
+
+  .w-4\\/5 {
+    width: 80%;
+  }
+
+  .w-2\\/4 {
+    width: 50%;
+  }
+
+  .w-2\\/3 {
+    width: 66.666667%;
+  }
+
+  .w-11\\/12 {
+    width: 91.666667%;
+  }
+
   .max-w-7xl {
     max-width: 80rem;
   }
@@ -926,6 +1023,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     flex: none;
   }
 
+  .flex-shrink-0 {
+    flex-shrink: 0;
+  }
+
   .shrink-0 {
     flex-shrink: 0;
   }
@@ -947,6 +1048,16 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }
 
+  @keyframes pulse {
+    50% {
+      opacity: 0.5;
+    }
+  }
+
+  .animate-pulse {
+    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+  }
+
   .cursor-pointer {
     cursor: pointer;
   }
@@ -1011,6 +1122,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     justify-content: flex-start;
   }
 
+  .justify-end {
+    justify-content: flex-end;
+  }
+
   .justify-center {
     justify-content: center;
   }
@@ -1035,6 +1150,14 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     gap: 2rem;
   }
 
+  .gap-2 {
+    gap: 0.5rem;
+  }
+
+  .gap-y-2 {
+    row-gap: 0.5rem;
+  }
+
   .gap-y-4 {
     row-gap: 1rem;
   }
@@ -1083,6 +1206,12 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     overflow: hidden;
   }
 
+  .truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
   .whitespace-nowrap {
     white-space: nowrap;
   }
@@ -1095,6 +1224,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     border-radius: 10px;
   }
 
+  .rounded-full {
+    border-radius: 9999px;
+  }
+
   .rounded-lg {
     border-radius: 0.5rem;
   }
@@ -1103,6 +1236,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     border-radius: 0.375rem;
   }
 
+  .rounded-sm {
+    border-radius: 0.125rem;
+  }
+
   .rounded-xl {
     border-radius: 0.75rem;
   }
@@ -1172,6 +1309,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     border-color: rgb(238 238 238 / var(--tw-border-opacity));
   }
 
+  .border-grey-300 {
+    --tw-border-opacity: 1;
+    border-color: rgb(221 221 221 / var(--tw-border-opacity));
+  }
+
   .border-grey-400 {
     --tw-border-opacity: 1;
     border-color: rgb(153 153 153 / var(--tw-border-opacity));
@@ -1257,6 +1399,16 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     background-color: rgb(255 255 255 / var(--tw-bg-opacity));
   }
 
+  .bg-grey-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(238 238 238 / var(--tw-bg-opacity));
+  }
+
+  .bg-grey-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(221 221 221 / var(--tw-bg-opacity));
+  }
+
   .bg-grey-600 {
     --tw-bg-opacity: 1;
     background-color: rgb(51 51 51 / var(--tw-bg-opacity));
@@ -1272,6 +1424,21 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     background-color: rgb(255 220 63 / var(--tw-bg-opacity));
   }
 
+  .bg-red-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(247 100 76 / var(--tw-bg-opacity));
+  }
+
+  .bg-red-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(208 13 18 / var(--tw-bg-opacity));
+  }
+
+  .bg-red-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(243 32 19 / var(--tw-bg-opacity));
+  }
+
   .bg-opacity-75 {
     --tw-bg-opacity: 0.75;
   }
@@ -1286,6 +1453,14 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     object-fit: scale-down;
   }
 
+  .p-1 {
+    padding: 0.25rem;
+  }
+
+  .p-1\\.5 {
+    padding: 0.375rem;
+  }
+
   .p-2 {
     padding: 0.5rem;
   }
@@ -1298,21 +1473,38 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     padding: 1rem;
   }
 
+  .p-5 {
+    padding: 1.25rem;
+  }
+
+  .p-8 {
+    padding: 2rem;
+  }
+
+  .p-6 {
+    padding: 1.5rem;
+  }
+
+  .px-10 {
+    padding-left: 2.5rem;
+    padding-right: 2.5rem;
+  }
+
   .px-2 {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
 
+  .px-3 {
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+  }
+
   .px-4 {
     padding-left: 1rem;
     padding-right: 1rem;
   }
 
-  .px-5 {
-    padding-left: 1.25rem;
-    padding-right: 1.25rem;
-  }
-
   .px-8 {
     padding-left: 2rem;
     padding-right: 2rem;
@@ -1363,6 +1555,31 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     padding-bottom: 5.6px;
   }
 
+  .px-9 {
+    padding-left: 2.25rem;
+    padding-right: 2.25rem;
+  }
+
+  .px-6 {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }
+
+  .py-6 {
+    padding-top: 1.5rem;
+    padding-bottom: 1.5rem;
+  }
+
+  .py-12 {
+    padding-top: 3rem;
+    padding-bottom: 3rem;
+  }
+
+  .px-0 {
+    padding-left: 0px;
+    padding-right: 0px;
+  }
+
   .pb-1 {
     padding-bottom: 0.25rem;
   }
@@ -1371,6 +1588,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     padding-bottom: 0.5rem;
   }
 
+  .pb-20 {
+    padding-bottom: 5rem;
+  }
+
   .pb-3 {
     padding-bottom: 0.75rem;
   }
@@ -1395,6 +1616,14 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     padding-bottom: 2rem;
   }
 
+  .pl-0 {
+    padding-left: 0px;
+  }
+
+  .pl-0\\.5 {
+    padding-left: 0.125rem;
+  }
+
   .pl-1 {
     padding-left: 0.25rem;
   }
@@ -1407,6 +1636,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     padding-left: 1rem;
   }
 
+  .pl-px {
+    padding-left: 1px;
+  }
+
   .pr-14 {
     padding-right: 3.5rem;
   }
@@ -1415,6 +1648,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     padding-right: 0.5rem;
   }
 
+  .pr-3 {
+    padding-right: 0.75rem;
+  }
+
   .pt-0 {
     padding-top: 0px;
   }
@@ -1451,10 +1688,19 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     text-align: start;
   }
 
+  .text-end {
+    text-align: end;
+  }
+
   .font-serif {
     font-family: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
   }
 
+  .text-2xl {
+    font-size: 1.5rem;
+    line-height: 2rem;
+  }
+
   .text-\\[11px\\] {
     font-size: 11px;
   }
@@ -1479,6 +1725,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     line-height: 1rem;
   }
 
+  .text-xxs {
+    font-size: 0.625rem;
+  }
+
   .font-bold {
     font-weight: 700;
   }
@@ -1491,6 +1741,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     font-weight: 400;
   }
 
+  .capitalize {
+    text-transform: capitalize;
+  }
+
   .leading-4 {
     line-height: 1rem;
   }
@@ -1613,10 +1867,24 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     color: rgb(255 255 255 / var(--tw-text-opacity));
   }
 
+  .text-grey-400 {
+    --tw-text-opacity: 1;
+    color: rgb(153 153 153 / var(--tw-text-opacity));
+  }
+
   .underline {
     text-decoration-line: underline;
   }
 
+  .shadow-lg {
+    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1),
+      0 4px 6px -4px rgb(0 0 0 / 0.1);
+    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
+      0 4px 6px -4px var(--tw-shadow-color);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
+      var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  }
+
   .shadow-sm {
     --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
     --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
@@ -1624,7 +1892,42 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   }
 
+  .transition {
+    transition-property: color, background-color, border-color,
+      text-decoration-color, fill, stroke, opacity, box-shadow, transform,
+      filter, -webkit-backdrop-filter;
+    transition-property: color, background-color, border-color,
+      text-decoration-color, fill, stroke, opacity, box-shadow, transform,
+      filter, backdrop-filter;
+    transition-property: color, background-color, border-color,
+      text-decoration-color, fill, stroke, opacity, box-shadow, transform,
+      filter, backdrop-filter, -webkit-backdrop-filter;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 150ms;
+  }
+
+  .hover\\:underline:hover {
+    text-decoration-line: underline;
+  }
+
+  .focus\\:outline-none:focus {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+  }
+
   @media (min-width: 640px) {
+    .sm\\:w-1\\/2 {
+      width: 50%;
+    }
+
+    .sm\\:w-3\\/4 {
+      width: 75%;
+    }
+
+    .sm\\:w-1\\/4 {
+      width: 25%;
+    }
+
     .sm\\:max-w-lg {
       max-width: 32rem;
     }
@@ -1763,6 +2066,26 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       width: 100%;
     }
 
+    .md\\:w-1\\/2 {
+      width: 50%;
+    }
+
+    .md\\:w-3\\/4 {
+      width: 75%;
+    }
+
+    .md\\:w-1\\/4 {
+      width: 25%;
+    }
+
+    .md\\:w-1\\/3 {
+      width: 33.333333%;
+    }
+
+    .md\\:w-2\\/3 {
+      width: 66.666667%;
+    }
+
     .md\\:max-w-\\[137px\\] {
       max-width: 137px;
     }
@@ -1906,6 +2229,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       padding-bottom: 1.5rem;
     }
 
+    .md\\:px-8 {
+      padding-left: 2rem;
+      padding-right: 2rem;
+    }
+
     .md\\:pb-4 {
       padding-bottom: 1rem;
     }
@@ -2003,6 +2331,14 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       display: block;
     }
 
+    .lg\\:flex {
+      display: flex;
+    }
+
+    .lg\\:hidden {
+      display: none;
+    }
+
     .lg\\:min-h-\\[220px\\] {
       min-height: 220px;
     }
@@ -2011,6 +2347,26 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       width: 410px;
     }
 
+    .lg\\:w-1\\/2 {
+      width: 50%;
+    }
+
+    .lg\\:w-1\\/3 {
+      width: 33.333333%;
+    }
+
+    .lg\\:w-3\\/4 {
+      width: 75%;
+    }
+
+    .lg\\:w-2 {
+      width: 0.5rem;
+    }
+
+    .lg\\:w-2\\/3 {
+      width: 66.666667%;
+    }
+
     .lg\\:max-w-7xl {
       max-width: 80rem;
     }
@@ -2081,10 +2437,40 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
   }
 
   @media (min-width: 1280px) {
+    .xl\\:block {
+      display: block;
+    }
+
+    .xl\\:flex {
+      display: flex;
+    }
+
+    .xl\\:hidden {
+      display: none;
+    }
+
+    .xl\\:w-1\\/3 {
+      width: 33.333333%;
+    }
+
+    .xl\\:w-1\\/2 {
+      width: 50%;
+    }
+
+    .xl\\:w-1\\/4 {
+      width: 25%;
+    }
+
     .xl\\:px-0 {
       padding-left: 0px;
       padding-right: 0px;
     }
   }
+
+  @media (min-width: 1536px) {
+    .\\32xl\\:w-1\\/4 {
+      width: 25%;
+    }
+  }
 `;
 //# sourceMappingURL=tailwind.js.map