@pitcher/css 2025.10.1-7.1760709496219 → 2025.10.1-7.1760710453627
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/index.html +1 -1
- package/package.json +1 -1
- package/pitcher-ui.css +27 -20
package/index.html
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<title>Pitcher UI Extended Demo</title>
|
|
7
7
|
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap" rel="stylesheet">
|
|
8
8
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
|
9
|
-
<link rel="stylesheet" href="
|
|
9
|
+
<link rel="stylesheet" href="pitcher-ui.css">
|
|
10
10
|
<script src="https://cdn.jsdelivr.net/npm/@pitcher/js-api"></script>
|
|
11
11
|
</head>
|
|
12
12
|
<body>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pitcher/css",
|
|
3
|
-
"version": "2025.10.17.
|
|
3
|
+
"version": "2025.10.17.1760710453627",
|
|
4
4
|
"description": "Pitcher UI Framework - A comprehensive CSS framework with components for building modern web applications",
|
|
5
5
|
"main": "pitcher-ui.css",
|
|
6
6
|
"style": "pitcher-ui.css",
|
package/pitcher-ui.css
CHANGED
|
@@ -249,22 +249,26 @@ p {
|
|
|
249
249
|
}
|
|
250
250
|
|
|
251
251
|
/* Icon Buttons */
|
|
252
|
-
.p-btn-icon
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
252
|
+
.p-btn-icon,
|
|
253
|
+
button.p-btn-icon {
|
|
254
|
+
width: 40px !important;
|
|
255
|
+
height: 40px !important;
|
|
256
|
+
min-width: 40px;
|
|
257
|
+
padding: 0 !important;
|
|
258
|
+
border-radius: 50% !important;
|
|
259
|
+
display: inline-flex !important;
|
|
258
260
|
align-items: center;
|
|
259
261
|
justify-content: center;
|
|
260
|
-
border: none;
|
|
262
|
+
border: none !important;
|
|
261
263
|
background: var(--p-primary6);
|
|
262
264
|
color: var(--p-text2);
|
|
263
265
|
cursor: pointer;
|
|
264
266
|
transition: all 0.2s;
|
|
265
|
-
text-transform: none;
|
|
266
|
-
letter-spacing: normal;
|
|
267
|
+
text-transform: none !important;
|
|
268
|
+
letter-spacing: normal !important;
|
|
267
269
|
flex-shrink: 0;
|
|
270
|
+
outline: none;
|
|
271
|
+
box-shadow: none;
|
|
268
272
|
}
|
|
269
273
|
|
|
270
274
|
.p-btn-icon:hover:not(:disabled) {
|
|
@@ -273,24 +277,27 @@ p {
|
|
|
273
277
|
}
|
|
274
278
|
|
|
275
279
|
.p-btn-icon.p-btn-icon-sm {
|
|
276
|
-
width: 32px;
|
|
277
|
-
height: 32px;
|
|
280
|
+
width: 32px !important;
|
|
281
|
+
height: 32px !important;
|
|
282
|
+
min-width: 32px;
|
|
278
283
|
font-size: var(--font-size-sm);
|
|
279
284
|
}
|
|
280
285
|
|
|
281
286
|
.p-btn-icon.p-btn-icon-lg {
|
|
282
|
-
width: 48px;
|
|
283
|
-
height: 48px;
|
|
287
|
+
width: 48px !important;
|
|
288
|
+
height: 48px !important;
|
|
289
|
+
min-width: 48px;
|
|
284
290
|
font-size: var(--font-size-lg);
|
|
285
291
|
}
|
|
286
292
|
|
|
287
293
|
.p-btn-icon.p-btn-icon-primary {
|
|
288
294
|
background: var(--p-primary);
|
|
289
|
-
color:
|
|
295
|
+
color: var(--p-base);
|
|
290
296
|
}
|
|
291
297
|
|
|
292
298
|
.p-btn-icon.p-btn-icon-primary:hover:not(:disabled) {
|
|
293
299
|
background: var(--p-primary2);
|
|
300
|
+
color: var(--p-base);
|
|
294
301
|
}
|
|
295
302
|
|
|
296
303
|
.p-btn-icon.p-btn-icon-danger {
|
|
@@ -299,8 +306,8 @@ p {
|
|
|
299
306
|
}
|
|
300
307
|
|
|
301
308
|
.p-btn-icon.p-btn-icon-danger:hover:not(:disabled) {
|
|
302
|
-
background:
|
|
303
|
-
color:
|
|
309
|
+
background: #fce8ec;
|
|
310
|
+
color: var(--p-error3);
|
|
304
311
|
}
|
|
305
312
|
|
|
306
313
|
.p-btn-icon.p-btn-icon-success {
|
|
@@ -309,17 +316,17 @@ p {
|
|
|
309
316
|
}
|
|
310
317
|
|
|
311
318
|
.p-btn-icon.p-btn-icon-success:hover:not(:disabled) {
|
|
312
|
-
background:
|
|
313
|
-
color:
|
|
319
|
+
background: #f4fce3;
|
|
320
|
+
color: var(--p-success3);
|
|
314
321
|
}
|
|
315
322
|
|
|
316
323
|
.p-btn-icon.p-btn-icon-outlined {
|
|
317
324
|
background: transparent;
|
|
318
|
-
border: 1px solid var(--rsk-color-gray-200);
|
|
325
|
+
border: 1px solid var(--rsk-color-gray-200) !important;
|
|
319
326
|
}
|
|
320
327
|
|
|
321
328
|
.p-btn-icon.p-btn-icon-outlined:hover:not(:disabled) {
|
|
322
|
-
border-color: var(--p-primary);
|
|
329
|
+
border-color: var(--p-primary) !important;
|
|
323
330
|
background: var(--p-primary6);
|
|
324
331
|
color: var(--p-primary);
|
|
325
332
|
}
|