@flusys/ng-ui 6.1.1 → 6.1.3

package/fesm2022/flusys-ng-ui.mjs

@@ -248,7 +248,7 @@ class BadgeComponent {
             info: 'bg-sky-500 text-white',
             warn: 'bg-amber-500 text-white',
             danger: 'bg-red-500 text-white',
-            secondary: 'bg-surface-200 text-surface-700',
+            secondary: 'bg-surface-200 dark:bg-surface-700 text-surface-700 dark:text-surface-200',
             contrast: 'bg-surface-950 text-surface-0',
         };
         const sev = this.severity();
@@ -1988,7 +1988,7 @@ class ProgressbarComponent {
             info: 'bg-sky-500',
             warn: 'bg-amber-500',
             danger: 'bg-red-500',
-            secondary: 'bg-surface-400',
+            secondary: 'bg-surface-400 dark:bg-surface-500',
             contrast: 'bg-surface-950',
         };
         const sev = this.severity();
@@ -2153,7 +2153,7 @@ class TagComponent {
             info: 'bg-sky-100 text-sky-700',
             warn: 'bg-amber-100 text-amber-700',
             danger: 'bg-red-100 text-red-700',
-            secondary: 'bg-surface-100 text-surface-600',
+            secondary: 'bg-surface-100 dark:bg-surface-700 text-surface-600 dark:text-surface-300',
             contrast: 'bg-surface-950 text-surface-0',
         };
         const sev = this.severity();
@@ -5179,7 +5179,7 @@ class InputTextDirective {
                 ? 'border-transparent focus:border-primary'
                 : 'border-(--f-form-field-border-color) focus:border-primary';
         const variantClass = variant === 'filled'
-            ? 'bg-(--f-surface-100)'
+            ? 'bg-(--f-form-field-filled-background)'
             : 'bg-(--f-form-field-background)';
         const paddingY = size === 'small' ? 'py-1.5' : size === 'large' ? 'py-3' : 'py-2';
         const textSize = size === 'small' ? 'text-xs' : size === 'large' ? 'text-base' : 'text-sm';
@@ -6659,7 +6659,7 @@ class PasswordComponent {
             : variant === 'filled'
                 ? 'border-transparent focus:border-primary'
                 : 'border-(--f-form-field-border-color) focus:border-primary';
-        const variantClass = variant === 'filled' ? 'bg-(--f-surface-100)' : 'bg-(--f-form-field-background)';
+        const variantClass = variant === 'filled' ? 'bg-(--f-form-field-filled-background)' : 'bg-(--f-form-field-background)';
         const paddingY = size === 'small' ? 'py-1.5' : size === 'large' ? 'py-3' : 'py-2';
         const textSize = size === 'small' ? 'text-xs' : size === 'large' ? 'text-base' : 'text-sm';
         const paddingLeft = size === 'small' ? 'pl-2.5' : size === 'large' ? 'pl-4' : 'pl-3';
@@ -8300,7 +8300,7 @@ class TextareaDirective {
                 ? 'border-transparent focus:border-primary'
                 : 'border-(--f-form-field-border-color) focus:border-primary';
         const variantClass = variant === 'filled'
-            ? 'bg-(--f-surface-100)'
+            ? 'bg-(--f-form-field-filled-background)'
             : 'bg-(--f-form-field-background)';
         return [
             'block px-3 py-2 text-sm rounded-lg border',
@@ -27010,6 +27010,7 @@ function applyLightSemantics(root = document.documentElement) {
     setVar('--f-overlay-popover-background', 'var(--f-surface-0)', root);
     setVar('--f-mask-background', 'rgba(0,0,0,0.4)', root);
     setVar('--f-form-field-background', 'var(--f-surface-0)', root);
+    setVar('--f-form-field-filled-background', 'var(--f-surface-100)', root);
     setVar('--f-form-field-border-color', 'var(--f-surface-300)', root);
     setVar('--f-form-field-hover-border-color', 'var(--f-surface-400)', root);
     setVar('--f-form-field-focus-border-color', 'var(--f-primary-500)', root);
@@ -27036,6 +27037,7 @@ function applyDarkSemantics(root = document.documentElement) {
     setVar('--f-overlay-popover-background', 'var(--f-surface-800)', root);
     setVar('--f-mask-background', 'rgba(0,0,0,0.6)', root);
     setVar('--f-form-field-background', 'var(--f-surface-800)', root);
+    setVar('--f-form-field-filled-background', 'var(--f-surface-700)', root);
     setVar('--f-form-field-border-color', 'var(--f-surface-700)', root);
     setVar('--f-form-field-hover-border-color', 'var(--f-surface-600)', root);
     setVar('--f-form-field-focus-border-color', 'var(--f-primary-400)', root);