@kompasid/lit-web-components 0.9.51 → 0.9.53

package/src/components/kompasid-paywall-modal-register/KompasPaywallModalRegister.ts

@@ -38,8 +38,8 @@ export class KompasPaywallModalRegister extends LitElement {
 
       .close-button {
         position: absolute;
-        top: 10px;
-        right: 10px;
+        top: 32px;
+        right: 32px;
         background: none;
         border: none;
         font-size: 1.5em;
@@ -456,7 +456,7 @@ export class KompasPaywallModalRegister extends LitElement {
                   @keydown=${() => this.closeModal()}
                 >
                   <div
-                    class="modal-content max-w-7xl w-full flex flex-col lg:flex-row max-h-full overflow-auto lg:overflow-hidden"
+                    class="modal-content max-w-7xl mx-auto w-full flex flex-col lg:flex-row max-h-full overflow-auto lg:overflow-hidden"
                     @click="${(e: { stopPropagation: () => any }) =>
                       e.stopPropagation()}"
                     @keydown=${(e: { stopPropagation: () => any }) =>
@@ -583,14 +583,14 @@ export class KompasPaywallModalRegister extends LitElement {
                 @keydown=${() => this.closeModal()}
               >
                 <div
-                  class="modal-content max-w-[624px] max-h-[577px] items-end flex flex-col justify-end h-full w-full p-4 md:p-10"
+                  class="modal-content m-auto max-w-[624px] max-h-[577px] items-end flex flex-col justify-end h-full w-full p-4 md:p-10"
                   @click="${(e: { stopPropagation: () => any }) =>
                     e.stopPropagation()}"
                   @keydown=${(e: { stopPropagation: () => any }) =>
                     e.stopPropagation()}
                 >
                   <button class="close-button" @click="${this.closeModal}">
-                    ${unsafeSVG(getFontAwesomeIcon('fa', 'times', 20, 20))}
+                    ${unsafeSVG(getFontAwesomeIcon('fa', 'times', 32, 32))}
                   </button>
                   ${this.dataModalRegister.modal.successPopUp.logo
                     ? html`

package/tailwind/tailwind.css

@@ -997,19 +997,6 @@ video {
   max-height: 100%;
 }
 
-.max-h-screen {
-  max-height: 100vh;
-}
-
-.max-h-\[90vh\] {
-  max-height: 90vh;
-}
-
-.max-h-max {
-  max-height: -moz-max-content;
-  max-height: max-content;
-}
-
 .min-h-\[68px\] {
   min-height: 68px;
 }
@@ -1152,6 +1139,10 @@ video {
   width: 100vw;
 }
 
+.min-w-0 {
+  min-width: 0px;
+}
+
 .max-w-4xl {
   max-width: 56rem;
 }
@@ -1212,10 +1203,31 @@ video {
   max-width: 20rem;
 }
 
+.max-w-full {
+  max-width: 100%;
+}
+
+.max-w-fit {
+  max-width: -moz-fit-content;
+  max-width: fit-content;
+}
+
+.max-w-\[200px\] {
+  max-width: 200px;
+}
+
+.flex-1 {
+  flex: 1 1 0%;
+}
+
 .flex-shrink-0 {
   flex-shrink: 0;
 }
 
+.flex-shrink {
+  flex-shrink: 1;
+}
+
 .shrink-0 {
   flex-shrink: 0;
 }
@@ -1224,6 +1236,10 @@ video {
   flex-grow: 1;
 }
 
+.flex-grow-0 {
+  flex-grow: 0;
+}
+
 .rotate-180 {
   --tw-rotate: 180deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1458,6 +1474,10 @@ video {
   white-space: nowrap;
 }
 
+.overflow-ellipsis {
+  text-overflow: ellipsis;
+}
+
 .whitespace-nowrap {
   white-space: nowrap;
 }
@@ -1466,10 +1486,18 @@ video {
   text-wrap: wrap;
 }
 
+.text-nowrap {
+  text-wrap: nowrap;
+}
+
 .break-words {
   overflow-wrap: break-word;
 }
 
+.break-all {
+  word-break: break-all;
+}
+
 .rounded {
   border-radius: 0.25rem;
 }
@@ -2384,10 +2412,6 @@ video {
     margin-bottom: 1.25rem;
   }
 
-  .md\:ml-2 {
-    margin-left: 0.5rem;
-  }
-
   .md\:ml-6 {
     margin-left: 1.5rem;
   }
@@ -2612,6 +2636,10 @@ video {
     align-self: flex-end;
   }
 
+  .md\:whitespace-normal {
+    white-space: normal;
+  }
+
   .md\:rounded {
     border-radius: 0.25rem;
   }

package/tailwind/tailwind.ts

@@ -1004,19 +1004,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     max-height: 100%;
   }
 
-  .max-h-screen {
-    max-height: 100vh;
-  }
-
-  .max-h-\\[90vh\\] {
-    max-height: 90vh;
-  }
-
-  .max-h-max {
-    max-height: -moz-max-content;
-    max-height: max-content;
-  }
-
   .min-h-\\[68px\\] {
     min-height: 68px;
   }
@@ -1159,6 +1146,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     width: 100vw;
   }
 
+  .min-w-0 {
+    min-width: 0px;
+  }
+
   .max-w-4xl {
     max-width: 56rem;
   }
@@ -1219,10 +1210,31 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     max-width: 20rem;
   }
 
+  .max-w-full {
+    max-width: 100%;
+  }
+
+  .max-w-fit {
+    max-width: -moz-fit-content;
+    max-width: fit-content;
+  }
+
+  .max-w-\\[200px\\] {
+    max-width: 200px;
+  }
+
+  .flex-1 {
+    flex: 1 1 0%;
+  }
+
   .flex-shrink-0 {
     flex-shrink: 0;
   }
 
+  .flex-shrink {
+    flex-shrink: 1;
+  }
+
   .shrink-0 {
     flex-shrink: 0;
   }
@@ -1231,6 +1243,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     flex-grow: 1;
   }
 
+  .flex-grow-0 {
+    flex-grow: 0;
+  }
+
   .rotate-180 {
     --tw-rotate: 180deg;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y))
@@ -1469,6 +1485,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     white-space: nowrap;
   }
 
+  .overflow-ellipsis {
+    text-overflow: ellipsis;
+  }
+
   .whitespace-nowrap {
     white-space: nowrap;
   }
@@ -1477,10 +1497,18 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     text-wrap: wrap;
   }
 
+  .text-nowrap {
+    text-wrap: nowrap;
+  }
+
   .break-words {
     overflow-wrap: break-word;
   }
 
+  .break-all {
+    word-break: break-all;
+  }
+
   .rounded {
     border-radius: 0.25rem;
   }
@@ -2407,10 +2435,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       margin-bottom: 1.25rem;
     }
 
-    .md\\:ml-2 {
-      margin-left: 0.5rem;
-    }
-
     .md\\:ml-6 {
       margin-left: 1.5rem;
     }
@@ -2635,6 +2659,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       align-self: flex-end;
     }
 
+    .md\\:whitespace-normal {
+      white-space: normal;
+    }
+
     .md\\:rounded {
       border-radius: 0.25rem;
     }