flowcore-fn 8.1.9 → 9.1.1

package/dist/pkg-index.css

@@ -5,8 +5,13 @@
   :root,
   :host {
     --fc-font-sans:
-      ui-sans-serif,
-      system-ui,
+      -apple-system,
+      BlinkMacSystemFont,
+      "Segoe UI",
+      Roboto,
+      "Helvetica Neue",
+      "Noto Sans",
+      Arial,
       sans-serif,
       "Apple Color Emoji",
       "Segoe UI Emoji",
@@ -26,6 +31,11 @@
     --fc-color-red-400: oklch(70.4% 0.191 22.216);
     --fc-color-red-500: oklch(63.7% 0.237 25.331);
     --fc-color-red-600: oklch(57.7% 0.245 27.325);
+    --fc-color-amber-500: oklch(76.9% 0.188 70.08);
+    --fc-color-green-600: oklch(62.7% 0.194 149.214);
+    --fc-color-emerald-100: oklch(95% 0.052 163.051);
+    --fc-color-emerald-600: oklch(59.6% 0.145 163.225);
+    --fc-color-emerald-700: oklch(50.8% 0.118 165.612);
     --fc-color-cyan-200: oklch(91.7% 0.08 205.041);
     --fc-color-cyan-400: oklch(78.9% 0.154 211.53);
     --fc-color-blue-50: oklch(97% 0.014 254.604);
@@ -97,6 +107,7 @@
     --fc-radius-2xl: 1rem;
     --fc-radius-3xl: 1.5rem;
     --fc-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
+    --fc-animate-spin: spin 1s linear infinite;
     --fc-blur-sm: 8px;
     --fc-blur-xl: 24px;
     --fc-blur-3xl: 64px;
@@ -122,7 +133,7 @@
     line-height: 1.5;
     -webkit-text-size-adjust: 100%;
     tab-size: 4;
-    font-family: var(--fc-default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
+    font-family: var(--fc-default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
     font-feature-settings: var(--fc-default-font-feature-settings, normal);
     font-variation-settings: var(--fc-default-font-variation-settings, normal);
     -webkit-tap-highlight-color: transparent;
@@ -184,7 +195,7 @@
     border-color: inherit;
     border-collapse: collapse;
   }
-  :-moz-focusring {
+  :-moz-focusring:where(:not(iframe)) {
     outline: auto;
   }
   progress {
@@ -379,6 +390,9 @@
   .fc\:z-\[100\] {
     z-index: 100;
   }
+  .fc\:col-span-2 {
+    grid-column: span 2 / span 2;
+  }
   .fc\:m-0 {
     margin: 0;
   }
@@ -448,6 +462,9 @@
   .fc\:ml-\[15px\] {
     margin-left: 15px;
   }
+  .fc\:ml-auto {
+    margin-left: auto;
+  }
   .fc\:block {
     display: block;
   }
@@ -466,6 +483,9 @@
   .fc\:h-1 {
     height: var(--fc-spacing);
   }
+  .fc\:h-2 {
+    height: calc(var(--fc-spacing) * 2);
+  }
   .fc\:h-4 {
     height: calc(var(--fc-spacing) * 4);
   }
@@ -529,6 +549,12 @@
   .fc\:h-screen {
     height: 100vh;
   }
+  .fc\:max-h-\[70vh\] {
+    max-height: 70vh;
+  }
+  .fc\:max-h-\[80vh\] {
+    max-height: 80vh;
+  }
   .fc\:max-h-\[90vh\] {
     max-height: 90vh;
   }
@@ -559,6 +585,9 @@
   .fc\:w-1\/2 {
     width: calc(1 / 2 * 100%);
   }
+  .fc\:w-2 {
+    width: calc(var(--fc-spacing) * 2);
+  }
   .fc\:w-4 {
     width: calc(var(--fc-spacing) * 4);
   }
@@ -598,6 +627,9 @@
   .fc\:w-20 {
     width: calc(var(--fc-spacing) * 20);
   }
+  .fc\:w-28 {
+    width: calc(var(--fc-spacing) * 28);
+  }
   .fc\:w-32 {
     width: calc(var(--fc-spacing) * 32);
   }
@@ -652,6 +684,9 @@
   .fc\:max-w-5xl {
     max-width: var(--fc-container-5xl);
   }
+  .fc\:max-w-\[360px\] {
+    max-width: 360px;
+  }
   .fc\:max-w-md {
     max-width: var(--fc-container-md);
   }
@@ -701,6 +736,14 @@
     --tw-translate-x: -100%;
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .fc\:translate-x-0 {
+    --tw-translate-x: 0;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .fc\:translate-x-5 {
+    --tw-translate-x: calc(var(--fc-spacing) * 5);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .fc\:scale-100 {
     --tw-scale-x: 100%;
     --tw-scale-y: 100%;
@@ -714,6 +757,9 @@
   .fc\:transform {
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
+  .fc\:animate-spin {
+    animation: var(--fc-animate-spin);
+  }
   .fc\:cursor-not-allowed {
     cursor: not-allowed;
   }
@@ -732,6 +778,9 @@
   .fc\:flex-col {
     flex-direction: column;
   }
+  .fc\:flex-row {
+    flex-direction: row;
+  }
   .fc\:flex-wrap {
     flex-wrap: wrap;
   }
@@ -966,12 +1015,21 @@
   .fc\:bg-\[\#f5f7fb\] {
     background-color: #f5f7fb;
   }
+  .fc\:bg-amber-500 {
+    background-color: var(--fc-color-amber-500);
+  }
   .fc\:bg-black\/10 {
     background-color: var(--fc-color-black);
     @supports (color: color-mix(in lab, red, red)) {
       background-color: color-mix(in oklab, var(--fc-color-black) 10%, transparent);
     }
   }
+  .fc\:bg-black\/20 {
+    background-color: var(--fc-color-black);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--fc-color-black) 20%, transparent);
+    }
+  }
   .fc\:bg-black\/40 {
     background-color: var(--fc-color-black);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1002,6 +1060,9 @@
       background-color: color-mix(in oklab, var(--fc-color-cyan-200) 20%, transparent);
     }
   }
+  .fc\:bg-emerald-100 {
+    background-color: var(--fc-color-emerald-100);
+  }
   .fc\:bg-gray-50 {
     background-color: var(--fc-color-gray-50);
   }
@@ -1020,6 +1081,9 @@
       background-color: color-mix(in oklab, var(--fc-color-gray-100) 80%, transparent);
     }
   }
+  .fc\:bg-gray-200 {
+    background-color: var(--fc-color-gray-200);
+  }
   .fc\:bg-indigo-50 {
     background-color: var(--fc-color-indigo-50);
   }
@@ -1029,6 +1093,9 @@
   .fc\:bg-red-50 {
     background-color: var(--fc-color-red-50);
   }
+  .fc\:bg-red-500 {
+    background-color: var(--fc-color-red-500);
+  }
   .fc\:bg-red-600 {
     background-color: var(--fc-color-red-600);
   }
@@ -1111,6 +1178,10 @@
     --tw-gradient-from: var(--fc-color-blue-600);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
+  .fc\:from-emerald-600 {
+    --tw-gradient-from: var(--fc-color-emerald-600);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
   .fc\:via-cyan-400 {
     --tw-gradient-via: var(--fc-color-cyan-400);
     --tw-gradient-via-stops:
@@ -1120,6 +1191,10 @@
       var(--tw-gradient-to) var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-via-stops);
   }
+  .fc\:to-green-600 {
+    --tw-gradient-to: var(--fc-color-green-600);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
   .fc\:to-indigo-500 {
     --tw-gradient-to: var(--fc-color-indigo-500);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -1251,6 +1326,9 @@
   .fc\:pr-4 {
     padding-right: calc(var(--fc-spacing) * 4);
   }
+  .fc\:pr-10 {
+    padding-right: calc(var(--fc-spacing) * 10);
+  }
   .fc\:pb-3 {
     padding-bottom: calc(var(--fc-spacing) * 3);
   }
@@ -1424,6 +1502,9 @@
   .fc\:text-blue-700 {
     color: var(--fc-color-blue-700);
   }
+  .fc\:text-emerald-700 {
+    color: var(--fc-color-emerald-700);
+  }
   .fc\:text-gray-400 {
     color: var(--fc-color-gray-400);
   }
@@ -1686,6 +1767,10 @@
     --tw-duration: 300ms;
     transition-duration: 300ms;
   }
+  .fc\:duration-500 {
+    --tw-duration: 500ms;
+    transition-duration: 500ms;
+  }
   .fc\:duration-1000 {
     --tw-duration: 1000ms;
     transition-duration: 1000ms;
@@ -1702,6 +1787,34 @@
     -webkit-user-select: none;
     user-select: none;
   }
+  .fc\:hover\:bg-blue-50 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--fc-color-blue-50);
+      }
+    }
+  }
+  .fc\:hover\:bg-gray-50 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--fc-color-gray-50);
+      }
+    }
+  }
+  .fc\:hover\:text-\[\#2563eb\] {
+    &:hover {
+      @media (hover: hover) {
+        color: #2563eb;
+      }
+    }
+  }
+  .fc\:hover\:text-gray-900 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--fc-color-gray-900);
+      }
+    }
+  }
 }
 @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
 @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
@@ -1767,6 +1880,11 @@
 @property --tw-backdrop-sepia { syntax: "*"; inherits: false; }
 @property --tw-duration { syntax: "*"; inherits: false; }
 @property --tw-ease { syntax: "*"; inherits: false; }
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
 @layer properties {
   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
     *,