@kompasid/lit-web-components 0.5.7 → 0.5.8

package/src/components/kompasid-paywall-body/readme.md

@@ -29,6 +29,7 @@
 | `tracker_user_type`            | `tracker_user_type`            |             | `string`                | `''`        |
 | `type`                         | `type`                         |             | `"epaper" \| "reguler"` | `'reguler'` |
 | `userGuid`                     | `user-guid`                    |             | `string`                | `''`        |
+| `isOpen`                       | `is-open`                      |             | `boolean`               | `true`      |
 
 
 ## Dependencies

package/tailwind/tailwind.css

@@ -534,6 +534,14 @@ video {
   --tw-backdrop-sepia:  ;
 }
 
+.visible {
+  visibility: visible;
+}
+
+.invisible {
+  visibility: hidden;
+}
+
 .collapse {
   visibility: collapse;
 }
@@ -542,6 +550,10 @@ video {
   position: static;
 }
 
+.fixed {
+  position: fixed;
+}
+
 .absolute {
   position: absolute;
 }
@@ -554,6 +566,10 @@ video {
   position: sticky;
 }
 
+.inset-0 {
+  inset: 0px;
+}
+
 .-bottom-6 {
   bottom: -1.5rem;
 }
@@ -594,6 +610,10 @@ video {
   z-index: 20;
 }
 
+.z-50 {
+  z-index: 50;
+}
+
 .col-span-2 {
   grid-column: span 2 / span 2;
 }
@@ -696,6 +716,10 @@ video {
   margin-left: 2rem;
 }
 
+.ml-auto {
+  margin-left: auto;
+}
+
 .mr-10 {
   margin-right: 2.5rem;
 }
@@ -740,10 +764,6 @@ video {
   margin-top: 2rem;
 }
 
-.ml-auto {
-  margin-left: auto;
-}
-
 .block {
   display: block;
 }
@@ -885,10 +905,6 @@ video {
   width: 100%;
 }
 
-.w-\[127px\] {
-  width: 127px;
-}
-
 .max-w-7xl {
   max-width: 80rem;
 }
@@ -1610,6 +1626,11 @@ video {
   .sm\:grid-cols-4 {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
+
+  .sm\:px-16 {
+    padding-left: 4rem;
+    padding-right: 4rem;
+  }
 }
 
 @media (min-width: 768px) {
@@ -1663,6 +1684,10 @@ video {
     display: block;
   }
 
+  .md\:flex {
+    display: flex;
+  }
+
   .md\:hidden {
     display: none;
   }
@@ -1968,14 +1993,6 @@ video {
     display: block;
   }
 
-  .lg\:flex {
-    display: flex;
-  }
-
-  .lg\:hidden {
-    display: none;
-  }
-
   .lg\:min-h-\[220px\] {
     min-height: 220px;
   }

package/tailwind/tailwind.ts

@@ -544,6 +544,14 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     --tw-backdrop-sepia: ;
   }
 
+  .visible {
+    visibility: visible;
+  }
+
+  .invisible {
+    visibility: hidden;
+  }
+
   .collapse {
     visibility: collapse;
   }
@@ -552,6 +560,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     position: static;
   }
 
+  .fixed {
+    position: fixed;
+  }
+
   .absolute {
     position: absolute;
   }
@@ -564,6 +576,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     position: sticky;
   }
 
+  .inset-0 {
+    inset: 0px;
+  }
+
   .-bottom-6 {
     bottom: -1.5rem;
   }
@@ -604,6 +620,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     z-index: 20;
   }
 
+  .z-50 {
+    z-index: 50;
+  }
+
   .col-span-2 {
     grid-column: span 2 / span 2;
   }
@@ -706,6 +726,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     margin-left: 2rem;
   }
 
+  .ml-auto {
+    margin-left: auto;
+  }
+
   .mr-10 {
     margin-right: 2.5rem;
   }
@@ -750,10 +774,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     margin-top: 2rem;
   }
 
-  .ml-auto {
-    margin-left: auto;
-  }
-
   .block {
     display: block;
   }
@@ -895,10 +915,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     width: 100%;
   }
 
-  .w-\\[127px\\] {
-    width: 127px;
-  }
-
   .max-w-7xl {
     max-width: 80rem;
   }
@@ -1625,6 +1641,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     .sm\\:grid-cols-4 {
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
+
+    .sm\\:px-16 {
+      padding-left: 4rem;
+      padding-right: 4rem;
+    }
   }
 
   @media (min-width: 768px) {
@@ -1678,6 +1699,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       display: block;
     }
 
+    .md\\:flex {
+      display: flex;
+    }
+
     .md\\:hidden {
       display: none;
     }
@@ -1983,14 +2008,6 @@ 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;
     }