@patternfly/patternfly 6.0.0-alpha.105 → 6.0.0-alpha.106
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/components/Label/label.css +14 -0
- package/components/Label/label.scss +19 -0
- package/docs/components/Label/examples/Label.md +1781 -56
- package/package.json +1 -1
- package/patternfly-no-globals.css +14 -0
- package/patternfly-theme-dark-unversioned.css +14 -0
- package/patternfly.css +14 -0
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -186,6 +186,10 @@
|
|
|
186
186
|
--pf-v6-c-label--m-editable--m-editable-active--BackgroundColor: transparent;
|
|
187
187
|
--pf-v6-c-label--m-editable--m-editable-active--Color: var(--pf-t--global--text--color--regular);
|
|
188
188
|
--pf-v6-c-label--m-editable--m-editable-active__content--Cursor: initial;
|
|
189
|
+
--pf-v6-c-label--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
190
|
+
--pf-v6-c-label--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
191
|
+
--pf-v6-c-label--m-disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
|
|
192
|
+
--pf-v6-c-label--m-disabled--c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
189
193
|
}
|
|
190
194
|
|
|
191
195
|
.pf-v6-c-label {
|
|
@@ -420,6 +424,16 @@
|
|
|
420
424
|
.pf-v6-c-label.pf-m-clickable .pf-v6-c-label__content:is(:hover, :focus) ~ .pf-v6-c-label__actions .pf-v6-c-button {
|
|
421
425
|
--pf-v6-c-label--m-filled__actions--c-button--Color: var(--pf-v6-c-label--m-clickable--hover__icon--Color);
|
|
422
426
|
}
|
|
427
|
+
.pf-v6-c-label.pf-m-disabled {
|
|
428
|
+
--pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-disabled--BackgroundColor);
|
|
429
|
+
--pf-v6-c-label--Color: var(--pf-v6-c-label--m-disabled--Color);
|
|
430
|
+
--pf-v6-c-label__icon--Color: var(--pf-v6-c-label--m-disabled__icon--Color);
|
|
431
|
+
--pf-v6-c-label--BorderWidth: 0;
|
|
432
|
+
pointer-events: none;
|
|
433
|
+
}
|
|
434
|
+
.pf-v6-c-label.pf-m-disabled .pf-v6-c-button {
|
|
435
|
+
--pf-v6-c-button--m-plain--disabled--Color: var(--pf-v6-c-label--m-disabled--c-button--disabled--Color);
|
|
436
|
+
}
|
|
423
437
|
|
|
424
438
|
.pf-v6-c-label,
|
|
425
439
|
.pf-v6-c-label__content {
|
|
@@ -243,6 +243,12 @@
|
|
|
243
243
|
--#{$label}--m-editable--m-editable-active--BackgroundColor: transparent;
|
|
244
244
|
--#{$label}--m-editable--m-editable-active--Color: var(--pf-t--global--text--color--regular);
|
|
245
245
|
--#{$label}--m-editable--m-editable-active__content--Cursor: initial;
|
|
246
|
+
|
|
247
|
+
// Disabled
|
|
248
|
+
--#{$label}--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
249
|
+
--#{$label}--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
250
|
+
--#{$label}--m-disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
|
|
251
|
+
--#{$label}--m-disabled--c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
246
252
|
}
|
|
247
253
|
|
|
248
254
|
.#{$label} {
|
|
@@ -508,6 +514,19 @@
|
|
|
508
514
|
}
|
|
509
515
|
}
|
|
510
516
|
}
|
|
517
|
+
|
|
518
|
+
&.pf-m-disabled {
|
|
519
|
+
--#{$label}--BackgroundColor: var(--#{$label}--m-disabled--BackgroundColor);
|
|
520
|
+
--#{$label}--Color: var(--#{$label}--m-disabled--Color);
|
|
521
|
+
--#{$label}__icon--Color: var(--#{$label}--m-disabled__icon--Color);
|
|
522
|
+
--#{$label}--BorderWidth: 0;
|
|
523
|
+
|
|
524
|
+
pointer-events: none;
|
|
525
|
+
|
|
526
|
+
.#{$button} {
|
|
527
|
+
--#{$button}--m-plain--disabled--Color: var(--#{$label}--m-disabled--c-button--disabled--Color);
|
|
528
|
+
}
|
|
529
|
+
}
|
|
511
530
|
}
|
|
512
531
|
|
|
513
532
|
.#{$label},
|