najm-kit 2.1.47 → 2.1.49
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/CHANGELOG.md +42 -0
- package/README.md +140 -6
- package/dist/index.d.ts +104 -5
- package/dist/index.mjs +625 -180
- package/dist/theme.css +60 -2
- package/package.json +4 -2
package/dist/theme.css
CHANGED
|
@@ -307,10 +307,68 @@ input:autofill {
|
|
|
307
307
|
overflow-x: auto;
|
|
308
308
|
scrollbar-width: none;
|
|
309
309
|
}
|
|
310
|
-
.najm-overlay-scroll-x::-webkit-scrollbar {
|
|
311
|
-
display: none;
|
|
310
|
+
.najm-overlay-scroll-x::-webkit-scrollbar {
|
|
311
|
+
display: none;
|
|
312
|
+
}
|
|
313
|
+
|
|
314
|
+
/* Responsive table actions stay discoverable on touch and tablet layouts.
|
|
315
|
+
Fine-pointer desktops may keep the quieter hover/focus reveal treatment. */
|
|
316
|
+
.ntable-card-action {
|
|
317
|
+
opacity: 1;
|
|
318
|
+
}
|
|
319
|
+
|
|
320
|
+
@media (min-width: 64rem) and (hover: hover) and (pointer: fine) {
|
|
321
|
+
.ntable-card-action {
|
|
322
|
+
opacity: 0;
|
|
323
|
+
}
|
|
324
|
+
|
|
325
|
+
.group:hover > .ntable-card-action,
|
|
326
|
+
.group:focus-within > .ntable-card-action,
|
|
327
|
+
.ntable-card-action:focus,
|
|
328
|
+
.ntable-card-action:focus-within {
|
|
329
|
+
opacity: 1;
|
|
330
|
+
}
|
|
331
|
+
}
|
|
332
|
+
|
|
333
|
+
/* ImageInput controls (clear button and replace overlay) stay visible on touch
|
|
334
|
+
and coarse-pointer devices. Only on fine-pointer desktops do they fall back to
|
|
335
|
+
a hover/focus reveal. Keyboard focus always restores visibility. The rule
|
|
336
|
+
below ships in dist/theme.css via scripts/build-css.mjs so the JSX only needs
|
|
337
|
+
to reference the static class names. */
|
|
338
|
+
.nimage-input-control {
|
|
339
|
+
opacity: 1;
|
|
312
340
|
}
|
|
313
341
|
|
|
342
|
+
@media (hover: hover) and (pointer: fine) {
|
|
343
|
+
.nimage-input-control {
|
|
344
|
+
opacity: 0;
|
|
345
|
+
}
|
|
346
|
+
|
|
347
|
+
.group\/image:hover .nimage-input-control,
|
|
348
|
+
.group\/image:focus-within .nimage-input-control,
|
|
349
|
+
.nimage-input-control:focus,
|
|
350
|
+
.nimage-input-control:focus-visible {
|
|
351
|
+
opacity: 1;
|
|
352
|
+
}
|
|
353
|
+
}
|
|
354
|
+
|
|
355
|
+
.nimage-input-compact-overlay {
|
|
356
|
+
opacity: 1;
|
|
357
|
+
}
|
|
358
|
+
|
|
359
|
+
@media (hover: hover) and (pointer: fine) {
|
|
360
|
+
.nimage-input-compact-overlay {
|
|
361
|
+
opacity: 0;
|
|
362
|
+
}
|
|
363
|
+
|
|
364
|
+
.group\/image:hover .nimage-input-compact-overlay,
|
|
365
|
+
.group\/image:focus-within .nimage-input-compact-overlay,
|
|
366
|
+
.nimage-input-compact-overlay:focus,
|
|
367
|
+
.nimage-input-compact-overlay:focus-visible {
|
|
368
|
+
opacity: 1;
|
|
369
|
+
}
|
|
370
|
+
}
|
|
371
|
+
|
|
314
372
|
/* OverlayScrollbars theme used by the <NajmScroll> component — a thin,
|
|
315
373
|
translucent slate bar that floats over content with no reserved space.
|
|
316
374
|
Keep this selector more specific than OverlayScrollbars' appended
|
package/package.json
CHANGED
|
@@ -1,13 +1,15 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "najm-kit",
|
|
3
|
-
"version": "2.1.
|
|
3
|
+
"version": "2.1.49",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"description": "Reusable React UI component package for Najm framework",
|
|
7
7
|
"main": "./dist/index.mjs",
|
|
8
8
|
"types": "./dist/index.d.ts",
|
|
9
9
|
"files": [
|
|
10
|
-
"dist"
|
|
10
|
+
"dist",
|
|
11
|
+
"README.md",
|
|
12
|
+
"CHANGELOG.md"
|
|
11
13
|
],
|
|
12
14
|
"exports": {
|
|
13
15
|
".": {
|