@robosophy/prime-theme 2.0.0 → 3.0.0

package/dist/prime.css

@@ -394,7 +394,8 @@
 	.p-inputtext:not(:where(.p-inputtextarea, .p-dropdown-label, .p-select-label, .p-cascadeselect-label, .p-cascade-select-label, .p-multiselect-label, .p-multi-select-label, .p-autocomplete-multiple-container)) {
 		font-weight: var(--p-inputtext-font-weight);
 		height: 48px;
-		gap: 10px;
+		font-size: 16px;
+		gap: 8px;
 		border-radius: 6px;
 		border: 1px solid var(--rs-color-neutral-700);
 		background: var(--rs-color-neutral-50);
@@ -404,10 +405,8 @@
 	}
 	/* Vue-only: PrimeReact 10 no emite clases de tamaño para InputText */
 	.p-inputtext-sm {
-		height: 37px;
-	}
-	.p-inputtext-lg {
-		height: 52px;
+		height: 36px;
+		font-size: 14px;
 	}
   .p-inputtext:enabled:focus {
     outline: none;
@@ -492,10 +491,12 @@
   .p-multi-select.p-disabled .p-multi-select-label {
     color: var(--rs-color-text-secondary) !important;
   }
-  /* select/dropdown (both: .p-select=Vue, .p-dropdown=both) */
+	/* select/dropdown (both: .p-select=Vue, .p-dropdown=both) */
 	.p-select, .p-dropdown {
 		font-weight: var(--p-select-font-weight);
 		height: 48px;
+		font-size: 16px;
+		gap: 8px;
 		border-radius: 6px;
 		border: 1px solid var(--rs-color-neutral-700);
 		background: var(--rs-color-neutral-50);
@@ -507,10 +508,8 @@
 	}
 	/* Vue-only: PrimeReact 10 no emite clases de tamaño para Dropdown */
 	.p-select-sm, .p-dropdown-sm {
-		height: 37px;
-	}
-	.p-select-lg, .p-dropdown-lg {
-		height: 52px;
+		height: 36px;
+		font-size: 14px;
 	}
   .p-select:not(.p-disabled).p-focus, .p-dropdown:not(.p-disabled).p-focus {
     outline: none;
@@ -542,9 +541,11 @@
 		border: none;
 		background: transparent;
 	}
-  /* cascadeselect (both: .p-cascadeselect=React, .p-cascade-select=Vue) */
+	/* cascadeselect (both: .p-cascadeselect=React, .p-cascade-select=Vue) */
 	.p-cascadeselect, .p-cascade-select {
 		height: 48px;
+		font-size: 16px;
+		gap: 8px;
 		border-radius: 6px;
 		border: 1px solid var(--rs-color-neutral-700);
 		background: var(--rs-color-neutral-50);
@@ -562,10 +563,8 @@
 	}
 	/* Vue-only: PrimeReact 10 no emite clases de tamaño para CascadeSelect */
 	.p-cascadeselect-sm, .p-cascade-select-sm {
-		height: 37px;
-	}
-	.p-cascadeselect-lg, .p-cascade-select-lg {
-		height: 52px;
+		height: 36px;
+		font-size: 14px;
 	}
 	.p-cascadeselect-label, .p-cascade-select-label {
 		align-self: center;
@@ -579,9 +578,11 @@
 		border: none;
 		background: transparent;
 	}
-  /* multiselect (both: .p-multiselect=React, .p-multi-select=Vue) */
+	/* multiselect (both: .p-multiselect=React, .p-multi-select=Vue) */
 	.p-multiselect, .p-multi-select {
 		height: 48px;
+		font-size: 16px;
+		gap: 8px;
 		border-radius: 6px;
 		border: 1px solid var(--rs-color-neutral-700);
 		background: var(--rs-color-neutral-50);
@@ -599,10 +600,8 @@
 	}
 	/* Vue-only: PrimeReact 10 no emite clases de tamaño para MultiSelect */
 	.p-multiselect-sm, .p-multi-select-sm {
-		height: 37px;
-	}
-	.p-multiselect-lg, .p-multi-select-lg {
-		height: 52px;
+		height: 36px;
+		font-size: 14px;
 	}
 	.p-multiselect-label, .p-multi-select-label {
 		align-self: center;
@@ -620,6 +619,8 @@
 	/* autocomplete (both) */
 	.p-autocomplete {
 		height: 48px;
+		font-size: 16px;
+		gap: 8px;
 	}
 	/* menu (both: .p-menuitem-text=React, .p-menu-item-label=Vue) */
 	.p-menu {
@@ -675,7 +676,7 @@
 	.p-button {
 		height: 48px;
 		border-radius: 6px;
-		font-size: 1rem;
+		font-size: 14px;
 		font-weight: 400;
 		gap: 8px;
 	}
@@ -692,15 +693,15 @@
 		font-weight: 400;
 	}
 	.p-button-sm {
-		height: 37px;
-		font-size: 1rem;
+		height: 36px;
+		font-size: 14px;
 	}
 	.p-button-sm:not(.p-button-link):not(.p-button-text):not(.p-button-outlined):not(.p-button-icon-only) {
 		padding: 0 16px;
 	}
 	.p-button-lg {
-		height: 52px;
-		font-size: 1rem;
+		height: 54px;
+		font-size: 16px;
 	}
 	.p-button-lg:not(.p-button-link):not(.p-button-text):not(.p-button-outlined):not(.p-button-icon-only) {
 		padding: 0 16px;
@@ -711,19 +712,15 @@
 	.p-button-text:not(:disabled):hover {
 		background: transparent;
 	}
-	.p-button.p-button-success .rs-icon {
-		color: var(--rs-color-green-500);
+	/* Icon-only text buttons - neutral color, no hover background, proper centering */
+	.p-button.p-button-icon-only.p-button-text {
+		color: var(--rs-color-button-primary);
 	}
-	.p-button.p-button-info .rs-icon {
-		color: var(--rs-color-blue-500);
-	}
-	/* React: .p-button-warning | Vue: .p-button-warn (ambos usan severity "warning") */
-	.p-button.p-button-warning .rs-icon,
-	.p-button.p-button-warn .rs-icon {
-		color: var(--rs-color-yellow-500);
+	.p-button.p-button-icon-only.p-button-text:not(:disabled):hover {
+		background: transparent;
 	}
-	.p-button.p-button-danger .rs-icon {
-		color: var(--rs-color-red-500);
+	.p-button.p-button-icon-only.p-button-text .p-button-label {
+		display: none;
 	}
 	/* Base button overrides - match fluent-light specificity for React */
 	.p-button:not(.p-button-link):not(.p-button-text):not(.p-button-outlined):not(.p-button-success):not(.p-button-info):not(.p-button-warning):not(.p-button-warn):not(.p-button-danger):not(.p-button-secondary) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@robosophy/prime-theme",
-  "version": "2.0.0",
+  "version": "3.0.0",
   "private": false,
   "license": "UNLICENSED",
   "type": "module",