@pegasusheavy/ngx-tailwindcss 0.3.1 → 0.3.3

package/fesm2022/pegasusheavy-ngx-tailwindcss.mjs

@@ -3848,8 +3848,8 @@ const BUTTON_VARIANTS = {
     warning: 'bg-amber-500 hover:bg-amber-600 active:bg-amber-700 text-white shadow-sm hover:shadow focus-visible:ring-amber-500',
     danger: 'bg-rose-600 hover:bg-rose-700 active:bg-rose-800 text-white shadow-sm hover:shadow focus-visible:ring-rose-500',
     info: 'bg-cyan-600 hover:bg-cyan-700 active:bg-cyan-800 text-white shadow-sm hover:shadow focus-visible:ring-cyan-500',
-    ghost: 'bg-transparent hover:bg-slate-100 active:bg-slate-200 text-slate-700 focus-visible:ring-slate-500',
-    outline: 'bg-white border-2 border-slate-500 hover:border-slate-600 hover:bg-slate-100 active:bg-slate-200 text-slate-800 shadow-sm focus-visible:ring-slate-500',
+    ghost: 'bg-transparent hover:bg-slate-100 dark:hover:bg-zinc-800 active:bg-slate-200 dark:active:bg-zinc-700 text-slate-700 dark:text-zinc-300 focus-visible:ring-slate-500',
+    outline: 'bg-white dark:bg-zinc-800 border-2 border-slate-500 dark:border-zinc-500 hover:border-slate-600 dark:hover:border-zinc-400 hover:bg-slate-100 dark:hover:bg-zinc-700 active:bg-slate-200 dark:active:bg-zinc-600 text-slate-800 dark:text-zinc-200 shadow-sm focus-visible:ring-slate-500',
     link: 'bg-transparent text-blue-600 hover:text-blue-700 hover:underline active:text-blue-800 focus-visible:ring-blue-500 p-0 shadow-none',
 };
 const BUTTON_SIZES = {
@@ -40178,7 +40178,7 @@ class TwTerminalComponent {
     // Computed classes
     containerClasses = computed(() => {
         const variant = this.variant();
-        const base = 'flex flex-col h-full overflow-hidden rounded-lg';
+        const base = 'flex flex-col h-full overflow-hidden';
         const variantClasses = {
             default: 'bg-gray-900 text-gray-100',
             dark: 'bg-black text-gray-200',
@@ -40337,7 +40337,7 @@ class TwTerminalComponent {
       <!-- Input area -->
       @if (showInput()) {
         <div
-          class="flex items-center gap-2 px-4 py-2 border-t border-gray-700 bg-gray-800 rounded-b-lg"
+          class="flex items-center gap-2 px-4 py-2 border-t border-gray-700 bg-gray-800"
         >
           <span class="text-green-400 font-mono">{{ prompt() }}</span>
           <input
@@ -40435,7 +40435,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
       <!-- Input area -->
       @if (showInput()) {
         <div
-          class="flex items-center gap-2 px-4 py-2 border-t border-gray-700 bg-gray-800 rounded-b-lg"
+          class="flex items-center gap-2 px-4 py-2 border-t border-gray-700 bg-gray-800"
         >
           <span class="text-green-400 font-mono">{{ prompt() }}</span>
           <input
@@ -40565,7 +40565,7 @@ class TwLogViewerComponent {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TwLogViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: TwLogViewerComponent, isStandalone: true, selector: "tw-log-viewer", inputs: { entries: { classPropertyName: "entries", publicName: "entries", isSignal: true, isRequired: false, transformFunction: null }, showSource: { classPropertyName: "showSource", publicName: "showSource", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { entrySelect: "entrySelect", clearLogs: "clearLogs", exportClick: "exportClick" }, host: { classAttribute: "tw-log-viewer block" }, ngImport: i0, template: `
-    <div class="flex flex-col h-full bg-white dark:bg-gray-900 rounded-lg overflow-hidden">
+    <div class="flex flex-col h-full bg-white dark:bg-gray-900 overflow-hidden">
       <!-- Toolbar -->
       <div
         class="flex items-center gap-2 px-3 py-2 border-b border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800"
@@ -40715,7 +40715,7 @@ class TwLogViewerComponent {
 
       <!-- Status bar -->
       <div
-        class="flex items-center justify-between px-3 py-1.5 text-xs text-gray-500 dark:text-gray-400 border-t border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800 rounded-b-lg"
+        class="flex items-center justify-between px-3 py-1.5 text-xs text-gray-500 dark:text-gray-400 border-t border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800"
       >
         <span>{{ filteredEntries().length }} / {{ entries().length }} entries</span>
         <span>
@@ -40736,7 +40736,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                     standalone: true,
                     imports: [CommonModule, FormsModule],
                     template: `
-    <div class="flex flex-col h-full bg-white dark:bg-gray-900 rounded-lg overflow-hidden">
+    <div class="flex flex-col h-full bg-white dark:bg-gray-900 overflow-hidden">
       <!-- Toolbar -->
       <div
         class="flex items-center gap-2 px-3 py-2 border-b border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800"
@@ -40886,7 +40886,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
 
       <!-- Status bar -->
       <div
-        class="flex items-center justify-between px-3 py-1.5 text-xs text-gray-500 dark:text-gray-400 border-t border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800 rounded-b-lg"
+        class="flex items-center justify-between px-3 py-1.5 text-xs text-gray-500 dark:text-gray-400 border-t border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800"
       >
         <span>{{ filteredEntries().length }} / {{ entries().length }} entries</span>
         <span>