ngx-vector-components 5.172.0 → 6.0.0

package/assets/styles/_spinner.scss

@@ -1,4 +1,5 @@
-p-progressSpinner .p-progress-spinner-circle {
+p-progressSpinner .p-progress-spinner-circle,
+p-progressSpinner .p-progressspinner-circle {
   animation: custom-progress-spinner 1.5s ease-in-out infinite, custom-progress-spinner-color 6s ease-in-out infinite !important;
 }
 

package/assets/styles/_styles.scss

@@ -14,7 +14,26 @@ body,
 body .p-component {
   color: var(--font-color);
   font-size: 14px;
-  font-family: Poppins;
+}
+
+/* Poppins em tudo (fallback Inter) — inclui elementos de form, que nao herdam
+   font-family, e os componentes do PrimeNG 18 */
+html,
+body,
+input,
+button,
+textarea,
+select,
+.p-component {
+  font-family: 'Poppins', 'Inter', sans-serif;
+}
+
+:root {
+  --p-font-family: 'Poppins', 'Inter', sans-serif;
+}
+
+.grid {
+  margin-top: 0 !important;
 }
 
 i {

package/assets/styles/_variables.scss

@@ -1,6 +1,6 @@
 :root {
   --theme-primary: #0046e8;
-  --theme-medium: #0041AC;
+  --theme-medium: #0041ac;
   --theme-dark: #3a2b68;
   --background: #f2f2f7;
   --font-color: #151515;
@@ -24,4 +24,38 @@
   --form-labels-color: #4e4b66;
   --font-color-primary: #3a2b68;
   --font-color-secondary: rgb(87, 87, 87);
+
+  /* Design System — brand */
+  --brand-light: #e7ecfd; /* fundo do Segment Control */
+  --brand-blue: #1545de; /* azul-claro do design system (texto/borda ativos) */
+}
+
+:root {
+  /* superficies */
+  --surface-ground: #f2f2f7;
+  --surface-section: #ffffff;
+  --surface-card: #ffffff;
+  --surface-overlay: #ffffff;
+  --surface-hover: #e9ecef;
+  --surface-border: #dee2e6;
+
+  --surface-0: #ffffff;
+  --surface-50: #fafafa;
+  --surface-100: #f5f5f5;
+  --surface-200: #eeeeee;
+  --surface-300: #e0e0e0;
+  --surface-400: #bdbdbd;
+  --surface-500: #9e9e9e;
+  --surface-600: #757575;
+  --surface-700: #616161;
+  --surface-800: #424242;
+  --surface-900: #212121;
+
+  /* texto */
+  --text-color: var(--font-color);
+  --text-color-secondary: var(--gray-darker);
+
+  /* cor primaria */
+  --primary-color: var(--theme-primary);
+  --primary-color-text: #ffffff;
 }