@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
|
@@ -7786,8 +7786,8 @@ button.pf-v5-c-breadcrumb__link {
|
|
|
7786
7786
|
display: none;
|
|
7787
7787
|
}
|
|
7788
7788
|
|
|
7789
|
-
:root,
|
|
7790
|
-
.pf-v5-c-button {
|
|
7789
|
+
:where(:root),
|
|
7790
|
+
:where(.pf-v5-c-button) {
|
|
7791
7791
|
--pf-v5-c-button--Display: inline-block;
|
|
7792
7792
|
--pf-v5-c-button--PaddingTop: var(--pf-t--global--spacer--sm);
|
|
7793
7793
|
--pf-v5-c-button--PaddingRight: var(--pf-t--global--spacer--lg);
|
|
@@ -7886,20 +7886,29 @@ button.pf-v5-c-breadcrumb__link {
|
|
|
7886
7886
|
--pf-v5-c-button--m-plain--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
7887
7887
|
--pf-v5-c-button--m-plain--PaddingBottom: var(--pf-t--global--spacer--sm);
|
|
7888
7888
|
--pf-v5-c-button--m-plain--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
7889
|
-
--pf-v5-c-button--m-plain--m-small--PaddingTop: var(--pf-t--global--spacer--xs);
|
|
7890
|
-
--pf-v5-c-button--m-plain--m-small--PaddingRight: var(--pf-t--global--spacer--xs);
|
|
7891
|
-
--pf-v5-c-button--m-plain--m-small--PaddingBottom: var(--pf-t--global--spacer--xs);
|
|
7892
|
-
--pf-v5-c-button--m-plain--m-small--PaddingLeft: var(--pf-t--global--spacer--xs);
|
|
7893
7889
|
--pf-v5-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
|
|
7894
7890
|
--pf-v5-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
7891
|
+
--pf-v5-c-button--m-plain--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
|
|
7892
|
+
--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));
|
|
7895
7893
|
--pf-v5-c-button--m-plain--hover--Color: var(--pf-t--global--icon--color--regular);
|
|
7896
7894
|
--pf-v5-c-button--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
7897
7895
|
--pf-v5-c-button--m-plain--m-clicked--Color: var(--pf-t--global--icon--color--regular);
|
|
7898
7896
|
--pf-v5-c-button--m-plain--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
7899
7897
|
--pf-v5-c-button--m-plain--disabled--Color: var(--pf-t--global--icon--color--on-disabled);
|
|
7898
|
+
--pf-v5-c-button--m-plain--m-small--PaddingTop: var(--pf-t--global--spacer--xs);
|
|
7899
|
+
--pf-v5-c-button--m-plain--m-small--PaddingRight: var(--pf-t--global--spacer--xs);
|
|
7900
|
+
--pf-v5-c-button--m-plain--m-small--PaddingBottom: var(--pf-t--global--spacer--xs);
|
|
7901
|
+
--pf-v5-c-button--m-plain--m-small--PaddingLeft: var(--pf-t--global--spacer--xs);
|
|
7902
|
+
--pf-v5-c-button--m-plain--m-no-padding--MixBlendMode: normal;
|
|
7903
|
+
--pf-v5-c-button--m-plain--m-no-padding--MinWidth: auto;
|
|
7904
|
+
--pf-v5-c-button--m-plain--m-no-padding--PaddingTop: 0;
|
|
7905
|
+
--pf-v5-c-button--m-plain--m-no-padding--PaddingRight: 0;
|
|
7906
|
+
--pf-v5-c-button--m-plain--m-no-padding--PaddingBottom: 0;
|
|
7907
|
+
--pf-v5-c-button--m-plain--m-no-padding--PaddingLeft: 0;
|
|
7908
|
+
--pf-v5-c-button--m-plain--m-no-padding--BackgroundColor: transparent;
|
|
7909
|
+
--pf-v5-c-button--m-plain--m-no-padding--hover--BackgroundColor: transparent;
|
|
7910
|
+
--pf-v5-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
|
|
7900
7911
|
--pf-v5-c-button__progress--Color: var(--pf-v5-c-button__icon--Color);
|
|
7901
|
-
--pf-v5-c-button--m-plain--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
|
|
7902
|
-
--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));
|
|
7903
7912
|
--pf-v5-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
7904
7913
|
--pf-v5-c-button--m-control--PaddingLeft: var(--pf-t--global--spacer--md);
|
|
7905
7914
|
--pf-v5-c-button--m-control--PaddingRight: var(--pf-t--global--spacer--md);
|
|
@@ -8240,9 +8249,15 @@ button.pf-v5-c-breadcrumb__link {
|
|
|
8240
8249
|
min-width: var(--pf-v5-c-button--m-plain--MinWidth);
|
|
8241
8250
|
}
|
|
8242
8251
|
.pf-v5-c-button.pf-m-plain.pf-m-no-padding {
|
|
8243
|
-
|
|
8244
|
-
|
|
8245
|
-
|
|
8252
|
+
--pf-v5-c-button--BackgroundColor: var(--pf-v5-c-button--m-plain--m-no-padding--BackgroundColor);
|
|
8253
|
+
--pf-v5-c-button--hover--BackgroundColor: var(--pf-v5-c-button--m-plain--m-no-padding--hover--BackgroundColor);
|
|
8254
|
+
--pf-v5-c-button--m-clicked--BackgroundColor: var(--pf-v5-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor);
|
|
8255
|
+
--pf-v5-c-button--m-plain--PaddingTop: var(--pf-v5-c-button--m-plain--m-no-padding--PaddingTop);
|
|
8256
|
+
--pf-v5-c-button--m-plain--PaddingRight: var(--pf-v5-c-button--m-plain--m-no-padding--PaddingRight);
|
|
8257
|
+
--pf-v5-c-button--m-plain--PaddingBottom: var(--pf-v5-c-button--m-plain--m-no-padding--PaddingBottom);
|
|
8258
|
+
--pf-v5-c-button--m-plain--PaddingLeft: var(--pf-v5-c-button--m-plain--m-no-padding--PaddingLeft);
|
|
8259
|
+
--pf-v5-c-button--m-plain--MixBlendMode: var(--pf-v5-c-button--m-plain--m-no-padding--MixBlendMode);
|
|
8260
|
+
min-width: var(--pf-v5-c-button--m-plain--m-no-padding--MinWidth);
|
|
8246
8261
|
}
|
|
8247
8262
|
.pf-v5-c-button.pf-m-block {
|
|
8248
8263
|
display: block;
|
|
@@ -10950,28 +10965,27 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
10950
10965
|
padding: 0;
|
|
10951
10966
|
}
|
|
10952
10967
|
|
|
10953
|
-
.pf-v5-c-description-list {
|
|
10954
|
-
--pf-v5-c-description-list--RowGap: var(--pf-
|
|
10955
|
-
--pf-v5-c-description-list--ColumnGap: var(--pf-
|
|
10968
|
+
:root, :where(.pf-v5-c-description-list) {
|
|
10969
|
+
--pf-v5-c-description-list--RowGap: var(--pf-t--global--spacer--lg);
|
|
10970
|
+
--pf-v5-c-description-list--ColumnGap: var(--pf-t--global--spacer--lg);
|
|
10956
10971
|
--pf-v5-c-description-list--GridTemplateColumns--count: 1;
|
|
10957
10972
|
--pf-v5-c-description-list--GridTemplateColumns--width: 1fr;
|
|
10958
10973
|
--pf-v5-c-description-list--GridTemplateColumns--min: 0;
|
|
10959
|
-
--pf-v5-c-description-
|
|
10960
|
-
--pf-v5-c-description-list__group--
|
|
10961
|
-
--pf-v5-c-description-list__group--ColumnGap: var(--pf-v5-global--spacer--sm);
|
|
10974
|
+
--pf-v5-c-description-list__group--RowGap: var(--pf-t--global--spacer--sm);
|
|
10975
|
+
--pf-v5-c-description-list__group--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
10962
10976
|
--pf-v5-c-description-list__group--GridTemplateColumns: auto;
|
|
10963
10977
|
--pf-v5-c-description-list__group--GridTemplateRows: auto 1fr;
|
|
10964
10978
|
--pf-v5-c-description-list__group--GridColumn: auto;
|
|
10965
|
-
--pf-v5-c-description-list--m-compact--RowGap: var(--pf-
|
|
10966
|
-
--pf-v5-c-description-list--m-compact--ColumnGap: var(--pf-
|
|
10979
|
+
--pf-v5-c-description-list--m-compact--RowGap: var(--pf-t--global--spacer--md);
|
|
10980
|
+
--pf-v5-c-description-list--m-compact--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
10967
10981
|
--pf-v5-c-description-list__term--Display: inline;
|
|
10968
10982
|
--pf-v5-c-description-list__term--sm--Display: flex;
|
|
10969
|
-
--pf-v5-c-description-list__term--FontWeight: var(--pf-
|
|
10970
|
-
--pf-v5-c-description-list__term--FontSize: var(--pf-
|
|
10971
|
-
--pf-v5-c-description-list__term--LineHeight: var(--pf-
|
|
10972
|
-
--pf-v5-c-description-list__term-icon--MinWidth: var(--pf-
|
|
10973
|
-
--pf-v5-c-description-list__term-icon--MarginRight: var(--pf-
|
|
10974
|
-
--pf-v5-c-description-list__term-icon--Color: var(--pf-
|
|
10983
|
+
--pf-v5-c-description-list__term--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
10984
|
+
--pf-v5-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
10985
|
+
--pf-v5-c-description-list__term--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
10986
|
+
--pf-v5-c-description-list__term-icon--MinWidth: var(--pf-t--global--font--size--body--sm);
|
|
10987
|
+
--pf-v5-c-description-list__term-icon--MarginRight: var(--pf-t--global--spacer--sm);
|
|
10988
|
+
--pf-v5-c-description-list__term-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
10975
10989
|
--pf-v5-c-description-list--m-vertical__group--GridTemplateColumns: repeat(var(--pf-v5-c-description-list--GridTemplateColumns--count));
|
|
10976
10990
|
--pf-v5-c-description-list--m-vertical__group--GridTemplateRows: auto 1fr;
|
|
10977
10991
|
--pf-v5-c-description-list--m-horizontal__term--width: 12ch;
|
|
@@ -10983,52 +10997,58 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
10983
10997
|
--pf-v5-c-description-list--m-3-col--GridTemplateColumns--count: 3;
|
|
10984
10998
|
--pf-v5-c-description-list--m-auto-fit--GridTemplateColumns--min: 15.625rem;
|
|
10985
10999
|
--pf-v5-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min: var(--pf-v5-c-description-list--m-auto-fit--GridTemplateColumns--min);
|
|
10986
|
-
--pf-v5-c-description-list__text--m-help-text--TextDecorationColor: var(--pf-
|
|
10987
|
-
--pf-v5-c-description-list__text--m-help-text--TextDecorationThickness: var(--pf-
|
|
11000
|
+
--pf-v5-c-description-list__text--m-help-text--TextDecorationColor: var(--pf-t--global--icon--color--regular);
|
|
11001
|
+
--pf-v5-c-description-list__text--m-help-text--TextDecorationThickness: var(--pf-t--global--border--width--100);
|
|
10988
11002
|
--pf-v5-c-description-list__text--m-help-text--TextDecorationOffset: 0.25rem;
|
|
10989
|
-
--pf-v5-c-description-list__text--m-help-text--hover--TextDecorationColor: var(--pf-
|
|
10990
|
-
--pf-v5-c-description-list__text--m-help-text--focus--TextDecorationColor: var(--pf-
|
|
10991
|
-
--pf-v5-c-description-list--m-display-lg__description--FontSize: var(--pf-
|
|
10992
|
-
--pf-v5-c-description-list--m-display-2xl__description--FontSize: var(--pf-
|
|
10993
|
-
|
|
10994
|
-
|
|
10995
|
-
|
|
10996
|
-
|
|
10997
|
-
|
|
11003
|
+
--pf-v5-c-description-list__text--m-help-text--hover--TextDecorationColor: var(--pf-t--global--border--color--hover);
|
|
11004
|
+
--pf-v5-c-description-list__text--m-help-text--focus--TextDecorationColor: var(--pf-t--global--border--color--hover);
|
|
11005
|
+
--pf-v5-c-description-list--m-display-lg__description--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
11006
|
+
--pf-v5-c-description-list--m-display-2xl__description--FontSize: var(--pf-t--global--font--size--heading--lg);
|
|
11007
|
+
--pf-v5-c-description-list--m-horizontal__term--width-on-sm: inherit;
|
|
11008
|
+
--pf-v5-c-description-list--m-horizontal__term--width-on-md: inherit;
|
|
11009
|
+
--pf-v5-c-description-list--m-horizontal__term--width-on-lg: inherit;
|
|
11010
|
+
--pf-v5-c-description-list--m-horizontal__term--width-on-xl: inherit;
|
|
11011
|
+
--pf-v5-c-description-list--m-horizontal__term--width-on-2xl: inherit;
|
|
11012
|
+
--pf-v5-c-description-list__term--width: var(--pf-v5-c-description-list--m-horizontal__term--width);
|
|
10998
11013
|
}
|
|
10999
11014
|
@media screen and (min-width: 576px) {
|
|
11000
|
-
.pf-v5-c-description-list {
|
|
11015
|
+
:root, :where(.pf-v5-c-description-list) {
|
|
11001
11016
|
--pf-v5-c-description-list__term--Display: var(--pf-v5-c-description-list__term--sm--Display);
|
|
11002
11017
|
}
|
|
11003
11018
|
}
|
|
11004
|
-
.pf-v5-c-description-list[class*=pf-m-horizontal] {
|
|
11005
|
-
--pf-v5-c-description-list__term--width: var(--pf-v5-c-description-list--m-horizontal__term--width);
|
|
11006
|
-
}
|
|
11007
11019
|
@media (min-width: 576px) {
|
|
11008
|
-
.pf-v5-c-description-list
|
|
11020
|
+
:root, :where(.pf-v5-c-description-list) {
|
|
11009
11021
|
--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));
|
|
11010
11022
|
}
|
|
11011
11023
|
}
|
|
11012
11024
|
@media (min-width: 768px) {
|
|
11013
|
-
.pf-v5-c-description-list
|
|
11025
|
+
:root, :where(.pf-v5-c-description-list) {
|
|
11014
11026
|
--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)));
|
|
11015
11027
|
}
|
|
11016
11028
|
}
|
|
11017
11029
|
@media (min-width: 992px) {
|
|
11018
|
-
.pf-v5-c-description-list
|
|
11030
|
+
:root, :where(.pf-v5-c-description-list) {
|
|
11019
11031
|
--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))));
|
|
11020
11032
|
}
|
|
11021
11033
|
}
|
|
11022
11034
|
@media (min-width: 1200px) {
|
|
11023
|
-
.pf-v5-c-description-list
|
|
11035
|
+
:root, :where(.pf-v5-c-description-list) {
|
|
11024
11036
|
--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)))));
|
|
11025
11037
|
}
|
|
11026
11038
|
}
|
|
11027
11039
|
@media (min-width: 1450px) {
|
|
11028
|
-
.pf-v5-c-description-list
|
|
11040
|
+
:root, :where(.pf-v5-c-description-list) {
|
|
11029
11041
|
--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))))));
|
|
11030
11042
|
}
|
|
11031
11043
|
}
|
|
11044
|
+
|
|
11045
|
+
.pf-v5-c-description-list {
|
|
11046
|
+
display: grid;
|
|
11047
|
+
grid-template-columns: repeat(var(--pf-v5-c-description-list--GridTemplateColumns--count), var(--pf-v5-c-description-list--GridTemplateColumns--width));
|
|
11048
|
+
row-gap: var(--pf-v5-c-description-list--RowGap);
|
|
11049
|
+
column-gap: var(--pf-v5-c-description-list--ColumnGap);
|
|
11050
|
+
align-items: baseline;
|
|
11051
|
+
}
|
|
11032
11052
|
.pf-v5-c-description-list.pf-m-inline-grid {
|
|
11033
11053
|
display: inline-grid;
|
|
11034
11054
|
}
|
|
@@ -16225,63 +16245,66 @@ label.pf-v5-c-input-group__text {
|
|
|
16225
16245
|
cursor: pointer;
|
|
16226
16246
|
}
|
|
16227
16247
|
|
|
16228
|
-
|
|
16248
|
+
:where(:root),
|
|
16249
|
+
:where(.pf-v5-c-jump-links) {
|
|
16229
16250
|
--pf-v5-c-jump-links__list--Display: flex;
|
|
16230
16251
|
--pf-v5-c-jump-links__list--PaddingTop: 0;
|
|
16231
|
-
--pf-v5-c-jump-links__list--PaddingRight: var(--pf-
|
|
16252
|
+
--pf-v5-c-jump-links__list--PaddingRight: var(--pf-t--global--spacer--md);
|
|
16232
16253
|
--pf-v5-c-jump-links__list--PaddingBottom: 0;
|
|
16233
|
-
--pf-v5-c-jump-links__list--PaddingLeft: var(--pf-
|
|
16234
|
-
--pf-v5-c-jump-links--m-vertical__list--PaddingTop: var(--pf-
|
|
16254
|
+
--pf-v5-c-jump-links__list--PaddingLeft: var(--pf-t--global--spacer--md);
|
|
16255
|
+
--pf-v5-c-jump-links--m-vertical__list--PaddingTop: var(--pf-t--global--spacer--md);
|
|
16235
16256
|
--pf-v5-c-jump-links--m-vertical__list--PaddingRight: 0;
|
|
16236
|
-
--pf-v5-c-jump-links--m-vertical__list--PaddingBottom: var(--pf-
|
|
16257
|
+
--pf-v5-c-jump-links--m-vertical__list--PaddingBottom: var(--pf-t--global--spacer--md);
|
|
16237
16258
|
--pf-v5-c-jump-links--m-vertical__list--PaddingLeft: 0;
|
|
16238
16259
|
--pf-v5-c-jump-links__list--FlexDirection: row;
|
|
16239
16260
|
--pf-v5-c-jump-links--m-vertical__list--FlexDirection: column;
|
|
16240
|
-
--pf-v5-c-jump-links__list--before--BorderColor: var(--pf-
|
|
16241
|
-
--pf-v5-c-jump-links__list--before--BorderTopWidth: var(--pf-
|
|
16261
|
+
--pf-v5-c-jump-links__list--before--BorderColor: var(--pf-t--global--border--color--default);
|
|
16262
|
+
--pf-v5-c-jump-links__list--before--BorderTopWidth: var(--pf-t--global--border--width--box--default);
|
|
16242
16263
|
--pf-v5-c-jump-links__list--before--BorderRightWidth: 0;
|
|
16243
16264
|
--pf-v5-c-jump-links__list--before--BorderBottomWidth: 0;
|
|
16244
16265
|
--pf-v5-c-jump-links__list--before--BorderLeftWidth: 0;
|
|
16245
|
-
--pf-v5-c-jump-links--m-vertical__list--before--BorderLeftWidth: var(--pf-
|
|
16266
|
+
--pf-v5-c-jump-links--m-vertical__list--before--BorderLeftWidth: var(--pf-t--global--border--width--box--default);
|
|
16246
16267
|
--pf-v5-c-jump-links--m-vertical__list--before--BorderTopWidth: 0;
|
|
16247
|
-
--pf-v5-c-jump-links__list__list--MarginTop: calc(var(--pf-
|
|
16248
|
-
--pf-v5-c-jump-links__link--PaddingTop: var(--pf-
|
|
16249
|
-
--pf-v5-c-jump-links__link--PaddingRight: var(--pf-
|
|
16250
|
-
--pf-v5-c-jump-links__link--PaddingBottom: var(--pf-
|
|
16251
|
-
--pf-v5-c-jump-links__link--PaddingLeft: var(--pf-
|
|
16252
|
-
--pf-v5-c-jump-links__list__list__link--PaddingTop: var(--pf-
|
|
16253
|
-
--pf-v5-c-jump-links__list__list__link--PaddingLeft: var(--pf-
|
|
16254
|
-
--pf-v5-c-jump-links__list__list__link--PaddingBottom: var(--pf-
|
|
16255
|
-
--pf-v5-c-jump-links__link--OutlineOffset: calc(-1 * var(--pf-
|
|
16268
|
+
--pf-v5-c-jump-links__list__list--MarginTop: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
16269
|
+
--pf-v5-c-jump-links__link--PaddingTop: var(--pf-t--global--spacer--sm);
|
|
16270
|
+
--pf-v5-c-jump-links__link--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
16271
|
+
--pf-v5-c-jump-links__link--PaddingBottom: var(--pf-t--global--spacer--sm);
|
|
16272
|
+
--pf-v5-c-jump-links__link--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
16273
|
+
--pf-v5-c-jump-links__list__list__link--PaddingTop: var(--pf-t--global--spacer--sm);
|
|
16274
|
+
--pf-v5-c-jump-links__list__list__link--PaddingLeft: var(--pf-t--global--spacer--lg);
|
|
16275
|
+
--pf-v5-c-jump-links__list__list__link--PaddingBottom: var(--pf-t--global--spacer--sm);
|
|
16276
|
+
--pf-v5-c-jump-links__link--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--sm));
|
|
16256
16277
|
--pf-v5-c-jump-links__link--before--BorderTopWidth: 0;
|
|
16257
16278
|
--pf-v5-c-jump-links__link--before--BorderRightWidth: 0;
|
|
16258
16279
|
--pf-v5-c-jump-links__link--before--BorderBottomWidth: 0;
|
|
16259
16280
|
--pf-v5-c-jump-links__link--before--BorderLeftWidth: 0;
|
|
16260
16281
|
--pf-v5-c-jump-links__link--before--BorderColor: transparent;
|
|
16261
|
-
--pf-v5-c-jump-links__item--m-current__link--before--BorderTopWidth: var(--pf-
|
|
16282
|
+
--pf-v5-c-jump-links__item--m-current__link--before--BorderTopWidth: var(--pf-t--global--border--width--extra-strong);
|
|
16262
16283
|
--pf-v5-c-jump-links__item--m-current__link--before--BorderLeftWidth: 0;
|
|
16263
|
-
--pf-v5-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-
|
|
16284
|
+
--pf-v5-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
16264
16285
|
--pf-v5-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth: 0;
|
|
16265
|
-
--pf-v5-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth: var(--pf-
|
|
16266
|
-
--pf-v5-c-jump-links__link-text--Color: var(--pf-
|
|
16267
|
-
--pf-v5-c-jump-links__link--hover__link-text--Color: var(--pf-
|
|
16268
|
-
--pf-v5-c-jump-
|
|
16269
|
-
--pf-v5-c-jump-
|
|
16270
|
-
--pf-v5-c-jump-links__label--MarginBottom: var(--pf-v5-global--spacer--md);
|
|
16286
|
+
--pf-v5-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth: var(--pf-t--global--border--width--extra-strong);
|
|
16287
|
+
--pf-v5-c-jump-links__link-text--Color: var(--pf-t--global--text--color--subtle);
|
|
16288
|
+
--pf-v5-c-jump-links__link--hover__link-text--Color: var(--pf-t--global--text--color--subtle);
|
|
16289
|
+
--pf-v5-c-jump-links__item--m-current__link-text--Color: var(--pf-t--global--text--color--regular);
|
|
16290
|
+
--pf-v5-c-jump-links__label--MarginBottom: var(--pf-t--global--spacer--md);
|
|
16271
16291
|
--pf-v5-c-jump-links__label--Display: block;
|
|
16272
16292
|
--pf-v5-c-jump-links__toggle--MarginTop: calc(-1 * var(--pf-v5-global--spacer--form-element));
|
|
16273
16293
|
--pf-v5-c-jump-links__toggle--MarginBottom--base: calc(-1 * var(--pf-v5-global--spacer--form-element));
|
|
16274
16294
|
--pf-v5-c-jump-links__toggle--MarginBottom: var(--pf-v5-c-jump-links__toggle--MarginBottom--base);
|
|
16275
|
-
--pf-v5-c-jump-links--m-expanded__toggle--MarginBottom: calc(var(--pf-v5-c-jump-links__toggle--MarginBottom--base) + var(--pf-
|
|
16276
|
-
--pf-v5-c-jump-links__toggle--MarginLeft: calc(-1 * var(--pf-
|
|
16295
|
+
--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));
|
|
16296
|
+
--pf-v5-c-jump-links__toggle--MarginLeft: calc(-1 * var(--pf-t--global--spacer--md));
|
|
16277
16297
|
--pf-v5-c-jump-links__toggle--Display: none;
|
|
16278
16298
|
--pf-v5-c-jump-links__toggle-icon--Color: currentcolor;
|
|
16279
16299
|
--pf-v5-c-jump-links__toggle-icon--Transition: var(--pf-v5-global--Transition);
|
|
16280
16300
|
--pf-v5-c-jump-links__toggle-icon--Rotate: 0;
|
|
16281
|
-
--pf-v5-c-jump-links--m-expanded__toggle-icon--Color: var(--pf-
|
|
16301
|
+
--pf-v5-c-jump-links--m-expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
16282
16302
|
--pf-v5-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
|
|
16283
|
-
--pf-v5-c-jump-links__toggle-text--MarginLeft: var(--pf-
|
|
16284
|
-
--pf-v5-c-jump-links__toggle-text--Color: var(--pf-
|
|
16303
|
+
--pf-v5-c-jump-links__toggle-text--MarginLeft: var(--pf-t--global--spacer--md);
|
|
16304
|
+
--pf-v5-c-jump-links__toggle-text--Color: var(--pf-t--global--text--color--regular);
|
|
16305
|
+
}
|
|
16306
|
+
|
|
16307
|
+
.pf-v5-c-jump-links {
|
|
16285
16308
|
display: flex;
|
|
16286
16309
|
}
|
|
16287
16310
|
.pf-v5-c-jump-links.pf-m-center {
|
|
@@ -16419,12 +16442,9 @@ label.pf-v5-c-input-group__text {
|
|
|
16419
16442
|
text-decoration: none;
|
|
16420
16443
|
outline-offset: var(--pf-v5-c-jump-links__link--OutlineOffset);
|
|
16421
16444
|
}
|
|
16422
|
-
.pf-v5-c-jump-links__link:hover {
|
|
16445
|
+
.pf-v5-c-jump-links__link:hover, .pf-v5-c-jump-links__link:focus {
|
|
16423
16446
|
--pf-v5-c-jump-links__link-text--Color: var(--pf-v5-c-jump-links__link--hover__link-text--Color);
|
|
16424
16447
|
}
|
|
16425
|
-
.pf-v5-c-jump-links__link:focus {
|
|
16426
|
-
--pf-v5-c-jump-links__link-text--Color: var(--pf-v5-c-jump-links__link--focus__link-text--Color);
|
|
16427
|
-
}
|
|
16428
16448
|
.pf-v5-c-jump-links__link::before {
|
|
16429
16449
|
position: absolute;
|
|
16430
16450
|
inset: 0;
|
|
@@ -16488,149 +16508,227 @@ label.pf-v5-c-input-group__text {
|
|
|
16488
16508
|
color: var(--pf-v5-c-jump-links__toggle-text--Color);
|
|
16489
16509
|
}
|
|
16490
16510
|
|
|
16491
|
-
.pf-v5-c-
|
|
16492
|
-
--pf-v5-
|
|
16493
|
-
--pf-v5-
|
|
16494
|
-
--pf-v5-
|
|
16495
|
-
--pf-v5-
|
|
16511
|
+
.pf-v5-c-table, .pf-v5-c-select, .pf-v5-c-menu, .pf-v5-t-light, .pf-v5-c-calendar-month, .pf-v5-c-chip, .pf-v5-c-chip-group, .pf-v5-c-context-selector__menu {
|
|
16512
|
+
--pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
|
|
16513
|
+
--pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
|
|
16514
|
+
--pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--dark-100);
|
|
16515
|
+
--pf-v5-global--primary-color--100: var(--pf-v5-global--primary-color--dark-100);
|
|
16516
|
+
--pf-v5-global--link--Color: var(--pf-v5-global--link--Color--dark);
|
|
16517
|
+
--pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--dark--hover);
|
|
16518
|
+
--pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--light-100);
|
|
16519
|
+
--pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--dark);
|
|
16520
|
+
--pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--dark);
|
|
16521
|
+
}
|
|
16522
|
+
|
|
16523
|
+
.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-v5-t-dark {
|
|
16524
|
+
--pf-v5-global--Color--100: var(--pf-v5-global--Color--light-100);
|
|
16525
|
+
--pf-v5-global--Color--200: var(--pf-v5-global--Color--light-200);
|
|
16526
|
+
--pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--light-100);
|
|
16527
|
+
--pf-v5-global--primary-color--100: var(--pf-v5-global--primary-color--light-100);
|
|
16528
|
+
--pf-v5-global--link--Color: var(--pf-v5-global--link--Color--light);
|
|
16529
|
+
--pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--light);
|
|
16530
|
+
--pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--dark-100);
|
|
16531
|
+
--pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--light);
|
|
16532
|
+
--pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--light);
|
|
16533
|
+
}
|
|
16534
|
+
.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-v5-t-dark .pf-v5-c-button {
|
|
16535
|
+
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--dark-100);
|
|
16536
|
+
}
|
|
16537
|
+
|
|
16538
|
+
.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 {
|
|
16539
|
+
--pf-v5-hidden-visible--hidden--Display: none;
|
|
16540
|
+
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
|
|
16541
|
+
display: var(--pf-v5-hidden-visible--Display);
|
|
16542
|
+
}
|
|
16543
|
+
.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 {
|
|
16544
|
+
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
|
|
16545
|
+
}
|
|
16546
|
+
@media screen and (min-width: 576px) {
|
|
16547
|
+
.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 {
|
|
16548
|
+
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
|
|
16549
|
+
}
|
|
16550
|
+
.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 {
|
|
16551
|
+
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
|
|
16552
|
+
}
|
|
16553
|
+
}
|
|
16554
|
+
@media screen and (min-width: 768px) {
|
|
16555
|
+
.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 {
|
|
16556
|
+
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
|
|
16557
|
+
}
|
|
16558
|
+
.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 {
|
|
16559
|
+
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
|
|
16560
|
+
}
|
|
16561
|
+
}
|
|
16562
|
+
@media screen and (min-width: 992px) {
|
|
16563
|
+
.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 {
|
|
16564
|
+
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
|
|
16565
|
+
}
|
|
16566
|
+
.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 {
|
|
16567
|
+
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
|
|
16568
|
+
}
|
|
16569
|
+
}
|
|
16570
|
+
@media screen and (min-width: 1200px) {
|
|
16571
|
+
.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 {
|
|
16572
|
+
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
|
|
16573
|
+
}
|
|
16574
|
+
.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 {
|
|
16575
|
+
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
|
|
16576
|
+
}
|
|
16577
|
+
}
|
|
16578
|
+
@media screen and (min-width: 1450px) {
|
|
16579
|
+
.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 {
|
|
16580
|
+
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
|
|
16581
|
+
}
|
|
16582
|
+
.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 {
|
|
16583
|
+
--pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
|
|
16584
|
+
}
|
|
16585
|
+
}
|
|
16586
|
+
|
|
16587
|
+
.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) {
|
|
16588
|
+
appearance: textfield;
|
|
16589
|
+
}
|
|
16590
|
+
.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 {
|
|
16591
|
+
margin: 0;
|
|
16592
|
+
appearance: none;
|
|
16593
|
+
}
|
|
16594
|
+
|
|
16595
|
+
:where(:root),
|
|
16596
|
+
:where(.pf-v5-c-label) {
|
|
16597
|
+
--pf-v5-c-label--PaddingTop: var(--pf-t--global--spacer--xs);
|
|
16598
|
+
--pf-v5-c-label--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
16599
|
+
--pf-v5-c-label--PaddingBottom: var(--pf-t--global--spacer--xs);
|
|
16600
|
+
--pf-v5-c-label--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
16496
16601
|
--pf-v5-c-label--MaxWidth: 100%;
|
|
16497
|
-
--pf-v5-c-label--
|
|
16498
|
-
--pf-v5-c-label--
|
|
16499
|
-
--pf-v5-c-label--
|
|
16500
|
-
--pf-v5-c-label--FontSize: var(--pf-
|
|
16501
|
-
--pf-v5-c-
|
|
16502
|
-
--pf-v5-c-
|
|
16503
|
-
--pf-v5-c-
|
|
16504
|
-
--pf-v5-c-label--m-
|
|
16505
|
-
--pf-v5-c-label--m-
|
|
16506
|
-
--pf-v5-c-
|
|
16507
|
-
--pf-v5-c-
|
|
16508
|
-
--pf-v5-c-
|
|
16509
|
-
--pf-v5-c-
|
|
16510
|
-
--pf-v5-c-label--m-
|
|
16511
|
-
--pf-v5-c-label--m-
|
|
16512
|
-
--pf-v5-c-label--m-
|
|
16513
|
-
--pf-v5-c-label--m-
|
|
16514
|
-
--pf-v5-c-label--m-blue--
|
|
16515
|
-
--pf-v5-c-label--m-
|
|
16516
|
-
--pf-v5-c-label--m-
|
|
16517
|
-
--pf-v5-c-label--m-
|
|
16518
|
-
--pf-v5-c-label--m-
|
|
16519
|
-
--pf-v5-c-label--m-
|
|
16520
|
-
--pf-v5-c-label--m-
|
|
16521
|
-
--pf-v5-c-label--m-
|
|
16522
|
-
--pf-v5-c-label--m-
|
|
16523
|
-
--pf-v5-c-label--m-
|
|
16524
|
-
--pf-v5-c-label--m-
|
|
16525
|
-
--pf-v5-c-label--m-
|
|
16526
|
-
--pf-v5-c-label--m-
|
|
16527
|
-
--pf-v5-c-label--m-
|
|
16528
|
-
--pf-v5-c-label--m-
|
|
16529
|
-
--pf-v5-c-label--m-
|
|
16530
|
-
--pf-v5-c-label--m-
|
|
16531
|
-
--pf-v5-c-label--m-
|
|
16532
|
-
--pf-v5-c-label--m-outline--m-
|
|
16533
|
-
--pf-v5-c-label--m-
|
|
16534
|
-
--pf-v5-c-label--m-
|
|
16535
|
-
--pf-v5-c-label--m-
|
|
16536
|
-
--pf-v5-c-label--m-
|
|
16537
|
-
--pf-v5-c-label--m-
|
|
16538
|
-
--pf-v5-c-label--m-
|
|
16539
|
-
--pf-v5-c-label--m-
|
|
16540
|
-
--pf-v5-c-label--m-outline--m-
|
|
16541
|
-
--pf-v5-c-label--m-
|
|
16542
|
-
--pf-v5-c-label--m-
|
|
16543
|
-
--pf-v5-c-label--m-
|
|
16544
|
-
--pf-v5-c-label--m-
|
|
16545
|
-
--pf-v5-c-label--m-
|
|
16546
|
-
--pf-v5-c-label--m-
|
|
16547
|
-
--pf-v5-c-label--m-
|
|
16548
|
-
--pf-v5-c-label--m-
|
|
16549
|
-
--pf-v5-c-label--m-
|
|
16550
|
-
--pf-v5-c-label--m-
|
|
16551
|
-
--pf-v5-c-label--m-
|
|
16552
|
-
--pf-v5-c-label--m-
|
|
16553
|
-
--pf-v5-c-label--m-
|
|
16554
|
-
--pf-v5-c-label--m-
|
|
16555
|
-
--pf-v5-c-label--m-
|
|
16556
|
-
--pf-v5-c-label--m-
|
|
16557
|
-
--pf-v5-c-label--m-
|
|
16558
|
-
--pf-v5-c-label--m-
|
|
16559
|
-
--pf-v5-c-label--m-
|
|
16560
|
-
--pf-v5-c-label--m-
|
|
16561
|
-
--pf-v5-c-label--m-
|
|
16562
|
-
--pf-v5-c-label--m-
|
|
16563
|
-
--pf-v5-c-label--m-
|
|
16564
|
-
--pf-v5-c-label--m-cyan--
|
|
16565
|
-
--pf-v5-c-label--m-
|
|
16566
|
-
--pf-v5-c-label--m-
|
|
16567
|
-
--pf-v5-c-label--m-
|
|
16568
|
-
--pf-v5-c-label--m-
|
|
16569
|
-
--pf-v5-c-label--m-
|
|
16570
|
-
--pf-v5-c-label--m-
|
|
16571
|
-
--pf-v5-c-label--m-
|
|
16572
|
-
--pf-v5-c-label--m-outline--m-
|
|
16573
|
-
--pf-v5-c-label--m-
|
|
16574
|
-
--pf-v5-c-label--m-
|
|
16575
|
-
--pf-v5-c-label--m-
|
|
16576
|
-
--pf-v5-c-label--m-
|
|
16577
|
-
--pf-v5-c-label--m-
|
|
16578
|
-
--pf-v5-c-label--m-
|
|
16579
|
-
--pf-v5-c-label--m-
|
|
16580
|
-
--pf-v5-c-label--m-outline--m-
|
|
16581
|
-
--pf-v5-c-label--m-outline--m-
|
|
16582
|
-
--pf-v5-c-label--m-
|
|
16583
|
-
--pf-v5-c-label--m-
|
|
16584
|
-
--pf-v5-c-label--m-
|
|
16585
|
-
--pf-v5-c-label--m-
|
|
16586
|
-
--pf-v5-c-label--m-
|
|
16587
|
-
--pf-v5-c-label--m-
|
|
16588
|
-
--pf-v5-c-label--m-
|
|
16589
|
-
--pf-v5-c-label--m-
|
|
16590
|
-
--pf-v5-c-label--m-
|
|
16591
|
-
--pf-v5-c-label--m-
|
|
16602
|
+
--pf-v5-c-label--BorderWidth: 0;
|
|
16603
|
+
--pf-v5-c-label--BorderColor: transparent;
|
|
16604
|
+
--pf-v5-c-label--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
16605
|
+
--pf-v5-c-label--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
16606
|
+
--pf-v5-c-label--BackgroundColor: var(--pf-t--global--border--color--nonstatus--gray--default);
|
|
16607
|
+
--pf-v5-c-label--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
|
|
16608
|
+
--pf-v5-c-label__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
|
|
16609
|
+
--pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--gray--hover);
|
|
16610
|
+
--pf-v5-c-label--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-gray--hover);
|
|
16611
|
+
--pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--hover);
|
|
16612
|
+
--pf-v5-c-label--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--gray--default);
|
|
16613
|
+
--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--gray--hover);
|
|
16614
|
+
--pf-v5-c-label--m-blue--BackgroundColor: var(--pf-t--global--border--color--nonstatus--blue--default);
|
|
16615
|
+
--pf-v5-c-label--m-blue--Color: var(--pf-t--global--text--color--nonstatus--on-blue--default);
|
|
16616
|
+
--pf-v5-c-label--m-blue__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-blue--default);
|
|
16617
|
+
--pf-v5-c-label--m-blue--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--blue--hover);
|
|
16618
|
+
--pf-v5-c-label--m-blue--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-blue--hover);
|
|
16619
|
+
--pf-v5-c-label--m-blue--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-blue--hover);
|
|
16620
|
+
--pf-v5-c-label--m-blue--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--blue--default);
|
|
16621
|
+
--pf-v5-c-label--m-blue--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--blue--hover);
|
|
16622
|
+
--pf-v5-c-label--m-red--BackgroundColor: var(--pf-t--global--border--color--nonstatus--red--default);
|
|
16623
|
+
--pf-v5-c-label--m-red--Color: var(--pf-t--global--text--color--nonstatus--on-red--default);
|
|
16624
|
+
--pf-v5-c-label--m-red__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-red--default);
|
|
16625
|
+
--pf-v5-c-label--m-red--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--red--hover);
|
|
16626
|
+
--pf-v5-c-label--m-red--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-red--hover);
|
|
16627
|
+
--pf-v5-c-label--m-red--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-red--hover);
|
|
16628
|
+
--pf-v5-c-label--m-red--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--red--default);
|
|
16629
|
+
--pf-v5-c-label--m-red--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--red--hover);
|
|
16630
|
+
--pf-v5-c-label--m-orange--BackgroundColor: var(--pf-t--global--border--color--nonstatus--orange--default);
|
|
16631
|
+
--pf-v5-c-label--m-orange--Color: var(--pf-t--global--text--color--nonstatus--on-orange--default);
|
|
16632
|
+
--pf-v5-c-label--m-orange__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-orange--default);
|
|
16633
|
+
--pf-v5-c-label--m-orange--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--orange--hover);
|
|
16634
|
+
--pf-v5-c-label--m-orange--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-orange--hover);
|
|
16635
|
+
--pf-v5-c-label--m-orange--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-orange--hover);
|
|
16636
|
+
--pf-v5-c-label--m-orange--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--orange--default);
|
|
16637
|
+
--pf-v5-c-label--m-orange--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--orange--hover);
|
|
16638
|
+
--pf-v5-c-label--m-orangered--BackgroundColor: var(--pf-t--global--border--color--nonstatus--orangered--default);
|
|
16639
|
+
--pf-v5-c-label--m-orangered--Color: var(--pf-t--global--text--color--nonstatus--on-orangered--default);
|
|
16640
|
+
--pf-v5-c-label--m-orangered__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-orangered--default);
|
|
16641
|
+
--pf-v5-c-label--m-orangered--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--orangered--hover);
|
|
16642
|
+
--pf-v5-c-label--m-orangered--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-orangered--hover);
|
|
16643
|
+
--pf-v5-c-label--m-orangered--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-orangered--hover);
|
|
16644
|
+
--pf-v5-c-label--m-orangered--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--orangered--default);
|
|
16645
|
+
--pf-v5-c-label--m-orangered--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--orangered--hover);
|
|
16646
|
+
--pf-v5-c-label--m-gold--BackgroundColor: var(--pf-t--global--border--color--nonstatus--gold--default);
|
|
16647
|
+
--pf-v5-c-label--m-gold--Color: var(--pf-t--global--text--color--nonstatus--on-gold--default);
|
|
16648
|
+
--pf-v5-c-label--m-gold__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gold--default);
|
|
16649
|
+
--pf-v5-c-label--m-gold--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--gold--hover);
|
|
16650
|
+
--pf-v5-c-label--m-gold--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-gold--hover);
|
|
16651
|
+
--pf-v5-c-label--m-gold--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gold--hover);
|
|
16652
|
+
--pf-v5-c-label--m-gold--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--gold--default);
|
|
16653
|
+
--pf-v5-c-label--m-gold--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--gold--hover);
|
|
16654
|
+
--pf-v5-c-label--m-green--BackgroundColor: var(--pf-t--global--border--color--nonstatus--green--default);
|
|
16655
|
+
--pf-v5-c-label--m-green--Color: var(--pf-t--global--text--color--nonstatus--on-green--default);
|
|
16656
|
+
--pf-v5-c-label--m-green__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-green--default);
|
|
16657
|
+
--pf-v5-c-label--m-green--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--green--hover);
|
|
16658
|
+
--pf-v5-c-label--m-green--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-green--hover);
|
|
16659
|
+
--pf-v5-c-label--m-green--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-green--hover);
|
|
16660
|
+
--pf-v5-c-label--m-green--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--green--default);
|
|
16661
|
+
--pf-v5-c-label--m-green--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--green--hover);
|
|
16662
|
+
--pf-v5-c-label--m-cyan--BackgroundColor: var(--pf-t--global--border--color--nonstatus--cyan--default);
|
|
16663
|
+
--pf-v5-c-label--m-cyan--Color: var(--pf-t--global--text--color--nonstatus--on-cyan--default);
|
|
16664
|
+
--pf-v5-c-label--m-cyan__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-cyan--default);
|
|
16665
|
+
--pf-v5-c-label--m-cyan--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--cyan--hover);
|
|
16666
|
+
--pf-v5-c-label--m-cyan--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-cyan--hover);
|
|
16667
|
+
--pf-v5-c-label--m-cyan--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-cyan--hover);
|
|
16668
|
+
--pf-v5-c-label--m-cyan--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--cyan--default);
|
|
16669
|
+
--pf-v5-c-label--m-cyan--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--cyan--hover);
|
|
16670
|
+
--pf-v5-c-label--m-purple--BackgroundColor: var(--pf-t--global--border--color--nonstatus--purple--default);
|
|
16671
|
+
--pf-v5-c-label--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
|
|
16672
|
+
--pf-v5-c-label--m-purple__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-purple--default);
|
|
16673
|
+
--pf-v5-c-label--m-purple--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--purple--hover);
|
|
16674
|
+
--pf-v5-c-label--m-purple--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-purple--hover);
|
|
16675
|
+
--pf-v5-c-label--m-purple--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-purple--hover);
|
|
16676
|
+
--pf-v5-c-label--m-purple--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--purple--default);
|
|
16677
|
+
--pf-v5-c-label--m-purple--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--purple--hover);
|
|
16678
|
+
--pf-v5-c-label--m-clickable--hover--BorderWidth: 0;
|
|
16679
|
+
--pf-v5-c-label--m-clickable--hover--BorderColor: transparent;
|
|
16680
|
+
--pf-v5-c-label--m-outline--BorderWidth: var(--pf-t--global--border--width--button--default);
|
|
16681
|
+
--pf-v5-c-label--m-outline--BackgroundColor: transparent;
|
|
16682
|
+
--pf-v5-c-label--m-outline--Color: var(--pf-t--global--text--color--regular);
|
|
16683
|
+
--pf-v5-c-label--m-outline__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
16684
|
+
--pf-v5-c-label--m-outline--m-clickable--hover--BackgroundColor: transparent;
|
|
16685
|
+
--pf-v5-c-label--m-outline--m-clickable--hover--BorderWidth: var(--pf-t--global--border--width--button--hover);
|
|
16686
|
+
--pf-v5-c-label--m-outline--m-clickable--hover--Color: var(--pf-t--global--text--color--regular);
|
|
16687
|
+
--pf-v5-c-label--m-overflow--Color: var(--pf-t--global--text--color--brand--default);
|
|
16688
|
+
--pf-v5-c-label--m-overflow--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
16689
|
+
--pf-v5-c-label--m-overflow--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
|
16690
|
+
--pf-v5-c-label--m-overflow--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
16691
|
+
--pf-v5-c-label--m-overflow--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
|
|
16692
|
+
--pf-v5-c-label--m-add--Color: var(--pf-t--global--text--color--brand--default);
|
|
16693
|
+
--pf-v5-c-label--m-add--BackgroundColor: transparent;
|
|
16694
|
+
--pf-v5-c-label--m-add--BorderColor: var(--pf-t--global--border--color--default);
|
|
16695
|
+
--pf-v5-c-label--m-add--BorderWidth: var(--pf-t--global--border--width--button--default);
|
|
16696
|
+
--pf-v5-c-label--m-add--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
|
16697
|
+
--pf-v5-c-label--m-add--hover--BackgroundColor: transparent;
|
|
16698
|
+
--pf-v5-c-label--m-add--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
16699
|
+
--pf-v5-c-label--m-add--hover--BorderWidth: var(--pf-t--global--border--width--button--hover);
|
|
16592
16700
|
--pf-v5-c-label--m-compact--PaddingTop: 0;
|
|
16593
|
-
--pf-v5-c-label--m-compact--PaddingRight: var(--pf-
|
|
16701
|
+
--pf-v5-c-label--m-compact--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
16594
16702
|
--pf-v5-c-label--m-compact--PaddingBottom: 0;
|
|
16595
|
-
--pf-v5-c-label--m-compact--PaddingLeft: var(--pf-
|
|
16596
|
-
--pf-v5-c-label--m-compact--FontSize: var(--pf-
|
|
16703
|
+
--pf-v5-c-label--m-compact--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
16704
|
+
--pf-v5-c-label--m-compact--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
16597
16705
|
--pf-v5-c-label--m-compact--m-editable--TextDecorationOffset: 0.0625rem;
|
|
16598
|
-
--pf-v5-c-label__content--Color: var(--pf-v5-global--Color--100);
|
|
16599
|
-
--pf-v5-c-label__content--BackgroundColor: transparent;
|
|
16600
16706
|
--pf-v5-c-label__content--MaxWidth: 100%;
|
|
16601
|
-
--pf-v5-c-
|
|
16602
|
-
--pf-v5-c-
|
|
16707
|
+
--pf-v5-c-label__content--Gap: var(--pf-t--global--spacer--xs);
|
|
16708
|
+
--pf-v5-c-label__icon--FontSize: var(--pf-t--global--icon--size--body--sm);
|
|
16603
16709
|
--pf-v5-c-label__text--MaxWidth: 100%;
|
|
16604
|
-
--pf-v5-c-label__icon--Color: var(--pf-v5-global--Color--100);
|
|
16605
|
-
--pf-v5-c-label__icon--MarginRight: var(--pf-v5-global--spacer--xs);
|
|
16606
|
-
--pf-v5-c-label__actions--FontSize: var(--pf-v5-global--FontSize--xs);
|
|
16607
16710
|
--pf-v5-c-label__actions--MarginRight: calc(var(--pf-v5-c-label__actions--c-button--PaddingRight) * -1);
|
|
16608
|
-
--pf-v5-c-label__actions--c-button--FontSize: var(--pf-
|
|
16711
|
+
--pf-v5-c-label__actions--c-button--FontSize: var(--pf-t--global--icon--size--body--sm);
|
|
16712
|
+
--pf-v5-c-label__actions--c-button--Color: var(--pf-v5-c-label__icon--Color);
|
|
16713
|
+
--pf-v5-c-label__actions--c-button--OutlineOffset: -0.1875rem;
|
|
16609
16714
|
--pf-v5-c-label__actions--c-button--MarginTop: calc(var(--pf-v5-c-label__actions--c-button--PaddingTop) * -1);
|
|
16610
16715
|
--pf-v5-c-label__actions--c-button--MarginBottom: calc(var(--pf-v5-c-label__actions--c-button--PaddingBottom) * -1);
|
|
16611
|
-
--pf-v5-c-label__actions--c-button--PaddingTop: var(--pf-
|
|
16612
|
-
--pf-v5-c-label__actions--c-button--PaddingRight: var(--pf-
|
|
16613
|
-
--pf-v5-c-label__actions--c-button--PaddingBottom: var(--pf-
|
|
16614
|
-
--pf-v5-c-label__actions--c-button--PaddingLeft: var(--pf-
|
|
16615
|
-
--pf-v5-c-label--m-editable--Cursor: pointer;
|
|
16716
|
+
--pf-v5-c-label__actions--c-button--PaddingTop: var(--pf-t--global--spacer--xs);
|
|
16717
|
+
--pf-v5-c-label__actions--c-button--PaddingRight: var(--pf-t--global--spacer--xs);
|
|
16718
|
+
--pf-v5-c-label__actions--c-button--PaddingBottom: var(--pf-t--global--spacer--xs);
|
|
16719
|
+
--pf-v5-c-label__actions--c-button--PaddingLeft: var(--pf-t--global--spacer--xs);
|
|
16616
16720
|
--pf-v5-c-label--m-editable--TextDecoration: underline;
|
|
16617
16721
|
--pf-v5-c-label--m-editable--TextDecorationStyle: dashed;
|
|
16618
|
-
--pf-v5-c-label--m-editable--TextDecorationThickness: var(--pf-
|
|
16722
|
+
--pf-v5-c-label--m-editable--TextDecorationThickness: var(--pf-t--global--border--width--regular);
|
|
16619
16723
|
--pf-v5-c-label--m-editable--TextDecorationOffset: 0.25rem;
|
|
16620
|
-
--pf-v5-c-label--m-editable--TextDecorationColor:
|
|
16621
|
-
--pf-v5-c-label--m-
|
|
16622
|
-
--pf-v5-c-label--m-editable--focus--TextDecorationColor: var(--pf-v5-global--Color--100);
|
|
16623
|
-
--pf-v5-c-label--m-editable__content--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
16624
|
-
--pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
16625
|
-
--pf-v5-c-label--m-editable__content--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
16626
|
-
--pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
16627
|
-
--pf-v5-c-label--m-editable__content--focus--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
16628
|
-
--pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
|
|
16629
|
-
--pf-v5-c-label--m-editable--m-editable-active--Cursor: auto;
|
|
16724
|
+
--pf-v5-c-label--m-editable--TextDecorationColor: currentcolor;
|
|
16725
|
+
--pf-v5-c-label--m-editable__content--MaxWidth: 16ch;
|
|
16630
16726
|
--pf-v5-c-label--m-editable--m-editable-active--TextDecoration: none;
|
|
16631
16727
|
--pf-v5-c-label--m-editable--m-editable-active--BackgroundColor: transparent;
|
|
16632
|
-
--pf-v5-c-label--m-editable--m-editable-
|
|
16633
|
-
|
|
16728
|
+
--pf-v5-c-label--m-editable--m-editable-active--Color: var(--pf-t--global--text--color--regular);
|
|
16729
|
+
}
|
|
16730
|
+
|
|
16731
|
+
.pf-v5-c-label {
|
|
16634
16732
|
position: relative;
|
|
16635
16733
|
max-width: var(--pf-v5-c-label--MaxWidth);
|
|
16636
16734
|
padding-block-start: var(--pf-v5-c-label--PaddingTop);
|
|
@@ -16638,184 +16736,165 @@ label.pf-v5-c-input-group__text {
|
|
|
16638
16736
|
padding-inline-start: var(--pf-v5-c-label--PaddingLeft);
|
|
16639
16737
|
padding-inline-end: var(--pf-v5-c-label--PaddingRight);
|
|
16640
16738
|
font-size: var(--pf-v5-c-label--FontSize);
|
|
16641
|
-
color: var(--pf-v5-c-label--Color);
|
|
16642
16739
|
white-space: nowrap;
|
|
16643
|
-
|
|
16740
|
+
isolation: isolate;
|
|
16644
16741
|
border: 0;
|
|
16645
16742
|
border-radius: var(--pf-v5-c-label--BorderRadius);
|
|
16646
16743
|
}
|
|
16647
|
-
.pf-v5-c-label.pf-m-compact {
|
|
16648
|
-
--pf-v5-c-label--PaddingTop: var(--pf-v5-c-label--m-compact--PaddingTop);
|
|
16649
|
-
--pf-v5-c-label--PaddingRight: var(--pf-v5-c-label--m-compact--PaddingRight);
|
|
16650
|
-
--pf-v5-c-label--PaddingBottom: var(--pf-v5-c-label--m-compact--PaddingBottom);
|
|
16651
|
-
--pf-v5-c-label--PaddingLeft: var(--pf-v5-c-label--m-compact--PaddingLeft);
|
|
16652
|
-
--pf-v5-c-label--FontSize: var(--pf-v5-c-label--m-compact--FontSize);
|
|
16653
|
-
--pf-v5-c-label--m-editable--TextDecorationOffset: var(--pf-v5-c-label--m-compact--m-editable--TextDecorationOffset);
|
|
16654
|
-
}
|
|
16655
16744
|
.pf-v5-c-label.pf-m-blue {
|
|
16656
16745
|
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-blue--BackgroundColor);
|
|
16746
|
+
--pf-v5-c-label--Color: var(--pf-v5-c-label--m-blue--Color);
|
|
16657
16747
|
--pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-blue__icon--Color);
|
|
16658
|
-
--pf-v5-c-
|
|
16659
|
-
--pf-v5-c-
|
|
16660
|
-
--pf-v5-c-
|
|
16661
|
-
--pf-v5-c-
|
|
16662
|
-
--pf-v5-c-label--m-
|
|
16663
|
-
--pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-blue__content--before--BorderColor);
|
|
16664
|
-
--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);
|
|
16665
|
-
--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);
|
|
16666
|
-
--pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-blue__content--before--BorderColor);
|
|
16667
|
-
--pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-blue__content--before--BorderColor);
|
|
16668
|
-
--pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-blue__content--before--BorderColor);
|
|
16748
|
+
--pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-blue--m-clickable--hover--BackgroundColor);
|
|
16749
|
+
--pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-blue--m-clickable--hover--Color);
|
|
16750
|
+
--pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-blue--m-clickable--hover__icon--Color);
|
|
16751
|
+
--pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-blue--m-outline--BorderColor);
|
|
16752
|
+
--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-blue--m-outline--m-clickable--hover--BorderColor);
|
|
16669
16753
|
}
|
|
16670
|
-
.pf-v5-c-label.pf-m-
|
|
16671
|
-
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-
|
|
16672
|
-
--pf-v5-c-
|
|
16673
|
-
--pf-v5-c-
|
|
16674
|
-
--pf-v5-c-
|
|
16675
|
-
--pf-v5-c-
|
|
16676
|
-
--pf-v5-c-
|
|
16677
|
-
--pf-v5-c-label--m-
|
|
16678
|
-
--pf-v5-c-label--m-
|
|
16679
|
-
--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);
|
|
16680
|
-
--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);
|
|
16681
|
-
--pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-green__content--before--BorderColor);
|
|
16682
|
-
--pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-green__content--before--BorderColor);
|
|
16683
|
-
--pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-green__content--before--BorderColor);
|
|
16754
|
+
.pf-v5-c-label.pf-m-red {
|
|
16755
|
+
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-red--BackgroundColor);
|
|
16756
|
+
--pf-v5-c-label--Color: var(--pf-v5-c-label--m-red--Color);
|
|
16757
|
+
--pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-red__icon--Color);
|
|
16758
|
+
--pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-red--m-clickable--hover--BackgroundColor);
|
|
16759
|
+
--pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-red--m-clickable--hover--Color);
|
|
16760
|
+
--pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-red--m-clickable--hover__icon--Color);
|
|
16761
|
+
--pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-red--m-outline--BorderColor);
|
|
16762
|
+
--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-red--m-outline--m-clickable--hover--BorderColor);
|
|
16684
16763
|
}
|
|
16685
16764
|
.pf-v5-c-label.pf-m-orange {
|
|
16686
16765
|
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-orange--BackgroundColor);
|
|
16766
|
+
--pf-v5-c-label--Color: var(--pf-v5-c-label--m-orange--Color);
|
|
16687
16767
|
--pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-orange__icon--Color);
|
|
16688
|
-
--pf-v5-c-
|
|
16689
|
-
--pf-v5-c-
|
|
16690
|
-
--pf-v5-c-
|
|
16691
|
-
--pf-v5-c-
|
|
16692
|
-
--pf-v5-c-label--m-
|
|
16693
|
-
|
|
16694
|
-
|
|
16695
|
-
--pf-v5-c-label--
|
|
16696
|
-
--pf-v5-c-label--
|
|
16697
|
-
--pf-v5-c-
|
|
16698
|
-
--pf-v5-c-label--m-
|
|
16768
|
+
--pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-orange--m-clickable--hover--BackgroundColor);
|
|
16769
|
+
--pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-orange--m-clickable--hover--Color);
|
|
16770
|
+
--pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-orange--m-clickable--hover__icon--Color);
|
|
16771
|
+
--pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-orange--m-outline--BorderColor);
|
|
16772
|
+
--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-orange--m-outline--m-clickable--hover--BorderColor);
|
|
16773
|
+
}
|
|
16774
|
+
.pf-v5-c-label.pf-m-orangered {
|
|
16775
|
+
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-orangered--BackgroundColor);
|
|
16776
|
+
--pf-v5-c-label--Color: var(--pf-v5-c-label--m-orangered--Color);
|
|
16777
|
+
--pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-orangered__icon--Color);
|
|
16778
|
+
--pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-orangered--m-clickable--hover--BackgroundColor);
|
|
16779
|
+
--pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-orangered--m-clickable--hover--Color);
|
|
16780
|
+
--pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-orangered--m-clickable--hover__icon--Color);
|
|
16781
|
+
--pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-orangered--m-outline--BorderColor);
|
|
16782
|
+
--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-orangered--m-outline--m-clickable--hover--BorderColor);
|
|
16699
16783
|
}
|
|
16700
|
-
.pf-v5-c-label.pf-m-
|
|
16701
|
-
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-
|
|
16702
|
-
--pf-v5-c-
|
|
16703
|
-
--pf-v5-c-
|
|
16704
|
-
--pf-v5-c-
|
|
16705
|
-
--pf-v5-c-
|
|
16706
|
-
--pf-v5-c-
|
|
16707
|
-
--pf-v5-c-label--m-
|
|
16708
|
-
--pf-v5-c-label--m-
|
|
16709
|
-
--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);
|
|
16710
|
-
--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);
|
|
16711
|
-
--pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-red__content--before--BorderColor);
|
|
16712
|
-
--pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-red__content--before--BorderColor);
|
|
16713
|
-
--pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-red__content--before--BorderColor);
|
|
16784
|
+
.pf-v5-c-label.pf-m-gold {
|
|
16785
|
+
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-gold--BackgroundColor);
|
|
16786
|
+
--pf-v5-c-label--Color: var(--pf-v5-c-label--m-gold--Color);
|
|
16787
|
+
--pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-gold__icon--Color);
|
|
16788
|
+
--pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-gold--m-clickable--hover--BackgroundColor);
|
|
16789
|
+
--pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-gold--m-clickable--hover--Color);
|
|
16790
|
+
--pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-gold--m-clickable--hover__icon--Color);
|
|
16791
|
+
--pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-gold--m-outline--BorderColor);
|
|
16792
|
+
--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-gold--m-outline--m-clickable--hover--BorderColor);
|
|
16714
16793
|
}
|
|
16715
|
-
.pf-v5-c-label.pf-m-
|
|
16716
|
-
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-
|
|
16717
|
-
--pf-v5-c-
|
|
16718
|
-
--pf-v5-c-
|
|
16719
|
-
--pf-v5-c-
|
|
16720
|
-
--pf-v5-c-
|
|
16721
|
-
--pf-v5-c-
|
|
16722
|
-
--pf-v5-c-label--m-
|
|
16723
|
-
--pf-v5-c-label--m-
|
|
16724
|
-
--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);
|
|
16725
|
-
--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);
|
|
16726
|
-
--pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-purple__content--before--BorderColor);
|
|
16727
|
-
--pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-purple__content--before--BorderColor);
|
|
16728
|
-
--pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-purple__content--before--BorderColor);
|
|
16794
|
+
.pf-v5-c-label.pf-m-green {
|
|
16795
|
+
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-green--BackgroundColor);
|
|
16796
|
+
--pf-v5-c-label--Color: var(--pf-v5-c-label--m-green--Color);
|
|
16797
|
+
--pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-green__icon--Color);
|
|
16798
|
+
--pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-green--m-clickable--hover--BackgroundColor);
|
|
16799
|
+
--pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-green--m-clickable--hover--Color);
|
|
16800
|
+
--pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-green--m-clickable--hover__icon--Color);
|
|
16801
|
+
--pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-green--m-outline--BorderColor);
|
|
16802
|
+
--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-green--m-outline--m-clickable--hover--BorderColor);
|
|
16729
16803
|
}
|
|
16730
16804
|
.pf-v5-c-label.pf-m-cyan {
|
|
16731
16805
|
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-cyan--BackgroundColor);
|
|
16806
|
+
--pf-v5-c-label--Color: var(--pf-v5-c-label--m-cyan--Color);
|
|
16732
16807
|
--pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-cyan__icon--Color);
|
|
16733
|
-
--pf-v5-c-
|
|
16734
|
-
--pf-v5-c-
|
|
16735
|
-
--pf-v5-c-
|
|
16736
|
-
--pf-v5-c-
|
|
16737
|
-
--pf-v5-c-label--m-
|
|
16738
|
-
--pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-cyan__content--before--BorderColor);
|
|
16739
|
-
--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);
|
|
16740
|
-
--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);
|
|
16741
|
-
--pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-cyan__content--before--BorderColor);
|
|
16742
|
-
--pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-cyan__content--before--BorderColor);
|
|
16743
|
-
--pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-cyan__content--before--BorderColor);
|
|
16808
|
+
--pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-cyan--m-clickable--hover--BackgroundColor);
|
|
16809
|
+
--pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-cyan--m-clickable--hover--Color);
|
|
16810
|
+
--pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-cyan--m-clickable--hover__icon--Color);
|
|
16811
|
+
--pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-cyan--m-outline--BorderColor);
|
|
16812
|
+
--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-cyan--m-outline--m-clickable--hover--BorderColor);
|
|
16744
16813
|
}
|
|
16745
|
-
.pf-v5-c-label.pf-m-
|
|
16746
|
-
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-
|
|
16747
|
-
--pf-v5-c-
|
|
16748
|
-
--pf-v5-c-
|
|
16749
|
-
--pf-v5-c-
|
|
16750
|
-
--pf-v5-c-
|
|
16751
|
-
--pf-v5-c-
|
|
16752
|
-
--pf-v5-c-label--m-
|
|
16753
|
-
--pf-v5-c-label--m-
|
|
16754
|
-
|
|
16755
|
-
|
|
16756
|
-
--pf-v5-c-label--
|
|
16757
|
-
--pf-v5-c-label--
|
|
16758
|
-
--pf-v5-c-label--
|
|
16814
|
+
.pf-v5-c-label.pf-m-purple {
|
|
16815
|
+
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-purple--BackgroundColor);
|
|
16816
|
+
--pf-v5-c-label--Color: var(--pf-v5-c-label--m-purple--Color);
|
|
16817
|
+
--pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-purple__icon--Color);
|
|
16818
|
+
--pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-purple--m-clickable--hover--BackgroundColor);
|
|
16819
|
+
--pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-purple--m-clickable--hover--Color);
|
|
16820
|
+
--pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-purple--m-clickable--hover__icon--Color);
|
|
16821
|
+
--pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-purple--m-outline--BorderColor);
|
|
16822
|
+
--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-purple--m-outline--m-clickable--hover--BorderColor);
|
|
16823
|
+
}
|
|
16824
|
+
.pf-v5-c-label.pf-m-compact {
|
|
16825
|
+
--pf-v5-c-label--PaddingTop: var(--pf-v5-c-label--m-compact--PaddingTop);
|
|
16826
|
+
--pf-v5-c-label--PaddingRight: var(--pf-v5-c-label--m-compact--PaddingRight);
|
|
16827
|
+
--pf-v5-c-label--PaddingBottom: var(--pf-v5-c-label--m-compact--PaddingBottom);
|
|
16828
|
+
--pf-v5-c-label--PaddingLeft: var(--pf-v5-c-label--m-compact--PaddingLeft);
|
|
16829
|
+
--pf-v5-c-label--FontSize: var(--pf-v5-c-label--m-compact--FontSize);
|
|
16830
|
+
--pf-v5-c-label--m-editable--TextDecorationOffset: var(--pf-v5-c-label--m-compact--m-editable--TextDecorationOffset);
|
|
16759
16831
|
}
|
|
16760
16832
|
.pf-v5-c-label.pf-m-outline {
|
|
16761
|
-
--pf-v5-c-
|
|
16762
|
-
--pf-v5-c-
|
|
16763
|
-
--pf-v5-c-
|
|
16833
|
+
--pf-v5-c-label--Color: var(--pf-v5-c-label--m-outline--Color);
|
|
16834
|
+
--pf-v5-c-label--BorderWidth: var(--pf-v5-c-label--m-outline--BorderWidth);
|
|
16835
|
+
--pf-v5-c-label--BorderColor: var(--pf-v5-c-label--m-outline--BorderColor);
|
|
16764
16836
|
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-outline--BackgroundColor);
|
|
16765
|
-
--pf-v5-c-label--m-
|
|
16766
|
-
--pf-v5-c-label--m-
|
|
16767
|
-
--pf-v5-c-label--m-
|
|
16768
|
-
|
|
16769
|
-
|
|
16770
|
-
.pf-v5-c-label.pf-m-add:hover, .pf-v5-c-label.pf-m-outline a.pf-v5-c-label__content:hover,
|
|
16771
|
-
.pf-v5-c-label.pf-m-outline button.pf-v5-c-label__content:hover {
|
|
16772
|
-
--pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label--m-outline__content--link--hover--before--BorderWidth);
|
|
16773
|
-
--pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-outline__content--link--hover--before--BorderColor);
|
|
16837
|
+
--pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-outline--m-clickable--hover--BackgroundColor);
|
|
16838
|
+
--pf-v5-c-label--m-clickable--hover--BorderWidth: var(--pf-v5-c-label--m-outline--m-clickable--hover--BorderWidth);
|
|
16839
|
+
--pf-v5-c-label--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor);
|
|
16840
|
+
--pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-outline--m-clickable--hover--Color);
|
|
16841
|
+
--pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-outline__icon--Color);
|
|
16774
16842
|
}
|
|
16775
|
-
.pf-v5-c-label.pf-m-overflow:focus,
|
|
16776
|
-
.pf-v5-c-label.pf-m-add:focus, .pf-v5-c-label.pf-m-outline a.pf-v5-c-label__content:focus,
|
|
16777
|
-
.pf-v5-c-label.pf-m-outline button.pf-v5-c-label__content:focus {
|
|
16778
|
-
--pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label--m-outline__content--link--focus--before--BorderWidth);
|
|
16779
|
-
--pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-outline__content--link--focus--before--BorderColor);
|
|
16780
|
-
}
|
|
16781
|
-
|
|
16782
16843
|
.pf-v5-c-label.pf-m-editable {
|
|
16783
16844
|
--pf-v5-c-label__content--MaxWidth: var(--pf-v5-c-label--m-editable__content--MaxWidth);
|
|
16784
|
-
|
|
16785
|
-
|
|
16786
|
-
--pf-v5-c-label__content--link--hover--before--BorderWidth: var(--pf-v5-c-label--m-editable__content--hover--before--BorderWidth);
|
|
16787
|
-
--pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-editable__content--hover--before--BorderColor);
|
|
16788
|
-
--pf-v5-c-label__content--link--focus--before--BorderWidth: var(--pf-v5-c-label--m-editable__content--focus--before--BorderWidth);
|
|
16789
|
-
--pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-editable__content--focus--before--BorderColor);
|
|
16790
|
-
--pf-v5-c-label--m-outline__content--link--hover--before--BorderWidth: var(--pf-v5-c-label--m-editable__content--before--BorderWidth);
|
|
16791
|
-
--pf-v5-c-label--m-outline__content--link--focus--before--BorderWidth: var(--pf-v5-c-label--m-editable__content--before--BorderWidth);
|
|
16845
|
+
}
|
|
16846
|
+
.pf-v5-c-label.pf-m-editable .pf-v5-c-label__text {
|
|
16792
16847
|
text-decoration: var(--pf-v5-c-label--m-editable--TextDecoration);
|
|
16793
16848
|
text-decoration-thickness: var(--pf-v5-c-label--m-editable--TextDecorationThickness);
|
|
16794
16849
|
text-decoration-style: var(--pf-v5-c-label--m-editable--TextDecorationStyle);
|
|
16795
16850
|
text-decoration-color: var(--pf-v5-c-label--m-editable--TextDecorationColor);
|
|
16796
16851
|
text-underline-offset: var(--pf-v5-c-label--m-editable--TextDecorationOffset);
|
|
16797
|
-
cursor: var(--pf-v5-c-label--m-editable--Cursor);
|
|
16798
|
-
}
|
|
16799
|
-
.pf-v5-c-label.pf-m-editable:hover {
|
|
16800
|
-
--pf-v5-c-label--m-editable--TextDecorationColor: var(--pf-v5-c-label--m-editable--hover--TextDecorationColor);
|
|
16801
|
-
}
|
|
16802
|
-
.pf-v5-c-label.pf-m-editable:focus {
|
|
16803
|
-
--pf-v5-c-label--m-editable--TextDecorationColor: var(--pf-v5-c-label--m-editable--focus--TextDecorationColor);
|
|
16804
16852
|
}
|
|
16805
16853
|
.pf-v5-c-label.pf-m-editable-active {
|
|
16806
|
-
--pf-v5-c-label--m-editable--Cursor: var(--pf-v5-c-label--m-editable--m-editable-active--Cursor);
|
|
16807
16854
|
--pf-v5-c-label--m-editable--TextDecoration: var(--pf-v5-c-label--m-editable--m-editable-active--TextDecoration);
|
|
16808
16855
|
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-editable--m-editable-active--BackgroundColor);
|
|
16856
|
+
--pf-v5-c-label--Color: var(--pf-v5-c-label--m-editable--m-editable-active--Color);
|
|
16857
|
+
}
|
|
16858
|
+
.pf-v5-c-label.pf-m-add, .pf-v5-c-label.pf-m-overflow {
|
|
16859
|
+
background: transparent;
|
|
16860
|
+
}
|
|
16861
|
+
.pf-v5-c-label.pf-m-overflow {
|
|
16862
|
+
--pf-v5-c-label--Color: var(--pf-v5-c-label--m-overflow--Color);
|
|
16863
|
+
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-overflow--BackgroundColor);
|
|
16864
|
+
mix-blend-mode: var(--pf-v5-c-label--m-overflow--MixBlendMode);
|
|
16865
|
+
}
|
|
16866
|
+
.pf-v5-c-label.pf-m-overflow:is(:hover, :focus) {
|
|
16867
|
+
--pf-v5-c-label--m-overflow--Color: var(--pf-v5-c-label--m-overflow--hover--Color);
|
|
16868
|
+
--pf-v5-c-label--m-overflow--BackgroundColor: var(--pf-v5-c-label--m-overflow--hover--BackgroundColor);
|
|
16869
|
+
}
|
|
16870
|
+
.pf-v5-c-label.pf-m-add {
|
|
16871
|
+
--pf-v5-c-label--Color: var(--pf-v5-c-label--m-add--Color);
|
|
16872
|
+
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-add--BackgroundColor);
|
|
16873
|
+
--pf-v5-c-label--BorderColor: var(--pf-v5-c-label--m-add--BorderColor);
|
|
16874
|
+
--pf-v5-c-label--BorderWidth: var(--pf-v5-c-label--m-add--BorderWidth);
|
|
16809
16875
|
}
|
|
16810
|
-
.pf-v5-c-label.pf-m-
|
|
16811
|
-
--pf-v5-c-
|
|
16812
|
-
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-
|
|
16813
|
-
--pf-v5-c-
|
|
16814
|
-
--pf-v5-c-
|
|
16815
|
-
|
|
16816
|
-
|
|
16817
|
-
|
|
16818
|
-
|
|
16876
|
+
.pf-v5-c-label.pf-m-add:is(:hover, :focus) {
|
|
16877
|
+
--pf-v5-c-label--m-add--Color: var(--pf-v5-c-label--m-add--hover--Color);
|
|
16878
|
+
--pf-v5-c-label--m-add--BackgroundColor: var(--pf-v5-c-label--m-add--hover--BackgroundColor);
|
|
16879
|
+
--pf-v5-c-label--m-add--BorderColor: var(--pf-v5-c-label--m-add--hover--BorderColor);
|
|
16880
|
+
--pf-v5-c-label--m-add--BorderWidth: var(--pf-v5-c-label--m-add--hover--BorderWidth);
|
|
16881
|
+
}
|
|
16882
|
+
.pf-v5-c-label.pf-m-clickable .pf-v5-c-label__content, .pf-v5-c-label.pf-m-editable .pf-v5-c-label__content {
|
|
16883
|
+
padding: 0;
|
|
16884
|
+
cursor: pointer;
|
|
16885
|
+
background-color: transparent;
|
|
16886
|
+
border: none;
|
|
16887
|
+
}
|
|
16888
|
+
.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) {
|
|
16889
|
+
text-decoration: none;
|
|
16890
|
+
}
|
|
16891
|
+
.pf-v5-c-label.pf-m-clickable .pf-v5-c-label__content:is(:hover, :focus) {
|
|
16892
|
+
--pf-v5-c-label--Color: var(--pf-v5-c-label--m-clickable--hover--Color);
|
|
16893
|
+
--pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-clickable--hover--BackgroundColor);
|
|
16894
|
+
--pf-v5-c-label--BorderWidth: var(--pf-v5-c-label--m-clickable--hover--BorderWidth);
|
|
16895
|
+
--pf-v5-c-label--BorderColor: var(--pf-v5-c-label--m-clickable--hover--BorderColor);
|
|
16896
|
+
--pf-v5-c-label--m-outline--BorderWidth: var(--pf-v5-c-label--m-outline--m-clickable--hover--BorderWidth);
|
|
16897
|
+
--pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor);
|
|
16819
16898
|
}
|
|
16820
16899
|
|
|
16821
16900
|
.pf-v5-c-label,
|
|
@@ -16832,18 +16911,20 @@ label.pf-v5-c-input-group__text {
|
|
|
16832
16911
|
}
|
|
16833
16912
|
|
|
16834
16913
|
.pf-v5-c-label__content {
|
|
16914
|
+
gap: var(--pf-v5-c-label__content--Gap);
|
|
16835
16915
|
max-width: var(--pf-v5-c-label__content--MaxWidth);
|
|
16836
16916
|
overflow: hidden;
|
|
16837
|
-
color: var(--pf-v5-c-
|
|
16838
|
-
background-color: var(--pf-v5-c-label__content--BackgroundColor);
|
|
16917
|
+
color: var(--pf-v5-c-label--Color);
|
|
16839
16918
|
border-width: 0;
|
|
16840
16919
|
}
|
|
16841
16920
|
.pf-v5-c-label__content::before {
|
|
16842
16921
|
position: absolute;
|
|
16843
16922
|
inset: 0;
|
|
16923
|
+
z-index: -1;
|
|
16844
16924
|
pointer-events: none;
|
|
16845
16925
|
content: "";
|
|
16846
|
-
|
|
16926
|
+
background-color: var(--pf-v5-c-label--BackgroundColor);
|
|
16927
|
+
border: var(--pf-v5-c-label--BorderWidth) solid var(--pf-v5-c-label--BorderColor);
|
|
16847
16928
|
border-radius: var(--pf-v5-c-label--BorderRadius);
|
|
16848
16929
|
}
|
|
16849
16930
|
input.pf-v5-c-label__content {
|
|
@@ -16852,138 +16933,61 @@ input.pf-v5-c-label__content {
|
|
|
16852
16933
|
white-space: nowrap;
|
|
16853
16934
|
}
|
|
16854
16935
|
|
|
16855
|
-
a.pf-v5-c-label__content,
|
|
16856
|
-
button.pf-v5-c-label__content {
|
|
16857
|
-
padding: 0;
|
|
16858
|
-
cursor: pointer;
|
|
16859
|
-
background-color: transparent;
|
|
16860
|
-
border: none;
|
|
16861
|
-
}
|
|
16862
|
-
a.pf-v5-c-label__content, a.pf-v5-c-label__content:hover, a.pf-v5-c-label__content:focus,
|
|
16863
|
-
button.pf-v5-c-label__content,
|
|
16864
|
-
button.pf-v5-c-label__content:hover,
|
|
16865
|
-
button.pf-v5-c-label__content:focus {
|
|
16866
|
-
text-decoration: none;
|
|
16867
|
-
}
|
|
16868
|
-
a.pf-v5-c-label__content:hover,
|
|
16869
|
-
button.pf-v5-c-label__content:hover {
|
|
16870
|
-
--pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label__content--link--hover--before--BorderWidth);
|
|
16871
|
-
--pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label__content--link--hover--before--BorderColor);
|
|
16872
|
-
}
|
|
16873
|
-
a.pf-v5-c-label__content:focus,
|
|
16874
|
-
button.pf-v5-c-label__content:focus {
|
|
16875
|
-
--pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label__content--link--focus--before--BorderWidth);
|
|
16876
|
-
--pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label__content--link--focus--before--BorderColor);
|
|
16877
|
-
}
|
|
16878
|
-
|
|
16879
16936
|
.pf-v5-c-label__icon {
|
|
16880
|
-
margin-inline-end: var(--pf-v5-c-label__icon--MarginRight);
|
|
16881
16937
|
color: var(--pf-v5-c-label__icon--Color);
|
|
16882
16938
|
}
|
|
16883
16939
|
|
|
16884
16940
|
.pf-v5-c-label__actions {
|
|
16885
16941
|
margin-inline-end: var(--pf-v5-c-label__actions--MarginRight);
|
|
16886
|
-
font-size: var(--pf-v5-c-label__actions--FontSize);
|
|
16887
16942
|
}
|
|
16888
16943
|
.pf-v5-c-label__actions .pf-v5-c-button {
|
|
16944
|
+
--pf-v5-c-button--Color: var(--pf-v5-c-label__actions--c-button--Color);
|
|
16889
16945
|
--pf-v5-c-button--FontSize: var(--pf-v5-c-label__actions--c-button--FontSize);
|
|
16890
|
-
--pf-v5-c-button--PaddingTop: var(--pf-v5-c-label__actions--c-button--PaddingTop);
|
|
16891
|
-
--pf-v5-c-button--PaddingRight: var(--pf-v5-c-label__actions--c-button--PaddingRight);
|
|
16892
|
-
--pf-v5-c-button--PaddingBottom: var(--pf-v5-c-label__actions--c-button--PaddingBottom);
|
|
16893
|
-
--pf-v5-c-button--PaddingLeft: var(--pf-v5-c-label__actions--c-button--PaddingLeft);
|
|
16946
|
+
--pf-v5-c-button--m-plain--m-no-padding--PaddingTop: var(--pf-v5-c-label__actions--c-button--PaddingTop);
|
|
16947
|
+
--pf-v5-c-button--m-plain--m-no-padding--PaddingRight: var(--pf-v5-c-label__actions--c-button--PaddingRight);
|
|
16948
|
+
--pf-v5-c-button--m-plain--m-no-padding--PaddingBottom: var(--pf-v5-c-label__actions--c-button--PaddingBottom);
|
|
16949
|
+
--pf-v5-c-button--m-plain--m-no-padding--PaddingLeft: var(--pf-v5-c-label__actions--c-button--PaddingLeft);
|
|
16894
16950
|
margin-block-start: var(--pf-v5-c-label__actions--c-button--MarginTop);
|
|
16895
16951
|
margin-block-end: var(--pf-v5-c-label__actions--c-button--MarginBottom);
|
|
16952
|
+
outline-offset: var(--pf-v5-c-label__actions--c-button--OutlineOffset);
|
|
16896
16953
|
}
|
|
16897
16954
|
|
|
16898
|
-
:where(
|
|
16899
|
-
|
|
16900
|
-
|
|
16901
|
-
|
|
16902
|
-
|
|
16903
|
-
--pf-v5-c-label--
|
|
16904
|
-
--pf-v5-c-label
|
|
16905
|
-
--pf-v5-c-label
|
|
16906
|
-
--pf-v5-c-label--m-
|
|
16907
|
-
--pf-v5-c-label--m-
|
|
16908
|
-
--pf-v5-c-label
|
|
16909
|
-
--pf-v5-c-label
|
|
16910
|
-
--pf-v5-c-label--m-
|
|
16911
|
-
--pf-v5-c-
|
|
16912
|
-
--pf-v5-c-
|
|
16913
|
-
--pf-v5-c-
|
|
16914
|
-
--pf-v5-c-
|
|
16915
|
-
--pf-v5-c-label--m-
|
|
16916
|
-
--pf-v5-c-label
|
|
16917
|
-
--pf-v5-c-label
|
|
16918
|
-
--pf-v5-c-label
|
|
16919
|
-
--pf-v5-c-label--m-
|
|
16920
|
-
--pf-v5-c-label--m-outline--m-green__content--before--BorderColor: var(--pf-v5-global--palette--green-100);
|
|
16921
|
-
--pf-v5-c-label--m-outline--m-green__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--green-100);
|
|
16922
|
-
--pf-v5-c-label--m-outline--m-green__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--green-100);
|
|
16923
|
-
--pf-v5-c-label--m-orange__content--Color: var(--pf-v5-global--palette--orange-300);
|
|
16924
|
-
--pf-v5-c-label--m-outline--m-orange__content--Color: var(--pf-v5-global--palette--orange-300);
|
|
16925
|
-
--pf-v5-c-label--m-outline--m-orange__content--before--BorderColor: var(--pf-v5-global--palette--gold-100);
|
|
16926
|
-
--pf-v5-c-label--m-outline--m-orange__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--gold-100);
|
|
16927
|
-
--pf-v5-c-label--m-outline--m-orange__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--gold-100);
|
|
16928
|
-
--pf-v5-c-label--m-red__content--Color: var(--pf-v5-global--danger-color--100);
|
|
16929
|
-
--pf-v5-c-label--m-outline--m-red__content--before--BorderColor: var(--pf-v5-global--danger-color--100);
|
|
16930
|
-
--pf-v5-c-label--m-outline--m-red__content--link--hover--before--BorderColor: var(--pf-v5-global--danger-color--100);
|
|
16931
|
-
--pf-v5-c-label--m-outline--m-red__content--link--focus--before--BorderColor: var(--pf-v5-global--danger-color--100);
|
|
16932
|
-
--pf-v5-c-label--m-purple__content--Color: var(--pf-v5-global--palette--purple-300);
|
|
16933
|
-
--pf-v5-c-label--m-purple__icon--Color: var(--pf-v5-global--palette--purple-300);
|
|
16934
|
-
--pf-v5-c-label--m-purple__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--purple-300);
|
|
16935
|
-
--pf-v5-c-label--m-purple__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--purple-300);
|
|
16936
|
-
--pf-v5-c-label--m-outline--m-purple__content--before--BorderColor: var(--pf-v5-global--palette--purple-100);
|
|
16937
|
-
--pf-v5-c-label--m-outline--m-purple__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--purple-100);
|
|
16938
|
-
--pf-v5-c-label--m-outline--m-purple__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--purple-100);
|
|
16939
|
-
--pf-v5-c-label--m-outline--m-purple__content--Color: var(--pf-v5-global--palette--purple-300);
|
|
16940
|
-
--pf-v5-c-label--m-cyan__content--Color: var(--pf-v5-global--custom-color--200);
|
|
16941
|
-
--pf-v5-c-label--m-outline--m-cyan__content--Color: var(--pf-v5-global--custom-color--200);
|
|
16942
|
-
--pf-v5-c-label--m-outline--m-cyan__content--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
|
|
16943
|
-
--pf-v5-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
|
|
16944
|
-
--pf-v5-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
|
|
16945
|
-
--pf-v5-c-label--m-gold__content--Color: var(--pf-v5-global--palette--gold-300);
|
|
16946
|
-
--pf-v5-c-label--m-outline--m-gold__content--Color: var(--pf-v5-global--palette--gold-300);
|
|
16947
|
-
--pf-v5-c-label--m-outline--m-gold__content--before--BorderColor: var(--pf-v5-global--palette--gold-100);
|
|
16948
|
-
--pf-v5-c-label--m-outline--m-gold__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--gold-100);
|
|
16949
|
-
--pf-v5-c-label--m-outline--m-gold__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--gold-100);
|
|
16950
|
-
}
|
|
16951
|
-
|
|
16952
|
-
.pf-v5-c-label-group {
|
|
16953
|
-
--pf-v5-c-label-group--RowGap: var(--pf-v5-global--spacer--sm);
|
|
16954
|
-
--pf-v5-c-label-group--ColumnGap: 0;
|
|
16955
|
-
--pf-v5-c-label-group--m-vertical--RowGap: var(--pf-v5-global--spacer--sm);
|
|
16956
|
-
--pf-v5-c-label-group--m-vertical--ColumnGap: var(--pf-v5-global--spacer--sm);
|
|
16957
|
-
--pf-v5-c-label-group__main--RowGap: var(--pf-v5-global--spacer--xs);
|
|
16958
|
-
--pf-v5-c-label-group__main--ColumnGap: var(--pf-v5-global--spacer--sm);
|
|
16959
|
-
--pf-v5-c-label-group--m-vertical__main--RowGap: var(--pf-v5-global--spacer--sm);
|
|
16960
|
-
--pf-v5-c-label-group--m-vertical__main--ColumnGap: var(--pf-v5-global--spacer--xs);
|
|
16961
|
-
--pf-v5-c-label-group__list--RowGap: var(--pf-v5-global--spacer--xs);
|
|
16962
|
-
--pf-v5-c-label-group__list--ColumnGap: var(--pf-v5-global--spacer--xs);
|
|
16963
|
-
--pf-v5-c-label-group--m-vertical__list--RowGap: var(--pf-v5-global--spacer--xs);
|
|
16964
|
-
--pf-v5-c-label-group--m-vertical__list--ColumnGap: var(--pf-v5-global--spacer--xs);
|
|
16965
|
-
--pf-v5-c-label-group--m-category--PaddingTop: var(--pf-v5-global--spacer--xs);
|
|
16966
|
-
--pf-v5-c-label-group--m-category--PaddingRight: var(--pf-v5-global--spacer--xs);
|
|
16967
|
-
--pf-v5-c-label-group--m-category--PaddingBottom: var(--pf-v5-global--spacer--xs);
|
|
16968
|
-
--pf-v5-c-label-group--m-category--PaddingLeft: var(--pf-v5-global--spacer--sm);
|
|
16969
|
-
--pf-v5-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-v5-global--spacer--sm);
|
|
16970
|
-
--pf-v5-c-label-group--m-category--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
|
|
16971
|
-
--pf-v5-c-label-group--m-category--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
16972
|
-
--pf-v5-c-label-group--m-category--BorderColor: var(--pf-v5-global--BorderColor--300);
|
|
16973
|
-
--pf-v5-c-label-group--m-category--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
16974
|
-
--pf-v5-c-label-group__label--FontSize: var(--pf-v5-global--FontSize--sm);
|
|
16955
|
+
:where(:root),
|
|
16956
|
+
:where(.pf-v5-c-label-group) {
|
|
16957
|
+
--pf-v5-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
|
|
16958
|
+
--pf-v5-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
16959
|
+
--pf-v5-c-label-group--m-vertical--RowGap: var(--pf-t--global--spacer--sm);
|
|
16960
|
+
--pf-v5-c-label-group--m-vertical--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
16961
|
+
--pf-v5-c-label-group__main--RowGap: var(--pf-t--global--spacer--xs);
|
|
16962
|
+
--pf-v5-c-label-group__main--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
16963
|
+
--pf-v5-c-label-group--m-vertical__main--RowGap: var(--pf-t--global--spacer--sm);
|
|
16964
|
+
--pf-v5-c-label-group--m-vertical__main--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
16965
|
+
--pf-v5-c-label-group__list--RowGap: var(--pf-t--global--spacer--xs);
|
|
16966
|
+
--pf-v5-c-label-group__list--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
16967
|
+
--pf-v5-c-label-group--m-vertical__list--RowGap: var(--pf-t--global--spacer--xs);
|
|
16968
|
+
--pf-v5-c-label-group--m-vertical__list--ColumnGap: var(--pf-t--global--spacer--xs);
|
|
16969
|
+
--pf-v5-c-label-group--m-category--PaddingTop: var(--pf-t--global--spacer--xs);
|
|
16970
|
+
--pf-v5-c-label-group--m-category--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
16971
|
+
--pf-v5-c-label-group--m-category--PaddingBottom: var(--pf-t--global--spacer--xs);
|
|
16972
|
+
--pf-v5-c-label-group--m-category--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
16973
|
+
--pf-v5-c-label-group--m-category--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
16974
|
+
--pf-v5-c-label-group--m-category--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
16975
|
+
--pf-v5-c-label-group--m-category--BorderColor: var(--pf-t--global--border--color--default);
|
|
16976
|
+
--pf-v5-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
16975
16977
|
--pf-v5-c-label-group__label--MaxWidth: 18ch;
|
|
16976
|
-
--pf-v5-c-label-group__close--
|
|
16977
|
-
--pf-v5-c-label-group__close--
|
|
16978
|
-
--pf-v5-c-label-
|
|
16979
|
-
--pf-v5-c-label-
|
|
16980
|
-
--pf-v5-c-label-
|
|
16981
|
-
--pf-v5-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
|
|
16978
|
+
--pf-v5-c-label-group__close--c-button--FontSize: var(--pf-t--global--icon--size--body--sm);
|
|
16979
|
+
--pf-v5-c-label-group__close--c-button--PaddingTop: var(--pf-t--global--spacer--xs);
|
|
16980
|
+
--pf-v5-c-label-group__close--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
16981
|
+
--pf-v5-c-label-group__close--c-button--PaddingBottom: var(--pf-t--global--spacer--xs);
|
|
16982
|
+
--pf-v5-c-label-group__close--c-button--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
16982
16983
|
--pf-v5-c-label-group__textarea--MinWidth: 12.5rem;
|
|
16983
16984
|
--pf-v5-c-label-group__textarea--PaddingTop: 0.125rem;
|
|
16984
|
-
--pf-v5-c-label-group__textarea--PaddingRight: var(--pf-
|
|
16985
|
+
--pf-v5-c-label-group__textarea--PaddingRight: var(--pf-t--global--spacer--xs);
|
|
16985
16986
|
--pf-v5-c-label-group__textarea--PaddingBottom: 0;
|
|
16986
|
-
--pf-v5-c-label-group__textarea--PaddingLeft: var(--pf-
|
|
16987
|
+
--pf-v5-c-label-group__textarea--PaddingLeft: var(--pf-t--global--spacer--xs);
|
|
16988
|
+
}
|
|
16989
|
+
|
|
16990
|
+
.pf-v5-c-label-group {
|
|
16987
16991
|
display: inline-flex;
|
|
16988
16992
|
row-gap: var(--pf-v5-c-label-group--RowGap);
|
|
16989
16993
|
column-gap: var(--pf-v5-c-label-group--ColumnGap);
|
|
@@ -17005,10 +17009,6 @@ button.pf-v5-c-label__content:focus {
|
|
|
17005
17009
|
--pf-v5-c-label-group__main--ColumnGap: var(--pf-v5-c-label-group--m-vertical__main--ColumnGap);
|
|
17006
17010
|
--pf-v5-c-label-group__list--RowGap: var(--pf-v5-c-label-group--m-vertical__list--RowGap);
|
|
17007
17011
|
--pf-v5-c-label-group__list--ColumnGap: var(--pf-v5-c-label-group--m-vertical__list--ColumnGap);
|
|
17008
|
-
--pf-v5-c-label-group__close--MarginTop: var(--pf-v5-c-label-group--m-vertical__close--MarginTop);
|
|
17009
|
-
--pf-v5-c-label-group__close--MarginLeft: var(--pf-v5-c-label-group--m-vertical__close--MarginLeft);
|
|
17010
|
-
--pf-v5-c-label-group__close--MarginBottom: 0;
|
|
17011
|
-
--pf-v5-c-label-group__close--MarginRight: var(--pf-v5-c-label-group--m-vertical__close--MarginRight);
|
|
17012
17012
|
--pf-v5-c-label-group--m-category--PaddingRight: var(--pf-v5-c-label-group--m-vertical--m-category--PaddingRight);
|
|
17013
17013
|
}
|
|
17014
17014
|
.pf-v5-c-label-group.pf-m-vertical.pf-v5-c-label-group {
|
|
@@ -17021,10 +17021,6 @@ button.pf-v5-c-label__content:focus {
|
|
|
17021
17021
|
.pf-v5-c-label-group.pf-m-vertical .pf-v5-c-label-group__main {
|
|
17022
17022
|
flex-direction: column;
|
|
17023
17023
|
}
|
|
17024
|
-
.pf-v5-c-label-group.pf-m-vertical .pf-v5-c-label-group__close .pf-v5-c-button {
|
|
17025
|
-
--pf-v5-c-button--PaddingLeft: var(--pf-v5-c-label-group--m-vertical__close--c-button--PaddingLeft);
|
|
17026
|
-
--pf-v5-c-button--PaddingRight: var(--pf-v5-c-label-group--m-vertical__close--c-button--PaddingRight);
|
|
17027
|
-
}
|
|
17028
17024
|
.pf-v5-c-label-group.pf-m-editable,
|
|
17029
17025
|
.pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__main,
|
|
17030
17026
|
.pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__list {
|
|
@@ -17062,16 +17058,18 @@ button.pf-v5-c-label__content:focus {
|
|
|
17062
17058
|
text-overflow: ellipsis;
|
|
17063
17059
|
white-space: nowrap;
|
|
17064
17060
|
max-width: var(--pf-v5-c-label-group__label--MaxWidth);
|
|
17065
|
-
font-size: var(--pf-v5-c-label-group__label--FontSize);
|
|
17066
17061
|
}
|
|
17067
17062
|
|
|
17068
17063
|
.pf-v5-c-label-group__close {
|
|
17069
17064
|
display: flex;
|
|
17070
17065
|
align-self: flex-start;
|
|
17071
|
-
|
|
17072
|
-
|
|
17073
|
-
|
|
17074
|
-
|
|
17066
|
+
}
|
|
17067
|
+
.pf-v5-c-label-group__close .pf-v5-c-button {
|
|
17068
|
+
--pf-v5-c-button--FontSize: var(--pf-v5-c-label-group__close--c-button--FontSize);
|
|
17069
|
+
--pf-v5-c-button--m-plain--m-no-padding--PaddingTop: var(--pf-v5-c-label-group__close--c-button--PaddingTop);
|
|
17070
|
+
--pf-v5-c-button--m-plain--m-no-padding--PaddingRight: var(--pf-v5-c-label-group__close--c-button--PaddingRight);
|
|
17071
|
+
--pf-v5-c-button--m-plain--m-no-padding--PaddingBottom: var(--pf-v5-c-label-group__close--c-button--PaddingBottom);
|
|
17072
|
+
--pf-v5-c-button--m-plain--m-no-padding--PaddingLeft: var(--pf-v5-c-label-group__close--c-button--PaddingLeft);
|
|
17075
17073
|
}
|
|
17076
17074
|
|
|
17077
17075
|
.pf-v5-c-label-group__textarea {
|
|
@@ -23837,7 +23835,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
23837
23835
|
--pf-v5-c-simple-list__item-link--Color: var(--pf-t--global--text--color--subtle);
|
|
23838
23836
|
--pf-v5-c-simple-list__item-link--FontSize: var(--pf-t--global--font--size--body--default);
|
|
23839
23837
|
--pf-v5-c-simple-list__item-link--m-current--Color: var(--pf-t--global--text--color--regular);
|
|
23840
|
-
--pf-v5-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--
|
|
23838
|
+
--pf-v5-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
23841
23839
|
--pf-v5-c-simple-list__item-link--hover--Color: var(--pf-t--global--text--color--subtle);
|
|
23842
23840
|
--pf-v5-c-simple-list__item-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
23843
23841
|
--pf-v5-c-simple-list__item-link--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
|