@robosophy/prime-theme 1.0.7 → 1.0.9
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 +87 -11
- package/package.json +1 -1
package/dist/prime.css
CHANGED
|
@@ -15,10 +15,11 @@
|
|
|
15
15
|
--p-font-family: var(--rs-font-family);
|
|
16
16
|
--p-font-weight: 300;
|
|
17
17
|
|
|
18
|
-
--p-form-field-
|
|
19
|
-
--p-form-field-sm-padding-
|
|
20
|
-
--p-form-field-
|
|
21
|
-
--p-form-field-lg-padding-
|
|
18
|
+
--p-form-field-padding-x: 16px;
|
|
19
|
+
--p-form-field-sm-padding-y: 0;
|
|
20
|
+
--p-form-field-sm-padding-x: 16px;
|
|
21
|
+
--p-form-field-lg-padding-y: 0;
|
|
22
|
+
--p-form-field-lg-padding-x: 16px;
|
|
22
23
|
|
|
23
24
|
/* === SURFACE === */
|
|
24
25
|
--p-surface-ground: var(--rs-color-background);
|
|
@@ -64,9 +65,11 @@
|
|
|
64
65
|
--p-textarea-hover-border-color: var(--rs-color-stroke-default);
|
|
65
66
|
|
|
66
67
|
/* === BUTTON === */
|
|
67
|
-
--p-button-padding-
|
|
68
|
-
|
|
69
|
-
--p-button-
|
|
68
|
+
--p-button-padding-x: 16px;
|
|
69
|
+
--p-button-sm-padding-x: 16px;
|
|
70
|
+
--p-button-lg-padding-x: 16px;
|
|
71
|
+
--p-button-label-font-weight: 400;
|
|
72
|
+
--p-button-label-font-size: 14px;
|
|
70
73
|
|
|
71
74
|
/* === BUTTON PRIMARY === */
|
|
72
75
|
--p-button-primary-background: var(--rs-color-button-primary);
|
|
@@ -149,18 +152,38 @@
|
|
|
149
152
|
|
|
150
153
|
/* === MENSAJES / TOAST === */
|
|
151
154
|
--p-message-success-background: var(--rs-color-green-100);
|
|
152
|
-
--p-message-success-color: var(--rs-color-green-
|
|
155
|
+
--p-message-success-color: var(--rs-color-green-700);
|
|
153
156
|
--p-message-success-border-color: var(--rs-color-stroke-success);
|
|
154
157
|
--p-message-warn-background: var(--rs-color-yellow-100);
|
|
155
|
-
--p-message-warn-color: var(--rs-color-yellow-
|
|
158
|
+
--p-message-warn-color: var(--rs-color-yellow-700);
|
|
156
159
|
--p-message-warn-border-color: var(--rs-color-stroke-caution);
|
|
157
160
|
--p-message-error-background: var(--rs-color-red-100);
|
|
158
|
-
--p-message-error-color: var(--rs-color-red-
|
|
161
|
+
--p-message-error-color: var(--rs-color-red-700);
|
|
159
162
|
--p-message-error-border-color: var(--rs-color-stroke-error);
|
|
160
163
|
--p-message-info-background: var(--rs-color-blue-100);
|
|
161
|
-
--p-message-info-color: var(--rs-color-blue-
|
|
164
|
+
--p-message-info-color: var(--rs-color-blue-700);
|
|
162
165
|
--p-message-info-border-color: var(--rs-color-blue-500);
|
|
163
166
|
|
|
167
|
+
/* === TOAST === */
|
|
168
|
+
--p-toast-info-background: var(--rs-color-blue-100);
|
|
169
|
+
--p-toast-info-color: var(--rs-color-blue-700);
|
|
170
|
+
--p-toast-info-detail-color: var(--rs-color-gray-700);
|
|
171
|
+
--p-toast-success-background: var(--rs-color-green-100);
|
|
172
|
+
--p-toast-success-color: var(--rs-color-green-700);
|
|
173
|
+
--p-toast-success-detail-color: var(--rs-color-gray-700);
|
|
174
|
+
--p-toast-warn-background: var(--rs-color-yellow-100);
|
|
175
|
+
--p-toast-warn-color: var(--rs-color-yellow-700);
|
|
176
|
+
--p-toast-warn-detail-color: var(--rs-color-gray-700);
|
|
177
|
+
--p-toast-error-background: var(--rs-color-red-100);
|
|
178
|
+
--p-toast-error-color: var(--rs-color-red-700);
|
|
179
|
+
--p-toast-error-detail-color: var(--rs-color-gray-700);
|
|
180
|
+
--p-toast-secondary-background: var(--rs-color-gray-100);
|
|
181
|
+
--p-toast-secondary-color: var(--rs-color-gray-600);
|
|
182
|
+
--p-toast-secondary-detail-color: var(--rs-color-gray-700);
|
|
183
|
+
--p-toast-contrast-background: var(--rs-color-black-500);
|
|
184
|
+
--p-toast-contrast-color: var(--rs-color-white-500);
|
|
185
|
+
--p-toast-contrast-detail-color: var(--rs-color-white-500);
|
|
186
|
+
|
|
164
187
|
/* === BADGE / TAG === */
|
|
165
188
|
--p-badge-primary-background: var(--rs-color-button-primary);
|
|
166
189
|
--p-badge-primary-color: var(--rs-color-text-button-primary);
|
|
@@ -266,6 +289,14 @@
|
|
|
266
289
|
/* input */
|
|
267
290
|
:is(.p-inputtext) {
|
|
268
291
|
font-weight: var(--p-inputtext-font-weight);
|
|
292
|
+
height: 48px;
|
|
293
|
+
gap: 10px;
|
|
294
|
+
}
|
|
295
|
+
.p-inputtext-sm {
|
|
296
|
+
height: 37px;
|
|
297
|
+
}
|
|
298
|
+
.p-inputtext-lg {
|
|
299
|
+
height: 52px;
|
|
269
300
|
}
|
|
270
301
|
.p-inputtext:enabled:focus {
|
|
271
302
|
outline: none;
|
|
@@ -337,6 +368,17 @@
|
|
|
337
368
|
justify-content: space-between;
|
|
338
369
|
}
|
|
339
370
|
/* button */
|
|
371
|
+
.p-button {
|
|
372
|
+
height: 48px;
|
|
373
|
+
border-radius: 6px;
|
|
374
|
+
gap: 2px;
|
|
375
|
+
}
|
|
376
|
+
.p-button-sm {
|
|
377
|
+
height: 37px;
|
|
378
|
+
}
|
|
379
|
+
.p-button-lg {
|
|
380
|
+
height: 52px;
|
|
381
|
+
}
|
|
340
382
|
.p-button-inline {
|
|
341
383
|
width: max-content;
|
|
342
384
|
}
|
|
@@ -427,6 +469,40 @@
|
|
|
427
469
|
}
|
|
428
470
|
.p-datatable-tbody > tr:hover > td {
|
|
429
471
|
background-color: var(--rs-color-gray-100);
|
|
472
|
+
}
|
|
473
|
+
/* toast */
|
|
474
|
+
.p-toast-message-content {
|
|
475
|
+
gap: 0.5rem;
|
|
476
|
+
padding: 0.75rem 1rem;
|
|
477
|
+
}
|
|
478
|
+
.p-toast-message-text {
|
|
479
|
+
display: flex;
|
|
480
|
+
flex-direction: column;
|
|
481
|
+
gap: 0.25rem;
|
|
482
|
+
}
|
|
483
|
+
.p-toast-summary:only-child {
|
|
484
|
+
line-height: 1.5;
|
|
485
|
+
margin: 0;
|
|
486
|
+
}
|
|
487
|
+
.p-toast-message-content > div:last-child {
|
|
488
|
+
align-items: center;
|
|
489
|
+
display: flex;
|
|
490
|
+
margin-left: auto;
|
|
491
|
+
}
|
|
492
|
+
.p-toast-message-close {
|
|
493
|
+
align-items: center;
|
|
494
|
+
display: inline-flex;
|
|
495
|
+
justify-content: center;
|
|
496
|
+
padding: 0.25rem;
|
|
430
497
|
}
|
|
431
498
|
/* #endregion */
|
|
432
499
|
}
|
|
500
|
+
|
|
501
|
+
/* title-only toast overrides */
|
|
502
|
+
.p-toast-message-content:not(:has(.p-toast-detail)) {
|
|
503
|
+
align-items: center;
|
|
504
|
+
}
|
|
505
|
+
.p-toast-message-content:not(:has(.p-toast-detail)) .p-toast-close-button {
|
|
506
|
+
margin-block: 0 !important;
|
|
507
|
+
right: 0;
|
|
508
|
+
}
|