@robosophy/prime-theme 1.0.10 → 1.0.12
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 +49 -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);
|
|
@@ -422,11 +461,17 @@
|
|
|
422
461
|
.p-button-text:not(:disabled):hover {
|
|
423
462
|
background: transparent !important;
|
|
424
463
|
}
|
|
425
|
-
.p-button-success .icon {
|
|
426
|
-
color: var(--rs-color-green-500);
|
|
464
|
+
.p-button.p-button-success .rs-icon {
|
|
465
|
+
color: var(--rs-color-green-500) !important;
|
|
466
|
+
}
|
|
467
|
+
.p-button.p-button-info .rs-icon {
|
|
468
|
+
color: var(--rs-color-blue-500) !important;
|
|
469
|
+
}
|
|
470
|
+
.p-button.p-button-warn .rs-icon {
|
|
471
|
+
color: var(--rs-color-yellow-500) !important;
|
|
427
472
|
}
|
|
428
|
-
.p-button-
|
|
429
|
-
color: var(--rs-color-
|
|
473
|
+
.p-button.p-button-danger .rs-icon {
|
|
474
|
+
color: var(--rs-color-red-500) !important;
|
|
430
475
|
}
|
|
431
476
|
.p-button > .icon-container {
|
|
432
477
|
line-height: 0;
|