@kompasid/lit-web-components 0.7.4 → 0.7.6

package/tailwind/tailwind.css

@@ -590,6 +590,10 @@ video {
   top: 0px;
 }
 
+.bottom-6 {
+  bottom: 1.5rem;
+}
+
 .z-0 {
   z-index: 0;
 }
@@ -653,6 +657,16 @@ video {
   margin-bottom: 1.5rem;
 }
 
+.my-2 {
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+}
+
+.my-3 {
+  margin-top: 0.75rem;
+  margin-bottom: 0.75rem;
+}
+
 .-ml-2 {
   margin-left: -0.5rem;
 }
@@ -845,10 +859,6 @@ video {
   height: 17px;
 }
 
-.h-\[49px\] {
-  height: 49px;
-}
-
 .h-\[68px\] {
   height: 68px;
 }
@@ -974,6 +984,10 @@ video {
   width: 100%;
 }
 
+.w-screen {
+  width: 100vw;
+}
+
 .max-w-7xl {
   max-width: 80rem;
 }
@@ -994,6 +1008,14 @@ video {
   max-width: 20rem;
 }
 
+.max-w-lg {
+  max-width: 32rem;
+}
+
+.max-w-md {
+  max-width: 28rem;
+}
+
 .flex-none {
   flex: none;
 }
@@ -1625,10 +1647,6 @@ video {
   text-align: start;
 }
 
-.text-end {
-  text-align: end;
-}
-
 .font-sans {
   font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 }
@@ -1899,6 +1917,16 @@ video {
     margin-bottom: auto;
   }
 
+  .md\:my-3 {
+    margin-top: 0.75rem;
+    margin-bottom: 0.75rem;
+  }
+
+  .md\:my-10 {
+    margin-top: 2.5rem;
+    margin-bottom: 2.5rem;
+  }
+
   .md\:mb-0 {
     margin-bottom: 0px;
   }
@@ -1935,6 +1963,22 @@ video {
     margin-top: 2rem;
   }
 
+  .md\:mt-2 {
+    margin-top: 0.5rem;
+  }
+
+  .md\:mt-1 {
+    margin-top: 0.25rem;
+  }
+
+  .md\:mt-10 {
+    margin-top: 2.5rem;
+  }
+
+  .md\:mt-2\.5 {
+    margin-top: 0.625rem;
+  }
+
   .md\:block {
     display: block;
   }
@@ -2016,14 +2060,14 @@ video {
     width: 580px;
   }
 
-  .md\:w-full {
-    width: 100%;
-  }
-
   .md\:w-auto {
     width: auto;
   }
 
+  .md\:w-full {
+    width: 100%;
+  }
+
   .md\:max-w-\[137px\] {
     max-width: 137px;
   }
@@ -2040,6 +2084,10 @@ video {
     max-width: 24rem;
   }
 
+  .md\:max-w-\[464px\] {
+    max-width: 464px;
+  }
+
   .md\:grid-cols-1 {
     grid-template-columns: repeat(1, minmax(0, 1fr));
   }
@@ -2112,6 +2160,12 @@ video {
     margin-bottom: calc(1rem * 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\:self-start {
     align-self: flex-start;
   }
@@ -2186,6 +2240,26 @@ video {
     padding-bottom: 1.5rem;
   }
 
+  .md\:py-3 {
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem;
+  }
+
+  .md\:py-3\.5 {
+    padding-top: 0.875rem;
+    padding-bottom: 0.875rem;
+  }
+
+  .md\:py-4 {
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+  }
+
+  .md\:py-10 {
+    padding-top: 2.5rem;
+    padding-bottom: 2.5rem;
+  }
+
   .md\:pb-4 {
     padding-bottom: 1rem;
   }
@@ -2206,6 +2280,22 @@ video {
     padding-top: 2rem;
   }
 
+  .md\:pt-4 {
+    padding-top: 1rem;
+  }
+
+  .md\:pt-2 {
+    padding-top: 0.5rem;
+  }
+
+  .md\:pt-5 {
+    padding-top: 1.25rem;
+  }
+
+  .md\:pt-6 {
+    padding-top: 1.5rem;
+  }
+
   .md\:text-left {
     text-align: left;
   }
@@ -2283,6 +2373,10 @@ video {
     margin-top: 0.5rem;
   }
 
+  .lg\:mt-1 {
+    margin-top: 0.25rem;
+  }
+
   .lg\:block {
     display: block;
   }
@@ -2361,26 +2455,21 @@ video {
     padding-right: 0px;
   }
 
-  .lg\:px-20 {
-    padding-left: 5rem;
-    padding-right: 5rem;
-  }
-
   .lg\:px-24 {
     padding-left: 6rem;
     padding-right: 6rem;
   }
 
-  .lg\:py-10 {
-    padding-top: 2.5rem;
-    padding-bottom: 2.5rem;
-  }
-
   .lg\:px-8 {
     padding-left: 2rem;
     padding-right: 2rem;
   }
 
+  .lg\:py-10 {
+    padding-top: 2.5rem;
+    padding-bottom: 2.5rem;
+  }
+
   .lg\:pb-0 {
     padding-bottom: 0px;
   }
@@ -2391,6 +2480,12 @@ video {
 }
 
 @media (min-width: 1280px) {
+  .xl\: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));
+  }
+
   .xl\:px-0 {
     padding-left: 0px;
     padding-right: 0px;

package/tailwind/tailwind.ts

@@ -600,6 +600,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     top: 0px;
   }
 
+  .bottom-6 {
+    bottom: 1.5rem;
+  }
+
   .z-0 {
     z-index: 0;
   }
@@ -663,6 +667,16 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     margin-bottom: 1.5rem;
   }
 
+  .my-2 {
+    margin-top: 0.5rem;
+    margin-bottom: 0.5rem;
+  }
+
+  .my-3 {
+    margin-top: 0.75rem;
+    margin-bottom: 0.75rem;
+  }
+
   .-ml-2 {
     margin-left: -0.5rem;
   }
@@ -855,10 +869,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     height: 17px;
   }
 
-  .h-\\[49px\\] {
-    height: 49px;
-  }
-
   .h-\\[68px\\] {
     height: 68px;
   }
@@ -984,6 +994,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     width: 100%;
   }
 
+  .w-screen {
+    width: 100vw;
+  }
+
   .max-w-7xl {
     max-width: 80rem;
   }
@@ -1004,6 +1018,14 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     max-width: 20rem;
   }
 
+  .max-w-lg {
+    max-width: 32rem;
+  }
+
+  .max-w-md {
+    max-width: 28rem;
+  }
+
   .flex-none {
     flex: none;
   }
@@ -1639,10 +1661,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     text-align: start;
   }
 
-  .text-end {
-    text-align: end;
-  }
-
   .font-sans {
     font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
       'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
@@ -1926,6 +1944,16 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       margin-bottom: auto;
     }
 
+    .md\\:my-3 {
+      margin-top: 0.75rem;
+      margin-bottom: 0.75rem;
+    }
+
+    .md\\:my-10 {
+      margin-top: 2.5rem;
+      margin-bottom: 2.5rem;
+    }
+
     .md\\:mb-0 {
       margin-bottom: 0px;
     }
@@ -1962,6 +1990,22 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       margin-top: 2rem;
     }
 
+    .md\\:mt-2 {
+      margin-top: 0.5rem;
+    }
+
+    .md\\:mt-1 {
+      margin-top: 0.25rem;
+    }
+
+    .md\\:mt-10 {
+      margin-top: 2.5rem;
+    }
+
+    .md\\:mt-2\\.5 {
+      margin-top: 0.625rem;
+    }
+
     .md\\:block {
       display: block;
     }
@@ -2043,14 +2087,14 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       width: 580px;
     }
 
-    .md\\:w-full {
-      width: 100%;
-    }
-
     .md\\:w-auto {
       width: auto;
     }
 
+    .md\\:w-full {
+      width: 100%;
+    }
+
     .md\\:max-w-\\[137px\\] {
       max-width: 137px;
     }
@@ -2067,6 +2111,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       max-width: 24rem;
     }
 
+    .md\\:max-w-\\[464px\\] {
+      max-width: 464px;
+    }
+
     .md\\:grid-cols-1 {
       grid-template-columns: repeat(1, minmax(0, 1fr));
     }
@@ -2139,6 +2187,12 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       margin-bottom: calc(1rem * 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\\:self-start {
       align-self: flex-start;
     }
@@ -2213,6 +2267,26 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       padding-bottom: 1.5rem;
     }
 
+    .md\\:py-3 {
+      padding-top: 0.75rem;
+      padding-bottom: 0.75rem;
+    }
+
+    .md\\:py-3\\.5 {
+      padding-top: 0.875rem;
+      padding-bottom: 0.875rem;
+    }
+
+    .md\\:py-4 {
+      padding-top: 1rem;
+      padding-bottom: 1rem;
+    }
+
+    .md\\:py-10 {
+      padding-top: 2.5rem;
+      padding-bottom: 2.5rem;
+    }
+
     .md\\:pb-4 {
       padding-bottom: 1rem;
     }
@@ -2233,6 +2307,22 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       padding-top: 2rem;
     }
 
+    .md\\:pt-4 {
+      padding-top: 1rem;
+    }
+
+    .md\\:pt-2 {
+      padding-top: 0.5rem;
+    }
+
+    .md\\:pt-5 {
+      padding-top: 1.25rem;
+    }
+
+    .md\\:pt-6 {
+      padding-top: 1.5rem;
+    }
+
     .md\\:text-left {
       text-align: left;
     }
@@ -2310,6 +2400,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       margin-top: 0.5rem;
     }
 
+    .lg\\:mt-1 {
+      margin-top: 0.25rem;
+    }
+
     .lg\\:block {
       display: block;
     }
@@ -2388,26 +2482,21 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       padding-right: 0px;
     }
 
-    .lg\\:px-20 {
-      padding-left: 5rem;
-      padding-right: 5rem;
-    }
-
     .lg\\:px-24 {
       padding-left: 6rem;
       padding-right: 6rem;
     }
 
-    .lg\\:py-10 {
-      padding-top: 2.5rem;
-      padding-bottom: 2.5rem;
-    }
-
     .lg\\:px-8 {
       padding-left: 2rem;
       padding-right: 2rem;
     }
 
+    .lg\\:py-10 {
+      padding-top: 2.5rem;
+      padding-bottom: 2.5rem;
+    }
+
     .lg\\:pb-0 {
       padding-bottom: 0px;
     }
@@ -2418,6 +2507,12 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
   }
 
   @media (min-width: 1280px) {
+    .xl\\: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));
+    }
+
     .xl\\:px-0 {
       padding-left: 0px;
       padding-right: 0px;