@patternfly/patternfly 6.2.0-prerelease.20 → 6.2.0-prerelease.21

package/components/ClipboardCopy/clipboard-copy.css

@@ -39,6 +39,9 @@
 .pf-v6-c-clipboard-copy.pf-m-inline.pf-m-block {
   display: block;
 }
+.pf-v6-c-clipboard-copy.pf-m-inline.pf-m-truncate {
+  display: inline-flex;
+}
 
 .pf-v6-c-clipboard-copy__group {
   display: flex;

package/components/ClipboardCopy/clipboard-copy.scss

@@ -55,6 +55,10 @@
     &.pf-m-block {
       display: block;
     }
+
+    &.pf-m-truncate {
+      display: inline-flex;
+    }
   }
 }
 

package/components/_index.css

@@ -2781,6 +2781,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
 .pf-v6-c-clipboard-copy.pf-m-inline.pf-m-block {
   display: block;
 }
+.pf-v6-c-clipboard-copy.pf-m-inline.pf-m-truncate {
+  display: inline-flex;
+}
 
 .pf-v6-c-clipboard-copy__group {
   display: flex;

package/docs/components/ClipboardCopy/examples/ClipboardCopy.md

@@ -503,6 +503,34 @@ cssPrefix: pf-v6-c-clipboard-copy
 
 ```
 
+### Inline compact with truncation
+
+```html
+<div class="pf-v6-c-clipboard-copy pf-m-inline pf-m-truncate">
+  <span class="pf-v6-c-clipboard-copy__text">
+    <span class="pf-v6-c-truncate">
+      <span
+        class="pf-v6-c-truncate__start"
+      >This lengthy, copyable content will be truncated with default settings when the truncation prop is simply set to true. This is useful for quickly applying truncation without needing to worry about any other properties to set.</span>
+    </span>
+  </span>
+  <span class="pf-v6-c-clipboard-copy__actions">
+    <span class="pf-v6-c-clipboard-copy__actions-item">
+      <button
+        class="pf-v6-c-button pf-m-no-padding pf-m-plain"
+        type="button"
+        aria-label="Copy to clipboard"
+      >
+        <span class="pf-v6-c-button__icon">
+          <i class="fas fa-copy" aria-hidden="true"></i>
+        </span>
+      </button>
+    </span>
+  </span>
+</div>
+
+```
+
 ## Documentation
 
 ### Accessibility
@@ -529,6 +557,7 @@ cssPrefix: pf-v6-c-clipboard-copy
 | `.pf-v6-c-clipboard-copy__actions-item` | `<span>` | Initiates the inline copy clipboard actions item element. **Required** |
 | `.pf-m-inline` | `.pf-v6-c-clipboard-copy` | Modifies the clipboard copy component for inline styles. |
 | `.pf-m-block` | `.pf-v6-c-clipboard-copy.pf-m-inline` | Modifies the inline copy clipboard component to have block formatting. |
+| `.pf-m-truncate` | `.pf-v6-c-clipboard-copy.pf-m-truncate` | Modifies the inline copy clipboard component for use with text used in trucate component. |
 | `.pf-m-expanded` | `.pf-v6-c-clipboard-copy` | Modifies the clipboard copy component for the expanded state. |
 | `.pf-m-expanded` | `.pf-v6-c-button.pf-m-control` | Modifies the control toggle button for the expanded state. |
 | `.pf-m-code` | `code.pf-v6-c-clipboard-copy__text` | Modifies the inline copy clipboard text styles for use with the `<code>` element. |

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/patternfly",
   "description": "Assets, source, tooling, and content for PatternFly 4",
-  "version": "6.2.0-prerelease.20",
+  "version": "6.2.0-prerelease.21",
   "keywords": [],
   "license": "MIT",
   "scripts": {

package/patternfly-no-globals.css

@@ -10243,6 +10243,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
 .pf-v6-c-clipboard-copy.pf-m-inline.pf-m-block {
   display: block;
 }
+.pf-v6-c-clipboard-copy.pf-m-inline.pf-m-truncate {
+  display: inline-flex;
+}
 
 .pf-v6-c-clipboard-copy__group {
   display: flex;

package/patternfly.css

@@ -10379,6 +10379,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
 .pf-v6-c-clipboard-copy.pf-m-inline.pf-m-block {
   display: block;
 }
+.pf-v6-c-clipboard-copy.pf-m-inline.pf-m-truncate {
+  display: inline-flex;
+}
 
 .pf-v6-c-clipboard-copy__group {
   display: flex;