| .pf-v6-c-label | --pf-v6-c-label--PaddingBlockStart | |
- --pf-v6-c-label--PaddingBlockStart
- --pf-t--global--spacer--xs
- --pf-t--global--spacer--100
- 0.25rem
|
| .pf-v6-c-label | --pf-v6-c-label--PaddingInlineEnd | |
- --pf-v6-c-label--PaddingInlineEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-label | --pf-v6-c-label--PaddingBlockEnd | |
- --pf-v6-c-label--PaddingBlockEnd
- --pf-t--global--spacer--xs
- --pf-t--global--spacer--100
- 0.25rem
|
| .pf-v6-c-label | --pf-v6-c-label--PaddingInlineStart | |
- --pf-v6-c-label--PaddingInlineStart
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-label | --pf-v6-c-label--MaxWidth | |
| .pf-v6-c-label | --pf-v6-c-label--MinWidth | calc((0.75rem * 1.5 + 0.25rem + 0.25rem)) |
- --pf-v6-c-label--MinWidth
- calc((--pf-v6-c-label--FontSize * --pf-t--global--font--line-height--body + --pf-v6-c-label--PaddingBlockStart + --pf-v6-c-label--PaddingBlockEnd))
- calc((--pf-t--global--font--size--body--sm * --pf-t--global--font--line-height--200 + --pf-t--global--spacer--xs + --pf-t--global--spacer--xs))
- calc((--pf-t--global--font--size--xs * 1.5 + --pf-t--global--spacer--100 + --pf-t--global--spacer--100))
- calc((--pf-t--global--font--size--100 * 1.5 + 0.25rem + 0.25rem))
- calc((0.75rem * 1.5 + 0.25rem + 0.25rem))
|
| .pf-v6-c-label | --pf-v6-c-label--BorderWidth | |
- --pf-v6-c-label--BorderWidth
- --pf-t--global--border--width--high-contrast--regular
- 0px
|
| .pf-v6-c-label | --pf-v6-c-label--BorderColor |
(In light theme) rgb(255, 255, 255, 0.0000) |
- --pf-v6-c-label--BorderColor
- --pf-t--global--border--color--high-contrast
- rgb(255, 255, 255, 0.0000)
|
| .pf-v6-c-label | --pf-v6-c-label--BorderRadius | |
- --pf-v6-c-label--BorderRadius
- --pf-t--global--border--radius--pill
- --pf-t--global--border--radius--500
- 999px
|
| .pf-v6-c-label | --pf-v6-c-label--FontSize | |
- --pf-v6-c-label--FontSize
- --pf-t--global--font--size--body--sm
- --pf-t--global--font--size--xs
- --pf-t--global--font--size--100
- 0.75rem
|
| .pf-v6-c-label | --pf-v6-c-label--Gap | |
- --pf-v6-c-label--Gap
- --pf-t--global--spacer--gap--text-to-element--compact
- --pf-t--global--spacer--xs
- --pf-t--global--spacer--100
- 0.25rem
|
| .pf-v6-c-label | --pf-v6-c-label--BackgroundColor | |
- --pf-v6-c-label--BackgroundColor
- --pf-t--global--color--nonstatus--gray--default
- --pf-t--global--color--nonstatus--gray--100
- --pf-t--color--gray--20
- #e0e0e0
|
| .pf-v6-c-label | --pf-v6-c-label--Color | |
- --pf-v6-c-label--Color
- --pf-t--global--text--color--nonstatus--on-gray--default
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-label | --pf-v6-c-label__icon--Color | |
- --pf-v6-c-label__icon--Color
- --pf-t--global--icon--color--nonstatus--on-gray--default
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-label | --pf-v6-c-label--m-clickable--hover--BackgroundColor | |
- --pf-v6-c-label--m-clickable--hover--BackgroundColor
- --pf-t--global--color--nonstatus--gray--hover
- --pf-t--global--color--nonstatus--gray--200
- --pf-t--color--gray--30
- #c7c7c7
|
| .pf-v6-c-label | --pf-v6-c-label--m-clickable--hover--Color | |
- --pf-v6-c-label--m-clickable--hover--Color
- --pf-t--global--text--color--nonstatus--on-gray--hover
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-label | --pf-v6-c-label--m-clickable--hover__icon--Color | |
- --pf-v6-c-label--m-clickable--hover__icon--Color
- --pf-t--global--icon--color--nonstatus--on-gray--hover
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-label | --pf-v6-c-label--m-outline--BorderColor | |
- --pf-v6-c-label--m-outline--BorderColor
- --pf-t--global--border--color--nonstatus--gray--default
- --pf-t--global--color--nonstatus--gray--200
- --pf-t--color--gray--30
- #c7c7c7
|
| .pf-v6-c-label | --pf-v6-c-label--m-outline--m-clickable--hover--BorderColor | |
- --pf-v6-c-label--m-outline--m-clickable--hover--BorderColor
- --pf-t--global--border--color--nonstatus--gray--hover
- --pf-t--global--color--nonstatus--gray--300
- --pf-t--color--gray--40
- #a3a3a3
|
| .pf-v6-c-label | --pf-v6-c-label--m-blue--BackgroundColor | |
- --pf-v6-c-label--m-blue--BackgroundColor
- --pf-t--global--color--nonstatus--blue--default
- --pf-t--global--color--nonstatus--blue--100
- --pf-t--color--blue--20
- #b9dafc
|
| .pf-v6-c-label | --pf-v6-c-label--m-blue--Color | |
- --pf-v6-c-label--m-blue--Color
- --pf-t--global--text--color--nonstatus--on-blue--default
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-label | --pf-v6-c-label--m-blue__icon--Color | |
- --pf-v6-c-label--m-blue__icon--Color
- --pf-t--global--icon--color--nonstatus--on-blue--default
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-label | --pf-v6-c-label--m-blue--m-clickable--hover--BackgroundColor | |
- --pf-v6-c-label--m-blue--m-clickable--hover--BackgroundColor
- --pf-t--global--color--nonstatus--blue--hover
- --pf-t--global--color--nonstatus--blue--200
- --pf-t--color--blue--30
- #92c5f9
|
| .pf-v6-c-label | --pf-v6-c-label--m-blue--m-clickable--hover--Color | |
- --pf-v6-c-label--m-blue--m-clickable--hover--Color
- --pf-t--global--text--color--nonstatus--on-blue--hover
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-label | --pf-v6-c-label--m-blue--m-clickable--hover__icon--Color | |
- --pf-v6-c-label--m-blue--m-clickable--hover__icon--Color
- --pf-t--global--icon--color--nonstatus--on-blue--hover
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-label | --pf-v6-c-label--m-blue--m-outline--BorderColor | |
- --pf-v6-c-label--m-blue--m-outline--BorderColor
- --pf-t--global--border--color--nonstatus--blue--default
- --pf-t--global--color--nonstatus--blue--200
- --pf-t--color--blue--30
- #92c5f9
|
| .pf-v6-c-label | --pf-v6-c-label--m-blue--m-outline--m-clickable--hover--BorderColor | |
- --pf-v6-c-label--m-blue--m-outline--m-clickable--hover--BorderColor
- --pf-t--global--border--color--nonstatus--blue--hover
- --pf-t--global--color--nonstatus--blue--300
- --pf-t--color--blue--40
- #4394e5
|
| .pf-v6-c-label | --pf-v6-c-label--m-red--BackgroundColor | |
- --pf-v6-c-label--m-red--BackgroundColor
- --pf-t--global--color--nonstatus--red--default
- --pf-t--global--color--nonstatus--red--100
- --pf-t--color--red--20
- #fbc5c5
|
| .pf-v6-c-label | --pf-v6-c-label--m-red--Color | |
- --pf-v6-c-label--m-red--Color
- --pf-t--global--text--color--nonstatus--on-red--default
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-label | --pf-v6-c-label--m-red__icon--Color | |
- --pf-v6-c-label--m-red__icon--Color
- --pf-t--global--icon--color--nonstatus--on-red--default
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-label | --pf-v6-c-label--m-red--m-clickable--hover--BackgroundColor | |
- --pf-v6-c-label--m-red--m-clickable--hover--BackgroundColor
- --pf-t--global--color--nonstatus--red--hover
- --pf-t--global--color--nonstatus--red--200
- --pf-t--color--red--30
- #f9a8a8
|
| .pf-v6-c-label | --pf-v6-c-label--m-red--m-clickable--hover--Color | |
- --pf-v6-c-label--m-red--m-clickable--hover--Color
- --pf-t--global--text--color--nonstatus--on-red--hover
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-label | --pf-v6-c-label--m-red--m-clickable--hover__icon--Color | |
- --pf-v6-c-label--m-red--m-clickable--hover__icon--Color
- --pf-t--global--icon--color--nonstatus--on-red--hover
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-label | --pf-v6-c-label--m-red--m-outline--BorderColor | |
- --pf-v6-c-label--m-red--m-outline--BorderColor
- --pf-t--global--border--color--nonstatus--red--default
- --pf-t--global--color--nonstatus--red--200
- --pf-t--color--red--30
- #f9a8a8
|
| .pf-v6-c-label | --pf-v6-c-label--m-red--m-outline--m-clickable--hover--BorderColor | |
- --pf-v6-c-label--m-red--m-outline--m-clickable--hover--BorderColor
- --pf-t--global--border--color--nonstatus--red--hover
- --pf-t--global--color--nonstatus--red--300
- --pf-t--color--red--40
- #f56e6e
|
| .pf-v6-c-label | --pf-v6-c-label--m-orange--BackgroundColor | |
- --pf-v6-c-label--m-orange--BackgroundColor
- --pf-t--global--color--nonstatus--orange--default
- --pf-t--global--color--nonstatus--orange--100
- --pf-t--color--orange--20
- #fccb8f
|
| .pf-v6-c-label | --pf-v6-c-label--m-orange--Color | |
- --pf-v6-c-label--m-orange--Color
- --pf-t--global--text--color--nonstatus--on-orange--default
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-label | --pf-v6-c-label--m-orange__icon--Color | |
- --pf-v6-c-label--m-orange__icon--Color
- --pf-t--global--icon--color--nonstatus--on-orange--default
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-label | --pf-v6-c-label--m-orange--m-clickable--hover--BackgroundColor | |
- --pf-v6-c-label--m-orange--m-clickable--hover--BackgroundColor
- --pf-t--global--color--nonstatus--orange--hover
- --pf-t--global--color--nonstatus--orange--200
- --pf-t--color--orange--30
- #f8ae54
|
| .pf-v6-c-label | --pf-v6-c-label--m-orange--m-clickable--hover--Color | |
- --pf-v6-c-label--m-orange--m-clickable--hover--Color
- --pf-t--global--text--color--nonstatus--on-orange--hover
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-label | --pf-v6-c-label--m-orange--m-clickable--hover__icon--Color | |
- --pf-v6-c-label--m-orange--m-clickable--hover__icon--Color
- --pf-t--global--icon--color--nonstatus--on-orange--hover
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-label | --pf-v6-c-label--m-orange--m-outline--BorderColor | |
- --pf-v6-c-label--m-orange--m-outline--BorderColor
- --pf-t--global--border--color--nonstatus--orange--default
- --pf-t--global--color--nonstatus--orange--200
- --pf-t--color--orange--30
- #f8ae54
|
| .pf-v6-c-label | --pf-v6-c-label--m-orange--m-outline--m-clickable--hover--BorderColor | |
- --pf-v6-c-label--m-orange--m-outline--m-clickable--hover--BorderColor
- --pf-t--global--border--color--nonstatus--orange--hover
- --pf-t--global--color--nonstatus--orange--300
- --pf-t--color--orange--40
- #f5921b
|
| .pf-v6-c-label | --pf-v6-c-label--m-orangered--BackgroundColor | |
- --pf-v6-c-label--m-orangered--BackgroundColor
- --pf-t--global--color--nonstatus--orangered--default
- --pf-t--global--color--nonstatus--orangered--100
- --pf-t--color--red-orange--20
- #fbbea8
|
| .pf-v6-c-label | --pf-v6-c-label--m-orangered--Color | |
- --pf-v6-c-label--m-orangered--Color
- --pf-t--global--text--color--nonstatus--on-orangered--default
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-label | --pf-v6-c-label--m-orangered__icon--Color | |
- --pf-v6-c-label--m-orangered__icon--Color
- --pf-t--global--icon--color--nonstatus--on-orangered--default
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-label | --pf-v6-c-label--m-orangered--m-clickable--hover--BackgroundColor | |
- --pf-v6-c-label--m-orangered--m-clickable--hover--BackgroundColor
- --pf-t--global--color--nonstatus--orangered--hover
- --pf-t--global--color--nonstatus--orangered--200
- --pf-t--color--red-orange--30
- #f89b78
|
| .pf-v6-c-label | --pf-v6-c-label--m-orangered--m-clickable--hover--Color | |
- --pf-v6-c-label--m-orangered--m-clickable--hover--Color
- --pf-t--global--text--color--nonstatus--on-orangered--hover
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-label | --pf-v6-c-label--m-orangered--m-clickable--hover__icon--Color | |
- --pf-v6-c-label--m-orangered--m-clickable--hover__icon--Color
- --pf-t--global--icon--color--nonstatus--on-orangered--hover
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-label | --pf-v6-c-label--m-orangered--m-outline--BorderColor | |
- --pf-v6-c-label--m-orangered--m-outline--BorderColor
- --pf-t--global--border--color--nonstatus--orangered--default
- --pf-t--global--color--nonstatus--orangered--200
- --pf-t--color--red-orange--30
- #f89b78
|
| .pf-v6-c-label | --pf-v6-c-label--m-orangered--m-outline--m-clickable--hover--BorderColor | |
- --pf-v6-c-label--m-orangered--m-outline--m-clickable--hover--BorderColor
- --pf-t--global--border--color--nonstatus--orangered--hover
- --pf-t--global--color--nonstatus--orangered--300
- --pf-t--color--red-orange--40
- #f4784a
|
| .pf-v6-c-label | --pf-v6-c-label--m-yellow--BackgroundColor | |
- --pf-v6-c-label--m-yellow--BackgroundColor
- --pf-t--global--color--nonstatus--yellow--default
- --pf-t--global--color--nonstatus--yellow--100
- --pf-t--color--yellow--20
- #ffe072
|
| .pf-v6-c-label | --pf-v6-c-label--m-yellow--Color | |
- --pf-v6-c-label--m-yellow--Color
- --pf-t--global--text--color--nonstatus--on-yellow--default
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-label | --pf-v6-c-label--m-yellow__icon--Color | |
- --pf-v6-c-label--m-yellow__icon--Color
- --pf-t--global--icon--color--nonstatus--on-yellow--default
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-label | --pf-v6-c-label--m-yellow--m-clickable--hover--BackgroundColor | |
- --pf-v6-c-label--m-yellow--m-clickable--hover--BackgroundColor
- --pf-t--global--color--nonstatus--yellow--hover
- --pf-t--global--color--nonstatus--yellow--200
- --pf-t--color--yellow--30
- #ffcc17
|
| .pf-v6-c-label | --pf-v6-c-label--m-yellow--m-clickable--hover--Color | |
- --pf-v6-c-label--m-yellow--m-clickable--hover--Color
- --pf-t--global--text--color--nonstatus--on-yellow--hover
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-label | --pf-v6-c-label--m-yellow--m-clickable--hover__icon--Color | |
- --pf-v6-c-label--m-yellow--m-clickable--hover__icon--Color
- --pf-t--global--icon--color--nonstatus--on-yellow--hover
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-label | --pf-v6-c-label--m-yellow--m-outline--BorderColor | |
- --pf-v6-c-label--m-yellow--m-outline--BorderColor
- --pf-t--global--border--color--nonstatus--yellow--default
- --pf-t--global--color--nonstatus--yellow--200
- --pf-t--color--yellow--30
- #ffcc17
|
| .pf-v6-c-label | --pf-v6-c-label--m-yellow--m-outline--m-clickable--hover--BorderColor | |
- --pf-v6-c-label--m-yellow--m-outline--m-clickable--hover--BorderColor
- --pf-t--global--border--color--nonstatus--yellow--hover
- --pf-t--global--color--nonstatus--yellow--300
- --pf-t--color--yellow--40
- #dca614
|
| .pf-v6-c-label | --pf-v6-c-label--m-green--BackgroundColor | |
- --pf-v6-c-label--m-green--BackgroundColor
- --pf-t--global--color--nonstatus--green--default
- --pf-t--global--color--nonstatus--green--100
- --pf-t--color--green--20
- #d1f1bb
|
| .pf-v6-c-label | --pf-v6-c-label--m-green--Color | |
- --pf-v6-c-label--m-green--Color
- --pf-t--global--text--color--nonstatus--on-green--default
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-label | --pf-v6-c-label--m-green__icon--Color | |
- --pf-v6-c-label--m-green__icon--Color
- --pf-t--global--icon--color--nonstatus--on-green--default
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-label | --pf-v6-c-label--m-green--m-clickable--hover--BackgroundColor | |
- --pf-v6-c-label--m-green--m-clickable--hover--BackgroundColor
- --pf-t--global--color--nonstatus--green--hover
- --pf-t--global--color--nonstatus--green--200
- --pf-t--color--green--30
- #afdc8f
|
| .pf-v6-c-label | --pf-v6-c-label--m-green--m-clickable--hover--Color | |
- --pf-v6-c-label--m-green--m-clickable--hover--Color
- --pf-t--global--text--color--nonstatus--on-green--hover
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-label | --pf-v6-c-label--m-green--m-clickable--hover__icon--Color | |
- --pf-v6-c-label--m-green--m-clickable--hover__icon--Color
- --pf-t--global--icon--color--nonstatus--on-green--hover
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-label | --pf-v6-c-label--m-green--m-outline--BorderColor | |
- --pf-v6-c-label--m-green--m-outline--BorderColor
- --pf-t--global--border--color--nonstatus--green--default
- --pf-t--global--color--nonstatus--green--200
- --pf-t--color--green--30
- #afdc8f
|
| .pf-v6-c-label | --pf-v6-c-label--m-green--m-outline--m-clickable--hover--BorderColor | |
- --pf-v6-c-label--m-green--m-outline--m-clickable--hover--BorderColor
- --pf-t--global--border--color--nonstatus--green--hover
- --pf-t--global--color--nonstatus--green--300
- --pf-t--color--green--40
- #87bb62
|
| .pf-v6-c-label | --pf-v6-c-label--m-teal--BackgroundColor | |
- --pf-v6-c-label--m-teal--BackgroundColor
- --pf-t--global--color--nonstatus--teal--default
- --pf-t--global--color--nonstatus--teal--100
- --pf-t--color--teal--20
- #b9e5e5
|
| .pf-v6-c-label | --pf-v6-c-label--m-teal--Color | |
- --pf-v6-c-label--m-teal--Color
- --pf-t--global--text--color--nonstatus--on-teal--default
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-label | --pf-v6-c-label--m-teal__icon--Color | |
- --pf-v6-c-label--m-teal__icon--Color
- --pf-t--global--icon--color--nonstatus--on-teal--default
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-label | --pf-v6-c-label--m-teal--m-clickable--hover--BackgroundColor | |
- --pf-v6-c-label--m-teal--m-clickable--hover--BackgroundColor
- --pf-t--global--color--nonstatus--teal--hover
- --pf-t--global--color--nonstatus--teal--200
- --pf-t--color--teal--30
- #9ad8d8
|
| .pf-v6-c-label | --pf-v6-c-label--m-teal--m-clickable--hover--Color | |
- --pf-v6-c-label--m-teal--m-clickable--hover--Color
- --pf-t--global--text--color--nonstatus--on-teal--hover
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-label | --pf-v6-c-label--m-teal--m-clickable--hover__icon--Color | |
- --pf-v6-c-label--m-teal--m-clickable--hover__icon--Color
- --pf-t--global--icon--color--nonstatus--on-teal--hover
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-label | --pf-v6-c-label--m-teal--m-outline--BorderColor | |
- --pf-v6-c-label--m-teal--m-outline--BorderColor
- --pf-t--global--border--color--nonstatus--teal--default
- --pf-t--global--color--nonstatus--teal--200
- --pf-t--color--teal--30
- #9ad8d8
|
| .pf-v6-c-label | --pf-v6-c-label--m-teal--m-outline--m-clickable--hover--BorderColor | |
- --pf-v6-c-label--m-teal--m-outline--m-clickable--hover--BorderColor
- --pf-t--global--border--color--nonstatus--teal--hover
- --pf-t--global--color--nonstatus--teal--300
- --pf-t--color--teal--40
- #63bdbd
|
| .pf-v6-c-label | --pf-v6-c-label--m-purple--BackgroundColor | |
- --pf-v6-c-label--m-purple--BackgroundColor
- --pf-t--global--color--nonstatus--purple--default
- --pf-t--global--color--nonstatus--purple--100
- --pf-t--color--purple--20
- #d0c5f4
|
| .pf-v6-c-label | --pf-v6-c-label--m-purple--Color | |
- --pf-v6-c-label--m-purple--Color
- --pf-t--global--text--color--nonstatus--on-purple--default
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-label | --pf-v6-c-label--m-purple__icon--Color | |
- --pf-v6-c-label--m-purple__icon--Color
- --pf-t--global--icon--color--nonstatus--on-purple--default
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-label | --pf-v6-c-label--m-purple--m-clickable--hover--BackgroundColor | |
- --pf-v6-c-label--m-purple--m-clickable--hover--BackgroundColor
- --pf-t--global--color--nonstatus--purple--hover
- --pf-t--global--color--nonstatus--purple--200
- --pf-t--color--purple--30
- #b6a6e9
|
| .pf-v6-c-label | --pf-v6-c-label--m-purple--m-clickable--hover--Color | |
- --pf-v6-c-label--m-purple--m-clickable--hover--Color
- --pf-t--global--text--color--nonstatus--on-purple--hover
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-label | --pf-v6-c-label--m-purple--m-clickable--hover__icon--Color | |
- --pf-v6-c-label--m-purple--m-clickable--hover__icon--Color
- --pf-t--global--icon--color--nonstatus--on-purple--hover
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-label | --pf-v6-c-label--m-purple--m-outline--BorderColor | |
- --pf-v6-c-label--m-purple--m-outline--BorderColor
- --pf-t--global--border--color--nonstatus--purple--default
- --pf-t--global--color--nonstatus--purple--200
- --pf-t--color--purple--30
- #b6a6e9
|
| .pf-v6-c-label | --pf-v6-c-label--m-purple--m-outline--m-clickable--hover--BorderColor | |
- --pf-v6-c-label--m-purple--m-outline--m-clickable--hover--BorderColor
- --pf-t--global--border--color--nonstatus--purple--hover
- --pf-t--global--color--nonstatus--purple--300
- --pf-t--color--purple--40
- #876fd4
|
| .pf-v6-c-label | --pf-v6-c-label--m-success--BackgroundColor | |
- --pf-v6-c-label--m-success--BackgroundColor
- --pf-t--global--color--status--success--default
- --pf-t--global--color--status--success--100
- --pf-t--color--green--60
- #3d7317
|
| .pf-v6-c-label | --pf-v6-c-label--m-success--Color | |
- --pf-v6-c-label--m-success--Color
- --pf-t--global--text--color--status--on-success--default
- --pf-t--global--text--color--inverse
- --pf-t--global--text--color--300
- --pf-t--color--white
- #ffffff
|
| .pf-v6-c-label | --pf-v6-c-label--m-success__icon--Color | |
- --pf-v6-c-label--m-success__icon--Color
- --pf-t--global--icon--color--status--on-success--default
- --pf-t--global--icon--color--inverse
- --pf-t--global--icon--color--300
- --pf-t--color--white
- #ffffff
|
| .pf-v6-c-label | --pf-v6-c-label--m-success--m-clickable--hover--BackgroundColor | |
- --pf-v6-c-label--m-success--m-clickable--hover--BackgroundColor
- --pf-t--global--color--status--success--hover
- --pf-t--global--color--status--success--200
- --pf-t--color--green--70
- #204d00
|
| .pf-v6-c-label | --pf-v6-c-label--m-success--m-clickable--hover--Color | |
- --pf-v6-c-label--m-success--m-clickable--hover--Color
- --pf-t--global--text--color--status--on-success--hover
- --pf-t--global--text--color--inverse
- --pf-t--global--text--color--300
- --pf-t--color--white
- #ffffff
|
| .pf-v6-c-label | --pf-v6-c-label--m-success--m-clickable--hover__icon--Color | |
- --pf-v6-c-label--m-success--m-clickable--hover__icon--Color
- --pf-t--global--icon--color--status--on-success--hover
- --pf-t--global--icon--color--inverse
- --pf-t--global--icon--color--300
- --pf-t--color--white
- #ffffff
|
| .pf-v6-c-label | --pf-v6-c-label--m-success--m-outline__icon--Color | |
- --pf-v6-c-label--m-success--m-outline__icon--Color
- --pf-t--global--icon--color--status--success--default
- --pf-t--global--color--status--success--default
- --pf-t--global--color--status--success--100
- --pf-t--color--green--60
- #3d7317
|
| .pf-v6-c-label | --pf-v6-c-label--m-success--m-outline--BorderColor | |
- --pf-v6-c-label--m-success--m-outline--BorderColor
- --pf-t--global--border--color--status--success--default
- --pf-t--global--color--status--success--default
- --pf-t--global--color--status--success--100
- --pf-t--color--green--60
- #3d7317
|
| .pf-v6-c-label | --pf-v6-c-label--m-success--m-outline--m-clickable--hover--BorderColor | |
- --pf-v6-c-label--m-success--m-outline--m-clickable--hover--BorderColor
- --pf-t--global--border--color--status--success--hover
- --pf-t--global--color--status--success--hover
- --pf-t--global--color--status--success--200
- --pf-t--color--green--70
- #204d00
|
| .pf-v6-c-label | --pf-v6-c-label--m-success--m-outline--m-clickable--hover__icon--Color | |
- --pf-v6-c-label--m-success--m-outline--m-clickable--hover__icon--Color
- --pf-t--global--icon--color--status--success--hover
- --pf-t--global--color--status--success--hover
- --pf-t--global--color--status--success--200
- --pf-t--color--green--70
- #204d00
|
| .pf-v6-c-label | --pf-v6-c-label--m-warning--BackgroundColor | |
- --pf-v6-c-label--m-warning--BackgroundColor
- --pf-t--global--color--status--warning--default
- --pf-t--global--color--status--warning--100
- --pf-t--color--yellow--30
- #ffcc17
|
| .pf-v6-c-label | --pf-v6-c-label--m-warning--Color | |
- --pf-v6-c-label--m-warning--Color
- --pf-t--global--text--color--status--on-warning--default
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-label | --pf-v6-c-label--m-warning__icon--Color | |
- --pf-v6-c-label--m-warning__icon--Color
- --pf-t--global--icon--color--status--on-warning--default
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-label | --pf-v6-c-label--m-warning--m-clickable--hover--BackgroundColor | |
- --pf-v6-c-label--m-warning--m-clickable--hover--BackgroundColor
- --pf-t--global--color--status--warning--hover
- --pf-t--global--color--status--warning--200
- --pf-t--color--yellow--40
- #dca614
|
| .pf-v6-c-label | --pf-v6-c-label--m-warning--m-clickable--hover--Color | |
- --pf-v6-c-label--m-warning--m-clickable--hover--Color
- --pf-t--global--text--color--status--on-warning--hover
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-label | --pf-v6-c-label--m-warning--m-clickable--hover__icon--Color | |
- --pf-v6-c-label--m-warning--m-clickable--hover__icon--Color
- --pf-t--global--icon--color--status--on-warning--hover
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-label | --pf-v6-c-label--m-warning--m-outline__icon--Color | |
- --pf-v6-c-label--m-warning--m-outline__icon--Color
- --pf-t--global--icon--color--status--warning--default
- --pf-t--global--color--status--warning--200
- --pf-t--color--yellow--40
- #dca614
|
| .pf-v6-c-label | --pf-v6-c-label--m-warning--m-outline--BorderColor | |
- --pf-v6-c-label--m-warning--m-outline--BorderColor
- --pf-t--global--border--color--status--warning--default
- --pf-t--global--color--status--warning--200
- --pf-t--color--yellow--40
- #dca614
|
| .pf-v6-c-label | --pf-v6-c-label--m-warning--m-outline--m-clickable--hover--BorderColor | |
- --pf-v6-c-label--m-warning--m-outline--m-clickable--hover--BorderColor
- --pf-t--global--border--color--status--warning--hover
- --pf-t--global--color--status--warning--300
- --pf-t--color--yellow--50
- #b98412
|
| .pf-v6-c-label | --pf-v6-c-label--m-warning--m-outline--m-clickable--hover__icon--Color | |
- --pf-v6-c-label--m-warning--m-outline--m-clickable--hover__icon--Color
- --pf-t--global--icon--color--status--warning--hover
- --pf-t--global--color--status--warning--300
- --pf-t--color--yellow--50
- #b98412
|
| .pf-v6-c-label | --pf-v6-c-label--m-danger--BackgroundColor | |
- --pf-v6-c-label--m-danger--BackgroundColor
- --pf-t--global--color--status--danger--default
- --pf-t--global--color--status--danger--100
- --pf-t--color--red-orange--60
- #b1380b
|
| .pf-v6-c-label | --pf-v6-c-label--m-danger--Color | |
- --pf-v6-c-label--m-danger--Color
- --pf-t--global--text--color--status--on-danger--default
- --pf-t--global--text--color--inverse
- --pf-t--global--text--color--300
- --pf-t--color--white
- #ffffff
|
| .pf-v6-c-label | --pf-v6-c-label--m-danger__icon--Color | |
- --pf-v6-c-label--m-danger__icon--Color
- --pf-t--global--icon--color--status--on-danger--default
- --pf-t--global--icon--color--inverse
- --pf-t--global--icon--color--300
- --pf-t--color--white
- #ffffff
|
| .pf-v6-c-label | --pf-v6-c-label--m-danger--m-clickable--hover--BackgroundColor | |
- --pf-v6-c-label--m-danger--m-clickable--hover--BackgroundColor
- --pf-t--global--color--status--danger--hover
- --pf-t--global--color--status--danger--200
- --pf-t--color--red-orange--70
- #731f00
|
| .pf-v6-c-label | --pf-v6-c-label--m-danger--m-clickable--hover--Color | |
- --pf-v6-c-label--m-danger--m-clickable--hover--Color
- --pf-t--global--text--color--status--on-danger--hover
- --pf-t--global--text--color--inverse
- --pf-t--global--text--color--300
- --pf-t--color--white
- #ffffff
|
| .pf-v6-c-label | --pf-v6-c-label--m-danger--m-clickable--hover__icon--Color | |
- --pf-v6-c-label--m-danger--m-clickable--hover__icon--Color
- --pf-t--global--icon--color--status--on-danger--hover
- --pf-t--global--icon--color--inverse
- --pf-t--global--icon--color--300
- --pf-t--color--white
- #ffffff
|
| .pf-v6-c-label | --pf-v6-c-label--m-danger--m-outline__icon--Color | |
- --pf-v6-c-label--m-danger--m-outline__icon--Color
- --pf-t--global--icon--color--status--danger--default
- --pf-t--global--color--status--danger--default
- --pf-t--global--color--status--danger--100
- --pf-t--color--red-orange--60
- #b1380b
|
| .pf-v6-c-label | --pf-v6-c-label--m-danger--m-outline--BorderColor | |
- --pf-v6-c-label--m-danger--m-outline--BorderColor
- --pf-t--global--border--color--status--danger--default
- --pf-t--global--color--status--danger--default
- --pf-t--global--color--status--danger--100
- --pf-t--color--red-orange--60
- #b1380b
|
| .pf-v6-c-label | --pf-v6-c-label--m-danger--m-outline--m-clickable--hover--BorderColor | |
- --pf-v6-c-label--m-danger--m-outline--m-clickable--hover--BorderColor
- --pf-t--global--border--color--status--danger--hover
- --pf-t--global--color--status--danger--hover
- --pf-t--global--color--status--danger--200
- --pf-t--color--red-orange--70
- #731f00
|
| .pf-v6-c-label | --pf-v6-c-label--m-danger--m-outline--m-clickable--hover__icon--Color | |
- --pf-v6-c-label--m-danger--m-outline--m-clickable--hover__icon--Color
- --pf-t--global--icon--color--status--danger--hover
- --pf-t--global--color--status--danger--hover
- --pf-t--global--color--status--danger--200
- --pf-t--color--red-orange--70
- #731f00
|
| .pf-v6-c-label | --pf-v6-c-label--m-info--BackgroundColor | |
- --pf-v6-c-label--m-info--BackgroundColor
- --pf-t--global--color--status--info--default
- --pf-t--global--color--status--info--100
- --pf-t--color--purple--50
- #5e40be
|
| .pf-v6-c-label | --pf-v6-c-label--m-info--Color | |
- --pf-v6-c-label--m-info--Color
- --pf-t--global--text--color--status--on-info--default
- --pf-t--global--text--color--inverse
- --pf-t--global--text--color--300
- --pf-t--color--white
- #ffffff
|
| .pf-v6-c-label | --pf-v6-c-label--m-info__icon--Color | |
- --pf-v6-c-label--m-info__icon--Color
- --pf-t--global--icon--color--status--on-info--default
- --pf-t--global--icon--color--inverse
- --pf-t--global--icon--color--300
- --pf-t--color--white
- #ffffff
|
| .pf-v6-c-label | --pf-v6-c-label--m-info--m-clickable--hover--BackgroundColor | |
- --pf-v6-c-label--m-info--m-clickable--hover--BackgroundColor
- --pf-t--global--color--status--info--hover
- --pf-t--global--color--status--info--200
- --pf-t--color--purple--60
- #3d2785
|
| .pf-v6-c-label | --pf-v6-c-label--m-info--m-clickable--hover--Color | |
- --pf-v6-c-label--m-info--m-clickable--hover--Color
- --pf-t--global--text--color--status--on-info--hover
- --pf-t--global--text--color--inverse
- --pf-t--global--text--color--300
- --pf-t--color--white
- #ffffff
|
| .pf-v6-c-label | --pf-v6-c-label--m-info--m-clickable--hover__icon--Color | |
- --pf-v6-c-label--m-info--m-clickable--hover__icon--Color
- --pf-t--global--icon--color--status--on-info--hover
- --pf-t--global--icon--color--inverse
- --pf-t--global--icon--color--300
- --pf-t--color--white
- #ffffff
|
| .pf-v6-c-label | --pf-v6-c-label--m-info--m-outline__icon--Color | |
- --pf-v6-c-label--m-info--m-outline__icon--Color
- --pf-t--global--icon--color--status--info--default
- --pf-t--global--color--status--info--default
- --pf-t--global--color--status--info--100
- --pf-t--color--purple--50
- #5e40be
|
| .pf-v6-c-label | --pf-v6-c-label--m-info--m-outline--BorderColor | |
- --pf-v6-c-label--m-info--m-outline--BorderColor
- --pf-t--global--border--color--status--info--default
- --pf-t--global--color--status--info--default
- --pf-t--global--color--status--info--100
- --pf-t--color--purple--50
- #5e40be
|
| .pf-v6-c-label | --pf-v6-c-label--m-info--m-outline--m-clickable--hover--BorderColor | |
- --pf-v6-c-label--m-info--m-outline--m-clickable--hover--BorderColor
- --pf-t--global--border--color--status--info--hover
- --pf-t--global--color--status--info--hover
- --pf-t--global--color--status--info--200
- --pf-t--color--purple--60
- #3d2785
|
| .pf-v6-c-label | --pf-v6-c-label--m-info--m-outline--m-clickable--hover__icon--Color | |
- --pf-v6-c-label--m-info--m-outline--m-clickable--hover__icon--Color
- --pf-t--global--icon--color--status--info--hover
- --pf-t--global--color--status--info--hover
- --pf-t--global--color--status--info--200
- --pf-t--color--purple--60
- #3d2785
|
| .pf-v6-c-label | --pf-v6-c-label--m-custom--BackgroundColor | |
- --pf-v6-c-label--m-custom--BackgroundColor
- --pf-t--global--color--status--custom--default
- --pf-t--global--color--status--custom--100
- --pf-t--color--teal--60
- #147878
|
| .pf-v6-c-label | --pf-v6-c-label--m-custom--Color | |
- --pf-v6-c-label--m-custom--Color
- --pf-t--global--text--color--status--on-custom--default
- --pf-t--global--text--color--inverse
- --pf-t--global--text--color--300
- --pf-t--color--white
- #ffffff
|
| .pf-v6-c-label | --pf-v6-c-label--m-custom__icon--Color | |
- --pf-v6-c-label--m-custom__icon--Color
- --pf-t--global--icon--color--status--on-custom--default
- --pf-t--global--icon--color--inverse
- --pf-t--global--icon--color--300
- --pf-t--color--white
- #ffffff
|
| .pf-v6-c-label | --pf-v6-c-label--m-custom--m-clickable--hover--BackgroundColor | |
- --pf-v6-c-label--m-custom--m-clickable--hover--BackgroundColor
- --pf-t--global--color--status--custom--hover
- --pf-t--global--color--status--custom--200
- --pf-t--color--teal--70
- #004d4d
|
| .pf-v6-c-label | --pf-v6-c-label--m-custom--m-clickable--hover--Color | |
- --pf-v6-c-label--m-custom--m-clickable--hover--Color
- --pf-t--global--text--color--status--on-custom--hover
- --pf-t--global--text--color--inverse
- --pf-t--global--text--color--300
- --pf-t--color--white
- #ffffff
|
| .pf-v6-c-label | --pf-v6-c-label--m-custom--m-clickable--hover__icon--Color | |
- --pf-v6-c-label--m-custom--m-clickable--hover__icon--Color
- --pf-t--global--icon--color--status--on-custom--hover
- --pf-t--global--icon--color--inverse
- --pf-t--global--icon--color--300
- --pf-t--color--white
- #ffffff
|
| .pf-v6-c-label | --pf-v6-c-label--m-custom--m-outline__icon--Color | |
- --pf-v6-c-label--m-custom--m-outline__icon--Color
- --pf-t--global--icon--color--status--custom--default
- --pf-t--global--color--status--custom--default
- --pf-t--global--color--status--custom--100
- --pf-t--color--teal--60
- #147878
|
| .pf-v6-c-label | --pf-v6-c-label--m-custom--m-outline--BorderColor | |
- --pf-v6-c-label--m-custom--m-outline--BorderColor
- --pf-t--global--border--color--status--custom--default
- --pf-t--global--color--status--custom--default
- --pf-t--global--color--status--custom--100
- --pf-t--color--teal--60
- #147878
|
| .pf-v6-c-label | --pf-v6-c-label--m-custom--m-outline--m-clickable--hover--BorderColor | |
- --pf-v6-c-label--m-custom--m-outline--m-clickable--hover--BorderColor
- --pf-t--global--border--color--status--custom--hover
- --pf-t--global--color--status--custom--hover
- --pf-t--global--color--status--custom--200
- --pf-t--color--teal--70
- #004d4d
|
| .pf-v6-c-label | --pf-v6-c-label--m-custom--m-outline--m-clickable--hover__icon--Color | |
- --pf-v6-c-label--m-custom--m-outline--m-clickable--hover__icon--Color
- --pf-t--global--icon--color--status--custom--hover
- --pf-t--global--color--status--custom--hover
- --pf-t--global--color--status--custom--200
- --pf-t--color--teal--70
- #004d4d
|
| .pf-v6-c-label | --pf-v6-c-label--m-clickable--hover--BorderWidth | |
- --pf-v6-c-label--m-clickable--hover--BorderWidth
- --pf-t--global--border--width--action--hover
- --pf-t--global--border--width--200
- 2px
|
| .pf-v6-c-label | --pf-v6-c-label--m-clickable--hover--BorderColor |
(In light theme) rgb(255, 255, 255, 0.0000) |
- --pf-v6-c-label--m-clickable--hover--BorderColor
- --pf-t--global--border--color--high-contrast
- rgb(255, 255, 255, 0.0000)
|
| .pf-v6-c-label | --pf-v6-c-label--m-clickable__content--Cursor | |
| .pf-v6-c-label | --pf-v6-c-label--m-filled__actions--c-button__icon--Color | |
- --pf-v6-c-label--m-filled__actions--c-button__icon--Color
- --pf-v6-c-label__icon--Color
- --pf-t--global--icon--color--nonstatus--on-gray--default
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-label | --pf-v6-c-label--m-outline--BorderWidth | |
- --pf-v6-c-label--m-outline--BorderWidth
- --pf-t--global--border--width--action--default
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-label | --pf-v6-c-label--m-outline--BackgroundColor | |
| .pf-v6-c-label | --pf-v6-c-label--m-outline--Color | |
- --pf-v6-c-label--m-outline--Color
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-label | --pf-v6-c-label--m-outline__icon--Color | |
- --pf-v6-c-label--m-outline__icon--Color
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-label | --pf-v6-c-label--m-outline--m-clickable--hover--BackgroundColor | |
| .pf-v6-c-label | --pf-v6-c-label--m-outline--m-clickable--hover--BorderWidth | |
- --pf-v6-c-label--m-outline--m-clickable--hover--BorderWidth
- --pf-t--global--border--width--action--hover
- --pf-t--global--border--width--200
- 2px
|
| .pf-v6-c-label | --pf-v6-c-label--m-outline--m-clickable--hover--Color | |
- --pf-v6-c-label--m-outline--m-clickable--hover--Color
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-label | --pf-v6-c-label--m-outline--m-clickable--hover__icon--Color | |
- --pf-v6-c-label--m-outline--m-clickable--hover__icon--Color
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-label | --pf-v6-c-label--m-overflow--Color | |
- --pf-v6-c-label--m-overflow--Color
- --pf-t--global--text--color--brand--default
- --pf-t--global--color--brand--default
- --pf-t--global--color--brand--200
- --pf-t--color--blue--50
- #0066cc
|
| .pf-v6-c-label | --pf-v6-c-label--m-overflow--BackgroundColor |
(In light theme) rgb(255, 255, 255, 0.0000) |
- --pf-v6-c-label--m-overflow--BackgroundColor
- --pf-t--global--background--color--action--plain--default
- rgb(255, 255, 255, 0.0000)
|
| .pf-v6-c-label | --pf-v6-c-label--m-overflow--BorderWidth | |
- --pf-v6-c-label--m-overflow--BorderWidth
- --pf-t--global--border--width--action--plain--default
- 0px
|
| .pf-v6-c-label | --pf-v6-c-label--m-overflow--hover--Color | |
- --pf-v6-c-label--m-overflow--hover--Color
- --pf-t--global--text--color--brand--hover
- --pf-t--global--color--brand--hover
- --pf-t--global--color--brand--300
- --pf-t--color--blue--60
- #004d99
|
| .pf-v6-c-label | --pf-v6-c-label--m-overflow--hover--BackgroundColor |
(In light theme) rgb(199, 199, 199, 0.2500) |
- --pf-v6-c-label--m-overflow--hover--BackgroundColor
- --pf-t--global--background--color--action--plain--hover
- --pf-t--global--background--color--600
- rgb(199, 199, 199, 0.2500)
|
| .pf-v6-c-label | --pf-v6-c-label--m-overflow--hover--BorderWidth | |
- --pf-v6-c-label--m-overflow--hover--BorderWidth
- --pf-t--global--border--width--action--plain--hover
- 0px
|
| .pf-v6-c-label | --pf-v6-c-label--m-add--Color | |
- --pf-v6-c-label--m-add--Color
- --pf-t--global--text--color--brand--default
- --pf-t--global--color--brand--default
- --pf-t--global--color--brand--200
- --pf-t--color--blue--50
- #0066cc
|
| .pf-v6-c-label | --pf-v6-c-label--m-add--BackgroundColor | |
| .pf-v6-c-label | --pf-v6-c-label--m-add--BorderColor | |
- --pf-v6-c-label--m-add--BorderColor
- --pf-t--global--border--color--default
- --pf-t--global--border--color--50
- --pf-t--color--gray--20
- #e0e0e0
|
| .pf-v6-c-label | --pf-v6-c-label--m-add--BorderWidth | |
- --pf-v6-c-label--m-add--BorderWidth
- --pf-t--global--border--width--action--default
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-label | --pf-v6-c-label--m-add--hover--Color | |
- --pf-v6-c-label--m-add--hover--Color
- --pf-t--global--text--color--brand--hover
- --pf-t--global--color--brand--hover
- --pf-t--global--color--brand--300
- --pf-t--color--blue--60
- #004d99
|
| .pf-v6-c-label | --pf-v6-c-label--m-add--hover--BackgroundColor | |
| .pf-v6-c-label | --pf-v6-c-label--m-add--hover--BorderColor | |
- --pf-v6-c-label--m-add--hover--BorderColor
- --pf-t--global--border--color--hover
- --pf-t--global--color--brand--100
- --pf-t--color--blue--40
- #4394e5
|
| .pf-v6-c-label | --pf-v6-c-label--m-add--hover--BorderWidth | |
- --pf-v6-c-label--m-add--hover--BorderWidth
- --pf-t--global--border--width--action--hover
- --pf-t--global--border--width--200
- 2px
|
| .pf-v6-c-label | --pf-v6-c-label--m-compact--PaddingBlockStart | |
| .pf-v6-c-label | --pf-v6-c-label--m-compact--PaddingInlineEnd | |
- --pf-v6-c-label--m-compact--PaddingInlineEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-label | --pf-v6-c-label--m-compact--PaddingBlockEnd | |
| .pf-v6-c-label | --pf-v6-c-label--m-compact--PaddingInlineStart | |
- --pf-v6-c-label--m-compact--PaddingInlineStart
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-label | --pf-v6-c-label--m-compact--FontSize | |
- --pf-v6-c-label--m-compact--FontSize
- --pf-t--global--font--size--body--sm
- --pf-t--global--font--size--xs
- --pf-t--global--font--size--100
- 0.75rem
|
| .pf-v6-c-label | --pf-v6-c-label--m-compact--m-editable--TextUnderlineOffset | |
| .pf-v6-c-label | --pf-v6-c-label--m-compact--MinWidth | calc((0.75rem * 1.5) + (0 + 0)) |
- --pf-v6-c-label--m-compact--MinWidth
- calc((--pf-v6-c-label--m-compact--FontSize * --pf-t--global--font--line-height--body) + (--pf-v6-c-label--m-compact--PaddingBlockStart + --pf-v6-c-label--m-compact--PaddingBlockEnd))
- calc((--pf-t--global--font--size--body--sm * --pf-t--global--font--line-height--200) + (0 + 0))
- calc((--pf-t--global--font--size--xs * 1.5) + (0 + 0))
- calc((--pf-t--global--font--size--100 * 1.5) + (0 + 0))
- calc((0.75rem * 1.5) + (0 + 0))
|
| .pf-v6-c-label | --pf-v6-c-label__content--MaxWidth | |
| .pf-v6-c-label | --pf-v6-c-label__content--Gap | |
- --pf-v6-c-label__content--Gap
- --pf-t--global--spacer--gap--text-to-element--compact
- --pf-t--global--spacer--xs
- --pf-t--global--spacer--100
- 0.25rem
|
| .pf-v6-c-label | --pf-v6-c-label__content--Cursor | |
| .pf-v6-c-label | --pf-v6-c-label__icon--FontSize | |
- --pf-v6-c-label__icon--FontSize
- --pf-t--global--icon--size--font--body--sm
- --pf-t--global--font--size--body--sm
- --pf-t--global--font--size--xs
- --pf-t--global--font--size--100
- 0.75rem
|
| .pf-v6-c-label | --pf-v6-c-label__text--MaxWidth | |
| .pf-v6-c-label | --pf-v6-c-label__actions--MarginInlineEnd | |
| .pf-v6-c-label | --pf-v6-c-label__actions--c-button--FontSize | |
- --pf-v6-c-label__actions--c-button--FontSize
- --pf-t--global--icon--size--font--body--sm
- --pf-t--global--font--size--body--sm
- --pf-t--global--font--size--xs
- --pf-t--global--font--size--100
- 0.75rem
|
| .pf-v6-c-label | --pf-v6-c-label__actions--c-button--OutlineOffset | |
| .pf-v6-c-label | --pf-v6-c-label__actions--c-button--MarginBlockStart | |
| .pf-v6-c-label | --pf-v6-c-label__actions--c-button--MarginBlockEnd | |
| .pf-v6-c-label | --pf-v6-c-label__actions--c-button--PaddingBlockStart | |
| .pf-v6-c-label | --pf-v6-c-label__actions--c-button--PaddingInlineEnd | |
| .pf-v6-c-label | --pf-v6-c-label__actions--c-button--PaddingBlockEnd | |
| .pf-v6-c-label | --pf-v6-c-label__actions--c-button--PaddingInlineStart | |
| .pf-v6-c-label | --pf-v6-c-label--m-editable--TextDecorationLine | |
- --pf-v6-c-label--m-editable--TextDecorationLine
- --pf-t--global--text-decoration--editable-text--line--default
- --pf-t--global--text-decoration--line--200
- underline
|
| .pf-v6-c-label | --pf-v6-c-label--m-editable--TextDecorationStyle | |
- --pf-v6-c-label--m-editable--TextDecorationStyle
- --pf-t--global--text-decoration--editable-text--style--default
- --pf-t--global--text-decoration--style--200
- dashed
|
| .pf-v6-c-label | --pf-v6-c-label--m-editable--hover--TextDecorationLine | |
- --pf-v6-c-label--m-editable--hover--TextDecorationLine
- --pf-t--global--text-decoration--editable-text--line--hover
- --pf-t--global--text-decoration--line--200
- underline
|
| .pf-v6-c-label | --pf-v6-c-label--m-editable--hover--TextDecorationStyle | |
- --pf-v6-c-label--m-editable--hover--TextDecorationStyle
- --pf-t--global--text-decoration--editable-text--style--hover
- --pf-t--global--text-decoration--style--200
- dashed
|
| .pf-v6-c-label | --pf-v6-c-label--m-editable--TextUnderlineOffset | |
| .pf-v6-c-label | --pf-v6-c-label--m-editable__content--MaxWidth | |
| .pf-v6-c-label | --pf-v6-c-label--m-editable__content--Cursor | |
| .pf-v6-c-label | --pf-v6-c-label--m-editable--m-editable-active--TextDecorationLine | |
| .pf-v6-c-label | --pf-v6-c-label--m-editable--m-editable-active--BackgroundColor | |
| .pf-v6-c-label | --pf-v6-c-label--m-editable--m-editable-active--Color | |
- --pf-v6-c-label--m-editable--m-editable-active--Color
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-label | --pf-v6-c-label--m-editable--m-editable-active__content--Cursor | |
| .pf-v6-c-label | --pf-v6-c-label--m-disabled--BackgroundColor | |
- --pf-v6-c-label--m-disabled--BackgroundColor
- --pf-t--global--background--color--disabled--default
- --pf-t--global--color--disabled--100
- --pf-t--color--gray--30
- #c7c7c7
|
| .pf-v6-c-label | --pf-v6-c-label--m-disabled--Color | |
- --pf-v6-c-label--m-disabled--Color
- --pf-t--global--text--color--on-disabled
- --pf-t--global--color--disabled--300
- --pf-t--color--gray--50
- #707070
|
| .pf-v6-c-label | --pf-v6-c-label--m-disabled__icon--Color | |
- --pf-v6-c-label--m-disabled__icon--Color
- --pf-t--global--icon--color--on-disabled
- --pf-t--global--color--disabled--300
- --pf-t--color--gray--50
- #707070
|
| .pf-v6-c-label | --pf-v6-c-label--m-disabled--c-button--disabled__icon--Color | |
- --pf-v6-c-label--m-disabled--c-button--disabled__icon--Color
- --pf-t--global--icon--color--on-disabled
- --pf-t--global--color--disabled--300
- --pf-t--color--gray--50
- #707070
|
| .pf-v6-c-label.pf-m-blue | --pf-v6-c-label--BackgroundColor | |
- --pf-v6-c-label--BackgroundColor
- --pf-v6-c-label--m-blue--BackgroundColor
- --pf-t--global--color--nonstatus--blue--default
- --pf-t--global--color--nonstatus--blue--100
- --pf-t--color--blue--20
- #b9dafc
|
| .pf-v6-c-label.pf-m-blue | --pf-v6-c-label--Color | |
- --pf-v6-c-label--Color
- --pf-v6-c-label--m-blue--Color
- --pf-t--global--text--color--nonstatus--on-blue--default
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-label.pf-m-blue | --pf-v6-c-label__icon--Color | |
- --pf-v6-c-label__icon--Color
- --pf-v6-c-label--m-blue__icon--Color
- --pf-t--global--icon--color--nonstatus--on-blue--default
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-label.pf-m-blue | --pf-v6-c-label--m-clickable--hover--BackgroundColor | |
- --pf-v6-c-label--m-clickable--hover--BackgroundColor
- --pf-v6-c-label--m-blue--m-clickable--hover--BackgroundColor
- --pf-t--global--color--nonstatus--blue--hover
- --pf-t--global--color--nonstatus--blue--200
- --pf-t--color--blue--30
- #92c5f9
|
| .pf-v6-c-label.pf-m-blue | --pf-v6-c-label--m-clickable--hover--Color | |
- --pf-v6-c-label--m-clickable--hover--Color
- --pf-v6-c-label--m-blue--m-clickable--hover--Color
- --pf-t--global--text--color--nonstatus--on-blue--hover
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-label.pf-m-blue | --pf-v6-c-label--m-clickable--hover__icon--Color | |
- --pf-v6-c-label--m-clickable--hover__icon--Color
- --pf-v6-c-label--m-blue--m-clickable--hover__icon--Color
- --pf-t--global--icon--color--nonstatus--on-blue--hover
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-label.pf-m-blue | --pf-v6-c-label--m-outline--BorderColor | |
- --pf-v6-c-label--m-outline--BorderColor
- --pf-v6-c-label--m-blue--m-outline--BorderColor
- --pf-t--global--border--color--nonstatus--blue--default
- --pf-t--global--color--nonstatus--blue--200
- --pf-t--color--blue--30
- #92c5f9
|
| .pf-v6-c-label.pf-m-blue | --pf-v6-c-label--m-outline--m-clickable--hover--BorderColor | |
- --pf-v6-c-label--m-outline--m-clickable--hover--BorderColor
- --pf-v6-c-label--m-blue--m-outline--m-clickable--hover--BorderColor
- --pf-t--global--border--color--nonstatus--blue--hover
- --pf-t--global--color--nonstatus--blue--300
- --pf-t--color--blue--40
- #4394e5
|
| .pf-v6-c-label.pf-m-red | --pf-v6-c-label--BackgroundColor | |
- --pf-v6-c-label--BackgroundColor
- --pf-v6-c-label--m-red--BackgroundColor
- --pf-t--global--color--nonstatus--red--default
- --pf-t--global--color--nonstatus--red--100
- --pf-t--color--red--20
- #fbc5c5
|
| .pf-v6-c-label.pf-m-red | --pf-v6-c-label--Color | |
- --pf-v6-c-label--Color
- --pf-v6-c-label--m-red--Color
- --pf-t--global--text--color--nonstatus--on-red--default
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-label.pf-m-red | --pf-v6-c-label__icon--Color | |
- --pf-v6-c-label__icon--Color
- --pf-v6-c-label--m-red__icon--Color
- --pf-t--global--icon--color--nonstatus--on-red--default
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-label.pf-m-red | --pf-v6-c-label--m-clickable--hover--BackgroundColor | |
- --pf-v6-c-label--m-clickable--hover--BackgroundColor
- --pf-v6-c-label--m-red--m-clickable--hover--BackgroundColor
- --pf-t--global--color--nonstatus--red--hover
- --pf-t--global--color--nonstatus--red--200
- --pf-t--color--red--30
- #f9a8a8
|
| .pf-v6-c-label.pf-m-red | --pf-v6-c-label--m-clickable--hover--Color | |
- --pf-v6-c-label--m-clickable--hover--Color
- --pf-v6-c-label--m-red--m-clickable--hover--Color
- --pf-t--global--text--color--nonstatus--on-red--hover
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-label.pf-m-red | --pf-v6-c-label--m-clickable--hover__icon--Color | |
- --pf-v6-c-label--m-clickable--hover__icon--Color
- --pf-v6-c-label--m-red--m-clickable--hover__icon--Color
- --pf-t--global--icon--color--nonstatus--on-red--hover
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-label.pf-m-red | --pf-v6-c-label--m-outline--BorderColor | |
- --pf-v6-c-label--m-outline--BorderColor
- --pf-v6-c-label--m-red--m-outline--BorderColor
- --pf-t--global--border--color--nonstatus--red--default
- --pf-t--global--color--nonstatus--red--200
- --pf-t--color--red--30
- #f9a8a8
|
| .pf-v6-c-label.pf-m-red | --pf-v6-c-label--m-outline--m-clickable--hover--BorderColor | |
- --pf-v6-c-label--m-outline--m-clickable--hover--BorderColor
- --pf-v6-c-label--m-red--m-outline--m-clickable--hover--BorderColor
- --pf-t--global--border--color--nonstatus--red--hover
- --pf-t--global--color--nonstatus--red--300
- --pf-t--color--red--40
- #f56e6e
|
| .pf-v6-c-label.pf-m-orange | --pf-v6-c-label--BackgroundColor | |
- --pf-v6-c-label--BackgroundColor
- --pf-v6-c-label--m-orange--BackgroundColor
- --pf-t--global--color--nonstatus--orange--default
- --pf-t--global--color--nonstatus--orange--100
- --pf-t--color--orange--20
- #fccb8f
|
| .pf-v6-c-label.pf-m-orange | --pf-v6-c-label--Color | |
- --pf-v6-c-label--Color
- --pf-v6-c-label--m-orange--Color
- --pf-t--global--text--color--nonstatus--on-orange--default
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-label.pf-m-orange | --pf-v6-c-label__icon--Color | |
- --pf-v6-c-label__icon--Color
- --pf-v6-c-label--m-orange__icon--Color
- --pf-t--global--icon--color--nonstatus--on-orange--default
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-label.pf-m-orange | --pf-v6-c-label--m-clickable--hover--BackgroundColor | |
- --pf-v6-c-label--m-clickable--hover--BackgroundColor
- --pf-v6-c-label--m-orange--m-clickable--hover--BackgroundColor
- --pf-t--global--color--nonstatus--orange--hover
- --pf-t--global--color--nonstatus--orange--200
- --pf-t--color--orange--30
- #f8ae54
|
| .pf-v6-c-label.pf-m-orange | --pf-v6-c-label--m-clickable--hover--Color | |
- --pf-v6-c-label--m-clickable--hover--Color
- --pf-v6-c-label--m-orange--m-clickable--hover--Color
- --pf-t--global--text--color--nonstatus--on-orange--hover
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-label.pf-m-orange | --pf-v6-c-label--m-clickable--hover__icon--Color | |
- --pf-v6-c-label--m-clickable--hover__icon--Color
- --pf-v6-c-label--m-orange--m-clickable--hover__icon--Color
- --pf-t--global--icon--color--nonstatus--on-orange--hover
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-label.pf-m-orange | --pf-v6-c-label--m-outline--BorderColor | |
- --pf-v6-c-label--m-outline--BorderColor
- --pf-v6-c-label--m-orange--m-outline--BorderColor
- --pf-t--global--border--color--nonstatus--orange--default
- --pf-t--global--color--nonstatus--orange--200
- --pf-t--color--orange--30
- #f8ae54
|
| .pf-v6-c-label.pf-m-orange | --pf-v6-c-label--m-outline--m-clickable--hover--BorderColor | |
- --pf-v6-c-label--m-outline--m-clickable--hover--BorderColor
- --pf-v6-c-label--m-orange--m-outline--m-clickable--hover--BorderColor
- --pf-t--global--border--color--nonstatus--orange--hover
- --pf-t--global--color--nonstatus--orange--300
- --pf-t--color--orange--40
- #f5921b
|
| .pf-v6-c-label.pf-m-orangered | --pf-v6-c-label--BackgroundColor | |
- --pf-v6-c-label--BackgroundColor
- --pf-v6-c-label--m-orangered--BackgroundColor
- --pf-t--global--color--nonstatus--orangered--default
- --pf-t--global--color--nonstatus--orangered--100
- --pf-t--color--red-orange--20
- #fbbea8
|
| .pf-v6-c-label.pf-m-orangered | --pf-v6-c-label--Color | |
- --pf-v6-c-label--Color
- --pf-v6-c-label--m-orangered--Color
- --pf-t--global--text--color--nonstatus--on-orangered--default
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-label.pf-m-orangered | --pf-v6-c-label__icon--Color | |
- --pf-v6-c-label__icon--Color
- --pf-v6-c-label--m-orangered__icon--Color
- --pf-t--global--icon--color--nonstatus--on-orangered--default
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-label.pf-m-orangered | --pf-v6-c-label--m-clickable--hover--BackgroundColor | |
- --pf-v6-c-label--m-clickable--hover--BackgroundColor
- --pf-v6-c-label--m-orangered--m-clickable--hover--BackgroundColor
- --pf-t--global--color--nonstatus--orangered--hover
- --pf-t--global--color--nonstatus--orangered--200
- --pf-t--color--red-orange--30
- #f89b78
|
| .pf-v6-c-label.pf-m-orangered | --pf-v6-c-label--m-clickable--hover--Color | |
- --pf-v6-c-label--m-clickable--hover--Color
- --pf-v6-c-label--m-orangered--m-clickable--hover--Color
- --pf-t--global--text--color--nonstatus--on-orangered--hover
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-label.pf-m-orangered | --pf-v6-c-label--m-clickable--hover__icon--Color | |
- --pf-v6-c-label--m-clickable--hover__icon--Color
- --pf-v6-c-label--m-orangered--m-clickable--hover__icon--Color
- --pf-t--global--icon--color--nonstatus--on-orangered--hover
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-label.pf-m-orangered | --pf-v6-c-label--m-outline--BorderColor | |
- --pf-v6-c-label--m-outline--BorderColor
- --pf-v6-c-label--m-orangered--m-outline--BorderColor
- --pf-t--global--border--color--nonstatus--orangered--default
- --pf-t--global--color--nonstatus--orangered--200
- --pf-t--color--red-orange--30
- #f89b78
|
| .pf-v6-c-label.pf-m-orangered | --pf-v6-c-label--m-outline--m-clickable--hover--BorderColor | |
- --pf-v6-c-label--m-outline--m-clickable--hover--BorderColor
- --pf-v6-c-label--m-orangered--m-outline--m-clickable--hover--BorderColor
- --pf-t--global--border--color--nonstatus--orangered--hover
- --pf-t--global--color--nonstatus--orangered--300
- --pf-t--color--red-orange--40
- #f4784a
|
| .pf-v6-c-label.pf-m-yellow | --pf-v6-c-label--BackgroundColor | |
- --pf-v6-c-label--BackgroundColor
- --pf-v6-c-label--m-yellow--BackgroundColor
- --pf-t--global--color--nonstatus--yellow--default
- --pf-t--global--color--nonstatus--yellow--100
- --pf-t--color--yellow--20
- #ffe072
|
| .pf-v6-c-label.pf-m-yellow | --pf-v6-c-label--Color | |
- --pf-v6-c-label--Color
- --pf-v6-c-label--m-yellow--Color
- --pf-t--global--text--color--nonstatus--on-yellow--default
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-label.pf-m-yellow | --pf-v6-c-label__icon--Color | |
- --pf-v6-c-label__icon--Color
- --pf-v6-c-label--m-yellow__icon--Color
- --pf-t--global--icon--color--nonstatus--on-yellow--default
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-label.pf-m-yellow | --pf-v6-c-label--m-clickable--hover--BackgroundColor | |
- --pf-v6-c-label--m-clickable--hover--BackgroundColor
- --pf-v6-c-label--m-yellow--m-clickable--hover--BackgroundColor
- --pf-t--global--color--nonstatus--yellow--hover
- --pf-t--global--color--nonstatus--yellow--200
- --pf-t--color--yellow--30
- #ffcc17
|
| .pf-v6-c-label.pf-m-yellow | --pf-v6-c-label--m-clickable--hover--Color | |
- --pf-v6-c-label--m-clickable--hover--Color
- --pf-v6-c-label--m-yellow--m-clickable--hover--Color
- --pf-t--global--text--color--nonstatus--on-yellow--hover
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-label.pf-m-yellow | --pf-v6-c-label--m-clickable--hover__icon--Color | |
- --pf-v6-c-label--m-clickable--hover__icon--Color
- --pf-v6-c-label--m-yellow--m-clickable--hover__icon--Color
- --pf-t--global--icon--color--nonstatus--on-yellow--hover
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-label.pf-m-yellow | --pf-v6-c-label--m-outline--BorderColor | |
- --pf-v6-c-label--m-outline--BorderColor
- --pf-v6-c-label--m-yellow--m-outline--BorderColor
- --pf-t--global--border--color--nonstatus--yellow--default
- --pf-t--global--color--nonstatus--yellow--200
- --pf-t--color--yellow--30
- #ffcc17
|
| .pf-v6-c-label.pf-m-yellow | --pf-v6-c-label--m-outline--m-clickable--hover--BorderColor | |
- --pf-v6-c-label--m-outline--m-clickable--hover--BorderColor
- --pf-v6-c-label--m-yellow--m-outline--m-clickable--hover--BorderColor
- --pf-t--global--border--color--nonstatus--yellow--hover
- --pf-t--global--color--nonstatus--yellow--300
- --pf-t--color--yellow--40
- #dca614
|
| .pf-v6-c-label.pf-m-green | --pf-v6-c-label--BackgroundColor | |
- --pf-v6-c-label--BackgroundColor
- --pf-v6-c-label--m-green--BackgroundColor
- --pf-t--global--color--nonstatus--green--default
- --pf-t--global--color--nonstatus--green--100
- --pf-t--color--green--20
- #d1f1bb
|
| .pf-v6-c-label.pf-m-green | --pf-v6-c-label--Color | |
- --pf-v6-c-label--Color
- --pf-v6-c-label--m-green--Color
- --pf-t--global--text--color--nonstatus--on-green--default
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-label.pf-m-green | --pf-v6-c-label__icon--Color | |
- --pf-v6-c-label__icon--Color
- --pf-v6-c-label--m-green__icon--Color
- --pf-t--global--icon--color--nonstatus--on-green--default
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-label.pf-m-green | --pf-v6-c-label--m-clickable--hover--BackgroundColor | |
- --pf-v6-c-label--m-clickable--hover--BackgroundColor
- --pf-v6-c-label--m-green--m-clickable--hover--BackgroundColor
- --pf-t--global--color--nonstatus--green--hover
- --pf-t--global--color--nonstatus--green--200
- --pf-t--color--green--30
- #afdc8f
|
| .pf-v6-c-label.pf-m-green | --pf-v6-c-label--m-clickable--hover--Color | |
- --pf-v6-c-label--m-clickable--hover--Color
- --pf-v6-c-label--m-green--m-clickable--hover--Color
- --pf-t--global--text--color--nonstatus--on-green--hover
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-label.pf-m-green | --pf-v6-c-label--m-clickable--hover__icon--Color | |
- --pf-v6-c-label--m-clickable--hover__icon--Color
- --pf-v6-c-label--m-green--m-clickable--hover__icon--Color
- --pf-t--global--icon--color--nonstatus--on-green--hover
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-label.pf-m-green | --pf-v6-c-label--m-outline--BorderColor | |
- --pf-v6-c-label--m-outline--BorderColor
- --pf-v6-c-label--m-green--m-outline--BorderColor
- --pf-t--global--border--color--nonstatus--green--default
- --pf-t--global--color--nonstatus--green--200
- --pf-t--color--green--30
- #afdc8f
|
| .pf-v6-c-label.pf-m-green | --pf-v6-c-label--m-outline--m-clickable--hover--BorderColor | |
- --pf-v6-c-label--m-outline--m-clickable--hover--BorderColor
- --pf-v6-c-label--m-green--m-outline--m-clickable--hover--BorderColor
- --pf-t--global--border--color--nonstatus--green--hover
- --pf-t--global--color--nonstatus--green--300
- --pf-t--color--green--40
- #87bb62
|
| .pf-v6-c-label.pf-m-teal | --pf-v6-c-label--BackgroundColor | |
- --pf-v6-c-label--BackgroundColor
- --pf-v6-c-label--m-teal--BackgroundColor
- --pf-t--global--color--nonstatus--teal--default
- --pf-t--global--color--nonstatus--teal--100
- --pf-t--color--teal--20
- #b9e5e5
|
| .pf-v6-c-label.pf-m-teal | --pf-v6-c-label--Color | |
- --pf-v6-c-label--Color
- --pf-v6-c-label--m-teal--Color
- --pf-t--global--text--color--nonstatus--on-teal--default
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-label.pf-m-teal | --pf-v6-c-label__icon--Color | |
- --pf-v6-c-label__icon--Color
- --pf-v6-c-label--m-teal__icon--Color
- --pf-t--global--icon--color--nonstatus--on-teal--default
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-label.pf-m-teal | --pf-v6-c-label--m-clickable--hover--BackgroundColor | |
- --pf-v6-c-label--m-clickable--hover--BackgroundColor
- --pf-v6-c-label--m-teal--m-clickable--hover--BackgroundColor
- --pf-t--global--color--nonstatus--teal--hover
- --pf-t--global--color--nonstatus--teal--200
- --pf-t--color--teal--30
- #9ad8d8
|
| .pf-v6-c-label.pf-m-teal | --pf-v6-c-label--m-clickable--hover--Color | |
- --pf-v6-c-label--m-clickable--hover--Color
- --pf-v6-c-label--m-teal--m-clickable--hover--Color
- --pf-t--global--text--color--nonstatus--on-teal--hover
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-label.pf-m-teal | --pf-v6-c-label--m-clickable--hover__icon--Color | |
- --pf-v6-c-label--m-clickable--hover__icon--Color
- --pf-v6-c-label--m-teal--m-clickable--hover__icon--Color
- --pf-t--global--icon--color--nonstatus--on-teal--hover
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-label.pf-m-teal | --pf-v6-c-label--m-outline--BorderColor | |
- --pf-v6-c-label--m-outline--BorderColor
- --pf-v6-c-label--m-teal--m-outline--BorderColor
- --pf-t--global--border--color--nonstatus--teal--default
- --pf-t--global--color--nonstatus--teal--200
- --pf-t--color--teal--30
- #9ad8d8
|
| .pf-v6-c-label.pf-m-teal | --pf-v6-c-label--m-outline--m-clickable--hover--BorderColor | |
- --pf-v6-c-label--m-outline--m-clickable--hover--BorderColor
- --pf-v6-c-label--m-teal--m-outline--m-clickable--hover--BorderColor
- --pf-t--global--border--color--nonstatus--teal--hover
- --pf-t--global--color--nonstatus--teal--300
- --pf-t--color--teal--40
- #63bdbd
|
| .pf-v6-c-label.pf-m-purple | --pf-v6-c-label--BackgroundColor | |
- --pf-v6-c-label--BackgroundColor
- --pf-v6-c-label--m-purple--BackgroundColor
- --pf-t--global--color--nonstatus--purple--default
- --pf-t--global--color--nonstatus--purple--100
- --pf-t--color--purple--20
- #d0c5f4
|
| .pf-v6-c-label.pf-m-purple | --pf-v6-c-label--Color | |
- --pf-v6-c-label--Color
- --pf-v6-c-label--m-purple--Color
- --pf-t--global--text--color--nonstatus--on-purple--default
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-label.pf-m-purple | --pf-v6-c-label__icon--Color | |
- --pf-v6-c-label__icon--Color
- --pf-v6-c-label--m-purple__icon--Color
- --pf-t--global--icon--color--nonstatus--on-purple--default
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-label.pf-m-purple | --pf-v6-c-label--m-clickable--hover--BackgroundColor | |
- --pf-v6-c-label--m-clickable--hover--BackgroundColor
- --pf-v6-c-label--m-purple--m-clickable--hover--BackgroundColor
- --pf-t--global--color--nonstatus--purple--hover
- --pf-t--global--color--nonstatus--purple--200
- --pf-t--color--purple--30
- #b6a6e9
|
| .pf-v6-c-label.pf-m-purple | --pf-v6-c-label--m-clickable--hover--Color | |
- --pf-v6-c-label--m-clickable--hover--Color
- --pf-v6-c-label--m-purple--m-clickable--hover--Color
- --pf-t--global--text--color--nonstatus--on-purple--hover
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-label.pf-m-purple | --pf-v6-c-label--m-clickable--hover__icon--Color | |
- --pf-v6-c-label--m-clickable--hover__icon--Color
- --pf-v6-c-label--m-purple--m-clickable--hover__icon--Color
- --pf-t--global--icon--color--nonstatus--on-purple--hover
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-label.pf-m-purple | --pf-v6-c-label--m-outline--BorderColor | |
- --pf-v6-c-label--m-outline--BorderColor
- --pf-v6-c-label--m-purple--m-outline--BorderColor
- --pf-t--global--border--color--nonstatus--purple--default
- --pf-t--global--color--nonstatus--purple--200
- --pf-t--color--purple--30
- #b6a6e9
|
| .pf-v6-c-label.pf-m-purple | --pf-v6-c-label--m-outline--m-clickable--hover--BorderColor | |
- --pf-v6-c-label--m-outline--m-clickable--hover--BorderColor
- --pf-v6-c-label--m-purple--m-outline--m-clickable--hover--BorderColor
- --pf-t--global--border--color--nonstatus--purple--hover
- --pf-t--global--color--nonstatus--purple--300
- --pf-t--color--purple--40
- #876fd4
|
| .pf-v6-c-label.pf-m-success | --pf-v6-c-label--BackgroundColor | |
- --pf-v6-c-label--BackgroundColor
- --pf-v6-c-label--m-success--BackgroundColor
- --pf-t--global--color--status--success--default
- --pf-t--global--color--status--success--100
- --pf-t--color--green--60
- #3d7317
|
| .pf-v6-c-label.pf-m-success | --pf-v6-c-label--Color | |
- --pf-v6-c-label--Color
- --pf-v6-c-label--m-success--Color
- --pf-t--global--text--color--status--on-success--default
- --pf-t--global--text--color--inverse
- --pf-t--global--text--color--300
- --pf-t--color--white
- #ffffff
|
| .pf-v6-c-label.pf-m-success | --pf-v6-c-label__icon--Color | |
- --pf-v6-c-label__icon--Color
- --pf-v6-c-label--m-success__icon--Color
- --pf-t--global--icon--color--status--on-success--default
- --pf-t--global--icon--color--inverse
- --pf-t--global--icon--color--300
- --pf-t--color--white
- #ffffff
|
| .pf-v6-c-label.pf-m-success | --pf-v6-c-label--m-clickable--hover--BackgroundColor | |
- --pf-v6-c-label--m-clickable--hover--BackgroundColor
- --pf-v6-c-label--m-success--m-clickable--hover--BackgroundColor
- --pf-t--global--color--status--success--hover
- --pf-t--global--color--status--success--200
- --pf-t--color--green--70
- #204d00
|
| .pf-v6-c-label.pf-m-success | --pf-v6-c-label--m-clickable--hover--Color | |
- --pf-v6-c-label--m-clickable--hover--Color
- --pf-v6-c-label--m-success--m-clickable--hover--Color
- --pf-t--global--text--color--status--on-success--hover
- --pf-t--global--text--color--inverse
- --pf-t--global--text--color--300
- --pf-t--color--white
- #ffffff
|
| .pf-v6-c-label.pf-m-success | --pf-v6-c-label--m-clickable--hover__icon--Color | |
- --pf-v6-c-label--m-clickable--hover__icon--Color
- --pf-v6-c-label--m-success--m-clickable--hover__icon--Color
- --pf-t--global--icon--color--status--on-success--hover
- --pf-t--global--icon--color--inverse
- --pf-t--global--icon--color--300
- --pf-t--color--white
- #ffffff
|
| .pf-v6-c-label.pf-m-success | --pf-v6-c-label--m-outline__icon--Color | |
- --pf-v6-c-label--m-outline__icon--Color
- --pf-v6-c-label--m-success--m-outline__icon--Color
- --pf-t--global--icon--color--status--success--default
- --pf-t--global--color--status--success--default
- --pf-t--global--color--status--success--100
- --pf-t--color--green--60
- #3d7317
|
| .pf-v6-c-label.pf-m-success | --pf-v6-c-label--m-outline--BorderColor | |
- --pf-v6-c-label--m-outline--BorderColor
- --pf-v6-c-label--m-success--m-outline--BorderColor
- --pf-t--global--border--color--status--success--default
- --pf-t--global--color--status--success--default
- --pf-t--global--color--status--success--100
- --pf-t--color--green--60
- #3d7317
|
| .pf-v6-c-label.pf-m-success | --pf-v6-c-label--m-outline--m-clickable--hover--BorderColor | |
- --pf-v6-c-label--m-outline--m-clickable--hover--BorderColor
- --pf-v6-c-label--m-success--m-outline--m-clickable--hover--BorderColor
- --pf-t--global--border--color--status--success--hover
- --pf-t--global--color--status--success--hover
- --pf-t--global--color--status--success--200
- --pf-t--color--green--70
- #204d00
|
| .pf-v6-c-label.pf-m-success | --pf-v6-c-label--m-outline--m-clickable--hover__icon--Color | |
- --pf-v6-c-label--m-outline--m-clickable--hover__icon--Color
- --pf-v6-c-label--m-success--m-outline--m-clickable--hover__icon--Color
- --pf-t--global--icon--color--status--success--hover
- --pf-t--global--color--status--success--hover
- --pf-t--global--color--status--success--200
- --pf-t--color--green--70
- #204d00
|
| .pf-v6-c-label.pf-m-warning | --pf-v6-c-label--BackgroundColor | |
- --pf-v6-c-label--BackgroundColor
- --pf-v6-c-label--m-warning--BackgroundColor
- --pf-t--global--color--status--warning--default
- --pf-t--global--color--status--warning--100
- --pf-t--color--yellow--30
- #ffcc17
|
| .pf-v6-c-label.pf-m-warning | --pf-v6-c-label--Color | |
- --pf-v6-c-label--Color
- --pf-v6-c-label--m-warning--Color
- --pf-t--global--text--color--status--on-warning--default
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-label.pf-m-warning | --pf-v6-c-label__icon--Color | |
- --pf-v6-c-label__icon--Color
- --pf-v6-c-label--m-warning__icon--Color
- --pf-t--global--icon--color--status--on-warning--default
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-label.pf-m-warning | --pf-v6-c-label--m-clickable--hover--BackgroundColor | |
- --pf-v6-c-label--m-clickable--hover--BackgroundColor
- --pf-v6-c-label--m-warning--m-clickable--hover--BackgroundColor
- --pf-t--global--color--status--warning--hover
- --pf-t--global--color--status--warning--200
- --pf-t--color--yellow--40
- #dca614
|
| .pf-v6-c-label.pf-m-warning | --pf-v6-c-label--m-clickable--hover--Color | |
- --pf-v6-c-label--m-clickable--hover--Color
- --pf-v6-c-label--m-warning--m-clickable--hover--Color
- --pf-t--global--text--color--status--on-warning--hover
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-label.pf-m-warning | --pf-v6-c-label--m-clickable--hover__icon--Color | |
- --pf-v6-c-label--m-clickable--hover__icon--Color
- --pf-v6-c-label--m-warning--m-clickable--hover__icon--Color
- --pf-t--global--icon--color--status--on-warning--hover
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-label.pf-m-warning | --pf-v6-c-label--m-outline__icon--Color | |
- --pf-v6-c-label--m-outline__icon--Color
- --pf-v6-c-label--m-warning--m-outline__icon--Color
- --pf-t--global--icon--color--status--warning--default
- --pf-t--global--color--status--warning--200
- --pf-t--color--yellow--40
- #dca614
|
| .pf-v6-c-label.pf-m-warning | --pf-v6-c-label--m-outline--BorderColor | |
- --pf-v6-c-label--m-outline--BorderColor
- --pf-v6-c-label--m-warning--m-outline--BorderColor
- --pf-t--global--border--color--status--warning--default
- --pf-t--global--color--status--warning--200
- --pf-t--color--yellow--40
- #dca614
|
| .pf-v6-c-label.pf-m-warning | --pf-v6-c-label--m-outline--m-clickable--hover--BorderColor | |
- --pf-v6-c-label--m-outline--m-clickable--hover--BorderColor
- --pf-v6-c-label--m-warning--m-outline--m-clickable--hover--BorderColor
- --pf-t--global--border--color--status--warning--hover
- --pf-t--global--color--status--warning--300
- --pf-t--color--yellow--50
- #b98412
|
| .pf-v6-c-label.pf-m-warning | --pf-v6-c-label--m-outline--m-clickable--hover__icon--Color | |
- --pf-v6-c-label--m-outline--m-clickable--hover__icon--Color
- --pf-v6-c-label--m-warning--m-outline--m-clickable--hover__icon--Color
- --pf-t--global--icon--color--status--warning--hover
- --pf-t--global--color--status--warning--300
- --pf-t--color--yellow--50
- #b98412
|
| .pf-v6-c-label.pf-m-danger | --pf-v6-c-label--BackgroundColor | |
- --pf-v6-c-label--BackgroundColor
- --pf-v6-c-label--m-danger--BackgroundColor
- --pf-t--global--color--status--danger--default
- --pf-t--global--color--status--danger--100
- --pf-t--color--red-orange--60
- #b1380b
|
| .pf-v6-c-label.pf-m-danger | --pf-v6-c-label--Color | |
- --pf-v6-c-label--Color
- --pf-v6-c-label--m-danger--Color
- --pf-t--global--text--color--status--on-danger--default
- --pf-t--global--text--color--inverse
- --pf-t--global--text--color--300
- --pf-t--color--white
- #ffffff
|
| .pf-v6-c-label.pf-m-danger | --pf-v6-c-label__icon--Color | |
- --pf-v6-c-label__icon--Color
- --pf-v6-c-label--m-danger__icon--Color
- --pf-t--global--icon--color--status--on-danger--default
- --pf-t--global--icon--color--inverse
- --pf-t--global--icon--color--300
- --pf-t--color--white
- #ffffff
|
| .pf-v6-c-label.pf-m-danger | --pf-v6-c-label--m-clickable--hover--BackgroundColor | |
- --pf-v6-c-label--m-clickable--hover--BackgroundColor
- --pf-v6-c-label--m-danger--m-clickable--hover--BackgroundColor
- --pf-t--global--color--status--danger--hover
- --pf-t--global--color--status--danger--200
- --pf-t--color--red-orange--70
- #731f00
|
| .pf-v6-c-label.pf-m-danger | --pf-v6-c-label--m-clickable--hover--Color | |
- --pf-v6-c-label--m-clickable--hover--Color
- --pf-v6-c-label--m-danger--m-clickable--hover--Color
- --pf-t--global--text--color--status--on-danger--hover
- --pf-t--global--text--color--inverse
- --pf-t--global--text--color--300
- --pf-t--color--white
- #ffffff
|
| .pf-v6-c-label.pf-m-danger | --pf-v6-c-label--m-clickable--hover__icon--Color | |
- --pf-v6-c-label--m-clickable--hover__icon--Color
- --pf-v6-c-label--m-danger--m-clickable--hover__icon--Color
- --pf-t--global--icon--color--status--on-danger--hover
- --pf-t--global--icon--color--inverse
- --pf-t--global--icon--color--300
- --pf-t--color--white
- #ffffff
|
| .pf-v6-c-label.pf-m-danger | --pf-v6-c-label--m-outline__icon--Color | |
- --pf-v6-c-label--m-outline__icon--Color
- --pf-v6-c-label--m-danger--m-outline__icon--Color
- --pf-t--global--icon--color--status--danger--default
- --pf-t--global--color--status--danger--default
- --pf-t--global--color--status--danger--100
- --pf-t--color--red-orange--60
- #b1380b
|
| .pf-v6-c-label.pf-m-danger | --pf-v6-c-label--m-outline--BorderColor | |
- --pf-v6-c-label--m-outline--BorderColor
- --pf-v6-c-label--m-danger--m-outline--BorderColor
- --pf-t--global--border--color--status--danger--default
- --pf-t--global--color--status--danger--default
- --pf-t--global--color--status--danger--100
- --pf-t--color--red-orange--60
- #b1380b
|
| .pf-v6-c-label.pf-m-danger | --pf-v6-c-label--m-outline--m-clickable--hover--BorderColor | |
- --pf-v6-c-label--m-outline--m-clickable--hover--BorderColor
- --pf-v6-c-label--m-danger--m-outline--m-clickable--hover--BorderColor
- --pf-t--global--border--color--status--danger--hover
- --pf-t--global--color--status--danger--hover
- --pf-t--global--color--status--danger--200
- --pf-t--color--red-orange--70
- #731f00
|
| .pf-v6-c-label.pf-m-danger | --pf-v6-c-label--m-outline--m-clickable--hover__icon--Color | |
- --pf-v6-c-label--m-outline--m-clickable--hover__icon--Color
- --pf-v6-c-label--m-danger--m-outline--m-clickable--hover__icon--Color
- --pf-t--global--icon--color--status--danger--hover
- --pf-t--global--color--status--danger--hover
- --pf-t--global--color--status--danger--200
- --pf-t--color--red-orange--70
- #731f00
|
| .pf-v6-c-label.pf-m-info | --pf-v6-c-label--BackgroundColor | |
- --pf-v6-c-label--BackgroundColor
- --pf-v6-c-label--m-info--BackgroundColor
- --pf-t--global--color--status--info--default
- --pf-t--global--color--status--info--100
- --pf-t--color--purple--50
- #5e40be
|
| .pf-v6-c-label.pf-m-info | --pf-v6-c-label--Color | |
- --pf-v6-c-label--Color
- --pf-v6-c-label--m-info--Color
- --pf-t--global--text--color--status--on-info--default
- --pf-t--global--text--color--inverse
- --pf-t--global--text--color--300
- --pf-t--color--white
- #ffffff
|
| .pf-v6-c-label.pf-m-info | --pf-v6-c-label__icon--Color | |
- --pf-v6-c-label__icon--Color
- --pf-v6-c-label--m-info__icon--Color
- --pf-t--global--icon--color--status--on-info--default
- --pf-t--global--icon--color--inverse
- --pf-t--global--icon--color--300
- --pf-t--color--white
- #ffffff
|
| .pf-v6-c-label.pf-m-info | --pf-v6-c-label--m-clickable--hover--BackgroundColor | |
- --pf-v6-c-label--m-clickable--hover--BackgroundColor
- --pf-v6-c-label--m-info--m-clickable--hover--BackgroundColor
- --pf-t--global--color--status--info--hover
- --pf-t--global--color--status--info--200
- --pf-t--color--purple--60
- #3d2785
|
| .pf-v6-c-label.pf-m-info | --pf-v6-c-label--m-clickable--hover--Color | |
- --pf-v6-c-label--m-clickable--hover--Color
- --pf-v6-c-label--m-info--m-clickable--hover--Color
- --pf-t--global--text--color--status--on-info--hover
- --pf-t--global--text--color--inverse
- --pf-t--global--text--color--300
- --pf-t--color--white
- #ffffff
|
| .pf-v6-c-label.pf-m-info | --pf-v6-c-label--m-clickable--hover__icon--Color | |
- --pf-v6-c-label--m-clickable--hover__icon--Color
- --pf-v6-c-label--m-info--m-clickable--hover__icon--Color
- --pf-t--global--icon--color--status--on-info--hover
- --pf-t--global--icon--color--inverse
- --pf-t--global--icon--color--300
- --pf-t--color--white
- #ffffff
|
| .pf-v6-c-label.pf-m-info | --pf-v6-c-label--m-outline__icon--Color | |
- --pf-v6-c-label--m-outline__icon--Color
- --pf-v6-c-label--m-info--m-outline__icon--Color
- --pf-t--global--icon--color--status--info--default
- --pf-t--global--color--status--info--default
- --pf-t--global--color--status--info--100
- --pf-t--color--purple--50
- #5e40be
|
| .pf-v6-c-label.pf-m-info | --pf-v6-c-label--m-outline--BorderColor | |
- --pf-v6-c-label--m-outline--BorderColor
- --pf-v6-c-label--m-info--m-outline--BorderColor
- --pf-t--global--border--color--status--info--default
- --pf-t--global--color--status--info--default
- --pf-t--global--color--status--info--100
- --pf-t--color--purple--50
- #5e40be
|
| .pf-v6-c-label.pf-m-info | --pf-v6-c-label--m-outline--m-clickable--hover--BorderColor | |
- --pf-v6-c-label--m-outline--m-clickable--hover--BorderColor
- --pf-v6-c-label--m-info--m-outline--m-clickable--hover--BorderColor
- --pf-t--global--border--color--status--info--hover
- --pf-t--global--color--status--info--hover
- --pf-t--global--color--status--info--200
- --pf-t--color--purple--60
- #3d2785
|
| .pf-v6-c-label.pf-m-info | --pf-v6-c-label--m-outline--m-clickable--hover__icon--Color | |
- --pf-v6-c-label--m-outline--m-clickable--hover__icon--Color
- --pf-v6-c-label--m-info--m-outline--m-clickable--hover__icon--Color
- --pf-t--global--icon--color--status--info--hover
- --pf-t--global--color--status--info--hover
- --pf-t--global--color--status--info--200
- --pf-t--color--purple--60
- #3d2785
|
| .pf-v6-c-label.pf-m-custom | --pf-v6-c-label--BackgroundColor | |
- --pf-v6-c-label--BackgroundColor
- --pf-v6-c-label--m-custom--BackgroundColor
- --pf-t--global--color--status--custom--default
- --pf-t--global--color--status--custom--100
- --pf-t--color--teal--60
- #147878
|
| .pf-v6-c-label.pf-m-custom | --pf-v6-c-label--Color | |
- --pf-v6-c-label--Color
- --pf-v6-c-label--m-custom--Color
- --pf-t--global--text--color--status--on-custom--default
- --pf-t--global--text--color--inverse
- --pf-t--global--text--color--300
- --pf-t--color--white
- #ffffff
|
| .pf-v6-c-label.pf-m-custom | --pf-v6-c-label__icon--Color | |
- --pf-v6-c-label__icon--Color
- --pf-v6-c-label--m-custom__icon--Color
- --pf-t--global--icon--color--status--on-custom--default
- --pf-t--global--icon--color--inverse
- --pf-t--global--icon--color--300
- --pf-t--color--white
- #ffffff
|
| .pf-v6-c-label.pf-m-custom | --pf-v6-c-label--m-clickable--hover--BackgroundColor | |
- --pf-v6-c-label--m-clickable--hover--BackgroundColor
- --pf-v6-c-label--m-custom--m-clickable--hover--BackgroundColor
- --pf-t--global--color--status--custom--hover
- --pf-t--global--color--status--custom--200
- --pf-t--color--teal--70
- #004d4d
|
| .pf-v6-c-label.pf-m-custom | --pf-v6-c-label--m-clickable--hover--Color | |
- --pf-v6-c-label--m-clickable--hover--Color
- --pf-v6-c-label--m-custom--m-clickable--hover--Color
- --pf-t--global--text--color--status--on-custom--hover
- --pf-t--global--text--color--inverse
- --pf-t--global--text--color--300
- --pf-t--color--white
- #ffffff
|
| .pf-v6-c-label.pf-m-custom | --pf-v6-c-label--m-clickable--hover__icon--Color | |
- --pf-v6-c-label--m-clickable--hover__icon--Color
- --pf-v6-c-label--m-custom--m-clickable--hover__icon--Color
- --pf-t--global--icon--color--status--on-custom--hover
- --pf-t--global--icon--color--inverse
- --pf-t--global--icon--color--300
- --pf-t--color--white
- #ffffff
|
| .pf-v6-c-label.pf-m-custom | --pf-v6-c-label--m-outline__icon--Color | |
- --pf-v6-c-label--m-outline__icon--Color
- --pf-v6-c-label--m-custom--m-outline__icon--Color
- --pf-t--global--icon--color--status--custom--default
- --pf-t--global--color--status--custom--default
- --pf-t--global--color--status--custom--100
- --pf-t--color--teal--60
- #147878
|
| .pf-v6-c-label.pf-m-custom | --pf-v6-c-label--m-outline--BorderColor | |
- --pf-v6-c-label--m-outline--BorderColor
- --pf-v6-c-label--m-custom--m-outline--BorderColor
- --pf-t--global--border--color--status--custom--default
- --pf-t--global--color--status--custom--default
- --pf-t--global--color--status--custom--100
- --pf-t--color--teal--60
- #147878
|
| .pf-v6-c-label.pf-m-custom | --pf-v6-c-label--m-outline--m-clickable--hover--BorderColor | |
- --pf-v6-c-label--m-outline--m-clickable--hover--BorderColor
- --pf-v6-c-label--m-custom--m-outline--m-clickable--hover--BorderColor
- --pf-t--global--border--color--status--custom--hover
- --pf-t--global--color--status--custom--hover
- --pf-t--global--color--status--custom--200
- --pf-t--color--teal--70
- #004d4d
|
| .pf-v6-c-label.pf-m-custom | --pf-v6-c-label--m-outline--m-clickable--hover__icon--Color | |
- --pf-v6-c-label--m-outline--m-clickable--hover__icon--Color
- --pf-v6-c-label--m-success--m-outline--m-clickable--hover__icon--Color
- --pf-t--global--icon--color--status--success--hover
- --pf-t--global--color--status--success--hover
- --pf-t--global--color--status--success--200
- --pf-t--color--green--70
- #204d00
|
| .pf-v6-c-label.pf-m-compact | --pf-v6-c-label--PaddingBlockStart | |
- --pf-v6-c-label--PaddingBlockStart
- --pf-v6-c-label--m-compact--PaddingBlockStart
- 0
|
| .pf-v6-c-label.pf-m-compact | --pf-v6-c-label--PaddingInlineEnd | |
- --pf-v6-c-label--PaddingInlineEnd
- --pf-v6-c-label--m-compact--PaddingInlineEnd
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-label.pf-m-compact | --pf-v6-c-label--PaddingBlockEnd | |
- --pf-v6-c-label--PaddingBlockEnd
- --pf-v6-c-label--m-compact--PaddingBlockEnd
- 0
|
| .pf-v6-c-label.pf-m-compact | --pf-v6-c-label--PaddingInlineStart | |
- --pf-v6-c-label--PaddingInlineStart
- --pf-v6-c-label--m-compact--PaddingInlineStart
- --pf-t--global--spacer--sm
- --pf-t--global--spacer--200
- 0.5rem
|
| .pf-v6-c-label.pf-m-compact | --pf-v6-c-label--FontSize | |
- --pf-v6-c-label--FontSize
- --pf-v6-c-label--m-compact--FontSize
- --pf-t--global--font--size--body--sm
- --pf-t--global--font--size--xs
- --pf-t--global--font--size--100
- 0.75rem
|
| .pf-v6-c-label.pf-m-compact | --pf-v6-c-label--MinWidth | calc((0.75rem * 1.5) + (0 + 0)) |
- --pf-v6-c-label--MinWidth
- --pf-v6-c-label--m-compact--MinWidth
- calc((--pf-v6-c-label--m-compact--FontSize * --pf-t--global--font--line-height--body) + (--pf-v6-c-label--m-compact--PaddingBlockStart + --pf-v6-c-label--m-compact--PaddingBlockEnd))
- calc((--pf-t--global--font--size--body--sm * --pf-t--global--font--line-height--200) + (0 + 0))
- calc((--pf-t--global--font--size--xs * 1.5) + (0 + 0))
- calc((--pf-t--global--font--size--100 * 1.5) + (0 + 0))
- calc((0.75rem * 1.5) + (0 + 0))
|
| .pf-v6-c-label.pf-m-compact | --pf-v6-c-label--m-editable--TextUnderlineOffset | |
- --pf-v6-c-label--m-editable--TextUnderlineOffset
- --pf-v6-c-label--m-compact--m-editable--TextUnderlineOffset
- 0.0625rem
|
| .pf-v6-c-label.pf-m-filled .pf-v6-c-label__actions .pf-v6-c-button | --pf-v6-c-button__icon--Color | |
- --pf-v6-c-button__icon--Color
- --pf-v6-c-label--m-filled__actions--c-button__icon--Color
- --pf-v6-c-label__icon--Color
- --pf-t--global--icon--color--nonstatus--on-gray--default
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-label.pf-m-outline | --pf-v6-c-label--Color | |
- --pf-v6-c-label--Color
- --pf-v6-c-label--m-outline--Color
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-label.pf-m-outline | --pf-v6-c-label--BorderWidth | |
- --pf-v6-c-label--BorderWidth
- --pf-v6-c-label--m-outline--BorderWidth
- --pf-t--global--border--width--action--default
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-label.pf-m-outline | --pf-v6-c-label--BorderColor | |
- --pf-v6-c-label--BorderColor
- --pf-v6-c-label--m-outline--BorderColor
- --pf-t--global--border--color--nonstatus--gray--default
- --pf-t--global--color--nonstatus--gray--200
- --pf-t--color--gray--30
- #c7c7c7
|
| .pf-v6-c-label.pf-m-outline | --pf-v6-c-label--BackgroundColor | |
- --pf-v6-c-label--BackgroundColor
- --pf-v6-c-label--m-outline--BackgroundColor
- transparent
|
| .pf-v6-c-label.pf-m-outline | --pf-v6-c-label__icon--Color | |
- --pf-v6-c-label__icon--Color
- --pf-v6-c-label--m-outline__icon--Color
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-label.pf-m-outline | --pf-v6-c-label--m-clickable--hover--BackgroundColor | |
- --pf-v6-c-label--m-clickable--hover--BackgroundColor
- --pf-v6-c-label--m-outline--m-clickable--hover--BackgroundColor
- transparent
|
| .pf-v6-c-label.pf-m-outline | --pf-v6-c-label--m-clickable--hover--BorderWidth | |
- --pf-v6-c-label--m-clickable--hover--BorderWidth
- --pf-v6-c-label--m-outline--m-clickable--hover--BorderWidth
- --pf-t--global--border--width--action--hover
- --pf-t--global--border--width--200
- 2px
|
| .pf-v6-c-label.pf-m-outline | --pf-v6-c-label--m-clickable--hover--BorderColor | |
- --pf-v6-c-label--m-clickable--hover--BorderColor
- --pf-v6-c-label--m-outline--m-clickable--hover--BorderColor
- --pf-t--global--border--color--nonstatus--gray--hover
- --pf-t--global--color--nonstatus--gray--300
- --pf-t--color--gray--40
- #a3a3a3
|
| .pf-v6-c-label.pf-m-outline | --pf-v6-c-label--m-clickable--hover--Color | |
- --pf-v6-c-label--m-clickable--hover--Color
- --pf-v6-c-label--m-outline--m-clickable--hover--Color
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-label.pf-m-outline | --pf-v6-c-label--m-clickable--hover__icon--Color | |
- --pf-v6-c-label--m-clickable--hover__icon--Color
- --pf-v6-c-label--m-outline--m-clickable--hover__icon--Color
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-label.pf-m-editable | --pf-v6-c-label__content--MaxWidth | |
- --pf-v6-c-label__content--MaxWidth
- --pf-v6-c-label--m-editable__content--MaxWidth
- 16ch
|
| .pf-v6-c-label.pf-m-editable | --pf-v6-c-label__content--Cursor | |
- --pf-v6-c-label__content--Cursor
- --pf-v6-c-label--m-editable__content--Cursor
- pointer
|
| .pf-v6-c-label.pf-m-editable .pf-v6-c-label__content:is(:hover, :focus) | --pf-v6-c-label--m-editable--TextDecorationLine | |
- --pf-v6-c-label--m-editable--TextDecorationLine
- --pf-v6-c-label--m-editable--hover--TextDecorationLine
- --pf-t--global--text-decoration--editable-text--line--hover
- --pf-t--global--text-decoration--line--200
- underline
|
| .pf-v6-c-label.pf-m-editable .pf-v6-c-label__content:is(:hover, :focus) | --pf-v6-c-label--m-editable--TextDecorationStyle | |
- --pf-v6-c-label--m-editable--TextDecorationStyle
- --pf-v6-c-label--m-editable--hover--TextDecorationStyle
- --pf-t--global--text-decoration--editable-text--style--hover
- --pf-t--global--text-decoration--style--200
- dashed
|
| .pf-v6-c-label.pf-m-editable-active | --pf-v6-c-label--m-editable--TextDecorationLine | |
- --pf-v6-c-label--m-editable--TextDecorationLine
- --pf-v6-c-label--m-editable--m-editable-active--TextDecorationLine
- none
|
| .pf-v6-c-label.pf-m-editable-active | --pf-v6-c-label--BackgroundColor | |
- --pf-v6-c-label--BackgroundColor
- --pf-v6-c-label--m-editable--m-editable-active--BackgroundColor
- transparent
|
| .pf-v6-c-label.pf-m-editable-active | --pf-v6-c-label--Color | |
- --pf-v6-c-label--Color
- --pf-v6-c-label--m-editable--m-editable-active--Color
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-label.pf-m-editable-active | --pf-v6-c-label__content--Cursor | |
- --pf-v6-c-label__content--Cursor
- --pf-v6-c-label--m-editable--m-editable-active__content--Cursor
- initial
|
| .pf-v6-c-label.pf-m-overflow | --pf-v6-c-label--Color | |
- --pf-v6-c-label--Color
- --pf-v6-c-label--m-overflow--Color
- --pf-t--global--text--color--brand--default
- --pf-t--global--color--brand--default
- --pf-t--global--color--brand--200
- --pf-t--color--blue--50
- #0066cc
|
| .pf-v6-c-label.pf-m-overflow | --pf-v6-c-label--BackgroundColor |
(In light theme) rgb(255, 255, 255, 0.0000) |
- --pf-v6-c-label--BackgroundColor
- --pf-v6-c-label--m-overflow--BackgroundColor
- --pf-t--global--background--color--action--plain--default
- rgb(255, 255, 255, 0.0000)
|
| .pf-v6-c-label.pf-m-overflow | --pf-v6-c-label--BorderWidth | |
- --pf-v6-c-label--BorderWidth
- --pf-v6-c-label--m-overflow--BorderWidth
- --pf-t--global--border--width--action--plain--default
- 0px
|
| .pf-v6-c-label.pf-m-overflow:is(:hover, :focus) | --pf-v6-c-label--m-overflow--Color | |
- --pf-v6-c-label--m-overflow--Color
- --pf-v6-c-label--m-overflow--hover--Color
- --pf-t--global--text--color--brand--hover
- --pf-t--global--color--brand--hover
- --pf-t--global--color--brand--300
- --pf-t--color--blue--60
- #004d99
|
| .pf-v6-c-label.pf-m-overflow:is(:hover, :focus) | --pf-v6-c-label--m-overflow--BackgroundColor |
(In light theme) rgb(199, 199, 199, 0.2500) |
- --pf-v6-c-label--m-overflow--BackgroundColor
- --pf-v6-c-label--m-overflow--hover--BackgroundColor
- --pf-t--global--background--color--action--plain--hover
- --pf-t--global--background--color--600
- rgb(199, 199, 199, 0.2500)
|
| .pf-v6-c-label.pf-m-overflow:is(:hover, :focus) | --pf-v6-c-label--m-overflow--BorderWidth | |
- --pf-v6-c-label--m-overflow--BorderWidth
- --pf-v6-c-label--m-overflow--hover--BorderWidth
- --pf-t--global--border--width--action--plain--hover
- 0px
|
| .pf-v6-c-label.pf-m-add | --pf-v6-c-label--Color | |
- --pf-v6-c-label--Color
- --pf-v6-c-label--m-add--Color
- --pf-t--global--text--color--brand--default
- --pf-t--global--color--brand--default
- --pf-t--global--color--brand--200
- --pf-t--color--blue--50
- #0066cc
|
| .pf-v6-c-label.pf-m-add | --pf-v6-c-label--BackgroundColor | |
- --pf-v6-c-label--BackgroundColor
- --pf-v6-c-label--m-add--BackgroundColor
- transparent
|
| .pf-v6-c-label.pf-m-add | --pf-v6-c-label--BorderColor | |
- --pf-v6-c-label--BorderColor
- --pf-v6-c-label--m-add--BorderColor
- --pf-t--global--border--color--default
- --pf-t--global--border--color--50
- --pf-t--color--gray--20
- #e0e0e0
|
| .pf-v6-c-label.pf-m-add | --pf-v6-c-label--BorderWidth | |
- --pf-v6-c-label--BorderWidth
- --pf-v6-c-label--m-add--BorderWidth
- --pf-t--global--border--width--action--default
- --pf-t--global--border--width--100
- 1px
|
| .pf-v6-c-label.pf-m-add:is(:hover, :focus) | --pf-v6-c-label--m-add--Color | |
- --pf-v6-c-label--m-add--Color
- --pf-v6-c-label--m-add--hover--Color
- --pf-t--global--text--color--brand--hover
- --pf-t--global--color--brand--hover
- --pf-t--global--color--brand--300
- --pf-t--color--blue--60
- #004d99
|
| .pf-v6-c-label.pf-m-add:is(:hover, :focus) | --pf-v6-c-label--m-add--BackgroundColor | |
- --pf-v6-c-label--m-add--BackgroundColor
- --pf-v6-c-label--m-add--hover--BackgroundColor
- transparent
|
| .pf-v6-c-label.pf-m-add:is(:hover, :focus) | --pf-v6-c-label--m-add--BorderColor | |
- --pf-v6-c-label--m-add--BorderColor
- --pf-v6-c-label--m-add--hover--BorderColor
- --pf-t--global--border--color--hover
- --pf-t--global--color--brand--100
- --pf-t--color--blue--40
- #4394e5
|
| .pf-v6-c-label.pf-m-add:is(:hover, :focus) | --pf-v6-c-label--m-add--BorderWidth | |
- --pf-v6-c-label--m-add--BorderWidth
- --pf-v6-c-label--m-add--hover--BorderWidth
- --pf-t--global--border--width--action--hover
- --pf-t--global--border--width--200
- 2px
|
| .pf-v6-c-label.pf-m-clickable | --pf-v6-c-label__content--Cursor | |
- --pf-v6-c-label__content--Cursor
- --pf-v6-c-label--m-clickable__content--Cursor
- pointer
|
| .pf-v6-c-label.pf-m-clickable .pf-v6-c-label__content:is(:hover, :focus) | --pf-v6-c-label--Color | |
- --pf-v6-c-label--Color
- --pf-v6-c-label--m-clickable--hover--Color
- --pf-t--global--text--color--nonstatus--on-gray--hover
- --pf-t--global--text--color--regular
- --pf-t--global--text--color--100
- --pf-t--color--gray--95
- #151515
|
| .pf-v6-c-label.pf-m-clickable .pf-v6-c-label__content:is(:hover, :focus) | --pf-v6-c-label__icon--Color | |
- --pf-v6-c-label__icon--Color
- --pf-v6-c-label--m-clickable--hover__icon--Color
- --pf-t--global--icon--color--nonstatus--on-gray--hover
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-label.pf-m-clickable .pf-v6-c-label__content:is(:hover, :focus) | --pf-v6-c-label--BackgroundColor | |
- --pf-v6-c-label--BackgroundColor
- --pf-v6-c-label--m-clickable--hover--BackgroundColor
- --pf-t--global--color--nonstatus--gray--hover
- --pf-t--global--color--nonstatus--gray--200
- --pf-t--color--gray--30
- #c7c7c7
|
| .pf-v6-c-label.pf-m-clickable .pf-v6-c-label__content:is(:hover, :focus) | --pf-v6-c-label--BorderWidth | |
- --pf-v6-c-label--BorderWidth
- --pf-v6-c-label--m-clickable--hover--BorderWidth
- --pf-t--global--border--width--action--hover
- --pf-t--global--border--width--200
- 2px
|
| .pf-v6-c-label.pf-m-clickable .pf-v6-c-label__content:is(:hover, :focus) | --pf-v6-c-label--BorderColor |
(In light theme) rgb(255, 255, 255, 0.0000) |
- --pf-v6-c-label--BorderColor
- --pf-v6-c-label--m-clickable--hover--BorderColor
- --pf-t--global--border--color--high-contrast
- rgb(255, 255, 255, 0.0000)
|
| .pf-v6-c-label.pf-m-clickable .pf-v6-c-label__content:is(:hover, :focus) | --pf-v6-c-label--m-outline--BorderWidth | |
- --pf-v6-c-label--m-outline--BorderWidth
- --pf-v6-c-label--m-outline--m-clickable--hover--BorderWidth
- --pf-t--global--border--width--action--hover
- --pf-t--global--border--width--200
- 2px
|
| .pf-v6-c-label.pf-m-clickable .pf-v6-c-label__content:is(:hover, :focus) | --pf-v6-c-label--m-outline--BorderColor | |
- --pf-v6-c-label--m-outline--BorderColor
- --pf-v6-c-label--m-outline--m-clickable--hover--BorderColor
- --pf-t--global--border--color--nonstatus--gray--hover
- --pf-t--global--color--nonstatus--gray--300
- --pf-t--color--gray--40
- #a3a3a3
|
| .pf-v6-c-label.pf-m-clickable .pf-v6-c-label__content:is(:hover, :focus) ~ .pf-v6-c-label__actions .pf-v6-c-button | --pf-v6-c-label--m-filled__actions--c-button__icon--Color | |
- --pf-v6-c-label--m-filled__actions--c-button__icon--Color
- --pf-v6-c-label--m-clickable--hover__icon--Color
- --pf-t--global--icon--color--nonstatus--on-gray--hover
- --pf-t--global--icon--color--regular
- --pf-t--global--icon--color--100
- --pf-t--color--gray--90
- #1f1f1f
|
| .pf-v6-c-label.pf-m-disabled | --pf-v6-c-label--BackgroundColor | |
- --pf-v6-c-label--BackgroundColor
- --pf-v6-c-label--m-disabled--BackgroundColor
- --pf-t--global--background--color--disabled--default
- --pf-t--global--color--disabled--100
- --pf-t--color--gray--30
- #c7c7c7
|
| .pf-v6-c-label.pf-m-disabled | --pf-v6-c-label--Color | |
- --pf-v6-c-label--Color
- --pf-v6-c-label--m-disabled--Color
- --pf-t--global--text--color--on-disabled
- --pf-t--global--color--disabled--300
- --pf-t--color--gray--50
- #707070
|
| .pf-v6-c-label.pf-m-disabled | --pf-v6-c-label__icon--Color | |
- --pf-v6-c-label__icon--Color
- --pf-v6-c-label--m-disabled__icon--Color
- --pf-t--global--icon--color--on-disabled
- --pf-t--global--color--disabled--300
- --pf-t--color--gray--50
- #707070
|
| .pf-v6-c-label.pf-m-disabled | --pf-v6-c-label--BorderWidth | |
| .pf-v6-c-label.pf-m-disabled .pf-v6-c-button | --pf-v6-c-button--m-plain--disabled__icon--Color | |
- --pf-v6-c-button--m-plain--disabled__icon--Color
- --pf-v6-c-label--m-disabled--c-button--disabled__icon--Color
- --pf-t--global--icon--color--on-disabled
- --pf-t--global--color--disabled--300
- --pf-t--color--gray--50
- #707070
|
| .pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button | --pf-v6-c-button--m-plain--m-no-padding--after--Inset | |
| .pf-v6-c-label__actions .pf-v6-c-button | --pf-v6-c-button--FontSize | |
- --pf-v6-c-button--FontSize
- --pf-v6-c-label__actions--c-button--FontSize
- --pf-t--global--icon--size--font--body--sm
- --pf-t--global--font--size--body--sm
- --pf-t--global--font--size--xs
- --pf-t--global--font--size--100
- 0.75rem
|
| .pf-v6-c-label__actions .pf-v6-c-button | --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart | |
- --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart
- --pf-v6-c-label__actions--c-button--PaddingBlockStart
- 0
|
| .pf-v6-c-label__actions .pf-v6-c-button | --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd | |
- --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd
- --pf-v6-c-label__actions--c-button--PaddingInlineEnd
- 0
|
| .pf-v6-c-label__actions .pf-v6-c-button | --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd | |
- --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd
- --pf-v6-c-label__actions--c-button--PaddingBlockEnd
- 0
|
| .pf-v6-c-label__actions .pf-v6-c-button | --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart | |
- --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart
- --pf-v6-c-label__actions--c-button--PaddingInlineStart
- 0
|