@patternfly-java/finder 0.6.5 → 0.6.7

package/README.md

@@ -1,8 +1,10 @@
 # PatternFly Java Finder
 
-CSS styles for the [PatternFly Java](https://patternfly-java.github.io/) finder extension. The finder is a macOS Finder-style column browser for hierarchical navigation.
+CSS styles for the [PatternFly Java](https://patternfly-java.github.io/extensions/finder) finder extension. The finder is a macOS Finder-style column browser for hierarchical navigation.
 
-This package provides the CSS only. It is meant to be used together with the `org.patternfly:patternfly-java-finder` Maven artifact, which contains the Java component implementation.
+This package provides the CSS only. It is meant to be used together with the
+[
+`org.patternfly:patternfly-java-finder`](https://central.sonatype.com/artifact/org.patternfly/patternfly-java-finder) Maven artifact, which contains the Java component implementation.
 
 ## Installation
 
@@ -22,7 +24,8 @@ Import the CSS in your stylesheet or JavaScript entry point:
 
 ## Requirements
 
-This package requires [PatternFly 6](https://www.patternfly.org/) CSS (`@patternfly/patternfly`) to be present, as it references PatternFly design tokens for colors, spacing, borders, and typography.
+This package requires [PatternFly 6](https://www.patternfly.org/) CSS ([
+`@patternfly/patternfly`](https://www.npmjs.com/package/@patternfly/patternfly)) to be present, as it references PatternFly design tokens for colors, spacing, borders, and typography.
 
 ## License
 

package/finder.css

@@ -93,6 +93,8 @@
     /* Preview */
     --pf-v6-c-finder__preview--MinWidth: 24rem;
     --pf-v6-c-finder__preview--BackgroundColor: var(--pf-t--global--background--color--primary--default);
+    --pf-v6-c-finder__preview--BorderLeftColor: var(--pf-t--global--border--color--default);
+    --pf-v6-c-finder__preview--BorderLeftWidth: var(--pf-t--global--border--width--100);
 }
 
 /* ===================================================================
@@ -102,12 +104,15 @@
 .pf-v6-c-finder {
     display: flex;
     background-color: var(--pf-v6-c-finder--BackgroundColor);
-    border: var(--pf-v6-c-finder--BorderWidth) solid var(--pf-v6-c-finder--BorderColor);
-    border-radius: var(--pf-v6-c-finder--BorderRadius);
     font-size: var(--pf-v6-c-finder--FontSize);
     color: var(--pf-v6-c-finder--Color);
 }
 
+.pf-v6-c-finder.pf-m-bordered {
+    border: var(--pf-v6-c-finder--BorderWidth) solid var(--pf-v6-c-finder--BorderColor);
+    border-radius: var(--pf-v6-c-finder--BorderRadius);
+}
+
 /* ===================================================================
    Columns container (scrollable)
    =================================================================== */
@@ -237,6 +242,7 @@
     display: flex;
     flex-direction: column;
     min-width: 0;
+    flex-grow: 1;
 }
 
 .pf-v6-c-finder__item-text {
@@ -259,17 +265,15 @@
 }
 
 .pf-v6-c-finder__item-actions {
-    display: inline-flex;
+    display: none;
     align-items: center;
     gap: var(--pf-t--global--spacer--100);
     margin-inline-start: var(--pf-v6-c-finder__item-actions--MarginInlineStart);
     flex-shrink: 0;
-    opacity: 0;
 }
 
-.pf-v6-c-finder__item:hover .pf-v6-c-finder__item-actions,
 .pf-v6-c-finder__item.pf-m-selected .pf-v6-c-finder__item-actions {
-    opacity: 1;
+    display: inline-flex;
 }
 
 .pf-v6-c-finder__item-pin {
@@ -350,6 +354,30 @@
     background-color: var(--pf-v6-c-finder__item--m-selected--BackgroundColor);
 }
 
+.pf-v6-c-finder__column.pf-m-active .pf-v6-c-finder__item.pf-m-selected .pf-v6-c-finder__item-actions .pf-v6-c-button {
+    --pf-v6-c-button__icon--Color: var(--pf-v6-c-finder__item--m-selected--Color);
+    --pf-v6-c-button--m-link--Color: var(--pf-v6-c-finder__item--m-selected--Color);
+    --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-finder__item--m-selected--Color);
+    --pf-v6-c-button--m-plain--hover--Color: var(--pf-v6-c-finder__item--m-selected--Color);
+    --pf-v6-c-button--m-plain--m-clicked--Color: var(--pf-v6-c-finder__item--m-selected--Color);
+}
+
+.pf-v6-c-finder__column.pf-m-active .pf-v6-c-finder__item.pf-m-selected .pf-v6-c-finder__item-actions .pf-v6-c-button.pf-m-link {
+    --pf-v6-c-button--hover--Color: var(--pf-v6-c-finder__item--m-selected--Color);
+    --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-finder__item--m-selected--Color);
+}
+
+.pf-v6-c-finder__column.pf-m-active .pf-v6-c-finder__item.pf-m-selected .pf-v6-c-finder__item-actions .pf-v6-c-menu-toggle.pf-m-plain {
+    --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-v6-c-finder__item--m-selected--Color);
+    --pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-finder__item--m-selected--Color);
+    --pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-finder__item--m-selected--Color);
+}
+
+.pf-v6-c-finder__column.pf-m-active .pf-v6-c-finder__item.pf-m-selected .pf-v6-c-finder__item-actions .pf-v6-c-menu-toggle.pf-m-split {
+    --pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-primary--hover--Color);
+    --pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-primary--expanded--Color);
+}
+
 .pf-v6-c-finder__column.pf-m-active .pf-v6-c-finder__item.pf-m-selected .pf-v6-c-finder__item-folder-icon {
     color: var(--pf-v6-c-finder__item-folder-icon--m-selected--Color);
 }
@@ -386,4 +414,6 @@
     background-color: var(--pf-v6-c-finder__preview--BackgroundColor);
     flex: 1;
     overflow-y: auto;
+    border-left: var(--pf-v6-c-finder__column--BorderRightWidth) solid var(--pf-v6-c-finder__column--BorderRightColor);
+    margin-left: calc(var(--pf-v6-c-finder__column--BorderRightWidth) * -1);
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly-java/finder",
   "private": false,
-  "version": "0.6.5",
+  "version": "0.6.7",
   "description": "CSS for the PatternFly Java finder extension.",
   "homepage": "https://patternfly-java.github.io/",
   "repository": {