@patternfly/patternfly 6.0.0-alpha.71 → 6.0.0-alpha.72

package/components/Label/label.css

@@ -133,6 +133,7 @@
   --pf-v5-c-label--m-custom--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--custom--hover);
   --pf-v5-c-label--m-clickable--hover--BorderWidth: 0;
   --pf-v5-c-label--m-clickable--hover--BorderColor: transparent;
+  --pf-v5-c-label--m-clickable__content--Cursor: pointer;
   --pf-v5-c-label--m-filled__actions--c-button--Color: var(--pf-v5-c-label__icon--Color);
   --pf-v5-c-label--m-outline--BorderWidth: var(--pf-t--global--border--width--button--default);
   --pf-v5-c-label--m-outline--BackgroundColor: transparent;
@@ -163,6 +164,7 @@
   --pf-v5-c-label--m-compact--m-editable--TextDecorationOffset: 0.0625rem;
   --pf-v5-c-label__content--MaxWidth: 100%;
   --pf-v5-c-label__content--Gap: var(--pf-t--global--spacer--xs);
+  --pf-v5-c-label__content--Cursor: initial;
   --pf-v5-c-label__icon--FontSize: var(--pf-t--global--icon--size--body--sm);
   --pf-v5-c-label__text--MaxWidth: 100%;
   --pf-v5-c-label__actions--MarginRight: calc(var(--pf-v5-c-label__actions--c-button--PaddingRight) * -1);
@@ -180,9 +182,11 @@
   --pf-v5-c-label--m-editable--TextDecorationOffset: 0.25rem;
   --pf-v5-c-label--m-editable--TextDecorationColor: currentcolor;
   --pf-v5-c-label--m-editable__content--MaxWidth: 16ch;
+  --pf-v5-c-label--m-editable__content--Cursor: pointer;
   --pf-v5-c-label--m-editable--m-editable-active--TextDecoration: none;
   --pf-v5-c-label--m-editable--m-editable-active--BackgroundColor: transparent;
   --pf-v5-c-label--m-editable--m-editable-active--Color: var(--pf-t--global--text--color--regular);
+  --pf-v5-c-label--m-editable--m-editable-active__content--Cursor: initial;
 }
 
 .pf-v5-c-label {
@@ -364,6 +368,7 @@
 }
 .pf-v5-c-label.pf-m-editable {
   --pf-v5-c-label__content--MaxWidth: var(--pf-v5-c-label--m-editable__content--MaxWidth);
+  --pf-v5-c-label__content--Cursor: var(--pf-v5-c-label--m-editable__content--Cursor);
 }
 .pf-v5-c-label.pf-m-editable .pf-v5-c-label__text {
   text-decoration: var(--pf-v5-c-label--m-editable--TextDecoration);
@@ -376,6 +381,7 @@
   --pf-v5-c-label--m-editable--TextDecoration: var(--pf-v5-c-label--m-editable--m-editable-active--TextDecoration);
   --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-editable--m-editable-active--BackgroundColor);
   --pf-v5-c-label--Color: var(--pf-v5-c-label--m-editable--m-editable-active--Color);
+  --pf-v5-c-label__content--Cursor: var(--pf-v5-c-label--m-editable--m-editable-active__content--Cursor);
 }
 .pf-v5-c-label.pf-m-overflow {
   --pf-v5-c-label--Color: var(--pf-v5-c-label--m-overflow--Color);
@@ -398,11 +404,8 @@
   --pf-v5-c-label--m-add--BorderColor: var(--pf-v5-c-label--m-add--hover--BorderColor);
   --pf-v5-c-label--m-add--BorderWidth: var(--pf-v5-c-label--m-add--hover--BorderWidth);
 }
-.pf-v5-c-label.pf-m-clickable .pf-v5-c-label__content, .pf-v5-c-label.pf-m-editable .pf-v5-c-label__content {
-  padding: 0;
-  cursor: pointer;
-  background-color: transparent;
-  border: none;
+.pf-v5-c-label.pf-m-clickable {
+  --pf-v5-c-label__content--Cursor: var(--pf-v5-c-label--m-clickable__content--Cursor);
 }
 .pf-v5-c-label.pf-m-clickable .pf-v5-c-label__content, .pf-v5-c-label.pf-m-clickable .pf-v5-c-label__content:is(:hover, :focus) {
   text-decoration: none;
@@ -436,8 +439,11 @@
 .pf-v5-c-label__content {
   gap: var(--pf-v5-c-label__content--Gap);
   max-width: var(--pf-v5-c-label__content--MaxWidth);
+  padding: 0;
   overflow: hidden;
   color: var(--pf-v5-c-label--Color);
+  cursor: var(--pf-v5-c-label__content--Cursor, revert);
+  background: transparent;
   border-width: 0;
 }
 .pf-v5-c-label__content::before {

package/components/Label/label.scss

@@ -166,6 +166,7 @@
   // Clickable
   --#{$label}--m-clickable--hover--BorderWidth: 0;
   --#{$label}--m-clickable--hover--BorderColor: transparent;
+  --#{$label}--m-clickable__content--Cursor: pointer;
 
   // Filled
   --#{$label}--m-filled__actions--c-button--Color: var(--#{$label}__icon--Color);
@@ -208,6 +209,7 @@
   // Content
   --#{$label}__content--MaxWidth: 100%;
   --#{$label}__content--Gap: var(--pf-t--global--spacer--xs);
+  --#{$label}__content--Cursor: initial;
 
   // Icon
   --#{$label}__icon--FontSize: var(--pf-t--global--icon--size--body--sm);
@@ -235,11 +237,13 @@
   --#{$label}--m-editable--TextDecorationOffset: #{pf-size-prem(4px)};
   --#{$label}--m-editable--TextDecorationColor: currentcolor;
   --#{$label}--m-editable__content--MaxWidth: 16ch;
+  --#{$label}--m-editable__content--Cursor: pointer;
 
   // Editable active
   --#{$label}--m-editable--m-editable-active--TextDecoration: none;
   --#{$label}--m-editable--m-editable-active--BackgroundColor: transparent;
-  --#{$label}--m-editable--m-editable-active--Color: var(--pf-t--global--text--color--regular);;
+  --#{$label}--m-editable--m-editable-active--Color: var(--pf-t--global--text--color--regular);
+  --#{$label}--m-editable--m-editable-active__content--Cursor: initial;
 }
 
 .#{$label} {
@@ -439,6 +443,7 @@
 
   &.pf-m-editable {
     --#{$label}__content--MaxWidth: var(--#{$label}--m-editable__content--MaxWidth);
+    --#{$label}__content--Cursor: var(--#{$label}--m-editable__content--Cursor);
 
     .#{$label}__text {
       text-decoration: var(--#{$label}--m-editable--TextDecoration);
@@ -453,6 +458,7 @@
     --#{$label}--m-editable--TextDecoration: var(--#{$label}--m-editable--m-editable-active--TextDecoration);
     --#{$label}--BackgroundColor: var(--#{$label}--m-editable--m-editable-active--BackgroundColor);
     --#{$label}--Color: var(--#{$label}--m-editable--m-editable-active--Color);
+    --#{$label}__content--Cursor: var(--#{$label}--m-editable--m-editable-active__content--Cursor);
   }
 
   &.pf-m-overflow {
@@ -481,17 +487,9 @@
     }
   }
 
-  &.pf-m-clickable,
-  &.pf-m-editable {
-    .#{$label}__content {
-      padding: 0;
-      cursor: pointer;
-      background-color: transparent;
-      border: none;
-    }
-  }
-
   &.pf-m-clickable {
+    --#{$label}__content--Cursor: var(--#{$label}--m-clickable__content--Cursor);
+
     .#{$label}__content {
       &,
       &:is(:hover, :focus) {
@@ -530,8 +528,11 @@
 .#{$label}__content {
   gap: var(--#{$label}__content--Gap);
   max-width: var(--#{$label}__content--MaxWidth);
+  padding: 0;
   overflow: hidden;
   color: var(--#{$label}--Color);
+  cursor: var(--#{$label}__content--Cursor, revert);
+  background: transparent;
   border-width: 0;
 
   &::before {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/patternfly",
   "description": "Assets, source, tooling, and content for PatternFly 4",
-  "version": "6.0.0-alpha.71",
+  "version": "6.0.0-alpha.72",
   "keywords": [],
   "license": "MIT",
   "scripts": {

package/patternfly-no-globals.css

@@ -18275,6 +18275,7 @@ label.pf-v5-c-input-group__text {
   --pf-v5-c-label--m-custom--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--custom--hover);
   --pf-v5-c-label--m-clickable--hover--BorderWidth: 0;
   --pf-v5-c-label--m-clickable--hover--BorderColor: transparent;
+  --pf-v5-c-label--m-clickable__content--Cursor: pointer;
   --pf-v5-c-label--m-filled__actions--c-button--Color: var(--pf-v5-c-label__icon--Color);
   --pf-v5-c-label--m-outline--BorderWidth: var(--pf-t--global--border--width--button--default);
   --pf-v5-c-label--m-outline--BackgroundColor: transparent;
@@ -18305,6 +18306,7 @@ label.pf-v5-c-input-group__text {
   --pf-v5-c-label--m-compact--m-editable--TextDecorationOffset: 0.0625rem;
   --pf-v5-c-label__content--MaxWidth: 100%;
   --pf-v5-c-label__content--Gap: var(--pf-t--global--spacer--xs);
+  --pf-v5-c-label__content--Cursor: initial;
   --pf-v5-c-label__icon--FontSize: var(--pf-t--global--icon--size--body--sm);
   --pf-v5-c-label__text--MaxWidth: 100%;
   --pf-v5-c-label__actions--MarginRight: calc(var(--pf-v5-c-label__actions--c-button--PaddingRight) * -1);
@@ -18322,9 +18324,11 @@ label.pf-v5-c-input-group__text {
   --pf-v5-c-label--m-editable--TextDecorationOffset: 0.25rem;
   --pf-v5-c-label--m-editable--TextDecorationColor: currentcolor;
   --pf-v5-c-label--m-editable__content--MaxWidth: 16ch;
+  --pf-v5-c-label--m-editable__content--Cursor: pointer;
   --pf-v5-c-label--m-editable--m-editable-active--TextDecoration: none;
   --pf-v5-c-label--m-editable--m-editable-active--BackgroundColor: transparent;
   --pf-v5-c-label--m-editable--m-editable-active--Color: var(--pf-t--global--text--color--regular);
+  --pf-v5-c-label--m-editable--m-editable-active__content--Cursor: initial;
 }
 
 .pf-v5-c-label {
@@ -18506,6 +18510,7 @@ label.pf-v5-c-input-group__text {
 }
 .pf-v5-c-label.pf-m-editable {
   --pf-v5-c-label__content--MaxWidth: var(--pf-v5-c-label--m-editable__content--MaxWidth);
+  --pf-v5-c-label__content--Cursor: var(--pf-v5-c-label--m-editable__content--Cursor);
 }
 .pf-v5-c-label.pf-m-editable .pf-v5-c-label__text {
   text-decoration: var(--pf-v5-c-label--m-editable--TextDecoration);
@@ -18518,6 +18523,7 @@ label.pf-v5-c-input-group__text {
   --pf-v5-c-label--m-editable--TextDecoration: var(--pf-v5-c-label--m-editable--m-editable-active--TextDecoration);
   --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-editable--m-editable-active--BackgroundColor);
   --pf-v5-c-label--Color: var(--pf-v5-c-label--m-editable--m-editable-active--Color);
+  --pf-v5-c-label__content--Cursor: var(--pf-v5-c-label--m-editable--m-editable-active__content--Cursor);
 }
 .pf-v5-c-label.pf-m-overflow {
   --pf-v5-c-label--Color: var(--pf-v5-c-label--m-overflow--Color);
@@ -18540,11 +18546,8 @@ label.pf-v5-c-input-group__text {
   --pf-v5-c-label--m-add--BorderColor: var(--pf-v5-c-label--m-add--hover--BorderColor);
   --pf-v5-c-label--m-add--BorderWidth: var(--pf-v5-c-label--m-add--hover--BorderWidth);
 }
-.pf-v5-c-label.pf-m-clickable .pf-v5-c-label__content, .pf-v5-c-label.pf-m-editable .pf-v5-c-label__content {
-  padding: 0;
-  cursor: pointer;
-  background-color: transparent;
-  border: none;
+.pf-v5-c-label.pf-m-clickable {
+  --pf-v5-c-label__content--Cursor: var(--pf-v5-c-label--m-clickable__content--Cursor);
 }
 .pf-v5-c-label.pf-m-clickable .pf-v5-c-label__content, .pf-v5-c-label.pf-m-clickable .pf-v5-c-label__content:is(:hover, :focus) {
   text-decoration: none;
@@ -18578,8 +18581,11 @@ label.pf-v5-c-input-group__text {
 .pf-v5-c-label__content {
   gap: var(--pf-v5-c-label__content--Gap);
   max-width: var(--pf-v5-c-label__content--MaxWidth);
+  padding: 0;
   overflow: hidden;
   color: var(--pf-v5-c-label--Color);
+  cursor: var(--pf-v5-c-label__content--Cursor, revert);
+  background: transparent;
   border-width: 0;
 }
 .pf-v5-c-label__content::before {

package/patternfly-theme-dark-unversioned.css

@@ -18392,6 +18392,7 @@ label.pf-v5-c-input-group__text {
   --pf-v5-c-label--m-custom--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--custom--hover);
   --pf-v5-c-label--m-clickable--hover--BorderWidth: 0;
   --pf-v5-c-label--m-clickable--hover--BorderColor: transparent;
+  --pf-v5-c-label--m-clickable__content--Cursor: pointer;
   --pf-v5-c-label--m-filled__actions--c-button--Color: var(--pf-v5-c-label__icon--Color);
   --pf-v5-c-label--m-outline--BorderWidth: var(--pf-t--global--border--width--button--default);
   --pf-v5-c-label--m-outline--BackgroundColor: transparent;
@@ -18422,6 +18423,7 @@ label.pf-v5-c-input-group__text {
   --pf-v5-c-label--m-compact--m-editable--TextDecorationOffset: 0.0625rem;
   --pf-v5-c-label__content--MaxWidth: 100%;
   --pf-v5-c-label__content--Gap: var(--pf-t--global--spacer--xs);
+  --pf-v5-c-label__content--Cursor: initial;
   --pf-v5-c-label__icon--FontSize: var(--pf-t--global--icon--size--body--sm);
   --pf-v5-c-label__text--MaxWidth: 100%;
   --pf-v5-c-label__actions--MarginRight: calc(var(--pf-v5-c-label__actions--c-button--PaddingRight) * -1);
@@ -18439,9 +18441,11 @@ label.pf-v5-c-input-group__text {
   --pf-v5-c-label--m-editable--TextDecorationOffset: 0.25rem;
   --pf-v5-c-label--m-editable--TextDecorationColor: currentcolor;
   --pf-v5-c-label--m-editable__content--MaxWidth: 16ch;
+  --pf-v5-c-label--m-editable__content--Cursor: pointer;
   --pf-v5-c-label--m-editable--m-editable-active--TextDecoration: none;
   --pf-v5-c-label--m-editable--m-editable-active--BackgroundColor: transparent;
   --pf-v5-c-label--m-editable--m-editable-active--Color: var(--pf-t--global--text--color--regular);
+  --pf-v5-c-label--m-editable--m-editable-active__content--Cursor: initial;
 }
 
 .pf-v5-c-label {
@@ -18623,6 +18627,7 @@ label.pf-v5-c-input-group__text {
 }
 .pf-v5-c-label.pf-m-editable {
   --pf-v5-c-label__content--MaxWidth: var(--pf-v5-c-label--m-editable__content--MaxWidth);
+  --pf-v5-c-label__content--Cursor: var(--pf-v5-c-label--m-editable__content--Cursor);
 }
 .pf-v5-c-label.pf-m-editable .pf-v5-c-label__text {
   text-decoration: var(--pf-v5-c-label--m-editable--TextDecoration);
@@ -18635,6 +18640,7 @@ label.pf-v5-c-input-group__text {
   --pf-v5-c-label--m-editable--TextDecoration: var(--pf-v5-c-label--m-editable--m-editable-active--TextDecoration);
   --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-editable--m-editable-active--BackgroundColor);
   --pf-v5-c-label--Color: var(--pf-v5-c-label--m-editable--m-editable-active--Color);
+  --pf-v5-c-label__content--Cursor: var(--pf-v5-c-label--m-editable--m-editable-active__content--Cursor);
 }
 .pf-v5-c-label.pf-m-overflow {
   --pf-v5-c-label--Color: var(--pf-v5-c-label--m-overflow--Color);
@@ -18657,11 +18663,8 @@ label.pf-v5-c-input-group__text {
   --pf-v5-c-label--m-add--BorderColor: var(--pf-v5-c-label--m-add--hover--BorderColor);
   --pf-v5-c-label--m-add--BorderWidth: var(--pf-v5-c-label--m-add--hover--BorderWidth);
 }
-.pf-v5-c-label.pf-m-clickable .pf-v5-c-label__content, .pf-v5-c-label.pf-m-editable .pf-v5-c-label__content {
-  padding: 0;
-  cursor: pointer;
-  background-color: transparent;
-  border: none;
+.pf-v5-c-label.pf-m-clickable {
+  --pf-v5-c-label__content--Cursor: var(--pf-v5-c-label--m-clickable__content--Cursor);
 }
 .pf-v5-c-label.pf-m-clickable .pf-v5-c-label__content, .pf-v5-c-label.pf-m-clickable .pf-v5-c-label__content:is(:hover, :focus) {
   text-decoration: none;
@@ -18695,8 +18698,11 @@ label.pf-v5-c-input-group__text {
 .pf-v5-c-label__content {
   gap: var(--pf-v5-c-label__content--Gap);
   max-width: var(--pf-v5-c-label__content--MaxWidth);
+  padding: 0;
   overflow: hidden;
   color: var(--pf-v5-c-label--Color);
+  cursor: var(--pf-v5-c-label__content--Cursor, revert);
+  background: transparent;
   border-width: 0;
 }
 .pf-v5-c-label__content::before {

package/patternfly.css

@@ -18392,6 +18392,7 @@ label.pf-v5-c-input-group__text {
   --pf-v5-c-label--m-custom--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--custom--hover);
   --pf-v5-c-label--m-clickable--hover--BorderWidth: 0;
   --pf-v5-c-label--m-clickable--hover--BorderColor: transparent;
+  --pf-v5-c-label--m-clickable__content--Cursor: pointer;
   --pf-v5-c-label--m-filled__actions--c-button--Color: var(--pf-v5-c-label__icon--Color);
   --pf-v5-c-label--m-outline--BorderWidth: var(--pf-t--global--border--width--button--default);
   --pf-v5-c-label--m-outline--BackgroundColor: transparent;
@@ -18422,6 +18423,7 @@ label.pf-v5-c-input-group__text {
   --pf-v5-c-label--m-compact--m-editable--TextDecorationOffset: 0.0625rem;
   --pf-v5-c-label__content--MaxWidth: 100%;
   --pf-v5-c-label__content--Gap: var(--pf-t--global--spacer--xs);
+  --pf-v5-c-label__content--Cursor: initial;
   --pf-v5-c-label__icon--FontSize: var(--pf-t--global--icon--size--body--sm);
   --pf-v5-c-label__text--MaxWidth: 100%;
   --pf-v5-c-label__actions--MarginRight: calc(var(--pf-v5-c-label__actions--c-button--PaddingRight) * -1);
@@ -18439,9 +18441,11 @@ label.pf-v5-c-input-group__text {
   --pf-v5-c-label--m-editable--TextDecorationOffset: 0.25rem;
   --pf-v5-c-label--m-editable--TextDecorationColor: currentcolor;
   --pf-v5-c-label--m-editable__content--MaxWidth: 16ch;
+  --pf-v5-c-label--m-editable__content--Cursor: pointer;
   --pf-v5-c-label--m-editable--m-editable-active--TextDecoration: none;
   --pf-v5-c-label--m-editable--m-editable-active--BackgroundColor: transparent;
   --pf-v5-c-label--m-editable--m-editable-active--Color: var(--pf-t--global--text--color--regular);
+  --pf-v5-c-label--m-editable--m-editable-active__content--Cursor: initial;
 }
 
 .pf-v5-c-label {
@@ -18623,6 +18627,7 @@ label.pf-v5-c-input-group__text {
 }
 .pf-v5-c-label.pf-m-editable {
   --pf-v5-c-label__content--MaxWidth: var(--pf-v5-c-label--m-editable__content--MaxWidth);
+  --pf-v5-c-label__content--Cursor: var(--pf-v5-c-label--m-editable__content--Cursor);
 }
 .pf-v5-c-label.pf-m-editable .pf-v5-c-label__text {
   text-decoration: var(--pf-v5-c-label--m-editable--TextDecoration);
@@ -18635,6 +18640,7 @@ label.pf-v5-c-input-group__text {
   --pf-v5-c-label--m-editable--TextDecoration: var(--pf-v5-c-label--m-editable--m-editable-active--TextDecoration);
   --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-editable--m-editable-active--BackgroundColor);
   --pf-v5-c-label--Color: var(--pf-v5-c-label--m-editable--m-editable-active--Color);
+  --pf-v5-c-label__content--Cursor: var(--pf-v5-c-label--m-editable--m-editable-active__content--Cursor);
 }
 .pf-v5-c-label.pf-m-overflow {
   --pf-v5-c-label--Color: var(--pf-v5-c-label--m-overflow--Color);
@@ -18657,11 +18663,8 @@ label.pf-v5-c-input-group__text {
   --pf-v5-c-label--m-add--BorderColor: var(--pf-v5-c-label--m-add--hover--BorderColor);
   --pf-v5-c-label--m-add--BorderWidth: var(--pf-v5-c-label--m-add--hover--BorderWidth);
 }
-.pf-v5-c-label.pf-m-clickable .pf-v5-c-label__content, .pf-v5-c-label.pf-m-editable .pf-v5-c-label__content {
-  padding: 0;
-  cursor: pointer;
-  background-color: transparent;
-  border: none;
+.pf-v5-c-label.pf-m-clickable {
+  --pf-v5-c-label__content--Cursor: var(--pf-v5-c-label--m-clickable__content--Cursor);
 }
 .pf-v5-c-label.pf-m-clickable .pf-v5-c-label__content, .pf-v5-c-label.pf-m-clickable .pf-v5-c-label__content:is(:hover, :focus) {
   text-decoration: none;
@@ -18695,8 +18698,11 @@ label.pf-v5-c-input-group__text {
 .pf-v5-c-label__content {
   gap: var(--pf-v5-c-label__content--Gap);
   max-width: var(--pf-v5-c-label__content--MaxWidth);
+  padding: 0;
   overflow: hidden;
   color: var(--pf-v5-c-label--Color);
+  cursor: var(--pf-v5-c-label__content--Cursor, revert);
+  background: transparent;
   border-width: 0;
 }
 .pf-v5-c-label__content::before {