mgv-backoffice 1.16.0 → 1.18.0

package/tailwind.safelist.css

@@ -1,6 +1,9 @@
 /**
  * MGV-Backoffice Tailwind v4 Safelist
  *
+ * ⚠️  GENERATED FILE — do not edit by hand.
+ * Source of truth: tailwind.safelist.js. Regenerate with: npm run safelist
+ *
  * Some components in this library build Tailwind classes dynamically
  * (e.g. "bg-" + color + "-100"), which means the Tailwind compiler
  * can't detect them at build time and will purge them.
@@ -11,128 +14,45 @@
  *   @import "mgv-backoffice/tailwind.safelist.css";
  */
 
-/* ── BaseAlert ────────────────────────────────────────────── */
-@source inline("
-  text-{red,green,blue,yellow,gray,orange,purple}-800
-  border-{red,green,blue,yellow,gray,orange,purple}-300
-  bg-{red,green,blue,yellow,gray,orange,purple}-50
-  dark:text-{red,green,blue,yellow,gray,orange,purple}-400
-  dark:border-{red,green,blue,yellow,gray,orange,purple}-800
-  flex items-center p-4 mb-4 text-sm border rounded-lg
-  dark:bg-gray-800 w-6 h-6 text-gray-400 font-medium pl-1
-");
-
-/* ── BaseBadge ────────────────────────────────────────────── */
-@source inline("
-  bg-{red,green,blue,yellow,gray}-100
-  text-{red,green,blue,yellow,gray}-700
-  border-{red,green,blue,yellow}-200
-  border-gray-200 bg-gray-50 text-gray-600
-  inline-flex gap-1 font-semibold text-xs leading-none
-  px-3 py-1.5 rounded-full
-");
-
-/* ── BaseButton ───────────────────────────────────────────── */
-@source inline("
-  focus:outline-none text-white
-  bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 bg-blue-400
-  text-gray-900 bg-white border-gray-200 hover:bg-gray-100 hover:text-blue-700
-  focus:z-10 focus:ring-gray-200
-  bg-gray-400 bg-gray-800 hover:bg-gray-900 focus:ring-gray-300
-  bg-green-700 hover:bg-green-800 focus:ring-green-300 bg-green-400
-  bg-red-700 hover:bg-red-800 focus:ring-red-300 bg-red-400
-  bg-yellow-400 hover:bg-yellow-500 focus:ring-yellow-300
-  bg-purple-700 hover:bg-purple-800 focus:ring-purple-300 bg-purple-400
-  bg-emerald-600 hover:bg-emerald-700 focus:ring-emerald-300 bg-emerald-400
-  bg-sky-600 hover:bg-sky-700 focus:ring-sky-300 bg-sky-400
-  bg-amber-500 hover:bg-amber-600 focus:ring-amber-300 bg-amber-300
-  bg-gray-600 hover:bg-gray-700
-  px-5 py-2.5 mr-2 mb-2 py-2 text-base py-3 px-6 py-3.5
-  font-medium rounded-lg rounded-full cursor-not-allowed cursor-pointer
-  inline w-4 h-4 me-3 animate-spin
-  border bg-transparent opacity-50 opacity-60
-  text-{blue,green,emerald,sky,red,amber,yellow,purple}-700
-  border-{blue,green,emerald,sky,red,amber,yellow,purple}-300
-  hover:bg-{blue,green,emerald,sky,red,amber,yellow,purple}-50
-  text-{blue,green,emerald,sky,red,amber,yellow,purple}-400
-  border-{blue,green,emerald,sky,red,amber,yellow,purple}-500/40
-  hover:bg-{blue,green,emerald,sky,red,amber,yellow,purple}-500/10
-  text-{blue,green,emerald,sky,yellow,purple}-600
-  text-red-500 text-amber-300
-  hover:bg-gray-100
-  text-gray-700 border-gray-300 hover:bg-gray-50
-  text-gray-500 text-gray-400 text-gray-300 border-gray-600 hover:bg-gray-800
-");
-
-/* ── BaseToast ────────────────────────────────────────────── */
-@source inline("
-  text-red-500 bg-red-100 dark:bg-red-800 dark:text-red-200
-  text-green-500 bg-green-100 dark:bg-green-800 dark:text-green-200
-  text-orange-500 bg-orange-100 dark:bg-orange-700 dark:text-orange-200
-  inline-flex items-center justify-center flex-shrink-0 w-8 h-8
-  top-5 right-5 bottom-5
-  fixed w-full max-w-md space-x-4 divide-x
-  shadow text-gray-500 bg-white dark:text-gray-400 dark:bg-gray-800
-  ml-3 font-normal ml-auto -mx-1.5 -my-1.5
-  hover:text-gray-900 focus:ring-2 focus:ring-gray-300
-  p-1.5 hover:bg-gray-100 dark:text-gray-500
-  dark:hover:text-white dark:hover:bg-gray-700
-  cursor-pointer sr-only h-6 w-6 text-yellow-500
-");
-
-/* ── ColoredSquares ───────────────────────────────────────── */
-@source inline("
-  bg-{red,green,blue,yellow,gray,orange,purple}-100
-  text-{red,green,blue,yellow,gray,orange,purple}-800
-  font-bold px-2.5 py-0.5
-  bg-{slate,zinc,neutral,stone,blue,green,yellow,purple,pink}-300
-  w-13 border-gray-300 relative aspect-square bg-white shadow-sm
-  overflow-hidden text-center absolute bottom-0 left-0 h-1 w-full
-");
-
-/* ── EuroAmount ───────────────────────────────────────────── */
-@source inline("
-  text-green-800 text-red-800 text-gray-800 font-bold
-");
-
-/* ── TrendArrow ───────────────────────────────────────────── */
-@source inline("
-  space-x-2 h-5 w-5 text-red-500 text-green-500
-");
-
-/* ── BaseSpinner ──────────────────────────────────────────── */
-@source inline("
-  w-4 h-4 w-6 h-6 w-8 h-8 w-12 h-12 border-2 border-4
-  border-gray-200 rounded-full animate-spin
-  border-t-{blue,emerald,sky,indigo,teal,purple,red,amber}-500
-");
-
-/* ── BaseRow ──────────────────────────────────────────────── */
-@source inline("
-  block p-8 rounded-xl shadow-sm dark:border-gray-700
-");
-
-/* ── BaseLine ─────────────────────────────────────────────── */
-@source inline("
-  h-px my-8 bg-gray-200 border-0 dark:bg-gray-700
-  w-48 mx-auto my-4 bg-gray-100 rounded md:my-10 md:my-12
-");
-
-/* ── BaseLogo ─────────────────────────────────────────────── */
-@source inline("
-  mb-6 text-2xl font-semibold text-gray-900 dark:text-white
-");
-
-/* ── BaseModal ────────────────────────────────────────────── */
-@source inline("
-  top-20 mx-auto p-5 w-96 shadow-lg rounded-md p-6
-  text-center w-12 h-12 mb-4 mb-5 text-lg font-normal
-  dark:text-gray-400 justify-center
-");
-
-/* ── BaseBreadcrumb ───────────────────────────────────────── */
 @source inline("
-  px-5 py-3 text-gray-700 bg-gray-50 dark:border-gray-700
-  space-x-1 md:space-x-3 hover:text-blue-600
-  dark:hover:text-white ml-1 md:ml-2
+  text-red-800 border-red-300 bg-red-50 dark:text-red-400 dark:border-red-800 text-green-800 border-green-300 bg-green-50
+  dark:text-green-400 dark:border-green-800 text-blue-800 border-blue-300 bg-blue-50 dark:text-blue-400 dark:border-blue-800 text-yellow-800
+  border-yellow-300 bg-yellow-50 dark:text-yellow-400 dark:border-yellow-800 text-gray-800 border-gray-300 bg-gray-50 dark:text-gray-400
+  dark:border-gray-800 text-orange-800 border-orange-300 bg-orange-50 dark:text-orange-400 dark:border-orange-800 text-purple-800 border-purple-300
+  bg-purple-50 dark:text-purple-400 dark:border-purple-800 flex items-center p-4 mb-4 text-sm
+  border rounded-lg dark:bg-gray-800 w-6 h-6 text-gray-400 font-medium pl-1
+  bg-red-100 text-red-700 border-red-200 bg-green-100 text-green-700 border-green-200 bg-blue-100 text-blue-700
+  border-blue-200 bg-yellow-100 text-yellow-700 border-yellow-200 bg-gray-100 text-gray-700 border-gray-200 text-gray-600
+  bg-gray-800 text-gray-100 border-gray-700 inline-flex gap-1 font-semibold text-xs leading-none
+  px-3 py-1.5 rounded-full focus:outline-none text-white bg-blue-700 hover:bg-blue-800 focus:ring-4
+  focus:ring-blue-300 bg-blue-400 text-gray-900 bg-white hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-gray-200
+  bg-gray-400 hover:bg-gray-900 focus:ring-gray-300 bg-green-700 hover:bg-green-800 focus:ring-green-300 bg-green-400 bg-red-700
+  hover:bg-red-800 focus:ring-red-300 bg-red-400 bg-yellow-400 hover:bg-yellow-500 focus:ring-yellow-300 bg-purple-700 hover:bg-purple-800
+  focus:ring-purple-300 bg-purple-400 bg-emerald-600 hover:bg-emerald-700 focus:ring-emerald-300 bg-emerald-400 bg-sky-600 hover:bg-sky-700
+  focus:ring-sky-300 bg-sky-400 bg-amber-500 hover:bg-amber-600 focus:ring-amber-300 bg-amber-300 bg-gray-600 hover:bg-gray-700
+  bg-transparent opacity-50 opacity-60 cursor-pointer hover:bg-blue-50 text-blue-400 border-blue-500/40 hover:bg-blue-500/10
+  hover:bg-green-50 text-green-400 border-green-500/40 hover:bg-green-500/10 text-emerald-700 border-emerald-300 hover:bg-emerald-50 text-emerald-400
+  border-emerald-500/40 hover:bg-emerald-500/10 text-sky-700 border-sky-300 hover:bg-sky-50 text-sky-400 border-sky-500/40 hover:bg-sky-500/10
+  hover:bg-red-50 text-red-400 border-red-500/40 hover:bg-red-500/10 text-amber-700 border-amber-300 hover:bg-amber-50 text-amber-400
+  border-amber-500/40 hover:bg-amber-500/10 hover:bg-yellow-50 text-yellow-400 border-yellow-500/40 hover:bg-yellow-500/10 text-purple-700 hover:bg-purple-50
+  text-purple-400 border-purple-500/40 hover:bg-purple-500/10 text-blue-600 text-green-600 text-emerald-600 text-sky-600 text-yellow-600
+  text-purple-600 text-red-500 text-amber-300 hover:bg-gray-50 text-gray-500 text-gray-300 border-gray-600 hover:bg-gray-800
+  px-5 py-2.5 mr-2 mb-2 py-2 text-base py-3 px-6
+  py-3.5 cursor-not-allowed inline w-4 h-4 me-3 animate-spin dark:bg-red-800
+  dark:text-red-200 text-green-500 dark:bg-green-800 dark:text-green-200 text-orange-500 bg-orange-100 dark:bg-orange-700 dark:text-orange-200
+  justify-center flex-shrink-0 w-8 h-8 top-5 right-5 bottom-5 left-5
+  fixed w-full max-w-md space-x-4 divide-x shadow ml-3 font-normal
+  ml-auto -mx-1.5 -my-1.5 hover:text-gray-900 focus:ring-2 p-1.5 dark:text-gray-500 dark:hover:text-white
+  dark:hover:bg-gray-700 sr-only text-yellow-500 bg-purple-100 font-bold px-2.5 py-0.5 bg-slate-300
+  bg-zinc-300 bg-neutral-300 bg-stone-300 bg-blue-300 bg-green-300 bg-yellow-300 bg-purple-300 bg-pink-300
+  w-13 relative aspect-square shadow-sm overflow-hidden text-center absolute bottom-0
+  left-0 h-1 space-x-2 h-5 w-5 w-12 h-12 border-2
+  border-4 border-t-blue-500 border-t-emerald-500 border-t-sky-500 border-t-indigo-500 border-t-teal-500 border-t-purple-500 border-t-red-500
+  border-t-amber-500 block p-8 rounded-xl dark:border-gray-700 h-px my-8 bg-gray-200
+  border-0 dark:bg-gray-700 w-48 mx-auto my-4 rounded md:my-10 md:my-12
+  mb-6 text-2xl dark:text-white inset-0 h-screen bg-black/75 z-40 z-50
+  top-[20vh] left-1/2 -translate-x-1/2 w-96 shadow-lg p-6 mb-5 text-lg
+  top-20 p-5 rounded-md list-none p-0 m-0 mr-1 inline-block
+  p-3 no-underline text-black hover:bg-gray-300 space-x-1 md:space-x-3 hover:text-blue-600 ml-1
+  md:ml-2
 ");

package/tailwind.safelist.js

@@ -53,6 +53,7 @@ const safelist = [
   'bg-yellow-100', 'text-yellow-700', 'border-yellow-200',
   'bg-gray-100',   'text-gray-700',   'border-gray-200',
   'bg-gray-50',    'text-gray-600',
+  'bg-gray-800',   'text-gray-100',   'border-gray-700',
   'inline-flex',
   'gap-1',
   'font-semibold',
@@ -160,6 +161,7 @@ const safelist = [
   'top-5',
   'right-5',
   'bottom-5',
+  'left-5',
   // Dynamic: computeMainComponentCss
   'fixed',
   'w-full',
@@ -286,22 +288,52 @@ const safelist = [
   'dark:text-white',
 
   // ── BaseModal ──────────────────────────────────────────────
-  'top-20',
+  'fixed',
+  'inset-0',
+  'h-screen',
+  'bg-black/75',
+  'z-40',
+  'z-50',
+  'top-[20vh]',
+  'left-1/2',
+  '-translate-x-1/2',
   'mx-auto',
-  'p-5',
   'w-96',
   'shadow-lg',
-  'rounded-md',
+  'rounded-xl',
+  'overflow-hidden',
   'p-6',
   'text-center',
   'w-12',
   'h-12',
+  'mb-2',
   'mb-4',
   'mb-5',
   'text-lg',
   'font-normal',
+  'font-medium',
+  'text-gray-900',
+  'text-green-500',
   'dark:text-gray-400',
   'justify-center',
+  // kept from the pre-Tailwind-migration BaseModal template; rounded-md is
+  // also used by the newer modal components
+  'top-20',
+  'p-5',
+  'rounded-md',
+
+  // ── Pagination ─────────────────────────────────────────────
+  'list-none',
+  'p-0',
+  'm-0',
+  'mr-1',
+  'inline-block',
+  'p-3',
+  'no-underline',
+  'text-black',
+  'hover:bg-gray-300',
+  'bg-gray-200',
+  'cursor-not-allowed',
 
   // ── BaseBreadcrumb ─────────────────────────────────────────
   'px-5',