@patternfly/patternfly 6.0.0-alpha.55 → 6.0.0-alpha.57
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/Button/button.css +26 -11
- package/components/Button/button.scss +27 -12
- package/components/DescriptionList/description-list.css +39 -34
- package/components/DescriptionList/description-list.scss +25 -25
- package/components/JumpLinks/jump-links.css +34 -34
- package/components/JumpLinks/jump-links.scss +35 -36
- package/components/Label/label-group.css +39 -44
- package/components/Label/label-group.scss +39 -45
- package/components/Label/label.css +258 -355
- package/components/Label/label.scss +297 -347
- package/components/SimpleList/simple-list.css +1 -1
- package/components/SimpleList/simple-list.scss +1 -1
- package/docs/components/JumpLinks/examples/JumpLinks.md +280 -168
- package/docs/components/Label/examples/Label.css +4 -0
- package/docs/components/Label/examples/Label.md +999 -223
- package/docs/demos/Drawer/examples/Drawer.md +100 -80
- package/docs/demos/Form/examples/BasicForms.md +2 -2
- package/docs/demos/JumpLinks/examples/JumpLinks.md +275 -185
- package/package.json +1 -1
- package/patternfly-no-globals.css +481 -483
- package/patternfly-theme-dark-unversioned.css +481 -483
- package/patternfly.css +481 -483
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/sass-utilities/mixins.scss +18 -0
- package/components/Label/themes/dark/label.scss +0 -53
|
@@ -7903,8 +7903,8 @@ button.pf-v5-c-breadcrumb__link {
|
|
|
7903
7903
|
display: none;
|
|
7904
7904
|
}
|
|
7905
7905
|
|
|
7906
|
-
:root,
|
|
7907
|
-
.pf-v5-c-button {
|
|
7906
|
+
:where(:root),
|
|
7907
|
+
:where(.pf-v5-c-button) {
|
|
7908
7908
|
--pf-v5-c-button--Display: inline-block;
|
|
7909
7909
|
--pf-v5-c-button--PaddingTop: var(--pf-t--global--spacer--sm);
|
|
7910
7910
|
--pf-v5-c-button--PaddingRight: var(--pf-t--global--spacer--lg);
|
|
@@ -8003,20 +8003,29 @@ button.pf-v5-c-breadcrumb__link {
|
|
|
8003
8003
|
--pf-v5-c-button--m-plain--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
8004
8004
|
--pf-v5-c-button--m-plain--PaddingBottom: var(--pf-t--global--spacer--sm);
|
|
8005
8005
|
--pf-v5-c-button--m-plain--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
8006
|
-
--pf-v5-c-button--m-plain--m-small--PaddingTop: var(--pf-t--global--spacer--xs);
|
|
8007
|
-
--pf-v5-c-button--m-plain--m-small--PaddingRight: var(--pf-t--global--spacer--xs);
|
|
8008
|
-
--pf-v5-c-button--m-plain--m-small--PaddingBottom: var(--pf-t--global--spacer--xs);
|
|
8009
|
-
--pf-v5-c-button--m-plain--m-small--PaddingLeft: var(--pf-t--global--spacer--xs);
|
|
8010
8006
|
--pf-v5-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
|
|
8011
8007
|
--pf-v5-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
8008
|
+
--pf-v5-c-button--m-plain--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
|
|
8009
|
+
--pf-v5-c-button--m-plain--MinWidth: calc(1em * var(--pf-v5-c-button--LineHeight) + var(--pf-v5-c-button--m-plain--PaddingTop) + var(--pf-v5-c-button--m-plain--PaddingBottom));
|
|
8012
8010
|
--pf-v5-c-button--m-plain--hover--Color: var(--pf-t--global--icon--color--regular);
|
|
8013
8011
|
--pf-v5-c-button--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
8014
8012
|
--pf-v5-c-button--m-plain--m-clicked--Color: var(--pf-t--global--icon--color--regular);
|
|
8015
8013
|
--pf-v5-c-button--m-plain--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
8016
8014
|
--pf-v5-c-button--m-plain--disabled--Color: var(--pf-t--global--icon--color--on-disabled);
|
|
8015
|
+
--pf-v5-c-button--m-plain--m-small--PaddingTop: var(--pf-t--global--spacer--xs);
|
|
8016
|
+
--pf-v5-c-button--m-plain--m-small--PaddingRight: var(--pf-t--global--spacer--xs);
|
|
8017
|
+
--pf-v5-c-button--m-plain--m-small--PaddingBottom: var(--pf-t--global--spacer--xs);
|
|
8018
|
+
--pf-v5-c-button--m-plain--m-small--PaddingLeft: var(--pf-t--global--spacer--xs);
|
|
8019
|
+
--pf-v5-c-button--m-plain--m-no-padding--MixBlendMode: normal;
|
|
8020
|
+
--pf-v5-c-button--m-plain--m-no-padding--MinWidth: auto;
|
|
8021
|
+
--pf-v5-c-button--m-plain--m-no-padding--PaddingTop: 0;
|
|
8022
|
+
--pf-v5-c-button--m-plain--m-no-padding--PaddingRight: 0;
|
|
8023
|
+
--pf-v5-c-button--m-plain--m-no-padding--PaddingBottom: 0;
|
|
8024
|
+
--pf-v5-c-button--m-plain--m-no-padding--PaddingLeft: 0;
|
|
8025
|
+
--pf-v5-c-button--m-plain--m-no-padding--BackgroundColor: transparent;
|
|
8026
|
+
--pf-v5-c-button--m-plain--m-no-padding--hover--BackgroundColor: transparent;
|
|
8027
|
+
--pf-v5-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
|
|
8017
8028
|
--pf-v5-c-button__progress--Color: var(--pf-v5-c-button__icon--Color);
|
|
8018
|
-
--pf-v5-c-button--m-plain--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
|
|
8019
|
-
--pf-v5-c-button--m-plain--MinWidth: calc(1em * var(--pf-v5-c-button--LineHeight) + var(--pf-v5-c-button--m-plain--PaddingTop) + var(--pf-v5-c-button--m-plain--PaddingBottom));
|
|
8020
8029
|
--pf-v5-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
8021
8030
|
--pf-v5-c-button--m-control--PaddingLeft: var(--pf-t--global--spacer--md);
|
|
8022
8031
|
--pf-v5-c-button--m-control--PaddingRight: var(--pf-t--global--spacer--md);
|
|
@@ -8357,9 +8366,15 @@ button.pf-v5-c-breadcrumb__link {
|
|
|
8357
8366
|
min-width: var(--pf-v5-c-button--m-plain--MinWidth);
|
|
8358
8367
|
}
|
|
8359
8368
|
.pf-v5-c-button.pf-m-plain.pf-m-no-padding {
|
|
8360
|
-
|
|
8361
|
-
|
|
8362
|
-
|
|
8369
|
+
--pf-v5-c-button--BackgroundColor: var(--pf-v5-c-button--m-plain--m-no-padding--BackgroundColor);
|
|
8370
|
+
--pf-v5-c-button--hover--BackgroundColor: var(--pf-v5-c-button--m-plain--m-no-padding--hover--BackgroundColor);
|
|
8371
|
+
--pf-v5-c-button--m-clicked--BackgroundColor: var(--pf-v5-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor);
|
|
8372
|
+
--pf-v5-c-button--m-plain--PaddingTop: var(--pf-v5-c-button--m-plain--m-no-padding--PaddingTop);
|
|
8373
|
+
--pf-v5-c-button--m-plain--PaddingRight: var(--pf-v5-c-button--m-plain--m-no-padding--PaddingRight);
|
|
8374
|
+
--pf-v5-c-button--m-plain--PaddingBottom: var(--pf-v5-c-button--m-plain--m-no-padding--PaddingBottom);
|
|
8375
|
+
--pf-v5-c-button--m-plain--PaddingLeft: var(--pf-v5-c-button--m-plain--m-no-padding--PaddingLeft);
|
|
8376
|
+
--pf-v5-c-button--m-plain--MixBlendMode: var(--pf-v5-c-button--m-plain--m-no-padding--MixBlendMode);
|
|
8377
|
+
min-width: var(--pf-v5-c-button--m-plain--m-no-padding--MinWidth);
|
|
8363
8378
|
}
|
|
8364
8379
|
.pf-v5-c-button.pf-m-block {
|
|
8365
8380
|
display: block;
|
|
@@ -11067,28 +11082,27 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
11067
11082
|
padding: 0;
|
|
11068
11083
|
}
|
|
11069
11084
|
|
|
11070
|
-
.pf-v5-c-description-list {
|
|
11071
|
-
--pf-v5-c-description-list--RowGap: var(--pf-
|
|
11072
|
-
--pf-v5-c-description-list--ColumnGap: var(--pf-
|
|
11085
|
+
:root, :where(.pf-v5-c-description-list) {
|
|
11086
|
+
--pf-v5-c-description-list--RowGap: var(--pf-t--global--spacer--lg);
|
|
11087
|
+
--pf-v5-c-description-list--ColumnGap: var(--pf-t--global--spacer--lg);
|
|
11073
11088
|
--pf-v5-c-description-list--GridTemplateColumns--count: 1;
|
|
11074
11089
|
--pf-v5-c-description-list--GridTemplateColumns--width: 1fr;
|
|
11075
11090
|
--pf-v5-c-description-list--GridTemplateColumns--min: 0;
|
|
11076
|
-
--pf-v5-c-description-
|
|
11077
|
-
--pf-v5-c-description-list__group--
|
|
11078
|
-
--pf-v5-c-description-list__group--ColumnGap: var(--pf-v5-global--spacer--sm);
|
|
11091
|
+
--pf-v5-c-description-list__group--RowGap: var(--pf-t--global--spacer--sm);
|
|
11092
|
+
--pf-v5-c-description-list__group--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
11079
11093
|
--pf-v5-c-description-list__group--GridTemplateColumns: auto;
|
|
11080
11094
|
--pf-v5-c-description-list__group--GridTemplateRows: auto 1fr;
|
|
11081
11095
|
--pf-v5-c-description-list__group--GridColumn: auto;
|
|
11082
|
-
--pf-v5-c-description-list--m-compact--RowGap: var(--pf-
|
|
11083
|
-
--pf-v5-c-description-list--m-compact--ColumnGap: var(--pf-
|
|
11096
|
+
--pf-v5-c-description-list--m-compact--RowGap: var(--pf-t--global--spacer--md);
|
|
11097
|
+
--pf-v5-c-description-list--m-compact--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
11084
11098
|
--pf-v5-c-description-list__term--Display: inline;
|
|
11085
11099
|
--pf-v5-c-description-list__term--sm--Display: flex;
|
|
11086
|
-
--pf-v5-c-description-list__term--FontWeight: var(--pf-
|
|
11087
|
-
--pf-v5-c-description-list__term--FontSize: var(--pf-
|
|
11088
|
-
--pf-v5-c-description-list__term--LineHeight: var(--pf-
|
|
11089
|
-
--pf-v5-c-description-list__term-icon--MinWidth: var(--pf-
|
|
11090
|
-
--pf-v5-c-description-list__term-icon--MarginRight: var(--pf-
|
|
11091
|
-
--pf-v5-c-description-list__term-icon--Color: var(--pf-
|
|
11100
|
+
--pf-v5-c-description-list__term--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
11101
|
+
--pf-v5-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
11102
|
+
--pf-v5-c-description-list__term--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
11103
|
+
--pf-v5-c-description-list__term-icon--MinWidth: var(--pf-t--global--font--size--body--sm);
|
|
11104
|
+
--pf-v5-c-description-list__term-icon--MarginRight: var(--pf-t--global--spacer--sm);
|
|
11105
|
+
--pf-v5-c-description-list__term-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
11092
11106
|
--pf-v5-c-description-list--m-vertical__group--GridTemplateColumns: repeat(var(--pf-v5-c-description-list--GridTemplateColumns--count));
|
|
11093
11107
|
--pf-v5-c-description-list--m-vertical__group--GridTemplateRows: auto 1fr;
|
|
11094
11108
|
--pf-v5-c-description-list--m-horizontal__term--width: 12ch;
|
|
@@ -11100,52 +11114,58 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
11100
11114
|
--pf-v5-c-description-list--m-3-col--GridTemplateColumns--count: 3;
|
|
11101
11115
|
--pf-v5-c-description-list--m-auto-fit--GridTemplateColumns--min: 15.625rem;
|
|
11102
11116
|
--pf-v5-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min: var(--pf-v5-c-description-list--m-auto-fit--GridTemplateColumns--min);
|
|
11103
|
-
--pf-v5-c-description-list__text--m-help-text--TextDecorationColor: var(--pf-
|
|
11104
|
-
--pf-v5-c-description-list__text--m-help-text--TextDecorationThickness: var(--pf-
|
|
11117
|
+
--pf-v5-c-description-list__text--m-help-text--TextDecorationColor: var(--pf-t--global--icon--color--regular);
|
|
11118
|
+
--pf-v5-c-description-list__text--m-help-text--TextDecorationThickness: var(--pf-t--global--border--width--100);
|
|
11105
11119
|
--pf-v5-c-description-list__text--m-help-text--TextDecorationOffset: 0.25rem;
|
|
11106
|
-
--pf-v5-c-description-list__text--m-help-text--hover--TextDecorationColor: var(--pf-
|
|
11107
|
-
--pf-v5-c-description-list__text--m-help-text--focus--TextDecorationColor: var(--pf-
|
|
11108
|
-
--pf-v5-c-description-list--m-display-lg__description--FontSize: var(--pf-
|
|
11109
|
-
--pf-v5-c-description-list--m-display-2xl__description--FontSize: var(--pf-
|
|
11110
|
-
|
|
11111
|
-
|
|
11112
|
-
|
|
11113
|
-
|
|
11114
|
-
|
|
11120
|
+
--pf-v5-c-description-list__text--m-help-text--hover--TextDecorationColor: var(--pf-t--global--border--color--hover);
|
|
11121
|
+
--pf-v5-c-description-list__text--m-help-text--focus--TextDecorationColor: var(--pf-t--global--border--color--hover);
|
|
11122
|
+
--pf-v5-c-description-list--m-display-lg__description--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
11123
|
+
--pf-v5-c-description-list--m-display-2xl__description--FontSize: var(--pf-t--global--font--size--heading--lg);
|
|
11124
|
+
--pf-v5-c-description-list--m-horizontal__term--width-on-sm: inherit;
|
|
11125
|
+
--pf-v5-c-description-list--m-horizontal__term--width-on-md: inherit;
|
|
11126
|
+
--pf-v5-c-description-list--m-horizontal__term--width-on-lg: inherit;
|
|
11127
|
+
--pf-v5-c-description-list--m-horizontal__term--width-on-xl: inherit;
|
|
11128
|
+
--pf-v5-c-description-list--m-horizontal__term--width-on-2xl: inherit;
|
|
11129
|
+
--pf-v5-c-description-list__term--width: var(--pf-v5-c-description-list--m-horizontal__term--width);
|
|
11115
11130
|
}
|
|
11116
11131
|
@media screen and (min-width: 576px) {
|
|
11117
|
-
.pf-v5-c-description-list {
|
|
11132
|
+
:root, :where(.pf-v5-c-description-list) {
|
|
11118
11133
|
--pf-v5-c-description-list__term--Display: var(--pf-v5-c-description-list__term--sm--Display);
|
|
11119
11134
|
}
|
|
11120
11135
|
}
|
|
11121
|
-
.pf-v5-c-description-list[class*=pf-m-horizontal] {
|
|
11122
|
-
--pf-v5-c-description-list__term--width: var(--pf-v5-c-description-list--m-horizontal__term--width);
|
|
11123
|
-
}
|
|
11124
11136
|
@media (min-width: 576px) {
|
|
11125
|
-
.pf-v5-c-description-list
|
|
11137
|
+
:root, :where(.pf-v5-c-description-list) {
|
|
11126
11138
|
--pf-v5-c-description-list__term--width: var(--pf-v5-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v5-c-description-list--m-horizontal__term--width));
|
|
11127
11139
|
}
|
|
11128
11140
|
}
|
|
11129
11141
|
@media (min-width: 768px) {
|
|
11130
|
-
.pf-v5-c-description-list
|
|
11142
|
+
:root, :where(.pf-v5-c-description-list) {
|
|
11131
11143
|
--pf-v5-c-description-list__term--width: var(--pf-v5-c-description-list--m-horizontal__term--width-on-md, var(--pf-v5-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v5-c-description-list--m-horizontal__term--width)));
|
|
11132
11144
|
}
|
|
11133
11145
|
}
|
|
11134
11146
|
@media (min-width: 992px) {
|
|
11135
|
-
.pf-v5-c-description-list
|
|
11147
|
+
:root, :where(.pf-v5-c-description-list) {
|
|
11136
11148
|
--pf-v5-c-description-list__term--width: var(--pf-v5-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v5-c-description-list--m-horizontal__term--width-on-md, var(--pf-v5-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v5-c-description-list--m-horizontal__term--width))));
|
|
11137
11149
|
}
|
|
11138
11150
|
}
|
|
11139
11151
|
@media (min-width: 1200px) {
|
|
11140
|
-
.pf-v5-c-description-list
|
|
11152
|
+
:root, :where(.pf-v5-c-description-list) {
|
|
11141
11153
|
--pf-v5-c-description-list__term--width: var(--pf-v5-c-description-list--m-horizontal__term--width-on-xl, var(--pf-v5-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v5-c-description-list--m-horizontal__term--width-on-md, var(--pf-v5-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v5-c-description-list--m-horizontal__term--width)))));
|
|
11142
11154
|
}
|
|
11143
11155
|
}
|
|
11144
11156
|
@media (min-width: 1450px) {
|
|
11145
|
-
.pf-v5-c-description-list
|
|
11157
|
+
:root, :where(.pf-v5-c-description-list) {
|
|
11146
11158
|
--pf-v5-c-description-list__term--width: var(--pf-v5-c-description-list--m-horizontal__term--width-on-2xl, var(--pf-v5-c-description-list--m-horizontal__term--width-on-xl, var(--pf-v5-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v5-c-description-list--m-horizontal__term--width-on-md, var(--pf-v5-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v5-c-description-list--m-horizontal__term--width))))));
|
|
11147
11159
|
}
|
|
11148
11160
|
}
|
|
11161
|
+
|
|
11162
|
+
.pf-v5-c-description-list {
|
|
11163
|
+
display: grid;
|
|
11164
|
+
grid-template-columns: repeat(var(--pf-v5-c-description-list--GridTemplateColumns--count), var(--pf-v5-c-description-list--GridTemplateColumns--width));
|
|
11165
|
+
row-gap: var(--pf-v5-c-description-list--RowGap);
|
|
11166
|
+
column-gap: var(--pf-v5-c-description-list--ColumnGap);
|
|
11167
|
+
align-items: baseline;
|
|
11168
|
+
}
|
|
11149
11169
|
.pf-v5-c-description-list.pf-m-inline-grid {
|
|
11150
11170
|
display: inline-grid;
|
|
11151
11171
|
}
|
|
@@ -16342,63 +16362,66 @@ label.pf-v5-c-input-group__text {
|
|
|
16342
16362
|
cursor: pointer;
|
|
16343
16363
|
}
|
|
16344
16364
|
|
|
16345
|
-
|
|
16365
|
+
:where(:root),
|
|
16366
|
+
:where(.pf-v5-c-jump-links) {
|
|
16346
16367
|
--pf-v5-c-jump-links__list--Display: flex;
|
|
16347
16368
|
--pf-v5-c-jump-links__list--PaddingTop: 0;
|
|
16348
|
-
--pf-v5-c-jump-links__list--PaddingRight: var(--pf-
|
|
16369
|
+
--pf-v5-c-jump-links__list--PaddingRight: var(--pf-t--global--spacer--md);
|
|
16349
16370
|
--pf-v5-c-jump-links__list--PaddingBottom: 0;
|
|
16350
|
-
--pf-v5-c-jump-links__list--PaddingLeft: var(--pf-
|
|
16351
|
-
--pf-v5-c-jump-links--m-vertical__list--PaddingTop: var(--pf-
|
|
16371
|
+
--pf-v5-c-jump-links__list--PaddingLeft: var(--pf-t--global--spacer--md);
|
|
16372
|
+
--pf-v5-c-jump-links--m-vertical__list--PaddingTop: var(--pf-t--global--spacer--md);
|
|
16352
16373
|
--pf-v5-c-jump-links--m-vertical__list--PaddingRight: 0;
|
|
16353
|
-
--pf-v5-c-jump-links--m-vertical__list--PaddingBottom: var(--pf-
|
|
16374
|
+
--pf-v5-c-jump-links--m-vertical__list--PaddingBottom: var(--pf-t--global--spacer--md);
|
|
16354
16375
|
--pf-v5-c-jump-links--m-vertical__list--PaddingLeft: 0;
|
|
16355
16376
|
--pf-v5-c-jump-links__list--FlexDirection: row;
|
|
16356
16377
|
--pf-v5-c-jump-links--m-vertical__list--FlexDirection: column;
|
|
16357
|
-
--pf-v5-c-jump-links__list--before--BorderColor: var(--pf-
|
|
16358
|
-
--pf-v5-c-jump-links__list--before--BorderTopWidth: var(--pf-
|
|
16378
|
+
--pf-v5-c-jump-links__list--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
16379
|
+
--pf-v5-c-jump-links__list--before--BorderTopWidth: var(--pf-t--global--border--width--box--default);
|
|
16359
16380
|
--pf-v5-c-jump-links__list--before--BorderRightWidth: 0;
|
|
16360
16381
|
--pf-v5-c-jump-links__list--before--BorderBottomWidth: 0;
|
|
16361
16382
|
--pf-v5-c-jump-links__list--before--BorderLeftWidth: 0;
|
|
16362
|
-
--pf-v5-c-jump-links--m-vertical__list--before--BorderLeftWidth: var(--pf-
|
|
16383
|
+
--pf-v5-c-jump-links--m-vertical__list--before--BorderLeftWidth: var(--pf-t--global--border--width--box--default);
|
|
16363
16384
|
--pf-v5-c-jump-links--m-vertical__list--before--BorderTopWidth: 0;
|
|
16364
|
-
--pf-v5-c-jump-links__list__list--MarginTop: calc(var(--pf-
|
|
16365
|
-
--pf-v5-c-jump-links__link--PaddingTop: var(--pf-
|
|
16366
|
-
--pf-v5-c-jump-links__link--PaddingRight: var(--pf-
|
|
16367
|
-
--pf-v5-c-jump-links__link--PaddingBottom: var(--pf-
|
|
16368
|
-
--pf-v5-c-jump-links__link--PaddingLeft: var(--pf-
|
|
16369
|
-
--pf-v5-c-jump-links__list__list__link--PaddingTop: var(--pf-
|
|
16370
|
-
--pf-v5-c-jump-links__list__list__link--PaddingLeft: var(--pf-
|
|
16371
|
-
--pf-v5-c-jump-links__list__list__link--PaddingBottom: var(--pf-
|
|
16372
|
-
--pf-v5-c-jump-links__link--OutlineOffset: calc(-1 * var(--pf-
|
|
16385
|
+
--pf-v5-c-jump-links__list__list--MarginTop: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
16386
|
+
--pf-v5-c-jump-links__link--PaddingTop: var(--pf-t--global--spacer--sm);
|
|
16387
|
+
--pf-v5-c-jump-links__link--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
16388
|
+
--pf-v5-c-jump-links__link--PaddingBottom: var(--pf-t--global--spacer--sm);
|
|
16389
|
+
--pf-v5-c-jump-links__link--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
16390
|
+
--pf-v5-c-jump-links__list__list__link--PaddingTop: var(--pf-t--global--spacer--sm);
|
|
16391
|
+
--pf-v5-c-jump-links__list__list__link--PaddingLeft: var(--pf-t--global--spacer--lg);
|
|
16392
|
+
--pf-v5-c-jump-links__list__list__link--PaddingBottom: var(--pf-t--global--spacer--sm);
|
|
16393
|
+
--pf-v5-c-jump-links__link--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--sm));
|
|
16373
16394
|
--pf-v5-c-jump-links__link--before--BorderTopWidth: 0;
|
|
16374
16395
|
--pf-v5-c-jump-links__link--before--BorderRightWidth: 0;
|
|
16375
16396
|
--pf-v5-c-jump-links__link--before--BorderBottomWidth: 0;
|
|
16376
16397
|
--pf-v5-c-jump-links__link--before--BorderLeftWidth: 0;
|
|
16377
16398
|
--pf-v5-c-jump-links__link--before--BorderColor: transparent;
|
|
16378
|
-
--pf-v5-c-jump-links__item--m-current__link--before--BorderTopWidth: var(--pf-
|
|
16399
|
+
--pf-v5-c-jump-links__item--m-current__link--before--BorderTopWidth: var(--pf-t--global--border--width--extra-strong);
|
|
16379
16400
|
--pf-v5-c-jump-links__item--m-current__link--before--BorderLeftWidth: 0;
|
|
16380
|
-
--pf-v5-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-
|
|
16401
|
+
--pf-v5-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
16381
16402
|
--pf-v5-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth: 0;
|
|
16382
|
-
--pf-v5-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth: var(--pf-
|
|
16383
|
-
--pf-v5-c-jump-links__link-text--Color: var(--pf-
|
|
16384
|
-
--pf-v5-c-jump-links__link--hover__link-text--Color: var(--pf-
|
|
16385
|
-
--pf-v5-c-jump-
|
|
16386
|
-
--pf-v5-c-jump-
|
|
16387
|
-
--pf-v5-c-jump-links__label--MarginBottom: var(--pf-v5-global--spacer--md);
|
|
16403
|
+
--pf-v5-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth: var(--pf-t--global--border--width--extra-strong);
|
|
16404
|
+
--pf-v5-c-jump-links__link-text--Color: var(--pf-t--global--text--color--subtle);
|
|
16405
|
+
--pf-v5-c-jump-links__link--hover__link-text--Color: var(--pf-t--global--text--color--subtle);
|
|
16406
|
+
--pf-v5-c-jump-links__item--m-current__link-text--Color: var(--pf-t--global--text--color--regular);
|
|
16407
|
+
--pf-v5-c-jump-links__label--MarginBottom: var(--pf-t--global--spacer--md);
|
|
16388
16408
|
--pf-v5-c-jump-links__label--Display: block;
|
|
16389
16409
|
--pf-v5-c-jump-links__toggle--MarginTop: calc(-1 * var(--pf-v5-global--spacer--form-element));
|
|
16390
16410
|
--pf-v5-c-jump-links__toggle--MarginBottom--base: calc(-1 * var(--pf-v5-global--spacer--form-element));
|
|
16391
16411
|
--pf-v5-c-jump-links__toggle--MarginBottom: var(--pf-v5-c-jump-links__toggle--MarginBottom--base);
|
|
16392
|
-
--pf-v5-c-jump-links--m-expanded__toggle--MarginBottom: calc(var(--pf-v5-c-jump-links__toggle--MarginBottom--base) + var(--pf-
|
|
16393
|
-
--pf-v5-c-jump-links__toggle--MarginLeft: calc(-1 * var(--pf-
|
|
16412
|
+
--pf-v5-c-jump-links--m-expanded__toggle--MarginBottom: calc(var(--pf-v5-c-jump-links__toggle--MarginBottom--base) + var(--pf-t--global--spacer--md));
|
|
16413
|
+
--pf-v5-c-jump-links__toggle--MarginLeft: calc(-1 * var(--pf-t--global--spacer--md));
|
|
16394
16414
|
--pf-v5-c-jump-links__toggle--Display: none;
|
|
16395
16415
|
--pf-v5-c-jump-links__toggle-icon--Color: currentcolor;
|
|
16396
16416
|
--pf-v5-c-jump-links__toggle-icon--Transition: var(--pf-v5-global--Transition);
|
|
16397
16417
|
--pf-v5-c-jump-links__toggle-icon--Rotate: 0;
|
|
16398
|
-
--pf-v5-c-jump-links--m-expanded__toggle-icon--Color: var(--pf-
|
|
16418
|
+
--pf-v5-c-jump-links--m-expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
16399
16419
|
--pf-v5-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
|
|
16400
|
-
--pf-v5-c-jump-links__toggle-text--MarginLeft: var(--pf-
|
|
16401
|
-
--pf-v5-c-jump-links__toggle-text--Color: var(--pf-
|
|
16420
|
+
--pf-v5-c-jump-links__toggle-text--MarginLeft: var(--pf-t--global--spacer--md);
|
|
16421
|
+
--pf-v5-c-jump-links__toggle-text--Color: var(--pf-t--global--text--color--regular);
|
|
16422
|
+
}
|
|
16423
|
+
|
|
16424
|
+
.pf-v5-c-jump-links {
|
|
16402
16425
|
display: flex;
|
|
16403
16426
|
}
|
|
16404
16427
|
.pf-v5-c-jump-links.pf-m-center {
|
|
@@ -16536,12 +16559,9 @@ label.pf-v5-c-input-group__text {
|
|
|
16536
16559
|
text-decoration: none;
|
|
16537
16560
|
outline-offset: var(--pf-v5-c-jump-links__link--OutlineOffset);
|
|
16538
16561
|
}
|
|
16539
|
-
.pf-v5-c-jump-links__link:hover {
|
|
16562
|
+
.pf-v5-c-jump-links__link:hover, .pf-v5-c-jump-links__link:focus {
|
|
16540
16563
|
--pf-v5-c-jump-links__link-text--Color: var(--pf-v5-c-jump-links__link--hover__link-text--Color);
|
|
16541
16564
|
}
|
|
16542
|
-
.pf-v5-c-jump-links__link:focus {
|
|
16543
|
-
--pf-v5-c-jump-links__link-text--Color: var(--pf-v5-c-jump-links__link--focus__link-text--Color);
|
|
16544
|
-
}
|
|
16545
16565
|
.pf-v5-c-jump-links__link::before {
|
|
16546
16566
|
position: absolute;
|
|
16547
16567
|
inset: 0;
|
|
@@ -16605,149 +16625,227 @@ label.pf-v5-c-input-group__text {
|
|
|
16605
16625
|
color: var(--pf-v5-c-jump-links__toggle-text--Color);
|
|
16606
16626
|
}
|
|
16607
16627
|
|
|
16608
|
-
.pf-v5-c-
|
|
16609
|
-
--pf-v5-
|
|
16610
|
-
--pf-v5-
|
|
16611
|
-
--pf-v5-
|
|
16612
|
-
--pf-v5-
|
|
16628
|
+
.pf-v5-c-table, .pf-v5-c-select, .pf-v5-c-menu, .pf-t-light, .pf-v5-c-calendar-month, .pf-v5-c-chip, .pf-v5-c-chip-group, .pf-v5-c-context-selector__menu {
|
|
16629
|
+
--pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
|
|
16630
|
+
--pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
|
|
16631
|
+
--pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--dark-100);
|
|
16632
|
+
--pf-v5-global--primary-color--100: var(--pf-v5-global--primary-color--dark-100);
|
|
16633
|
+
--pf-v5-global--link--Color: var(--pf-v5-global--link--Color--dark);
|
|
16634
|
+
--pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--dark--hover);
|
|
16635
|
+
--pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--light-100);
|
|
16636
|
+
--pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--dark);
|
|
16637
|
+
--pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--dark);
|
|
16638
|
+
}
|
|
16639
|
+
|
|
16640
|
+
.pf-v5-c-wizard__header, .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector, .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, .pf-t-dark {
|
|
16641
|
+
--pf-v5-global--Color--100: var(--pf-v5-global--Color--light-100);
|
|
16642
|
+
--pf-v5-global--Color--200: var(--pf-v5-global--Color--light-200);
|
|
16643
|
+
--pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--light-100);
|
|
16644
|
+
--pf-v5-global--primary-color--100: var(--pf-v5-global--primary-color--light-100);
|
|
16645
|
+
--pf-v5-global--link--Color: var(--pf-v5-global--link--Color--light);
|
|
16646
|
+
--pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--light);
|
|
16647
|
+
--pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--dark-100);
|
|
16648
|
+
--pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--light);
|
|
16649
|
+
--pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--light);
|
|
16650
|
+
}
|
|
16651
|
+
.pf-v5-c-wizard__header .pf-v5-c-button, .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button, .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, .pf-t-dark .pf-v5-c-button {
|
|
16652
|
+
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--dark-100);
|
|
16653
|
+
}
|
|
16654
|
+
|
|
16655
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *, .pf-v5-c-page__header-tools-item, .pf-v5-c-page__header-tools-group, .pf-v5-c-menu__group, .pf-v5-c-menu__list-item, .pf-v5-c-menu__list, .pf-v5-c-data-list__item-action, .pf-v5-c-toolbar__group, .pf-v5-c-toolbar__item, .pf-v5-c-toolbar__content, .pf-v5-c-toolbar__content-section, .pf-v5-c-divider {
|
|
16656
|
+
--pf-v5-hidden-visible--hidden--Display: none;
|
|
16657
|
+
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
|
|
16658
|
+
display: var(--pf-v5-hidden-visible--Display);
|
|
16659
|
+
}
|
|
16660
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden, .pf-m-hidden.pf-v5-c-page__header-tools-item, .pf-m-hidden.pf-v5-c-page__header-tools-group, .pf-m-hidden.pf-v5-c-menu__group, .pf-m-hidden.pf-v5-c-menu__list-item, .pf-m-hidden.pf-v5-c-menu__list, .pf-m-hidden.pf-v5-c-data-list__item-action, .pf-m-hidden.pf-v5-c-toolbar__group, .pf-m-hidden.pf-v5-c-toolbar__item, .pf-m-hidden.pf-v5-c-toolbar__content, .pf-m-hidden.pf-v5-c-toolbar__content-section, .pf-m-hidden.pf-v5-c-divider {
|
|
16661
|
+
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
|
|
16662
|
+
}
|
|
16663
|
+
@media screen and (min-width: 576px) {
|
|
16664
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-sm, .pf-m-hidden-on-sm.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-sm.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-sm.pf-v5-c-menu__group, .pf-m-hidden-on-sm.pf-v5-c-menu__list-item, .pf-m-hidden-on-sm.pf-v5-c-menu__list, .pf-m-hidden-on-sm.pf-v5-c-data-list__item-action, .pf-m-hidden-on-sm.pf-v5-c-toolbar__group, .pf-m-hidden-on-sm.pf-v5-c-toolbar__item, .pf-m-hidden-on-sm.pf-v5-c-toolbar__content, .pf-m-hidden-on-sm.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-sm.pf-v5-c-divider {
|
|
16665
|
+
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
|
|
16666
|
+
}
|
|
16667
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-sm, .pf-m-visible-on-sm.pf-v5-c-page__header-tools-item, .pf-m-visible-on-sm.pf-v5-c-page__header-tools-group, .pf-m-visible-on-sm.pf-v5-c-menu__group, .pf-m-visible-on-sm.pf-v5-c-menu__list-item, .pf-m-visible-on-sm.pf-v5-c-menu__list, .pf-m-visible-on-sm.pf-v5-c-data-list__item-action, .pf-m-visible-on-sm.pf-v5-c-toolbar__group, .pf-m-visible-on-sm.pf-v5-c-toolbar__item, .pf-m-visible-on-sm.pf-v5-c-toolbar__content, .pf-m-visible-on-sm.pf-v5-c-toolbar__content-section, .pf-m-visible-on-sm.pf-v5-c-divider {
|
|
16668
|
+
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
|
|
16669
|
+
}
|
|
16670
|
+
}
|
|
16671
|
+
@media screen and (min-width: 768px) {
|
|
16672
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-md, .pf-m-hidden-on-md.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-md.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-md.pf-v5-c-menu__group, .pf-m-hidden-on-md.pf-v5-c-menu__list-item, .pf-m-hidden-on-md.pf-v5-c-menu__list, .pf-m-hidden-on-md.pf-v5-c-data-list__item-action, .pf-m-hidden-on-md.pf-v5-c-toolbar__group, .pf-m-hidden-on-md.pf-v5-c-toolbar__item, .pf-m-hidden-on-md.pf-v5-c-toolbar__content, .pf-m-hidden-on-md.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-md.pf-v5-c-divider {
|
|
16673
|
+
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
|
|
16674
|
+
}
|
|
16675
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-md, .pf-m-visible-on-md.pf-v5-c-page__header-tools-item, .pf-m-visible-on-md.pf-v5-c-page__header-tools-group, .pf-m-visible-on-md.pf-v5-c-menu__group, .pf-m-visible-on-md.pf-v5-c-menu__list-item, .pf-m-visible-on-md.pf-v5-c-menu__list, .pf-m-visible-on-md.pf-v5-c-data-list__item-action, .pf-m-visible-on-md.pf-v5-c-toolbar__group, .pf-m-visible-on-md.pf-v5-c-toolbar__item, .pf-m-visible-on-md.pf-v5-c-toolbar__content, .pf-m-visible-on-md.pf-v5-c-toolbar__content-section, .pf-m-visible-on-md.pf-v5-c-divider {
|
|
16676
|
+
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
|
|
16677
|
+
}
|
|
16678
|
+
}
|
|
16679
|
+
@media screen and (min-width: 992px) {
|
|
16680
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-lg, .pf-m-hidden-on-lg.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-lg.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-lg.pf-v5-c-menu__group, .pf-m-hidden-on-lg.pf-v5-c-menu__list-item, .pf-m-hidden-on-lg.pf-v5-c-menu__list, .pf-m-hidden-on-lg.pf-v5-c-data-list__item-action, .pf-m-hidden-on-lg.pf-v5-c-toolbar__group, .pf-m-hidden-on-lg.pf-v5-c-toolbar__item, .pf-m-hidden-on-lg.pf-v5-c-toolbar__content, .pf-m-hidden-on-lg.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-lg.pf-v5-c-divider {
|
|
16681
|
+
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
|
|
16682
|
+
}
|
|
16683
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-lg, .pf-m-visible-on-lg.pf-v5-c-page__header-tools-item, .pf-m-visible-on-lg.pf-v5-c-page__header-tools-group, .pf-m-visible-on-lg.pf-v5-c-menu__group, .pf-m-visible-on-lg.pf-v5-c-menu__list-item, .pf-m-visible-on-lg.pf-v5-c-menu__list, .pf-m-visible-on-lg.pf-v5-c-data-list__item-action, .pf-m-visible-on-lg.pf-v5-c-toolbar__group, .pf-m-visible-on-lg.pf-v5-c-toolbar__item, .pf-m-visible-on-lg.pf-v5-c-toolbar__content, .pf-m-visible-on-lg.pf-v5-c-toolbar__content-section, .pf-m-visible-on-lg.pf-v5-c-divider {
|
|
16684
|
+
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
|
|
16685
|
+
}
|
|
16686
|
+
}
|
|
16687
|
+
@media screen and (min-width: 1200px) {
|
|
16688
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-xl, .pf-m-hidden-on-xl.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-xl.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-xl.pf-v5-c-menu__group, .pf-m-hidden-on-xl.pf-v5-c-menu__list-item, .pf-m-hidden-on-xl.pf-v5-c-menu__list, .pf-m-hidden-on-xl.pf-v5-c-data-list__item-action, .pf-m-hidden-on-xl.pf-v5-c-toolbar__group, .pf-m-hidden-on-xl.pf-v5-c-toolbar__item, .pf-m-hidden-on-xl.pf-v5-c-toolbar__content, .pf-m-hidden-on-xl.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-xl.pf-v5-c-divider {
|
|
16689
|
+
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
|
|
16690
|
+
}
|
|
16691
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-xl, .pf-m-visible-on-xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-xl.pf-v5-c-page__header-tools-group, .pf-m-visible-on-xl.pf-v5-c-menu__group, .pf-m-visible-on-xl.pf-v5-c-menu__list-item, .pf-m-visible-on-xl.pf-v5-c-menu__list, .pf-m-visible-on-xl.pf-v5-c-data-list__item-action, .pf-m-visible-on-xl.pf-v5-c-toolbar__group, .pf-m-visible-on-xl.pf-v5-c-toolbar__item, .pf-m-visible-on-xl.pf-v5-c-toolbar__content, .pf-m-visible-on-xl.pf-v5-c-toolbar__content-section, .pf-m-visible-on-xl.pf-v5-c-divider {
|
|
16692
|
+
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
|
|
16693
|
+
}
|
|
16694
|
+
}
|
|
16695
|
+
@media screen and (min-width: 1450px) {
|
|
16696
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-2xl, .pf-m-hidden-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-2xl.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-2xl.pf-v5-c-menu__group, .pf-m-hidden-on-2xl.pf-v5-c-menu__list-item, .pf-m-hidden-on-2xl.pf-v5-c-menu__list, .pf-m-hidden-on-2xl.pf-v5-c-data-list__item-action, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__group, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__item, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__content, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-2xl.pf-v5-c-divider {
|
|
16697
|
+
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
|
|
16698
|
+
}
|
|
16699
|
+
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-2xl, .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-group, .pf-m-visible-on-2xl.pf-v5-c-menu__group, .pf-m-visible-on-2xl.pf-v5-c-menu__list-item, .pf-m-visible-on-2xl.pf-v5-c-menu__list, .pf-m-visible-on-2xl.pf-v5-c-data-list__item-action, .pf-m-visible-on-2xl.pf-v5-c-toolbar__group, .pf-m-visible-on-2xl.pf-v5-c-toolbar__item, .pf-m-visible-on-2xl.pf-v5-c-toolbar__content, .pf-m-visible-on-2xl.pf-v5-c-toolbar__content-section, .pf-m-visible-on-2xl.pf-v5-c-divider {
|
|
16700
|
+
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
|
|
16701
|
+
}
|
|
16702
|
+
}
|
|
16703
|
+
|
|
16704
|
+
.pf-v5-c-number-input .pf-v5-c-form-control > :is(input), .pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control > :is(input) {
|
|
16705
|
+
appearance: textfield;
|
|
16706
|
+
}
|
|
16707
|
+
.pf-v5-c-number-input .pf-v5-c-form-control > :is(input)::-webkit-inner-spin-button, .pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control > :is(input)::-webkit-inner-spin-button, .pf-v5-c-number-input .pf-v5-c-form-control > :is(input)::-webkit-outer-spin-button, .pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control > :is(input)::-webkit-outer-spin-button {
|
|
16708
|
+
margin: 0;
|
|
16709
|
+
appearance: none;
|
|
16710
|
+
}
|
|
16711
|
+
|
|
16712
|
+
:where(:root),
|
|
16713
|
+
:where(.pf-v5-c-label) {
|
|
16714
|
+
--pf-v5-c-label--PaddingTop: var(--pf-t--global--spacer--xs);
|
|
16715
|
+
--pf-v5-c-label--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
16716
|
+
--pf-v5-c-label--PaddingBottom: var(--pf-t--global--spacer--xs);
|
|
16717
|
+
--pf-v5-c-label--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
16613
16718
|
--pf-v5-c-label--MaxWidth: 100%;
|
|
16614
|
-
--pf-v5-c-label--
|
|
16615
|
-
--pf-v5-c-label--
|
|
16616
|
-
--pf-v5-c-label--
|
|
16617
|
-
--pf-v5-c-label--FontSize: var(--pf-
|
|
16618
|
-
--pf-v5-c-
|
|
16619
|
-
--pf-v5-c-
|
|
16620
|
-
--pf-v5-c-
|
|
16621
|
-
--pf-v5-c-label--m-
|
|
16622
|
-
--pf-v5-c-label--m-
|
|
16623
|
-
--pf-v5-c-
|
|
16624
|
-
--pf-v5-c-
|
|
16625
|
-
--pf-v5-c-
|
|
16626
|
-
--pf-v5-c-
|
|
16627
|
-
--pf-v5-c-label--m-
|
|
16628
|
-
--pf-v5-c-label--m-
|
|
16629
|
-
--pf-v5-c-label--m-
|
|
16630
|
-
--pf-v5-c-label--m-
|
|
16631
|
-
--pf-v5-c-label--m-blue--
|
|
16632
|
-
--pf-v5-c-label--m-
|
|
16633
|
-
--pf-v5-c-label--m-
|
|
16634
|
-
--pf-v5-c-label--m-
|
|
16635
|
-
--pf-v5-c-label--m-
|
|
16636
|
-
--pf-v5-c-label--m-
|
|
16637
|
-
--pf-v5-c-label--m-
|
|
16638
|
-
--pf-v5-c-label--m-
|
|
16639
|
-
--pf-v5-c-label--m-
|
|
16640
|
-
--pf-v5-c-label--m-
|
|
16641
|
-
--pf-v5-c-label--m-
|
|
16642
|
-
--pf-v5-c-label--m-
|
|
16643
|
-
--pf-v5-c-label--m-
|
|
16644
|
-
--pf-v5-c-label--m-
|
|
16645
|
-
--pf-v5-c-label--m-
|
|
16646
|
-
--pf-v5-c-label--m-
|
|
16647
|
-
--pf-v5-c-label--m-
|
|
16648
|
-
--pf-v5-c-label--m-
|
|
16649
|
-
--pf-v5-c-label--m-outline--m-
|
|
16650
|
-
--pf-v5-c-label--m-
|
|
16651
|
-
--pf-v5-c-label--m-
|
|
16652
|
-
--pf-v5-c-label--m-
|
|
16653
|
-
--pf-v5-c-label--m-
|
|
16654
|
-
--pf-v5-c-label--m-
|
|
16655
|
-
--pf-v5-c-label--m-
|
|
16656
|
-
--pf-v5-c-label--m-
|
|
16657
|
-
--pf-v5-c-label--m-outline--m-
|
|
16658
|
-
--pf-v5-c-label--m-
|
|
16659
|
-
--pf-v5-c-label--m-
|
|
16660
|
-
--pf-v5-c-label--m-
|
|
16661
|
-
--pf-v5-c-label--m-
|
|
16662
|
-
--pf-v5-c-label--m-
|
|
16663
|
-
--pf-v5-c-label--m-
|
|
16664
|
-
--pf-v5-c-label--m-
|
|
16665
|
-
--pf-v5-c-label--m-
|
|
16666
|
-
--pf-v5-c-label--m-
|
|
16667
|
-
--pf-v5-c-label--m-
|
|
16668
|
-
--pf-v5-c-label--m-
|
|
16669
|
-
--pf-v5-c-label--m-
|
|
16670
|
-
--pf-v5-c-label--m-
|
|
16671
|
-
--pf-v5-c-label--m-
|
|
16672
|
-
--pf-v5-c-label--m-
|
|
16673
|
-
--pf-v5-c-label--m-
|
|
16674
|
-
--pf-v5-c-label--m-
|
|
16675
|
-
--pf-v5-c-label--m-
|
|
16676
|
-
--pf-v5-c-label--m-
|
|
16677
|
-
--pf-v5-c-label--m-
|
|
16678
|
-
--pf-v5-c-label--m-
|
|
16679
|
-
--pf-v5-c-label--m-
|
|
16680
|
-
--pf-v5-c-label--m-
|
|
16681
|
-
--pf-v5-c-label--m-cyan--
|
|
16682
|
-
--pf-v5-c-label--m-
|
|
16683
|
-
--pf-v5-c-label--m-
|
|
16684
|
-
--pf-v5-c-label--m-
|
|
16685
|
-
--pf-v5-c-label--m-
|
|
16686
|
-
--pf-v5-c-label--m-
|
|
16687
|
-
--pf-v5-c-label--m-
|
|
16688
|
-
--pf-v5-c-label--m-
|
|
16689
|
-
--pf-v5-c-label--m-outline--m-
|
|
16690
|
-
--pf-v5-c-label--m-
|
|
16691
|
-
--pf-v5-c-label--m-
|
|
16692
|
-
--pf-v5-c-label--m-
|
|
16693
|
-
--pf-v5-c-label--m-
|
|
16694
|
-
--pf-v5-c-label--m-
|
|
16695
|
-
--pf-v5-c-label--m-
|
|
16696
|
-
--pf-v5-c-label--m-
|
|
16697
|
-
--pf-v5-c-label--m-outline--m-
|
|
16698
|
-
--pf-v5-c-label--m-outline--m-
|
|
16699
|
-
--pf-v5-c-label--m-
|
|
16700
|
-
--pf-v5-c-label--m-
|
|
16701
|
-
--pf-v5-c-label--m-
|
|
16702
|
-
--pf-v5-c-label--m-
|
|
16703
|
-
--pf-v5-c-label--m-
|
|
16704
|
-
--pf-v5-c-label--m-
|
|
16705
|
-
--pf-v5-c-label--m-
|
|
16706
|
-
--pf-v5-c-label--m-
|
|
16707
|
-
--pf-v5-c-label--m-
|
|
16708
|
-
--pf-v5-c-label--m-
|
|
16719
|
+
--pf-v5-c-label--BorderWidth: 0;
|
|
16720
|
+
--pf-v5-c-label--BorderColor: transparent;
|
|
16721
|
+
--pf-v5-c-label--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
16722
|
+
--pf-v5-c-label--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
16723
|
+
--pf-v5-c-label--BackgroundColor: var(--pf-t--global--border--color--nonstatus--gray--default);
|
|
16724
|
+
--pf-v5-c-label--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
|
|
16725
|
+
--pf-v5-c-label__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
|
|
16726
|
+
--pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--gray--hover);
|
|
16727
|
+
--pf-v5-c-label--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-gray--hover);
|
|
16728
|
+
--pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--hover);
|
|
16729
|
+
--pf-v5-c-label--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--gray--default);
|
|
16730
|
+
--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--gray--hover);
|
|
16731
|
+
--pf-v5-c-label--m-blue--BackgroundColor: var(--pf-t--global--border--color--nonstatus--blue--default);
|
|
16732
|
+
--pf-v5-c-label--m-blue--Color: var(--pf-t--global--text--color--nonstatus--on-blue--default);
|
|
16733
|
+
--pf-v5-c-label--m-blue__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-blue--default);
|
|
16734
|
+
--pf-v5-c-label--m-blue--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--blue--hover);
|
|
16735
|
+
--pf-v5-c-label--m-blue--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-blue--hover);
|
|
16736
|
+
--pf-v5-c-label--m-blue--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-blue--hover);
|
|
16737
|
+
--pf-v5-c-label--m-blue--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--blue--default);
|
|
16738
|
+
--pf-v5-c-label--m-blue--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--blue--hover);
|
|
16739
|
+
--pf-v5-c-label--m-red--BackgroundColor: var(--pf-t--global--border--color--nonstatus--red--default);
|
|
16740
|
+
--pf-v5-c-label--m-red--Color: var(--pf-t--global--text--color--nonstatus--on-red--default);
|
|
16741
|
+
--pf-v5-c-label--m-red__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-red--default);
|
|
16742
|
+
--pf-v5-c-label--m-red--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--red--hover);
|
|
16743
|
+
--pf-v5-c-label--m-red--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-red--hover);
|
|
16744
|
+
--pf-v5-c-label--m-red--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-red--hover);
|
|
16745
|
+
--pf-v5-c-label--m-red--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--red--default);
|
|
16746
|
+
--pf-v5-c-label--m-red--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--red--hover);
|
|
16747
|
+
--pf-v5-c-label--m-orange--BackgroundColor: var(--pf-t--global--border--color--nonstatus--orange--default);
|
|
16748
|
+
--pf-v5-c-label--m-orange--Color: var(--pf-t--global--text--color--nonstatus--on-orange--default);
|
|
16749
|
+
--pf-v5-c-label--m-orange__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-orange--default);
|
|
16750
|
+
--pf-v5-c-label--m-orange--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--orange--hover);
|
|
16751
|
+
--pf-v5-c-label--m-orange--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-orange--hover);
|
|
16752
|
+
--pf-v5-c-label--m-orange--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-orange--hover);
|
|
16753
|
+
--pf-v5-c-label--m-orange--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--orange--default);
|
|
16754
|
+
--pf-v5-c-label--m-orange--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--orange--hover);
|
|
16755
|
+
--pf-v5-c-label--m-orangered--BackgroundColor: var(--pf-t--global--border--color--nonstatus--orangered--default);
|
|
16756
|
+
--pf-v5-c-label--m-orangered--Color: var(--pf-t--global--text--color--nonstatus--on-orangered--default);
|
|
16757
|
+
--pf-v5-c-label--m-orangered__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-orangered--default);
|
|
16758
|
+
--pf-v5-c-label--m-orangered--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--orangered--hover);
|
|
16759
|
+
--pf-v5-c-label--m-orangered--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-orangered--hover);
|
|
16760
|
+
--pf-v5-c-label--m-orangered--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-orangered--hover);
|
|
16761
|
+
--pf-v5-c-label--m-orangered--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--orangered--default);
|
|
16762
|
+
--pf-v5-c-label--m-orangered--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--orangered--hover);
|
|
16763
|
+
--pf-v5-c-label--m-gold--BackgroundColor: var(--pf-t--global--border--color--nonstatus--gold--default);
|
|
16764
|
+
--pf-v5-c-label--m-gold--Color: var(--pf-t--global--text--color--nonstatus--on-gold--default);
|
|
16765
|
+
--pf-v5-c-label--m-gold__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gold--default);
|
|
16766
|
+
--pf-v5-c-label--m-gold--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--gold--hover);
|
|
16767
|
+
--pf-v5-c-label--m-gold--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-gold--hover);
|
|
16768
|
+
--pf-v5-c-label--m-gold--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gold--hover);
|
|
16769
|
+
--pf-v5-c-label--m-gold--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--gold--default);
|
|
16770
|
+
--pf-v5-c-label--m-gold--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--gold--hover);
|
|
16771
|
+
--pf-v5-c-label--m-green--BackgroundColor: var(--pf-t--global--border--color--nonstatus--green--default);
|
|
16772
|
+
--pf-v5-c-label--m-green--Color: var(--pf-t--global--text--color--nonstatus--on-green--default);
|
|
16773
|
+
--pf-v5-c-label--m-green__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-green--default);
|
|
16774
|
+
--pf-v5-c-label--m-green--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--green--hover);
|
|
16775
|
+
--pf-v5-c-label--m-green--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-green--hover);
|
|
16776
|
+
--pf-v5-c-label--m-green--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-green--hover);
|
|
16777
|
+
--pf-v5-c-label--m-green--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--green--default);
|
|
16778
|
+
--pf-v5-c-label--m-green--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--green--hover);
|
|
16779
|
+
--pf-v5-c-label--m-cyan--BackgroundColor: var(--pf-t--global--border--color--nonstatus--cyan--default);
|
|
16780
|
+
--pf-v5-c-label--m-cyan--Color: var(--pf-t--global--text--color--nonstatus--on-cyan--default);
|
|
16781
|
+
--pf-v5-c-label--m-cyan__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-cyan--default);
|
|
16782
|
+
--pf-v5-c-label--m-cyan--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--cyan--hover);
|
|
16783
|
+
--pf-v5-c-label--m-cyan--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-cyan--hover);
|
|
16784
|
+
--pf-v5-c-label--m-cyan--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-cyan--hover);
|
|
16785
|
+
--pf-v5-c-label--m-cyan--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--cyan--default);
|
|
16786
|
+
--pf-v5-c-label--m-cyan--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--cyan--hover);
|
|
16787
|
+
--pf-v5-c-label--m-purple--BackgroundColor: var(--pf-t--global--border--color--nonstatus--purple--default);
|
|
16788
|
+
--pf-v5-c-label--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
|
|
16789
|
+
--pf-v5-c-label--m-purple__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-purple--default);
|
|
16790
|
+
--pf-v5-c-label--m-purple--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--purple--hover);
|
|
16791
|
+
--pf-v5-c-label--m-purple--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-purple--hover);
|
|
16792
|
+
--pf-v5-c-label--m-purple--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-purple--hover);
|
|
16793
|
+
--pf-v5-c-label--m-purple--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--purple--default);
|
|
16794
|
+
--pf-v5-c-label--m-purple--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--purple--hover);
|
|
16795
|
+
--pf-v5-c-label--m-clickable--hover--BorderWidth: 0;
|
|
16796
|
+
--pf-v5-c-label--m-clickable--hover--BorderColor: transparent;
|
|
16797
|
+
--pf-v5-c-label--m-outline--BorderWidth: var(--pf-t--global--border--width--button--default);
|
|
16798
|
+
--pf-v5-c-label--m-outline--BackgroundColor: transparent;
|
|
16799
|
+
--pf-v5-c-label--m-outline--Color: var(--pf-t--global--text--color--regular);
|
|
16800
|
+
--pf-v5-c-label--m-outline__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
16801
|
+
--pf-v5-c-label--m-outline--m-clickable--hover--BackgroundColor: transparent;
|
|
16802
|
+
--pf-v5-c-label--m-outline--m-clickable--hover--BorderWidth: var(--pf-t--global--border--width--button--hover);
|
|
16803
|
+
--pf-v5-c-label--m-outline--m-clickable--hover--Color: var(--pf-t--global--text--color--regular);
|
|
16804
|
+
--pf-v5-c-label--m-overflow--Color: var(--pf-t--global--text--color--brand--default);
|
|
16805
|
+
--pf-v5-c-label--m-overflow--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
16806
|
+
--pf-v5-c-label--m-overflow--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
|
16807
|
+
--pf-v5-c-label--m-overflow--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
16808
|
+
--pf-v5-c-label--m-overflow--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
|
|
16809
|
+
--pf-v5-c-label--m-add--Color: var(--pf-t--global--text--color--brand--default);
|
|
16810
|
+
--pf-v5-c-label--m-add--BackgroundColor: transparent;
|
|
16811
|
+
--pf-v5-c-label--m-add--BorderColor: var(--pf-t--global--border--color--default);
|
|
16812
|
+
--pf-v5-c-label--m-add--BorderWidth: var(--pf-t--global--border--width--button--default);
|
|
16813
|
+
--pf-v5-c-label--m-add--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
|
16814
|
+
--pf-v5-c-label--m-add--hover--BackgroundColor: transparent;
|
|
16815
|
+
--pf-v5-c-label--m-add--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
16816
|
+
--pf-v5-c-label--m-add--hover--BorderWidth: var(--pf-t--global--border--width--button--hover);
|
|
16709
16817
|
--pf-v5-c-label--m-compact--PaddingTop: 0;
|
|
16710
|
-
--pf-v5-c-label--m-compact--PaddingRight: var(--pf-
|
|
16818
|
+
--pf-v5-c-label--m-compact--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
16711
16819
|
--pf-v5-c-label--m-compact--PaddingBottom: 0;
|
|
16712
|
-
--pf-v5-c-label--m-compact--PaddingLeft: var(--pf-
|
|
16713
|
-
--pf-v5-c-label--m-compact--FontSize: var(--pf-
|
|
16820
|
+
--pf-v5-c-label--m-compact--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
16821
|
+
--pf-v5-c-label--m-compact--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
16714
16822
|
--pf-v5-c-label--m-compact--m-editable--TextDecorationOffset: 0.0625rem;
|
|
16715
|
-
--pf-v5-c-label__content--Color: var(--pf-v5-global--Color--100);
|
|
16716
|
-
--pf-v5-c-label__content--BackgroundColor: transparent;
|
|
16717
16823
|
--pf-v5-c-label__content--MaxWidth: 100%;
|
|
16718
|
-
--pf-v5-c-
|
|
16719
|
-
--pf-v5-c-
|
|
16824
|
+
--pf-v5-c-label__content--Gap: var(--pf-t--global--spacer--xs);
|
|
16825
|
+
--pf-v5-c-label__icon--FontSize: var(--pf-t--global--icon--size--body--sm);
|
|
16720
16826
|
--pf-v5-c-label__text--MaxWidth: 100%;
|
|
16721
|
-
--pf-v5-c-label__icon--Color: var(--pf-v5-global--Color--100);
|
|
16722
|
-
--pf-v5-c-label__icon--MarginRight: var(--pf-v5-global--spacer--xs);
|
|
16723
|
-
--pf-v5-c-label__actions--FontSize: var(--pf-v5-global--FontSize--xs);
|
|
16724
16827
|
--pf-v5-c-label__actions--MarginRight: calc(var(--pf-v5-c-label__actions--c-button--PaddingRight) * -1);
|
|
16725
|
-
--pf-v5-c-label__actions--c-button--FontSize: var(--pf-
|
|
16828
|
+
--pf-v5-c-label__actions--c-button--FontSize: var(--pf-t--global--icon--size--body--sm);
|
|
16829
|
+
--pf-v5-c-label__actions--c-button--Color: var(--pf-v5-c-label__icon--Color);
|
|
16830
|
+
--pf-v5-c-label__actions--c-button--OutlineOffset: -0.1875rem;
|
|
16726
16831
|
--pf-v5-c-label__actions--c-button--MarginTop: calc(var(--pf-v5-c-label__actions--c-button--PaddingTop) * -1);
|
|
16727
16832
|
--pf-v5-c-label__actions--c-button--MarginBottom: calc(var(--pf-v5-c-label__actions--c-button--PaddingBottom) * -1);
|
|
16728
|
-
--pf-v5-c-label__actions--c-button--PaddingTop: var(--pf-
|
|
16729
|
-
--pf-v5-c-label__actions--c-button--PaddingRight: var(--pf-
|
|
16730
|
-
--pf-v5-c-label__actions--c-button--PaddingBottom: var(--pf-
|
|
16731
|
-
--pf-v5-c-label__actions--c-button--PaddingLeft: var(--pf-
|
|
16732
|
-
--pf-v5-c-label--m-editable--Cursor: pointer;
|
|
16833
|
+
--pf-v5-c-label__actions--c-button--PaddingTop: var(--pf-t--global--spacer--xs);
|
|
16834
|
+
--pf-v5-c-label__actions--c-button--PaddingRight: var(--pf-t--global--spacer--xs);
|
|
16835
|
+
--pf-v5-c-label__actions--c-button--PaddingBottom: var(--pf-t--global--spacer--xs);
|
|
16836
|
+
--pf-v5-c-label__actions--c-button--PaddingLeft: var(--pf-t--global--spacer--xs);
|
|
16733
16837
|
--pf-v5-c-label--m-editable--TextDecoration: underline;
|
|
16734
16838
|
--pf-v5-c-label--m-editable--TextDecorationStyle: dashed;
|
|
16735
|
-
--pf-v5-c-label--m-editable--TextDecorationThickness: var(--pf-
|
|
16839
|
+
--pf-v5-c-label--m-editable--TextDecorationThickness: var(--pf-t--global--border--width--regular);
|
|
16736
16840
|
--pf-v5-c-label--m-editable--TextDecorationOffset: 0.25rem;
|
|
16737
|
-
--pf-v5-c-label--m-editable--TextDecorationColor:
|
|
16738
|
-
--pf-v5-c-label--m-
|
|
16739
|
-
--pf-v5-c-label--m-editable--focus--TextDecorationColor: var(--pf-v5-global--Color--100);
|
|
16740
|
-
--pf-v5-c-label--m-editable__content--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
16741
|
-
--pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
16742
|
-
--pf-v5-c-label--m-editable__content--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
16743
|
-
--pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
16744
|
-
--pf-v5-c-label--m-editable__content--focus--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
16745
|
-
--pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
16746
|
-
--pf-v5-c-label--m-editable--m-editable-active--Cursor: auto;
|
|
16841
|
+
--pf-v5-c-label--m-editable--TextDecorationColor: currentcolor;
|
|
16842
|
+
--pf-v5-c-label--m-editable__content--MaxWidth: 16ch;
|
|
16747
16843
|
--pf-v5-c-label--m-editable--m-editable-active--TextDecoration: none;
|
|
16748
16844
|
--pf-v5-c-label--m-editable--m-editable-active--BackgroundColor: transparent;
|
|
16749
|
-
--pf-v5-c-label--m-editable--m-editable-
|
|
16750
|
-
|
|
16845
|
+
--pf-v5-c-label--m-editable--m-editable-active--Color: var(--pf-t--global--text--color--regular);
|
|
16846
|
+
}
|
|
16847
|
+
|
|
16848
|
+
.pf-v5-c-label {
|
|
16751
16849
|
position: relative;
|
|
16752
16850
|
max-width: var(--pf-v5-c-label--MaxWidth);
|
|
16753
16851
|
padding-block-start: var(--pf-v5-c-label--PaddingTop);
|
|
@@ -16755,184 +16853,165 @@ label.pf-v5-c-input-group__text {
|
|
|
16755
16853
|
padding-inline-start: var(--pf-v5-c-label--PaddingLeft);
|
|
16756
16854
|
padding-inline-end: var(--pf-v5-c-label--PaddingRight);
|
|
16757
16855
|
font-size: var(--pf-v5-c-label--FontSize);
|
|
16758
|
-
color: var(--pf-v5-c-label--Color);
|
|
16759
16856
|
white-space: nowrap;
|
|
16760
|
-
|
|
16857
|
+
isolation: isolate;
|
|
16761
16858
|
border: 0;
|
|
16762
16859
|
border-radius: var(--pf-v5-c-label--BorderRadius);
|
|
16763
16860
|
}
|
|
16764
|
-
.pf-v5-c-label.pf-m-compact {
|
|
16765
|
-
--pf-v5-c-label--PaddingTop: var(--pf-v5-c-label--m-compact--PaddingTop);
|
|
16766
|
-
--pf-v5-c-label--PaddingRight: var(--pf-v5-c-label--m-compact--PaddingRight);
|
|
16767
|
-
--pf-v5-c-label--PaddingBottom: var(--pf-v5-c-label--m-compact--PaddingBottom);
|
|
16768
|
-
--pf-v5-c-label--PaddingLeft: var(--pf-v5-c-label--m-compact--PaddingLeft);
|
|
16769
|
-
--pf-v5-c-label--FontSize: var(--pf-v5-c-label--m-compact--FontSize);
|
|
16770
|
-
--pf-v5-c-label--m-editable--TextDecorationOffset: var(--pf-v5-c-label--m-compact--m-editable--TextDecorationOffset);
|
|
16771
|
-
}
|
|
16772
16861
|
.pf-v5-c-label.pf-m-blue {
|
|
16773
16862
|
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-blue--BackgroundColor);
|
|
16863
|
+
--pf-v5-c-label--Color: var(--pf-v5-c-label--m-blue--Color);
|
|
16774
16864
|
--pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-blue__icon--Color);
|
|
16775
|
-
--pf-v5-c-
|
|
16776
|
-
--pf-v5-c-
|
|
16777
|
-
--pf-v5-c-
|
|
16778
|
-
--pf-v5-c-
|
|
16779
|
-
--pf-v5-c-label--m-
|
|
16780
|
-
--pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-blue__content--before--BorderColor);
|
|
16781
|
-
--pf-v5-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-outline--m-blue__content--link--hover--before--BorderColor);
|
|
16782
|
-
--pf-v5-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-outline--m-blue__content--link--focus--before--BorderColor);
|
|
16783
|
-
--pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-blue__content--before--BorderColor);
|
|
16784
|
-
--pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-blue__content--before--BorderColor);
|
|
16785
|
-
--pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-blue__content--before--BorderColor);
|
|
16865
|
+
--pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-blue--m-clickable--hover--BackgroundColor);
|
|
16866
|
+
--pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-blue--m-clickable--hover--Color);
|
|
16867
|
+
--pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-blue--m-clickable--hover__icon--Color);
|
|
16868
|
+
--pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-blue--m-outline--BorderColor);
|
|
16869
|
+
--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-blue--m-outline--m-clickable--hover--BorderColor);
|
|
16786
16870
|
}
|
|
16787
|
-
.pf-v5-c-label.pf-m-
|
|
16788
|
-
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-
|
|
16789
|
-
--pf-v5-c-
|
|
16790
|
-
--pf-v5-c-
|
|
16791
|
-
--pf-v5-c-
|
|
16792
|
-
--pf-v5-c-
|
|
16793
|
-
--pf-v5-c-
|
|
16794
|
-
--pf-v5-c-label--m-
|
|
16795
|
-
--pf-v5-c-label--m-
|
|
16796
|
-
--pf-v5-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-outline--m-green__content--link--hover--before--BorderColor);
|
|
16797
|
-
--pf-v5-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-outline--m-green__content--link--focus--before--BorderColor);
|
|
16798
|
-
--pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-green__content--before--BorderColor);
|
|
16799
|
-
--pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-green__content--before--BorderColor);
|
|
16800
|
-
--pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-green__content--before--BorderColor);
|
|
16871
|
+
.pf-v5-c-label.pf-m-red {
|
|
16872
|
+
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-red--BackgroundColor);
|
|
16873
|
+
--pf-v5-c-label--Color: var(--pf-v5-c-label--m-red--Color);
|
|
16874
|
+
--pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-red__icon--Color);
|
|
16875
|
+
--pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-red--m-clickable--hover--BackgroundColor);
|
|
16876
|
+
--pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-red--m-clickable--hover--Color);
|
|
16877
|
+
--pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-red--m-clickable--hover__icon--Color);
|
|
16878
|
+
--pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-red--m-outline--BorderColor);
|
|
16879
|
+
--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-red--m-outline--m-clickable--hover--BorderColor);
|
|
16801
16880
|
}
|
|
16802
16881
|
.pf-v5-c-label.pf-m-orange {
|
|
16803
16882
|
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-orange--BackgroundColor);
|
|
16883
|
+
--pf-v5-c-label--Color: var(--pf-v5-c-label--m-orange--Color);
|
|
16804
16884
|
--pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-orange__icon--Color);
|
|
16805
|
-
--pf-v5-c-
|
|
16806
|
-
--pf-v5-c-
|
|
16807
|
-
--pf-v5-c-
|
|
16808
|
-
--pf-v5-c-
|
|
16809
|
-
--pf-v5-c-label--m-
|
|
16810
|
-
|
|
16811
|
-
|
|
16812
|
-
--pf-v5-c-label--
|
|
16813
|
-
--pf-v5-c-label--
|
|
16814
|
-
--pf-v5-c-
|
|
16815
|
-
--pf-v5-c-label--m-
|
|
16885
|
+
--pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-orange--m-clickable--hover--BackgroundColor);
|
|
16886
|
+
--pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-orange--m-clickable--hover--Color);
|
|
16887
|
+
--pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-orange--m-clickable--hover__icon--Color);
|
|
16888
|
+
--pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-orange--m-outline--BorderColor);
|
|
16889
|
+
--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-orange--m-outline--m-clickable--hover--BorderColor);
|
|
16890
|
+
}
|
|
16891
|
+
.pf-v5-c-label.pf-m-orangered {
|
|
16892
|
+
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-orangered--BackgroundColor);
|
|
16893
|
+
--pf-v5-c-label--Color: var(--pf-v5-c-label--m-orangered--Color);
|
|
16894
|
+
--pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-orangered__icon--Color);
|
|
16895
|
+
--pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-orangered--m-clickable--hover--BackgroundColor);
|
|
16896
|
+
--pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-orangered--m-clickable--hover--Color);
|
|
16897
|
+
--pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-orangered--m-clickable--hover__icon--Color);
|
|
16898
|
+
--pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-orangered--m-outline--BorderColor);
|
|
16899
|
+
--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-orangered--m-outline--m-clickable--hover--BorderColor);
|
|
16816
16900
|
}
|
|
16817
|
-
.pf-v5-c-label.pf-m-
|
|
16818
|
-
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-
|
|
16819
|
-
--pf-v5-c-
|
|
16820
|
-
--pf-v5-c-
|
|
16821
|
-
--pf-v5-c-
|
|
16822
|
-
--pf-v5-c-
|
|
16823
|
-
--pf-v5-c-
|
|
16824
|
-
--pf-v5-c-label--m-
|
|
16825
|
-
--pf-v5-c-label--m-
|
|
16826
|
-
--pf-v5-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-outline--m-red__content--link--hover--before--BorderColor);
|
|
16827
|
-
--pf-v5-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-outline--m-red__content--link--focus--before--BorderColor);
|
|
16828
|
-
--pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-red__content--before--BorderColor);
|
|
16829
|
-
--pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-red__content--before--BorderColor);
|
|
16830
|
-
--pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-red__content--before--BorderColor);
|
|
16901
|
+
.pf-v5-c-label.pf-m-gold {
|
|
16902
|
+
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-gold--BackgroundColor);
|
|
16903
|
+
--pf-v5-c-label--Color: var(--pf-v5-c-label--m-gold--Color);
|
|
16904
|
+
--pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-gold__icon--Color);
|
|
16905
|
+
--pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-gold--m-clickable--hover--BackgroundColor);
|
|
16906
|
+
--pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-gold--m-clickable--hover--Color);
|
|
16907
|
+
--pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-gold--m-clickable--hover__icon--Color);
|
|
16908
|
+
--pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-gold--m-outline--BorderColor);
|
|
16909
|
+
--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-gold--m-outline--m-clickable--hover--BorderColor);
|
|
16831
16910
|
}
|
|
16832
|
-
.pf-v5-c-label.pf-m-
|
|
16833
|
-
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-
|
|
16834
|
-
--pf-v5-c-
|
|
16835
|
-
--pf-v5-c-
|
|
16836
|
-
--pf-v5-c-
|
|
16837
|
-
--pf-v5-c-
|
|
16838
|
-
--pf-v5-c-
|
|
16839
|
-
--pf-v5-c-label--m-
|
|
16840
|
-
--pf-v5-c-label--m-
|
|
16841
|
-
--pf-v5-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-outline--m-purple__content--link--hover--before--BorderColor);
|
|
16842
|
-
--pf-v5-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-outline--m-purple__content--link--focus--before--BorderColor);
|
|
16843
|
-
--pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-purple__content--before--BorderColor);
|
|
16844
|
-
--pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-purple__content--before--BorderColor);
|
|
16845
|
-
--pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-purple__content--before--BorderColor);
|
|
16911
|
+
.pf-v5-c-label.pf-m-green {
|
|
16912
|
+
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-green--BackgroundColor);
|
|
16913
|
+
--pf-v5-c-label--Color: var(--pf-v5-c-label--m-green--Color);
|
|
16914
|
+
--pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-green__icon--Color);
|
|
16915
|
+
--pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-green--m-clickable--hover--BackgroundColor);
|
|
16916
|
+
--pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-green--m-clickable--hover--Color);
|
|
16917
|
+
--pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-green--m-clickable--hover__icon--Color);
|
|
16918
|
+
--pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-green--m-outline--BorderColor);
|
|
16919
|
+
--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-green--m-outline--m-clickable--hover--BorderColor);
|
|
16846
16920
|
}
|
|
16847
16921
|
.pf-v5-c-label.pf-m-cyan {
|
|
16848
16922
|
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-cyan--BackgroundColor);
|
|
16923
|
+
--pf-v5-c-label--Color: var(--pf-v5-c-label--m-cyan--Color);
|
|
16849
16924
|
--pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-cyan__icon--Color);
|
|
16850
|
-
--pf-v5-c-
|
|
16851
|
-
--pf-v5-c-
|
|
16852
|
-
--pf-v5-c-
|
|
16853
|
-
--pf-v5-c-
|
|
16854
|
-
--pf-v5-c-label--m-
|
|
16855
|
-
--pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-cyan__content--before--BorderColor);
|
|
16856
|
-
--pf-v5-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor);
|
|
16857
|
-
--pf-v5-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor);
|
|
16858
|
-
--pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-cyan__content--before--BorderColor);
|
|
16859
|
-
--pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-cyan__content--before--BorderColor);
|
|
16860
|
-
--pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-cyan__content--before--BorderColor);
|
|
16925
|
+
--pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-cyan--m-clickable--hover--BackgroundColor);
|
|
16926
|
+
--pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-cyan--m-clickable--hover--Color);
|
|
16927
|
+
--pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-cyan--m-clickable--hover__icon--Color);
|
|
16928
|
+
--pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-cyan--m-outline--BorderColor);
|
|
16929
|
+
--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-cyan--m-outline--m-clickable--hover--BorderColor);
|
|
16861
16930
|
}
|
|
16862
|
-
.pf-v5-c-label.pf-m-
|
|
16863
|
-
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-
|
|
16864
|
-
--pf-v5-c-
|
|
16865
|
-
--pf-v5-c-
|
|
16866
|
-
--pf-v5-c-
|
|
16867
|
-
--pf-v5-c-
|
|
16868
|
-
--pf-v5-c-
|
|
16869
|
-
--pf-v5-c-label--m-
|
|
16870
|
-
--pf-v5-c-label--m-
|
|
16871
|
-
|
|
16872
|
-
|
|
16873
|
-
--pf-v5-c-label--
|
|
16874
|
-
--pf-v5-c-label--
|
|
16875
|
-
--pf-v5-c-label--
|
|
16931
|
+
.pf-v5-c-label.pf-m-purple {
|
|
16932
|
+
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-purple--BackgroundColor);
|
|
16933
|
+
--pf-v5-c-label--Color: var(--pf-v5-c-label--m-purple--Color);
|
|
16934
|
+
--pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-purple__icon--Color);
|
|
16935
|
+
--pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-purple--m-clickable--hover--BackgroundColor);
|
|
16936
|
+
--pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-purple--m-clickable--hover--Color);
|
|
16937
|
+
--pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-purple--m-clickable--hover__icon--Color);
|
|
16938
|
+
--pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-purple--m-outline--BorderColor);
|
|
16939
|
+
--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-purple--m-outline--m-clickable--hover--BorderColor);
|
|
16940
|
+
}
|
|
16941
|
+
.pf-v5-c-label.pf-m-compact {
|
|
16942
|
+
--pf-v5-c-label--PaddingTop: var(--pf-v5-c-label--m-compact--PaddingTop);
|
|
16943
|
+
--pf-v5-c-label--PaddingRight: var(--pf-v5-c-label--m-compact--PaddingRight);
|
|
16944
|
+
--pf-v5-c-label--PaddingBottom: var(--pf-v5-c-label--m-compact--PaddingBottom);
|
|
16945
|
+
--pf-v5-c-label--PaddingLeft: var(--pf-v5-c-label--m-compact--PaddingLeft);
|
|
16946
|
+
--pf-v5-c-label--FontSize: var(--pf-v5-c-label--m-compact--FontSize);
|
|
16947
|
+
--pf-v5-c-label--m-editable--TextDecorationOffset: var(--pf-v5-c-label--m-compact--m-editable--TextDecorationOffset);
|
|
16876
16948
|
}
|
|
16877
16949
|
.pf-v5-c-label.pf-m-outline {
|
|
16878
|
-
--pf-v5-c-
|
|
16879
|
-
--pf-v5-c-
|
|
16880
|
-
--pf-v5-c-
|
|
16950
|
+
--pf-v5-c-label--Color: var(--pf-v5-c-label--m-outline--Color);
|
|
16951
|
+
--pf-v5-c-label--BorderWidth: var(--pf-v5-c-label--m-outline--BorderWidth);
|
|
16952
|
+
--pf-v5-c-label--BorderColor: var(--pf-v5-c-label--m-outline--BorderColor);
|
|
16881
16953
|
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-outline--BackgroundColor);
|
|
16882
|
-
--pf-v5-c-label--m-
|
|
16883
|
-
--pf-v5-c-label--m-
|
|
16884
|
-
--pf-v5-c-label--m-
|
|
16885
|
-
|
|
16886
|
-
|
|
16887
|
-
.pf-v5-c-label.pf-m-add:hover, .pf-v5-c-label.pf-m-outline a.pf-v5-c-label__content:hover,
|
|
16888
|
-
.pf-v5-c-label.pf-m-outline button.pf-v5-c-label__content:hover {
|
|
16889
|
-
--pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label--m-outline__content--link--hover--before--BorderWidth);
|
|
16890
|
-
--pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-outline__content--link--hover--before--BorderColor);
|
|
16954
|
+
--pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-outline--m-clickable--hover--BackgroundColor);
|
|
16955
|
+
--pf-v5-c-label--m-clickable--hover--BorderWidth: var(--pf-v5-c-label--m-outline--m-clickable--hover--BorderWidth);
|
|
16956
|
+
--pf-v5-c-label--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor);
|
|
16957
|
+
--pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-outline--m-clickable--hover--Color);
|
|
16958
|
+
--pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-outline__icon--Color);
|
|
16891
16959
|
}
|
|
16892
|
-
.pf-v5-c-label.pf-m-overflow:focus,
|
|
16893
|
-
.pf-v5-c-label.pf-m-add:focus, .pf-v5-c-label.pf-m-outline a.pf-v5-c-label__content:focus,
|
|
16894
|
-
.pf-v5-c-label.pf-m-outline button.pf-v5-c-label__content:focus {
|
|
16895
|
-
--pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label--m-outline__content--link--focus--before--BorderWidth);
|
|
16896
|
-
--pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-outline__content--link--focus--before--BorderColor);
|
|
16897
|
-
}
|
|
16898
|
-
|
|
16899
16960
|
.pf-v5-c-label.pf-m-editable {
|
|
16900
16961
|
--pf-v5-c-label__content--MaxWidth: var(--pf-v5-c-label--m-editable__content--MaxWidth);
|
|
16901
|
-
|
|
16902
|
-
|
|
16903
|
-
--pf-v5-c-label__content--link--hover--before--BorderWidth: var(--pf-v5-c-label--m-editable__content--hover--before--BorderWidth);
|
|
16904
|
-
--pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-editable__content--hover--before--BorderColor);
|
|
16905
|
-
--pf-v5-c-label__content--link--focus--before--BorderWidth: var(--pf-v5-c-label--m-editable__content--focus--before--BorderWidth);
|
|
16906
|
-
--pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-editable__content--focus--before--BorderColor);
|
|
16907
|
-
--pf-v5-c-label--m-outline__content--link--hover--before--BorderWidth: var(--pf-v5-c-label--m-editable__content--before--BorderWidth);
|
|
16908
|
-
--pf-v5-c-label--m-outline__content--link--focus--before--BorderWidth: var(--pf-v5-c-label--m-editable__content--before--BorderWidth);
|
|
16962
|
+
}
|
|
16963
|
+
.pf-v5-c-label.pf-m-editable .pf-v5-c-label__text {
|
|
16909
16964
|
text-decoration: var(--pf-v5-c-label--m-editable--TextDecoration);
|
|
16910
16965
|
text-decoration-thickness: var(--pf-v5-c-label--m-editable--TextDecorationThickness);
|
|
16911
16966
|
text-decoration-style: var(--pf-v5-c-label--m-editable--TextDecorationStyle);
|
|
16912
16967
|
text-decoration-color: var(--pf-v5-c-label--m-editable--TextDecorationColor);
|
|
16913
16968
|
text-underline-offset: var(--pf-v5-c-label--m-editable--TextDecorationOffset);
|
|
16914
|
-
cursor: var(--pf-v5-c-label--m-editable--Cursor);
|
|
16915
|
-
}
|
|
16916
|
-
.pf-v5-c-label.pf-m-editable:hover {
|
|
16917
|
-
--pf-v5-c-label--m-editable--TextDecorationColor: var(--pf-v5-c-label--m-editable--hover--TextDecorationColor);
|
|
16918
|
-
}
|
|
16919
|
-
.pf-v5-c-label.pf-m-editable:focus {
|
|
16920
|
-
--pf-v5-c-label--m-editable--TextDecorationColor: var(--pf-v5-c-label--m-editable--focus--TextDecorationColor);
|
|
16921
16969
|
}
|
|
16922
16970
|
.pf-v5-c-label.pf-m-editable-active {
|
|
16923
|
-
--pf-v5-c-label--m-editable--Cursor: var(--pf-v5-c-label--m-editable--m-editable-active--Cursor);
|
|
16924
16971
|
--pf-v5-c-label--m-editable--TextDecoration: var(--pf-v5-c-label--m-editable--m-editable-active--TextDecoration);
|
|
16925
16972
|
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-editable--m-editable-active--BackgroundColor);
|
|
16973
|
+
--pf-v5-c-label--Color: var(--pf-v5-c-label--m-editable--m-editable-active--Color);
|
|
16974
|
+
}
|
|
16975
|
+
.pf-v5-c-label.pf-m-add, .pf-v5-c-label.pf-m-overflow {
|
|
16976
|
+
background: transparent;
|
|
16977
|
+
}
|
|
16978
|
+
.pf-v5-c-label.pf-m-overflow {
|
|
16979
|
+
--pf-v5-c-label--Color: var(--pf-v5-c-label--m-overflow--Color);
|
|
16980
|
+
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-overflow--BackgroundColor);
|
|
16981
|
+
mix-blend-mode: var(--pf-v5-c-label--m-overflow--MixBlendMode);
|
|
16982
|
+
}
|
|
16983
|
+
.pf-v5-c-label.pf-m-overflow:is(:hover, :focus) {
|
|
16984
|
+
--pf-v5-c-label--m-overflow--Color: var(--pf-v5-c-label--m-overflow--hover--Color);
|
|
16985
|
+
--pf-v5-c-label--m-overflow--BackgroundColor: var(--pf-v5-c-label--m-overflow--hover--BackgroundColor);
|
|
16986
|
+
}
|
|
16987
|
+
.pf-v5-c-label.pf-m-add {
|
|
16988
|
+
--pf-v5-c-label--Color: var(--pf-v5-c-label--m-add--Color);
|
|
16989
|
+
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-add--BackgroundColor);
|
|
16990
|
+
--pf-v5-c-label--BorderColor: var(--pf-v5-c-label--m-add--BorderColor);
|
|
16991
|
+
--pf-v5-c-label--BorderWidth: var(--pf-v5-c-label--m-add--BorderWidth);
|
|
16926
16992
|
}
|
|
16927
|
-
.pf-v5-c-label.pf-m-
|
|
16928
|
-
--pf-v5-c-
|
|
16929
|
-
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-
|
|
16930
|
-
--pf-v5-c-
|
|
16931
|
-
--pf-v5-c-
|
|
16932
|
-
|
|
16933
|
-
|
|
16934
|
-
|
|
16935
|
-
|
|
16993
|
+
.pf-v5-c-label.pf-m-add:is(:hover, :focus) {
|
|
16994
|
+
--pf-v5-c-label--m-add--Color: var(--pf-v5-c-label--m-add--hover--Color);
|
|
16995
|
+
--pf-v5-c-label--m-add--BackgroundColor: var(--pf-v5-c-label--m-add--hover--BackgroundColor);
|
|
16996
|
+
--pf-v5-c-label--m-add--BorderColor: var(--pf-v5-c-label--m-add--hover--BorderColor);
|
|
16997
|
+
--pf-v5-c-label--m-add--BorderWidth: var(--pf-v5-c-label--m-add--hover--BorderWidth);
|
|
16998
|
+
}
|
|
16999
|
+
.pf-v5-c-label.pf-m-clickable .pf-v5-c-label__content, .pf-v5-c-label.pf-m-editable .pf-v5-c-label__content {
|
|
17000
|
+
padding: 0;
|
|
17001
|
+
cursor: pointer;
|
|
17002
|
+
background-color: transparent;
|
|
17003
|
+
border: none;
|
|
17004
|
+
}
|
|
17005
|
+
.pf-v5-c-label.pf-m-clickable .pf-v5-c-label__content, .pf-v5-c-label.pf-m-clickable .pf-v5-c-label__content:is(:hover, :focus) {
|
|
17006
|
+
text-decoration: none;
|
|
17007
|
+
}
|
|
17008
|
+
.pf-v5-c-label.pf-m-clickable .pf-v5-c-label__content:is(:hover, :focus) {
|
|
17009
|
+
--pf-v5-c-label--Color: var(--pf-v5-c-label--m-clickable--hover--Color);
|
|
17010
|
+
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-clickable--hover--BackgroundColor);
|
|
17011
|
+
--pf-v5-c-label--BorderWidth: var(--pf-v5-c-label--m-clickable--hover--BorderWidth);
|
|
17012
|
+
--pf-v5-c-label--BorderColor: var(--pf-v5-c-label--m-clickable--hover--BorderColor);
|
|
17013
|
+
--pf-v5-c-label--m-outline--BorderWidth: var(--pf-v5-c-label--m-outline--m-clickable--hover--BorderWidth);
|
|
17014
|
+
--pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor);
|
|
16936
17015
|
}
|
|
16937
17016
|
|
|
16938
17017
|
.pf-v5-c-label,
|
|
@@ -16949,18 +17028,20 @@ label.pf-v5-c-input-group__text {
|
|
|
16949
17028
|
}
|
|
16950
17029
|
|
|
16951
17030
|
.pf-v5-c-label__content {
|
|
17031
|
+
gap: var(--pf-v5-c-label__content--Gap);
|
|
16952
17032
|
max-width: var(--pf-v5-c-label__content--MaxWidth);
|
|
16953
17033
|
overflow: hidden;
|
|
16954
|
-
color: var(--pf-v5-c-
|
|
16955
|
-
background-color: var(--pf-v5-c-label__content--BackgroundColor);
|
|
17034
|
+
color: var(--pf-v5-c-label--Color);
|
|
16956
17035
|
border-width: 0;
|
|
16957
17036
|
}
|
|
16958
17037
|
.pf-v5-c-label__content::before {
|
|
16959
17038
|
position: absolute;
|
|
16960
17039
|
inset: 0;
|
|
17040
|
+
z-index: -1;
|
|
16961
17041
|
pointer-events: none;
|
|
16962
17042
|
content: "";
|
|
16963
|
-
|
|
17043
|
+
background-color: var(--pf-v5-c-label--BackgroundColor);
|
|
17044
|
+
border: var(--pf-v5-c-label--BorderWidth) solid var(--pf-v5-c-label--BorderColor);
|
|
16964
17045
|
border-radius: var(--pf-v5-c-label--BorderRadius);
|
|
16965
17046
|
}
|
|
16966
17047
|
input.pf-v5-c-label__content {
|
|
@@ -16969,138 +17050,61 @@ input.pf-v5-c-label__content {
|
|
|
16969
17050
|
white-space: nowrap;
|
|
16970
17051
|
}
|
|
16971
17052
|
|
|
16972
|
-
a.pf-v5-c-label__content,
|
|
16973
|
-
button.pf-v5-c-label__content {
|
|
16974
|
-
padding: 0;
|
|
16975
|
-
cursor: pointer;
|
|
16976
|
-
background-color: transparent;
|
|
16977
|
-
border: none;
|
|
16978
|
-
}
|
|
16979
|
-
a.pf-v5-c-label__content, a.pf-v5-c-label__content:hover, a.pf-v5-c-label__content:focus,
|
|
16980
|
-
button.pf-v5-c-label__content,
|
|
16981
|
-
button.pf-v5-c-label__content:hover,
|
|
16982
|
-
button.pf-v5-c-label__content:focus {
|
|
16983
|
-
text-decoration: none;
|
|
16984
|
-
}
|
|
16985
|
-
a.pf-v5-c-label__content:hover,
|
|
16986
|
-
button.pf-v5-c-label__content:hover {
|
|
16987
|
-
--pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label__content--link--hover--before--BorderWidth);
|
|
16988
|
-
--pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label__content--link--hover--before--BorderColor);
|
|
16989
|
-
}
|
|
16990
|
-
a.pf-v5-c-label__content:focus,
|
|
16991
|
-
button.pf-v5-c-label__content:focus {
|
|
16992
|
-
--pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label__content--link--focus--before--BorderWidth);
|
|
16993
|
-
--pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label__content--link--focus--before--BorderColor);
|
|
16994
|
-
}
|
|
16995
|
-
|
|
16996
17053
|
.pf-v5-c-label__icon {
|
|
16997
|
-
margin-inline-end: var(--pf-v5-c-label__icon--MarginRight);
|
|
16998
17054
|
color: var(--pf-v5-c-label__icon--Color);
|
|
16999
17055
|
}
|
|
17000
17056
|
|
|
17001
17057
|
.pf-v5-c-label__actions {
|
|
17002
17058
|
margin-inline-end: var(--pf-v5-c-label__actions--MarginRight);
|
|
17003
|
-
font-size: var(--pf-v5-c-label__actions--FontSize);
|
|
17004
17059
|
}
|
|
17005
17060
|
.pf-v5-c-label__actions .pf-v5-c-button {
|
|
17061
|
+
--pf-v5-c-button--Color: var(--pf-v5-c-label__actions--c-button--Color);
|
|
17006
17062
|
--pf-v5-c-button--FontSize: var(--pf-v5-c-label__actions--c-button--FontSize);
|
|
17007
|
-
--pf-v5-c-button--PaddingTop: var(--pf-v5-c-label__actions--c-button--PaddingTop);
|
|
17008
|
-
--pf-v5-c-button--PaddingRight: var(--pf-v5-c-label__actions--c-button--PaddingRight);
|
|
17009
|
-
--pf-v5-c-button--PaddingBottom: var(--pf-v5-c-label__actions--c-button--PaddingBottom);
|
|
17010
|
-
--pf-v5-c-button--PaddingLeft: var(--pf-v5-c-label__actions--c-button--PaddingLeft);
|
|
17063
|
+
--pf-v5-c-button--m-plain--m-no-padding--PaddingTop: var(--pf-v5-c-label__actions--c-button--PaddingTop);
|
|
17064
|
+
--pf-v5-c-button--m-plain--m-no-padding--PaddingRight: var(--pf-v5-c-label__actions--c-button--PaddingRight);
|
|
17065
|
+
--pf-v5-c-button--m-plain--m-no-padding--PaddingBottom: var(--pf-v5-c-label__actions--c-button--PaddingBottom);
|
|
17066
|
+
--pf-v5-c-button--m-plain--m-no-padding--PaddingLeft: var(--pf-v5-c-label__actions--c-button--PaddingLeft);
|
|
17011
17067
|
margin-block-start: var(--pf-v5-c-label__actions--c-button--MarginTop);
|
|
17012
17068
|
margin-block-end: var(--pf-v5-c-label__actions--c-button--MarginBottom);
|
|
17069
|
+
outline-offset: var(--pf-v5-c-label__actions--c-button--OutlineOffset);
|
|
17013
17070
|
}
|
|
17014
17071
|
|
|
17015
|
-
:where(
|
|
17016
|
-
|
|
17017
|
-
|
|
17018
|
-
|
|
17019
|
-
|
|
17020
|
-
--pf-v5-c-label--
|
|
17021
|
-
--pf-v5-c-label
|
|
17022
|
-
--pf-v5-c-label
|
|
17023
|
-
--pf-v5-c-label--m-
|
|
17024
|
-
--pf-v5-c-label--m-
|
|
17025
|
-
--pf-v5-c-label
|
|
17026
|
-
--pf-v5-c-label
|
|
17027
|
-
--pf-v5-c-label--m-
|
|
17028
|
-
--pf-v5-c-
|
|
17029
|
-
--pf-v5-c-
|
|
17030
|
-
--pf-v5-c-
|
|
17031
|
-
--pf-v5-c-
|
|
17032
|
-
--pf-v5-c-label--m-
|
|
17033
|
-
--pf-v5-c-label
|
|
17034
|
-
--pf-v5-c-label
|
|
17035
|
-
--pf-v5-c-label
|
|
17036
|
-
--pf-v5-c-label--m-
|
|
17037
|
-
--pf-v5-c-label--m-outline--m-green__content--before--BorderColor: var(--pf-v5-global--palette--green-100);
|
|
17038
|
-
--pf-v5-c-label--m-outline--m-green__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--green-100);
|
|
17039
|
-
--pf-v5-c-label--m-outline--m-green__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--green-100);
|
|
17040
|
-
--pf-v5-c-label--m-orange__content--Color: var(--pf-v5-global--palette--orange-300);
|
|
17041
|
-
--pf-v5-c-label--m-outline--m-orange__content--Color: var(--pf-v5-global--palette--orange-300);
|
|
17042
|
-
--pf-v5-c-label--m-outline--m-orange__content--before--BorderColor: var(--pf-v5-global--palette--gold-100);
|
|
17043
|
-
--pf-v5-c-label--m-outline--m-orange__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--gold-100);
|
|
17044
|
-
--pf-v5-c-label--m-outline--m-orange__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--gold-100);
|
|
17045
|
-
--pf-v5-c-label--m-red__content--Color: var(--pf-v5-global--danger-color--100);
|
|
17046
|
-
--pf-v5-c-label--m-outline--m-red__content--before--BorderColor: var(--pf-v5-global--danger-color--100);
|
|
17047
|
-
--pf-v5-c-label--m-outline--m-red__content--link--hover--before--BorderColor: var(--pf-v5-global--danger-color--100);
|
|
17048
|
-
--pf-v5-c-label--m-outline--m-red__content--link--focus--before--BorderColor: var(--pf-v5-global--danger-color--100);
|
|
17049
|
-
--pf-v5-c-label--m-purple__content--Color: var(--pf-v5-global--palette--purple-300);
|
|
17050
|
-
--pf-v5-c-label--m-purple__icon--Color: var(--pf-v5-global--palette--purple-300);
|
|
17051
|
-
--pf-v5-c-label--m-purple__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--purple-300);
|
|
17052
|
-
--pf-v5-c-label--m-purple__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--purple-300);
|
|
17053
|
-
--pf-v5-c-label--m-outline--m-purple__content--before--BorderColor: var(--pf-v5-global--palette--purple-100);
|
|
17054
|
-
--pf-v5-c-label--m-outline--m-purple__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--purple-100);
|
|
17055
|
-
--pf-v5-c-label--m-outline--m-purple__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--purple-100);
|
|
17056
|
-
--pf-v5-c-label--m-outline--m-purple__content--Color: var(--pf-v5-global--palette--purple-300);
|
|
17057
|
-
--pf-v5-c-label--m-cyan__content--Color: var(--pf-v5-global--custom-color--200);
|
|
17058
|
-
--pf-v5-c-label--m-outline--m-cyan__content--Color: var(--pf-v5-global--custom-color--200);
|
|
17059
|
-
--pf-v5-c-label--m-outline--m-cyan__content--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
|
|
17060
|
-
--pf-v5-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
|
|
17061
|
-
--pf-v5-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
|
|
17062
|
-
--pf-v5-c-label--m-gold__content--Color: var(--pf-v5-global--palette--gold-300);
|
|
17063
|
-
--pf-v5-c-label--m-outline--m-gold__content--Color: var(--pf-v5-global--palette--gold-300);
|
|
17064
|
-
--pf-v5-c-label--m-outline--m-gold__content--before--BorderColor: var(--pf-v5-global--palette--gold-100);
|
|
17065
|
-
--pf-v5-c-label--m-outline--m-gold__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--gold-100);
|
|
17066
|
-
--pf-v5-c-label--m-outline--m-gold__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--gold-100);
|
|
17067
|
-
}
|
|
17068
|
-
|
|
17069
|
-
.pf-v5-c-label-group {
|
|
17070
|
-
--pf-v5-c-label-group--RowGap: var(--pf-v5-global--spacer--sm);
|
|
17071
|
-
--pf-v5-c-label-group--ColumnGap: 0;
|
|
17072
|
-
--pf-v5-c-label-group--m-vertical--RowGap: var(--pf-v5-global--spacer--sm);
|
|
17073
|
-
--pf-v5-c-label-group--m-vertical--ColumnGap: var(--pf-v5-global--spacer--sm);
|
|
17074
|
-
--pf-v5-c-label-group__main--RowGap: var(--pf-v5-global--spacer--xs);
|
|
17075
|
-
--pf-v5-c-label-group__main--ColumnGap: var(--pf-v5-global--spacer--sm);
|
|
17076
|
-
--pf-v5-c-label-group--m-vertical__main--RowGap: var(--pf-v5-global--spacer--sm);
|
|
17077
|
-
--pf-v5-c-label-group--m-vertical__main--ColumnGap: var(--pf-v5-global--spacer--xs);
|
|
17078
|
-
--pf-v5-c-label-group__list--RowGap: var(--pf-v5-global--spacer--xs);
|
|
17079
|
-
--pf-v5-c-label-group__list--ColumnGap: var(--pf-v5-global--spacer--xs);
|
|
17080
|
-
--pf-v5-c-label-group--m-vertical__list--RowGap: var(--pf-v5-global--spacer--xs);
|
|
17081
|
-
--pf-v5-c-label-group--m-vertical__list--ColumnGap: var(--pf-v5-global--spacer--xs);
|
|
17082
|
-
--pf-v5-c-label-group--m-category--PaddingTop: var(--pf-v5-global--spacer--xs);
|
|
17083
|
-
--pf-v5-c-label-group--m-category--PaddingRight: var(--pf-v5-global--spacer--xs);
|
|
17084
|
-
--pf-v5-c-label-group--m-category--PaddingBottom: var(--pf-v5-global--spacer--xs);
|
|
17085
|
-
--pf-v5-c-label-group--m-category--PaddingLeft: var(--pf-v5-global--spacer--sm);
|
|
17086
|
-
--pf-v5-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-v5-global--spacer--sm);
|
|
17087
|
-
--pf-v5-c-label-group--m-category--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
|
|
17088
|
-
--pf-v5-c-label-group--m-category--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
17089
|
-
--pf-v5-c-label-group--m-category--BorderColor: var(--pf-v5-global--BorderColor--300);
|
|
17090
|
-
--pf-v5-c-label-group--m-category--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
17091
|
-
--pf-v5-c-label-group__label--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
17072
|
+
:where(:root),
|
|
17073
|
+
:where(.pf-v5-c-label-group) {
|
|
17074
|
+
--pf-v5-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
|
|
17075
|
+
--pf-v5-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
17076
|
+
--pf-v5-c-label-group--m-vertical--RowGap: var(--pf-t--global--spacer--sm);
|
|
17077
|
+
--pf-v5-c-label-group--m-vertical--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
17078
|
+
--pf-v5-c-label-group__main--RowGap: var(--pf-t--global--spacer--xs);
|
|
17079
|
+
--pf-v5-c-label-group__main--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
17080
|
+
--pf-v5-c-label-group--m-vertical__main--RowGap: var(--pf-t--global--spacer--sm);
|
|
17081
|
+
--pf-v5-c-label-group--m-vertical__main--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
17082
|
+
--pf-v5-c-label-group__list--RowGap: var(--pf-t--global--spacer--xs);
|
|
17083
|
+
--pf-v5-c-label-group__list--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
17084
|
+
--pf-v5-c-label-group--m-vertical__list--RowGap: var(--pf-t--global--spacer--xs);
|
|
17085
|
+
--pf-v5-c-label-group--m-vertical__list--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
17086
|
+
--pf-v5-c-label-group--m-category--PaddingTop: var(--pf-t--global--spacer--xs);
|
|
17087
|
+
--pf-v5-c-label-group--m-category--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
17088
|
+
--pf-v5-c-label-group--m-category--PaddingBottom: var(--pf-t--global--spacer--xs);
|
|
17089
|
+
--pf-v5-c-label-group--m-category--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
17090
|
+
--pf-v5-c-label-group--m-category--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
17091
|
+
--pf-v5-c-label-group--m-category--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
17092
|
+
--pf-v5-c-label-group--m-category--BorderColor: var(--pf-t--global--border--color--default);
|
|
17093
|
+
--pf-v5-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
17092
17094
|
--pf-v5-c-label-group__label--MaxWidth: 18ch;
|
|
17093
|
-
--pf-v5-c-label-group__close--
|
|
17094
|
-
--pf-v5-c-label-group__close--
|
|
17095
|
-
--pf-v5-c-label-
|
|
17096
|
-
--pf-v5-c-label-
|
|
17097
|
-
--pf-v5-c-label-
|
|
17098
|
-
--pf-v5-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
|
|
17095
|
+
--pf-v5-c-label-group__close--c-button--FontSize: var(--pf-t--global--icon--size--body--sm);
|
|
17096
|
+
--pf-v5-c-label-group__close--c-button--PaddingTop: var(--pf-t--global--spacer--xs);
|
|
17097
|
+
--pf-v5-c-label-group__close--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
17098
|
+
--pf-v5-c-label-group__close--c-button--PaddingBottom: var(--pf-t--global--spacer--xs);
|
|
17099
|
+
--pf-v5-c-label-group__close--c-button--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
17099
17100
|
--pf-v5-c-label-group__textarea--MinWidth: 12.5rem;
|
|
17100
17101
|
--pf-v5-c-label-group__textarea--PaddingTop: 0.125rem;
|
|
17101
|
-
--pf-v5-c-label-group__textarea--PaddingRight: var(--pf-
|
|
17102
|
+
--pf-v5-c-label-group__textarea--PaddingRight: var(--pf-t--global--spacer--xs);
|
|
17102
17103
|
--pf-v5-c-label-group__textarea--PaddingBottom: 0;
|
|
17103
|
-
--pf-v5-c-label-group__textarea--PaddingLeft: var(--pf-
|
|
17104
|
+
--pf-v5-c-label-group__textarea--PaddingLeft: var(--pf-t--global--spacer--xs);
|
|
17105
|
+
}
|
|
17106
|
+
|
|
17107
|
+
.pf-v5-c-label-group {
|
|
17104
17108
|
display: inline-flex;
|
|
17105
17109
|
row-gap: var(--pf-v5-c-label-group--RowGap);
|
|
17106
17110
|
column-gap: var(--pf-v5-c-label-group--ColumnGap);
|
|
@@ -17122,10 +17126,6 @@ button.pf-v5-c-label__content:focus {
|
|
|
17122
17126
|
--pf-v5-c-label-group__main--ColumnGap: var(--pf-v5-c-label-group--m-vertical__main--ColumnGap);
|
|
17123
17127
|
--pf-v5-c-label-group__list--RowGap: var(--pf-v5-c-label-group--m-vertical__list--RowGap);
|
|
17124
17128
|
--pf-v5-c-label-group__list--ColumnGap: var(--pf-v5-c-label-group--m-vertical__list--ColumnGap);
|
|
17125
|
-
--pf-v5-c-label-group__close--MarginTop: var(--pf-v5-c-label-group--m-vertical__close--MarginTop);
|
|
17126
|
-
--pf-v5-c-label-group__close--MarginLeft: var(--pf-v5-c-label-group--m-vertical__close--MarginLeft);
|
|
17127
|
-
--pf-v5-c-label-group__close--MarginBottom: 0;
|
|
17128
|
-
--pf-v5-c-label-group__close--MarginRight: var(--pf-v5-c-label-group--m-vertical__close--MarginRight);
|
|
17129
17129
|
--pf-v5-c-label-group--m-category--PaddingRight: var(--pf-v5-c-label-group--m-vertical--m-category--PaddingRight);
|
|
17130
17130
|
}
|
|
17131
17131
|
.pf-v5-c-label-group.pf-m-vertical.pf-v5-c-label-group {
|
|
@@ -17138,10 +17138,6 @@ button.pf-v5-c-label__content:focus {
|
|
|
17138
17138
|
.pf-v5-c-label-group.pf-m-vertical .pf-v5-c-label-group__main {
|
|
17139
17139
|
flex-direction: column;
|
|
17140
17140
|
}
|
|
17141
|
-
.pf-v5-c-label-group.pf-m-vertical .pf-v5-c-label-group__close .pf-v5-c-button {
|
|
17142
|
-
--pf-v5-c-button--PaddingLeft: var(--pf-v5-c-label-group--m-vertical__close--c-button--PaddingLeft);
|
|
17143
|
-
--pf-v5-c-button--PaddingRight: var(--pf-v5-c-label-group--m-vertical__close--c-button--PaddingRight);
|
|
17144
|
-
}
|
|
17145
17141
|
.pf-v5-c-label-group.pf-m-editable,
|
|
17146
17142
|
.pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__main,
|
|
17147
17143
|
.pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__list {
|
|
@@ -17179,16 +17175,18 @@ button.pf-v5-c-label__content:focus {
|
|
|
17179
17175
|
text-overflow: ellipsis;
|
|
17180
17176
|
white-space: nowrap;
|
|
17181
17177
|
max-width: var(--pf-v5-c-label-group__label--MaxWidth);
|
|
17182
|
-
font-size: var(--pf-v5-c-label-group__label--FontSize);
|
|
17183
17178
|
}
|
|
17184
17179
|
|
|
17185
17180
|
.pf-v5-c-label-group__close {
|
|
17186
17181
|
display: flex;
|
|
17187
17182
|
align-self: flex-start;
|
|
17188
|
-
|
|
17189
|
-
|
|
17190
|
-
|
|
17191
|
-
|
|
17183
|
+
}
|
|
17184
|
+
.pf-v5-c-label-group__close .pf-v5-c-button {
|
|
17185
|
+
--pf-v5-c-button--FontSize: var(--pf-v5-c-label-group__close--c-button--FontSize);
|
|
17186
|
+
--pf-v5-c-button--m-plain--m-no-padding--PaddingTop: var(--pf-v5-c-label-group__close--c-button--PaddingTop);
|
|
17187
|
+
--pf-v5-c-button--m-plain--m-no-padding--PaddingRight: var(--pf-v5-c-label-group__close--c-button--PaddingRight);
|
|
17188
|
+
--pf-v5-c-button--m-plain--m-no-padding--PaddingBottom: var(--pf-v5-c-label-group__close--c-button--PaddingBottom);
|
|
17189
|
+
--pf-v5-c-button--m-plain--m-no-padding--PaddingLeft: var(--pf-v5-c-label-group__close--c-button--PaddingLeft);
|
|
17192
17190
|
}
|
|
17193
17191
|
|
|
17194
17192
|
.pf-v5-c-label-group__textarea {
|
|
@@ -23954,7 +23952,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
23954
23952
|
--pf-v5-c-simple-list__item-link--Color: var(--pf-t--global--text--color--subtle);
|
|
23955
23953
|
--pf-v5-c-simple-list__item-link--FontSize: var(--pf-t--global--font--size--body--default);
|
|
23956
23954
|
--pf-v5-c-simple-list__item-link--m-current--Color: var(--pf-t--global--text--color--regular);
|
|
23957
|
-
--pf-v5-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--
|
|
23955
|
+
--pf-v5-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
23958
23956
|
--pf-v5-c-simple-list__item-link--hover--Color: var(--pf-t--global--text--color--subtle);
|
|
23959
23957
|
--pf-v5-c-simple-list__item-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
23960
23958
|
--pf-v5-c-simple-list__item-link--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
|