@seniorsistemas/data-seniorx-core 3.0.0 → 3.1.0

package/styles/sdc-global-variables.scss

@@ -1,9 +1,41 @@
+// Root cause of a whole class of recurring bugs: several components declare `width: 100%`
+// together with `border`/`padding` but no `box-sizing`, so the browser's `content-box` default
+// adds those on top of the 100% width — the element then renders wider than its container
+// (localized-number-input, password-strength, icon-picker, empty-state all hit this
+// independently). A universal border-box reset — standard practice in virtually every modern
+// CSS framework — removes the whole failure mode instead of patching it component by component.
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
 :root {
   /* Text Global Formating */
   font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
   font-size: 14px !important;
   background-color: #fafbfc;
 
+  // PrimeFlex's surface-*/border-*00 utility classes (used across several showcase demos for
+  // neutral card/box backgrounds) reference these --p-surface-* tokens with no fallback value
+  // (e.g. `border-color: light-dark(var(--p-surface-200), var(--p-surface-600))`). PrimeNG,
+  // which normally supplies them via its theme, was removed from this project — leaving them
+  // undefined, which made `border-color` fall back to `currentColor` (a plain black line)
+  // instead of the intended light gray. Defining them natively (no PrimeNG dependency) fixes
+  // every consumer of these utility classes at once.
+  --p-surface-0: #ffffff;
+  --p-surface-50: #f8fafc;
+  --p-surface-100: #f1f5f9;
+  --p-surface-200: #e2e8f0;
+  --p-surface-300: #cbd5e1;
+  --p-surface-400: #94a3b8;
+  --p-surface-500: #64748b;
+  --p-surface-600: #475569;
+  --p-surface-700: #334155;
+  --p-surface-800: #1e293b;
+  --p-surface-900: #0f172a;
+  --p-surface-950: #020617;
+
   // FIXME: Alterar variaveis para o padrao: --sdc-**
   --sdc-error-color: #d98888;
   --color-message: var(--p-slate-500);
@@ -76,6 +108,9 @@
   --sdc-form-label-mb: 0;
   --sdc-form-label-lh: 1;
   --sdc-form-label-py: 7px;
+  --sdc-form-label-font-size: 14px;
+  --sdc-form-label-font-weight: 400;
+  --sdc-form-label-color: #111827;
 
   /* Required mark (•) */
   --sdc-form-required-ml: 0.25rem; /* Searchbox usa 0.25rem */
@@ -90,6 +125,9 @@
   --sdc-form-input-padding-x: 0.75rem;
   --sdc-form-textarea-padding-y: 0.5rem;
 
+  /* Form placeholder */
+  --sdc-form-placeholder-color: #9ca3af;
+
   /* Color picker */
   --sdc-color-picker-trigger-width: 3.75rem;
   --sdc-color-picker-trigger-bg: #f8fafc;