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/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.47",
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
  ".": {