@robosophy/prime-theme 1.0.6 → 1.0.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/prime.css +64 -4
- package/package.json +1 -1
package/dist/prime.css
CHANGED
|
@@ -149,18 +149,38 @@
|
|
|
149
149
|
|
|
150
150
|
/* === MENSAJES / TOAST === */
|
|
151
151
|
--p-message-success-background: var(--rs-color-green-100);
|
|
152
|
-
--p-message-success-color: var(--rs-color-green-
|
|
152
|
+
--p-message-success-color: var(--rs-color-green-700);
|
|
153
153
|
--p-message-success-border-color: var(--rs-color-stroke-success);
|
|
154
154
|
--p-message-warn-background: var(--rs-color-yellow-100);
|
|
155
|
-
--p-message-warn-color: var(--rs-color-yellow-
|
|
155
|
+
--p-message-warn-color: var(--rs-color-yellow-700);
|
|
156
156
|
--p-message-warn-border-color: var(--rs-color-stroke-caution);
|
|
157
157
|
--p-message-error-background: var(--rs-color-red-100);
|
|
158
|
-
--p-message-error-color: var(--rs-color-red-
|
|
158
|
+
--p-message-error-color: var(--rs-color-red-700);
|
|
159
159
|
--p-message-error-border-color: var(--rs-color-stroke-error);
|
|
160
160
|
--p-message-info-background: var(--rs-color-blue-100);
|
|
161
|
-
--p-message-info-color: var(--rs-color-blue-
|
|
161
|
+
--p-message-info-color: var(--rs-color-blue-700);
|
|
162
162
|
--p-message-info-border-color: var(--rs-color-blue-500);
|
|
163
163
|
|
|
164
|
+
/* === TOAST === */
|
|
165
|
+
--p-toast-info-background: var(--rs-color-blue-100);
|
|
166
|
+
--p-toast-info-color: var(--rs-color-blue-700);
|
|
167
|
+
--p-toast-info-detail-color: var(--rs-color-gray-700);
|
|
168
|
+
--p-toast-success-background: var(--rs-color-green-100);
|
|
169
|
+
--p-toast-success-color: var(--rs-color-green-700);
|
|
170
|
+
--p-toast-success-detail-color: var(--rs-color-gray-700);
|
|
171
|
+
--p-toast-warn-background: var(--rs-color-yellow-100);
|
|
172
|
+
--p-toast-warn-color: var(--rs-color-yellow-700);
|
|
173
|
+
--p-toast-warn-detail-color: var(--rs-color-gray-700);
|
|
174
|
+
--p-toast-error-background: var(--rs-color-red-100);
|
|
175
|
+
--p-toast-error-color: var(--rs-color-red-700);
|
|
176
|
+
--p-toast-error-detail-color: var(--rs-color-gray-700);
|
|
177
|
+
--p-toast-secondary-background: var(--rs-color-gray-100);
|
|
178
|
+
--p-toast-secondary-color: var(--rs-color-gray-600);
|
|
179
|
+
--p-toast-secondary-detail-color: var(--rs-color-gray-700);
|
|
180
|
+
--p-toast-contrast-background: var(--rs-color-black-500);
|
|
181
|
+
--p-toast-contrast-color: var(--rs-color-white-500);
|
|
182
|
+
--p-toast-contrast-detail-color: var(--rs-color-white-500);
|
|
183
|
+
|
|
164
184
|
/* === BADGE / TAG === */
|
|
165
185
|
--p-badge-primary-background: var(--rs-color-button-primary);
|
|
166
186
|
--p-badge-primary-color: var(--rs-color-text-button-primary);
|
|
@@ -202,7 +222,9 @@
|
|
|
202
222
|
--p-tabs-tab-hover-color: var(--rs-color-text-primary);
|
|
203
223
|
--p-tabs-tab-active-color: var(--rs-color-text-primary);
|
|
204
224
|
--p-tabs-tab-padding: 10px 16px;
|
|
225
|
+
--p-tabs-tab-font-size: 16px;
|
|
205
226
|
--p-tabs-tab-font-weight: 400;
|
|
227
|
+
--p-tabs-tab-active-font-weight: 600;
|
|
206
228
|
--p-tabs-tab-gap: 8px;
|
|
207
229
|
--p-tabs-tab-margin: 0;
|
|
208
230
|
--p-tabs-tabpanel-background: transparent;
|
|
@@ -320,6 +342,10 @@
|
|
|
320
342
|
.p-tab {
|
|
321
343
|
border-radius: 8px 8px 0 0;
|
|
322
344
|
border-bottom: none;
|
|
345
|
+
font-size: var(--p-tabs-tab-font-size);
|
|
346
|
+
}
|
|
347
|
+
.p-tab.p-tab-active {
|
|
348
|
+
font-weight: var(--p-tabs-tab-active-font-weight) !important;
|
|
323
349
|
}
|
|
324
350
|
.p-tablist-tab-list {
|
|
325
351
|
gap: 16px;
|
|
@@ -421,6 +447,40 @@
|
|
|
421
447
|
}
|
|
422
448
|
.p-datatable-tbody > tr:hover > td {
|
|
423
449
|
background-color: var(--rs-color-gray-100);
|
|
450
|
+
}
|
|
451
|
+
/* toast */
|
|
452
|
+
.p-toast-message-content {
|
|
453
|
+
gap: 0.5rem;
|
|
454
|
+
padding: 0.75rem 1rem;
|
|
455
|
+
}
|
|
456
|
+
.p-toast-message-text {
|
|
457
|
+
display: flex;
|
|
458
|
+
flex-direction: column;
|
|
459
|
+
gap: 0.25rem;
|
|
460
|
+
}
|
|
461
|
+
.p-toast-summary:only-child {
|
|
462
|
+
line-height: 1.5;
|
|
463
|
+
margin: 0;
|
|
464
|
+
}
|
|
465
|
+
.p-toast-message-content > div:last-child {
|
|
466
|
+
align-items: center;
|
|
467
|
+
display: flex;
|
|
468
|
+
margin-left: auto;
|
|
469
|
+
}
|
|
470
|
+
.p-toast-message-close {
|
|
471
|
+
align-items: center;
|
|
472
|
+
display: inline-flex;
|
|
473
|
+
justify-content: center;
|
|
474
|
+
padding: 0.25rem;
|
|
424
475
|
}
|
|
425
476
|
/* #endregion */
|
|
426
477
|
}
|
|
478
|
+
|
|
479
|
+
/* title-only toast overrides */
|
|
480
|
+
.p-toast-message-content:not(:has(.p-toast-detail)) {
|
|
481
|
+
align-items: center;
|
|
482
|
+
}
|
|
483
|
+
.p-toast-message-content:not(:has(.p-toast-detail)) .p-toast-close-button {
|
|
484
|
+
margin-block: 0 !important;
|
|
485
|
+
right: 0;
|
|
486
|
+
}
|