@robosophy/prime-theme 1.0.9 → 1.0.11
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/index.js +44 -0
- package/dist/prime.css +77 -4
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -110,6 +110,50 @@ var RobosophyPreset = definePreset(Aura, {
|
|
|
110
110
|
color: "var(--rs-color-text-button-secondary)",
|
|
111
111
|
hoverColor: "var(--rs-color-text-button-secondary)",
|
|
112
112
|
activeColor: "var(--rs-color-text-button-secondary)"
|
|
113
|
+
},
|
|
114
|
+
success: {
|
|
115
|
+
background: "var(--rs-color-button-green-surface)",
|
|
116
|
+
hoverBackground: "var(--rs-color-button-green-surface)",
|
|
117
|
+
activeBackground: "var(--rs-color-button-green-surface)",
|
|
118
|
+
borderColor: "var(--rs-color-button-green-surface)",
|
|
119
|
+
hoverBorderColor: "var(--rs-color-button-green-surface)",
|
|
120
|
+
activeBorderColor: "var(--rs-color-button-green-surface)",
|
|
121
|
+
color: "var(--rs-color-text-button-secondary)",
|
|
122
|
+
hoverColor: "var(--rs-color-text-button-secondary)",
|
|
123
|
+
activeColor: "var(--rs-color-text-button-secondary)"
|
|
124
|
+
},
|
|
125
|
+
info: {
|
|
126
|
+
background: "var(--rs-color-button-blue-surface)",
|
|
127
|
+
hoverBackground: "var(--rs-color-button-blue-surface)",
|
|
128
|
+
activeBackground: "var(--rs-color-button-blue-surface)",
|
|
129
|
+
borderColor: "var(--rs-color-button-blue-surface)",
|
|
130
|
+
hoverBorderColor: "var(--rs-color-button-blue-surface)",
|
|
131
|
+
activeBorderColor: "var(--rs-color-button-blue-surface)",
|
|
132
|
+
color: "var(--rs-color-text-button-secondary)",
|
|
133
|
+
hoverColor: "var(--rs-color-text-button-secondary)",
|
|
134
|
+
activeColor: "var(--rs-color-text-button-secondary)"
|
|
135
|
+
},
|
|
136
|
+
warn: {
|
|
137
|
+
background: "var(--rs-color-button-yellow-surface)",
|
|
138
|
+
hoverBackground: "var(--rs-color-button-yellow-surface)",
|
|
139
|
+
activeBackground: "var(--rs-color-button-yellow-surface)",
|
|
140
|
+
borderColor: "var(--rs-color-button-yellow-surface)",
|
|
141
|
+
hoverBorderColor: "var(--rs-color-button-yellow-surface)",
|
|
142
|
+
activeBorderColor: "var(--rs-color-button-yellow-surface)",
|
|
143
|
+
color: "var(--rs-color-text-button-secondary)",
|
|
144
|
+
hoverColor: "var(--rs-color-text-button-secondary)",
|
|
145
|
+
activeColor: "var(--rs-color-text-button-secondary)"
|
|
146
|
+
},
|
|
147
|
+
danger: {
|
|
148
|
+
background: "var(--rs-color-button-red-surface)",
|
|
149
|
+
hoverBackground: "var(--rs-color-button-red-surface)",
|
|
150
|
+
activeBackground: "var(--rs-color-button-red-surface)",
|
|
151
|
+
borderColor: "var(--rs-color-button-red-surface)",
|
|
152
|
+
hoverBorderColor: "var(--rs-color-button-red-surface)",
|
|
153
|
+
activeBorderColor: "var(--rs-color-button-red-surface)",
|
|
154
|
+
color: "var(--rs-color-text-button-secondary)",
|
|
155
|
+
hoverColor: "var(--rs-color-text-button-secondary)",
|
|
156
|
+
activeColor: "var(--rs-color-text-button-secondary)"
|
|
113
157
|
}
|
|
114
158
|
},
|
|
115
159
|
outlined: {
|
package/dist/prime.css
CHANGED
|
@@ -105,8 +105,47 @@
|
|
|
105
105
|
|
|
106
106
|
/* === BUTTON SUCCESS === */
|
|
107
107
|
--p-button-success-background: var(--rs-color-button-green-surface);
|
|
108
|
+
--p-button-success-hover-background: var(--rs-color-button-green-surface);
|
|
109
|
+
--p-button-success-active-background: var(--rs-color-button-green-surface);
|
|
108
110
|
--p-button-success-color: var(--rs-color-text-button-secondary);
|
|
111
|
+
--p-button-success-hover-color: var(--rs-color-text-button-secondary);
|
|
112
|
+
--p-button-success-active-color: var(--rs-color-text-button-secondary);
|
|
109
113
|
--p-button-success-border-color: var(--rs-color-button-green-surface);
|
|
114
|
+
--p-button-success-hover-border-color: var(--rs-color-button-green-surface);
|
|
115
|
+
--p-button-success-active-border-color: var(--rs-color-button-green-surface);
|
|
116
|
+
|
|
117
|
+
/* === BUTTON INFO === */
|
|
118
|
+
--p-button-info-background: var(--rs-color-button-blue-surface);
|
|
119
|
+
--p-button-info-hover-background: var(--rs-color-button-blue-surface);
|
|
120
|
+
--p-button-info-active-background: var(--rs-color-button-blue-surface);
|
|
121
|
+
--p-button-info-color: var(--rs-color-text-button-secondary);
|
|
122
|
+
--p-button-info-hover-color: var(--rs-color-text-button-secondary);
|
|
123
|
+
--p-button-info-active-color: var(--rs-color-text-button-secondary);
|
|
124
|
+
--p-button-info-border-color: var(--rs-color-button-blue-surface);
|
|
125
|
+
--p-button-info-hover-border-color: var(--rs-color-button-blue-surface);
|
|
126
|
+
--p-button-info-active-border-color: var(--rs-color-button-blue-surface);
|
|
127
|
+
|
|
128
|
+
/* === BUTTON WARN === */
|
|
129
|
+
--p-button-warn-background: var(--rs-color-button-yellow-surface);
|
|
130
|
+
--p-button-warn-hover-background: var(--rs-color-button-yellow-surface);
|
|
131
|
+
--p-button-warn-active-background: var(--rs-color-button-yellow-surface);
|
|
132
|
+
--p-button-warn-color: var(--rs-color-text-button-secondary);
|
|
133
|
+
--p-button-warn-hover-color: var(--rs-color-text-button-secondary);
|
|
134
|
+
--p-button-warn-active-color: var(--rs-color-text-button-secondary);
|
|
135
|
+
--p-button-warn-border-color: var(--rs-color-button-yellow-surface);
|
|
136
|
+
--p-button-warn-hover-border-color: var(--rs-color-button-yellow-surface);
|
|
137
|
+
--p-button-warn-active-border-color: var(--rs-color-button-yellow-surface);
|
|
138
|
+
|
|
139
|
+
/* === BUTTON DANGER === */
|
|
140
|
+
--p-button-danger-background: var(--rs-color-button-red-surface);
|
|
141
|
+
--p-button-danger-hover-background: var(--rs-color-button-red-surface);
|
|
142
|
+
--p-button-danger-active-background: var(--rs-color-button-red-surface);
|
|
143
|
+
--p-button-danger-color: var(--rs-color-text-button-secondary);
|
|
144
|
+
--p-button-danger-hover-color: var(--rs-color-text-button-secondary);
|
|
145
|
+
--p-button-danger-active-color: var(--rs-color-text-button-secondary);
|
|
146
|
+
--p-button-danger-border-color: var(--rs-color-button-red-surface);
|
|
147
|
+
--p-button-danger-hover-border-color: var(--rs-color-button-red-surface);
|
|
148
|
+
--p-button-danger-active-border-color: var(--rs-color-button-red-surface);
|
|
110
149
|
|
|
111
150
|
/* === CHECKBOX / RADIO === */
|
|
112
151
|
--p-checkbox-checked-background: var(--rs-color-button-primary);
|
|
@@ -315,6 +354,13 @@
|
|
|
315
354
|
/* select */
|
|
316
355
|
.p-select {
|
|
317
356
|
font-weight: var(--p-select-font-weight);
|
|
357
|
+
height: 48px;
|
|
358
|
+
}
|
|
359
|
+
.p-select-sm {
|
|
360
|
+
height: 37px;
|
|
361
|
+
}
|
|
362
|
+
.p-select-lg {
|
|
363
|
+
height: 52px;
|
|
318
364
|
}
|
|
319
365
|
.p-select:not(.p-disabled).p-focus {
|
|
320
366
|
outline-color: transparent !important;
|
|
@@ -323,6 +369,36 @@
|
|
|
323
369
|
.p-select-label {
|
|
324
370
|
align-self: center;
|
|
325
371
|
}
|
|
372
|
+
/* cascadeselect */
|
|
373
|
+
.p-cascadeselect {
|
|
374
|
+
height: 48px;
|
|
375
|
+
}
|
|
376
|
+
.p-cascadeselect-sm {
|
|
377
|
+
height: 37px;
|
|
378
|
+
}
|
|
379
|
+
.p-cascadeselect-lg {
|
|
380
|
+
height: 52px;
|
|
381
|
+
}
|
|
382
|
+
.p-cascadeselect-label {
|
|
383
|
+
align-self: center;
|
|
384
|
+
}
|
|
385
|
+
/* multiselect */
|
|
386
|
+
.p-multiselect {
|
|
387
|
+
height: 48px;
|
|
388
|
+
}
|
|
389
|
+
.p-multiselect-sm {
|
|
390
|
+
height: 37px;
|
|
391
|
+
}
|
|
392
|
+
.p-multiselect-lg {
|
|
393
|
+
height: 52px;
|
|
394
|
+
}
|
|
395
|
+
.p-multiselect-label {
|
|
396
|
+
align-self: center;
|
|
397
|
+
}
|
|
398
|
+
/* autocomplete */
|
|
399
|
+
.p-autocomplete {
|
|
400
|
+
height: 48px;
|
|
401
|
+
}
|
|
326
402
|
/* menu */
|
|
327
403
|
.p-menu {
|
|
328
404
|
font-family: var(--rs-font-family);
|
|
@@ -385,12 +461,9 @@
|
|
|
385
461
|
.p-button-text:not(:disabled):hover {
|
|
386
462
|
background: transparent !important;
|
|
387
463
|
}
|
|
388
|
-
.p-button-success .icon {
|
|
464
|
+
.p-button.p-button-success .rs-icon {
|
|
389
465
|
color: var(--rs-color-green-500);
|
|
390
466
|
}
|
|
391
|
-
.p-button-success:hover .icon {
|
|
392
|
-
color: var(--rs-color-white-500);
|
|
393
|
-
}
|
|
394
467
|
.p-button > .icon-container {
|
|
395
468
|
line-height: 0;
|
|
396
469
|
}
|