fds-vue-core 2.0.2 → 2.0.4

package/dist/fds-vue-core.css

@@ -46,6 +46,7 @@
       --tw-drop-shadow-alpha: 100%;
       --tw-drop-shadow-size: initial;
       --tw-duration: initial;
+      --tw-ease: initial;
     }
   }
 }
@@ -127,6 +128,7 @@
   --font-weight-bold: 700;
   --font-weight-extrabold: 800;
   --leading-tight: 1.25;
+  --ease-in-out: cubic-bezier(.4, 0, .2, 1);
   --animate-spin: spin 1s linear infinite;
   --default-transition-duration: .15s;
   --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
@@ -927,10 +929,6 @@
     height: 68px;
   }
 
-  .h-auto {
-    height: auto;
-  }
-
   .h-fit {
     height: fit-content;
   }
@@ -971,10 +969,6 @@
     width: calc(var(--spacing) * 6);
   }
 
-  .w-80 {
-    width: calc(var(--spacing) * 80);
-  }
-
   .w-\[18px\] {
     width: 18px;
   }
@@ -1468,6 +1462,10 @@
     padding: calc(var(--spacing) * .5);
   }
 
+  .p-1 {
+    padding: calc(var(--spacing) * 1);
+  }
+
   .p-3 {
     padding: calc(var(--spacing) * 3);
   }
@@ -1492,10 +1490,6 @@
     padding: 2px;
   }
 
-  .px-0\! {
-    padding-inline: calc(var(--spacing) * 0) !important;
-  }
-
   .px-1 {
     padding-inline: calc(var(--spacing) * 1);
   }
@@ -1786,6 +1780,10 @@
     accent-color: var(--color-gray-600);
   }
 
+  .opacity-0 {
+    opacity: 0;
+  }
+
   .opacity-20 {
     opacity: .2;
   }
@@ -1798,6 +1796,10 @@
     opacity: .5;
   }
 
+  .opacity-100 {
+    opacity: 1;
+  }
+
   .shadow-\[0_2px_4px_rgba\(12\,72\,153\,0\.12\)\] {
     --tw-shadow: 0 2px 4px var(--tw-shadow-color, #0c48991f);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1869,6 +1871,11 @@
     outline-color: var(--color-red-600);
   }
 
+  .invert {
+    --tw-invert: invert(100%);
+    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
+  }
+
   .filter {
     filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
   }
@@ -1908,6 +1915,16 @@
     transition-duration: .2s;
   }
 
+  .duration-500 {
+    --tw-duration: .5s;
+    transition-duration: .5s;
+  }
+
+  .ease-in-out {
+    --tw-ease: var(--ease-in-out);
+    transition-timing-function: var(--ease-in-out);
+  }
+
   .outline-dashed {
     --tw-outline-style: dashed;
     outline-style: dashed;
@@ -2527,6 +2544,11 @@
   inherits: false
 }
 
+@property --tw-ease {
+  syntax: "*";
+  inherits: false
+}
+
 @keyframes spin {
   to {
     transform: rotate(360deg);
@@ -2582,7 +2604,7 @@ span[data-v-e24163cd] svg {
   padding: 0.5rem 0.75rem; /* px-3 py-2 */
 }
 
-.alert-content[data-v-38596eb2] > *:last-child {
+.alert-content[data-v-6aea4869] > *:last-child {
   margin-bottom: 0 !important;
 }
 
@@ -2601,22 +2623,22 @@ span[data-v-e24163cd] svg {
 }
 
 @media screen and (max-width: 480px) {
-.fds-modal__inner[data-v-8b32a4a7] {
+.fds-modal__inner[data-v-8405e00f] {
     width: calc(100% - 2rem);
 }
 }
-.fds-modal__inner__content[data-v-8b32a4a7] p:last-of-type {
+.fds-modal__inner__content[data-v-8405e00f] p:last-of-type {
   margin-bottom: 0 !important;
 }
 
-[data-v-7eb40808] .hidden {
+[data-v-df967fb4] .hidden {
   display: none;
   visibility: hidden;
   width: 0;
   height: 0;
 }
 
-.content[data-v-6e02b5dc] {
+.content[data-v-7c1d8d51] {
   max-height: 1.3rem;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -2624,7 +2646,7 @@ span[data-v-e24163cd] svg {
   margin-bottom: 0.5rem;
   display: block;
 }
-.content.open[data-v-6e02b5dc] {
+.content.open[data-v-7c1d8d51] {
   max-height: unset;
   overflow: visible;
   white-space: unset;