@kompasid/lit-web-components 0.8.16 → 0.8.17

package/tailwind/tailwind.ts

@@ -47,20 +47,9 @@ 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;
@@ -465,19 +454,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);
@@ -485,24 +474,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 {
@@ -515,19 +504,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);
@@ -535,24 +524,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 {
@@ -734,10 +723,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     margin-left: 0.75rem;
   }
 
-  .ml-4 {
-    margin-left: 1rem;
-  }
-
   .ml-8 {
     margin-left: 2rem;
   }
@@ -766,6 +751,14 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     margin-right: 1.5rem;
   }
 
+  .mt-0 {
+    margin-top: 0px;
+  }
+
+  .mt-0\\.5 {
+    margin-top: 0.125rem;
+  }
+
   .mt-1 {
     margin-top: 0.25rem;
   }
@@ -822,6 +815,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     height: 3rem;
   }
 
+  .h-14 {
+    height: 3.5rem;
+  }
+
   .h-16 {
     height: 4rem;
   }
@@ -866,6 +863,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     height: 17px;
   }
 
+  .h-\\[300px\\] {
+    height: 300px;
+  }
+
   .h-\\[68px\\] {
     height: 68px;
   }
@@ -895,6 +896,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     width: 33.333333%;
   }
 
+  .w-1\\/4 {
+    width: 25%;
+  }
+
   .w-1\\/5 {
     width: 20%;
   }
@@ -907,6 +912,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     width: 91.666667%;
   }
 
+  .w-14 {
+    width: 3.5rem;
+  }
+
   .w-16 {
     width: 4rem;
   }
@@ -1054,6 +1063,16 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
   }
 
+  @keyframes spin {
+    to {
+      transform: rotate(360deg);
+    }
+  }
+
+  .animate-spin {
+    animation: spin 1s linear infinite;
+  }
+
   .cursor-pointer {
     cursor: pointer;
   }
@@ -1198,6 +1217,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     overflow: hidden;
   }
 
+  .overflow-y-scroll {
+    overflow-y: scroll;
+  }
+
   .truncate {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -1376,6 +1399,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     background-color: rgb(46 46 46 / var(--tw-bg-opacity));
   }
 
+  .bg-green-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(238 252 210 / var(--tw-bg-opacity));
+  }
+
   .bg-green-300 {
     --tw-bg-opacity: 1;
     background-color: rgb(151 219 83 / var(--tw-bg-opacity));
@@ -1416,6 +1444,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     background-color: rgb(255 238 204 / var(--tw-bg-opacity));
   }
 
+  .bg-red-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(254 225 207 / var(--tw-bg-opacity));
+  }
+
   .bg-white {
     --tw-bg-opacity: 1;
     background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@@ -1468,6 +1501,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     padding: 1.5rem;
   }
 
+  .px-0 {
+    padding-left: 0px;
+    padding-right: 0px;
+  }
+
   .px-2 {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
@@ -1513,6 +1551,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     padding-bottom: 0.125rem;
   }
 
+  .py-1 {
+    padding-top: 0.25rem;
+    padding-bottom: 0.25rem;
+  }
+
   .py-2 {
     padding-top: 0.5rem;
     padding-bottom: 0.5rem;
@@ -1598,8 +1641,8 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     padding-left: 1px;
   }
 
-  .pr-14 {
-    padding-right: 3.5rem;
+  .pr-1 {
+    padding-right: 0.25rem;
   }
 
   .pr-2 {
@@ -1651,20 +1694,9 @@ 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';
   }
 
@@ -1871,6 +1903,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     color: rgb(219 93 0 / var(--tw-text-opacity));
   }
 
+  .text-red-600 {
+    --tw-text-opacity: 1;
+    color: rgb(174 9 27 / var(--tw-text-opacity));
+  }
+
   .text-white {
     --tw-text-opacity: 1;
     color: rgb(255 255 255 / var(--tw-text-opacity));
@@ -1897,34 +1934,15 @@ 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;
   }
@@ -1998,8 +2016,8 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       margin-right: 1.25rem;
     }
 
-    .md\\:mt-0 {
-      margin-top: 0px;
+    .md\\:mr-6 {
+      margin-right: 1.5rem;
     }
 
     .md\\:mt-2 {
@@ -2079,10 +2097,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       width: 13rem;
     }
 
-    .md\\:w-\\[165px\\] {
-      width: 165px;
-    }
-
     .md\\:w-\\[350px\\] {
       width: 350px;
     }
@@ -2123,6 +2137,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       max-width: 464px;
     }
 
+    .md\\:max-w-\\[737px\\] {
+      max-width: 737px;
+    }
+
     .md\\:max-w-full {
       max-width: 100%;
     }
@@ -2159,10 +2177,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       justify-content: center;
     }
 
-    .md\\:gap-2 {
-      gap: 0.5rem;
-    }
-
     .md\\:gap-8 {
       gap: 2rem;
     }
@@ -2217,10 +2231,6 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       align-self: flex-end;
     }
 
-    .md\\:self-center {
-      align-self: center;
-    }
-
     .md\\:rounded {
       border-radius: 0.25rem;
     }