yukit-web 0.2.6 → 0.2.7

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "yukit-web",
   "description": "Angular UI component library for Yurest web applications.",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "author": {
     "name": "Yurest Solutions",
     "email": "develop@yurest.com"

package/src/lib/theme/components/reveal-on-hover.css

@@ -0,0 +1,18 @@
+@media (hover: hover) {
+  .yuw-reveal {
+    opacity: 0;
+    transition: opacity 150ms ease-in-out;
+  }
+
+  .yuw-reveal-host:is(:hover, :has(:focus-visible)) .yuw-reveal,
+  [data-highlighted] .yuw-reveal,
+  .yuw-reveal:has(:focus-visible) {
+    opacity: 1;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .yuw-reveal {
+      transition: none;
+    }
+  }
+}

package/src/lib/theme/theme.css

@@ -11,6 +11,7 @@
  */
 @import './components/button.css';
 @import './components/button-group.css';
+@import './components/reveal-on-hover.css';
 @import './spartan-overwrites/accordion.css';
 
 @layer base {

package/types/yukit-web.d.ts

@@ -2323,7 +2323,8 @@ declare class YuwDatatableRowSelect {
 }
 
 /**
- * Pencil button cell that runs `onEdit`, an input because `flexRenderComponent` does not subscribe
+ * Pencil button cell that runs `onEdit`, hidden until its row is hovered or keyboard-focused (`yuw-reveal`,
+ * see `theme/components/reveal-on-hover.css`); touch devices keep it visible. An input because `flexRenderComponent` does not subscribe
  * outputs. The host stops the click so a clickable row does not fire twice.
  */
 declare class YuwActionsCellComponent {
@@ -2335,8 +2336,11 @@ declare class YuwActionsCellComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwActionsCellComponent, "yuw-actions-cell", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "onEdit": { "alias": "onEdit"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-/** Headerless `actions` column; `label` is the button's accessible name, already translated. */
-declare function buildYuwActionsColumn<Row extends RowData>(label: string, onEdit: (row: Row) => void, cellClass?: string): YuwDatatableColumnDef<Row>;
+/**
+ * `actions` column; `label` is the button's accessible name and `header` the optional visible
+ * column title, both already translated. Without `header` the column stays headerless.
+ */
+declare function buildYuwActionsColumn<Row extends RowData>(label: string, onEdit: (row: Row) => void, cellClass?: string, header?: string): YuwDatatableColumnDef<Row>;
 
 /** A single entry in `<yuw-avatar>`'s `group` input, which turns it into a stack of overlapping avatars. */
 interface YuwAvatarGroupItemDto {