@kompasid/lit-web-components 0.7.9 → 0.8.1

package/tailwind/tailwind.ts

@@ -47,9 +47,20 @@ export const TWStyles = css`
     -o-tab-size: 4;
     tab-size: 4;
     /* 3 */
-    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',
+    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';
     /* 4 */
     font-feature-settings: normal;
@@ -454,19 +465,19 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     --tw-skew-y: 0;
     --tw-scale-x: 1;
     --tw-scale-y: 1;
-    --tw-pan-x: ;
-    --tw-pan-y: ;
-    --tw-pinch-zoom: ;
+    --tw-pan-x:  ;
+    --tw-pan-y:  ;
+    --tw-pinch-zoom:  ;
     --tw-scroll-snap-strictness: proximity;
-    --tw-gradient-from-position: ;
-    --tw-gradient-via-position: ;
-    --tw-gradient-to-position: ;
-    --tw-ordinal: ;
-    --tw-slashed-zero: ;
-    --tw-numeric-figure: ;
-    --tw-numeric-spacing: ;
-    --tw-numeric-fraction: ;
-    --tw-ring-inset: ;
+    --tw-gradient-from-position:  ;
+    --tw-gradient-via-position:  ;
+    --tw-gradient-to-position:  ;
+    --tw-ordinal:  ;
+    --tw-slashed-zero:  ;
+    --tw-numeric-figure:  ;
+    --tw-numeric-spacing:  ;
+    --tw-numeric-fraction:  ;
+    --tw-ring-inset:  ;
     --tw-ring-offset-width: 0px;
     --tw-ring-offset-color: #fff;
     --tw-ring-color: rgb(4 104 203 / 0.5);
@@ -474,24 +485,24 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     --tw-ring-shadow: 0 0 #0000;
     --tw-shadow: 0 0 #0000;
     --tw-shadow-colored: 0 0 #0000;
-    --tw-blur: ;
-    --tw-brightness: ;
-    --tw-contrast: ;
-    --tw-grayscale: ;
-    --tw-hue-rotate: ;
-    --tw-invert: ;
-    --tw-saturate: ;
-    --tw-sepia: ;
-    --tw-drop-shadow: ;
-    --tw-backdrop-blur: ;
-    --tw-backdrop-brightness: ;
-    --tw-backdrop-contrast: ;
-    --tw-backdrop-grayscale: ;
-    --tw-backdrop-hue-rotate: ;
-    --tw-backdrop-invert: ;
-    --tw-backdrop-opacity: ;
-    --tw-backdrop-saturate: ;
-    --tw-backdrop-sepia: ;
+    --tw-blur:  ;
+    --tw-brightness:  ;
+    --tw-contrast:  ;
+    --tw-grayscale:  ;
+    --tw-hue-rotate:  ;
+    --tw-invert:  ;
+    --tw-saturate:  ;
+    --tw-sepia:  ;
+    --tw-drop-shadow:  ;
+    --tw-backdrop-blur:  ;
+    --tw-backdrop-brightness:  ;
+    --tw-backdrop-contrast:  ;
+    --tw-backdrop-grayscale:  ;
+    --tw-backdrop-hue-rotate:  ;
+    --tw-backdrop-invert:  ;
+    --tw-backdrop-opacity:  ;
+    --tw-backdrop-saturate:  ;
+    --tw-backdrop-sepia:  ;
   }
 
   ::backdrop {
@@ -504,19 +515,19 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     --tw-skew-y: 0;
     --tw-scale-x: 1;
     --tw-scale-y: 1;
-    --tw-pan-x: ;
-    --tw-pan-y: ;
-    --tw-pinch-zoom: ;
+    --tw-pan-x:  ;
+    --tw-pan-y:  ;
+    --tw-pinch-zoom:  ;
     --tw-scroll-snap-strictness: proximity;
-    --tw-gradient-from-position: ;
-    --tw-gradient-via-position: ;
-    --tw-gradient-to-position: ;
-    --tw-ordinal: ;
-    --tw-slashed-zero: ;
-    --tw-numeric-figure: ;
-    --tw-numeric-spacing: ;
-    --tw-numeric-fraction: ;
-    --tw-ring-inset: ;
+    --tw-gradient-from-position:  ;
+    --tw-gradient-via-position:  ;
+    --tw-gradient-to-position:  ;
+    --tw-ordinal:  ;
+    --tw-slashed-zero:  ;
+    --tw-numeric-figure:  ;
+    --tw-numeric-spacing:  ;
+    --tw-numeric-fraction:  ;
+    --tw-ring-inset:  ;
     --tw-ring-offset-width: 0px;
     --tw-ring-offset-color: #fff;
     --tw-ring-color: rgb(4 104 203 / 0.5);
@@ -524,24 +535,24 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     --tw-ring-shadow: 0 0 #0000;
     --tw-shadow: 0 0 #0000;
     --tw-shadow-colored: 0 0 #0000;
-    --tw-blur: ;
-    --tw-brightness: ;
-    --tw-contrast: ;
-    --tw-grayscale: ;
-    --tw-hue-rotate: ;
-    --tw-invert: ;
-    --tw-saturate: ;
-    --tw-sepia: ;
-    --tw-drop-shadow: ;
-    --tw-backdrop-blur: ;
-    --tw-backdrop-brightness: ;
-    --tw-backdrop-contrast: ;
-    --tw-backdrop-grayscale: ;
-    --tw-backdrop-hue-rotate: ;
-    --tw-backdrop-invert: ;
-    --tw-backdrop-opacity: ;
-    --tw-backdrop-saturate: ;
-    --tw-backdrop-sepia: ;
+    --tw-blur:  ;
+    --tw-brightness:  ;
+    --tw-contrast:  ;
+    --tw-grayscale:  ;
+    --tw-hue-rotate:  ;
+    --tw-invert:  ;
+    --tw-saturate:  ;
+    --tw-sepia:  ;
+    --tw-drop-shadow:  ;
+    --tw-backdrop-blur:  ;
+    --tw-backdrop-brightness:  ;
+    --tw-backdrop-contrast:  ;
+    --tw-backdrop-grayscale:  ;
+    --tw-backdrop-hue-rotate:  ;
+    --tw-backdrop-invert:  ;
+    --tw-backdrop-opacity:  ;
+    --tw-backdrop-saturate:  ;
+    --tw-backdrop-sepia:  ;
   }
 
   .collapse {
@@ -600,10 +611,6 @@ 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;
   }
@@ -667,16 +674,6 @@ 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;
   }
@@ -1018,14 +1015,6 @@ 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;
   }
@@ -1662,9 +1651,20 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
   }
 
   .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',
+    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';
   }
 
@@ -1696,6 +1696,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     line-height: 1.25rem;
   }
 
+  .text-xl {
+    font-size: 1.25rem;
+    line-height: 1.75rem;
+  }
+
   .text-xs {
     font-size: 0.75rem;
     line-height: 1rem;
@@ -1776,6 +1781,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     color: rgb(0 0 0 / var(--tw-text-opacity));
   }
 
+  .text-blue-200 {
+    --tw-text-opacity: 1;
+    color: rgb(147 200 253 / var(--tw-text-opacity));
+  }
+
   .text-blue-300 {
     --tw-text-opacity: 1;
     color: rgb(90 171 252 / var(--tw-text-opacity));
@@ -1887,15 +1897,34 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
   }
 
   .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,
+      -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-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;
   }
@@ -1934,6 +1963,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       margin-right: 0px;
     }
 
+    .md\\:my-3 {
+      margin-top: 0.75rem;
+      margin-bottom: 0.75rem;
+    }
+
     .md\\:my-8 {
       margin-top: 2rem;
       margin-bottom: 2rem;
@@ -1944,16 +1978,6 @@ 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;
     }
@@ -1978,6 +2002,14 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       margin-top: 0px;
     }
 
+    .md\\:mt-2 {
+      margin-top: 0.5rem;
+    }
+
+    .md\\:mt-2\\.5 {
+      margin-top: 0.625rem;
+    }
+
     .md\\:mt-3 {
       margin-top: 0.75rem;
     }
@@ -1990,22 +2022,6 @@ 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;
     }
@@ -2103,6 +2119,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       max-width: 200px;
     }
 
+    .md\\:max-w-\\[464px\\] {
+      max-width: 464px;
+    }
+
     .md\\:max-w-full {
       max-width: 100%;
     }
@@ -2111,10 +2131,6 @@ 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));
     }
@@ -2181,18 +2197,18 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       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)));
-      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\\: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));
+    }
+
     .md\\:self-start {
       align-self: flex-start;
     }
@@ -2262,11 +2278,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       padding-bottom: 0.5rem;
     }
 
-    .md\\:py-6 {
-      padding-top: 1.5rem;
-      padding-bottom: 1.5rem;
-    }
-
     .md\\:py-3 {
       padding-top: 0.75rem;
       padding-bottom: 0.75rem;
@@ -2277,14 +2288,9 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       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\\:py-6 {
+      padding-top: 1.5rem;
+      padding-bottom: 1.5rem;
     }
 
     .md\\:pb-4 {
@@ -2303,24 +2309,12 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       padding-top: 0.75rem;
     }
 
-    .md\\:pt-8 {
-      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\\:pt-8 {
+      padding-top: 2rem;
     }
 
     .md\\:text-left {
@@ -2396,14 +2390,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       margin-top: 0px;
     }
 
-    .lg\\:mt-2 {
-      margin-top: 0.5rem;
-    }
-
-    .lg\\:mt-1 {
-      margin-top: 0.25rem;
-    }
-
     .lg\\:block {
       display: block;
     }
@@ -2507,12 +2493,6 @@ 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;