@patternfly/react-templates 1.1.0-prerelease.14 → 1.1.0-prerelease.16

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.
@@ -536,6 +536,80 @@
536
536
  background: transparent;
537
537
  }
538
538
 
539
+ .pf-v5-c-check {
540
+ --pf-v5-c-check--GridGap: var(--pf-v5-global--spacer--xs) var(--pf-v5-global--spacer--sm);
541
+ --pf-v5-c-check__label--disabled--Color: var(--pf-v5-global--disabled-color--100);
542
+ --pf-v5-c-check__label--Color: var(--pf-v5-global--Color--100);
543
+ --pf-v5-c-check__label--FontWeight: var(--pf-v5-global--FontWeight--normal);
544
+ --pf-v5-c-check__label--FontSize: var(--pf-v5-global--FontSize--md);
545
+ --pf-v5-c-check__label--LineHeight: var(--pf-v5-global--LineHeight--md);
546
+ --pf-v5-c-check__input--TranslateY: calc((var(--pf-v5-c-check__label--LineHeight) * var(--pf-v5-c-check__label--FontSize) / 2 ) - 50%);
547
+ --pf-v5-c-check__input--TranslateY--moz: var(--pf-v5-c-check__input--TranslateY);
548
+ --pf-v5-c-check__description--FontSize: var(--pf-v5-global--FontSize--sm);
549
+ --pf-v5-c-check__description--Color: var(--pf-v5-global--Color--200);
550
+ --pf-v5-c-check__body--MarginTop: var(--pf-v5-global--spacer--sm);
551
+ --pf-v5-c-check__label-required--MarginLeft: var(--pf-v5-global--spacer--xs);
552
+ --pf-v5-c-check__label-required--FontSize: var(--pf-v5-global--FontSize--sm);
553
+ --pf-v5-c-check__label-required--Color: var(--pf-v5-global--danger-color--100);
554
+ display: grid;
555
+ grid-template-columns: auto 1fr;
556
+ grid-gap: var(--pf-v5-c-check--GridGap);
557
+ align-items: baseline;
558
+ }
559
+
560
+ .pf-v5-c-check.pf-m-standalone {
561
+ --pf-v5-c-check--GridGap: 0;
562
+ --pf-v5-c-check__input--TranslateY: none;
563
+ display: inline-grid;
564
+ }
565
+
566
+ .pf-v5-c-check__input {
567
+ align-self: start;
568
+ -moz-transform: translateY(var(--pf-v5-c-check__input--TranslateY--moz));
569
+ transform: translateY(var(--pf-v5-c-check__input--TranslateY));
570
+ }
571
+
572
+ .pf-v5-c-check__label {
573
+ font-size: var(--pf-v5-c-check__label--FontSize);
574
+ font-weight: var(--pf-v5-c-check__label--FontWeight);
575
+ line-height: var(--pf-v5-c-check__label--LineHeight);
576
+ color: var(--pf-v5-c-check__label--Color);
577
+ }
578
+
579
+ .pf-v5-c-check__description {
580
+ grid-column: 2;
581
+ font-size: var(--pf-v5-c-check__description--FontSize);
582
+ color: var(--pf-v5-c-check__description--Color);
583
+ }
584
+
585
+ .pf-v5-c-check__body {
586
+ grid-column: 2;
587
+ margin-block-start: var(--pf-v5-c-check__body--MarginTop);
588
+ }
589
+
590
+ .pf-v5-c-check__label,
591
+ .pf-v5-c-check__input {
592
+ justify-self: start;
593
+ }
594
+
595
+ label.pf-v5-c-check, .pf-v5-c-check__label,
596
+ .pf-v5-c-check__input {
597
+ cursor: pointer;
598
+ }
599
+
600
+ .pf-v5-c-check__label:disabled, .pf-v5-c-check__label.pf-m-disabled,
601
+ .pf-v5-c-check__input:disabled,
602
+ .pf-v5-c-check__input.pf-m-disabled {
603
+ --pf-v5-c-check__label--Color: var(--pf-v5-c-check__label--disabled--Color);
604
+ cursor: not-allowed;
605
+ }
606
+
607
+ .pf-v5-c-check__label-required {
608
+ margin-inline-start: var(--pf-v5-c-check__label-required--MarginLeft);
609
+ font-size: var(--pf-v5-c-check__label-required--FontSize);
610
+ color: var(--pf-v5-c-check__label-required--Color);
611
+ }
612
+
539
613
  .pf-v5-c-divider {
540
614
  --pf-v5-hidden-visible--hidden--Display: none;
541
615
  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
@@ -936,111 +1010,6 @@
936
1010
  --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--3xl);
937
1011
  }
938
1012
  }
939
- .pf-v5-c-check {
940
- --pf-v5-c-check--GridGap: var(--pf-v5-global--spacer--xs) var(--pf-v5-global--spacer--sm);
941
- --pf-v5-c-check__label--disabled--Color: var(--pf-v5-global--disabled-color--100);
942
- --pf-v5-c-check__label--Color: var(--pf-v5-global--Color--100);
943
- --pf-v5-c-check__label--FontWeight: var(--pf-v5-global--FontWeight--normal);
944
- --pf-v5-c-check__label--FontSize: var(--pf-v5-global--FontSize--md);
945
- --pf-v5-c-check__label--LineHeight: var(--pf-v5-global--LineHeight--md);
946
- --pf-v5-c-check__input--TranslateY: calc((var(--pf-v5-c-check__label--LineHeight) * var(--pf-v5-c-check__label--FontSize) / 2 ) - 50%);
947
- --pf-v5-c-check__input--TranslateY--moz: var(--pf-v5-c-check__input--TranslateY);
948
- --pf-v5-c-check__description--FontSize: var(--pf-v5-global--FontSize--sm);
949
- --pf-v5-c-check__description--Color: var(--pf-v5-global--Color--200);
950
- --pf-v5-c-check__body--MarginTop: var(--pf-v5-global--spacer--sm);
951
- --pf-v5-c-check__label-required--MarginLeft: var(--pf-v5-global--spacer--xs);
952
- --pf-v5-c-check__label-required--FontSize: var(--pf-v5-global--FontSize--sm);
953
- --pf-v5-c-check__label-required--Color: var(--pf-v5-global--danger-color--100);
954
- display: grid;
955
- grid-template-columns: auto 1fr;
956
- grid-gap: var(--pf-v5-c-check--GridGap);
957
- align-items: baseline;
958
- }
959
-
960
- .pf-v5-c-check.pf-m-standalone {
961
- --pf-v5-c-check--GridGap: 0;
962
- --pf-v5-c-check__input--TranslateY: none;
963
- display: inline-grid;
964
- }
965
-
966
- .pf-v5-c-check__input {
967
- align-self: start;
968
- -moz-transform: translateY(var(--pf-v5-c-check__input--TranslateY--moz));
969
- transform: translateY(var(--pf-v5-c-check__input--TranslateY));
970
- }
971
-
972
- .pf-v5-c-check__label {
973
- font-size: var(--pf-v5-c-check__label--FontSize);
974
- font-weight: var(--pf-v5-c-check__label--FontWeight);
975
- line-height: var(--pf-v5-c-check__label--LineHeight);
976
- color: var(--pf-v5-c-check__label--Color);
977
- }
978
-
979
- .pf-v5-c-check__description {
980
- grid-column: 2;
981
- font-size: var(--pf-v5-c-check__description--FontSize);
982
- color: var(--pf-v5-c-check__description--Color);
983
- }
984
-
985
- .pf-v5-c-check__body {
986
- grid-column: 2;
987
- margin-block-start: var(--pf-v5-c-check__body--MarginTop);
988
- }
989
-
990
- .pf-v5-c-check__label,
991
- .pf-v5-c-check__input {
992
- justify-self: start;
993
- }
994
-
995
- label.pf-v5-c-check, .pf-v5-c-check__label,
996
- .pf-v5-c-check__input {
997
- cursor: pointer;
998
- }
999
-
1000
- .pf-v5-c-check__label:disabled, .pf-v5-c-check__label.pf-m-disabled,
1001
- .pf-v5-c-check__input:disabled,
1002
- .pf-v5-c-check__input.pf-m-disabled {
1003
- --pf-v5-c-check__label--Color: var(--pf-v5-c-check__label--disabled--Color);
1004
- cursor: not-allowed;
1005
- }
1006
-
1007
- .pf-v5-c-check__label-required {
1008
- margin-inline-start: var(--pf-v5-c-check__label-required--MarginLeft);
1009
- font-size: var(--pf-v5-c-check__label-required--FontSize);
1010
- color: var(--pf-v5-c-check__label-required--Color);
1011
- }
1012
-
1013
- .pf-v5-c-action-list {
1014
- --pf-v5-c-action-list--m-icon--spacer: 0;
1015
- --pf-v5-c-action-list--child--spacer-base: var(--pf-v5-global--spacer--md);
1016
- --pf-v5-c-action-list--group--spacer-base: var(--pf-v5-global--spacer--2xl);
1017
- }
1018
-
1019
- .pf-v5-c-action-list,
1020
- .pf-v5-c-action-list__group {
1021
- --pf-v5-c-action-list--child--spacer: var(--pf-v5-c-action-list--child--spacer-base);
1022
- --pf-v5-c-action-list--group--spacer: var(--pf-v5-c-action-list--group--spacer-base);
1023
- display: flex;
1024
- align-items: center;
1025
- }
1026
-
1027
- .pf-v5-c-action-list > * + *,
1028
- .pf-v5-c-action-list__group > * + * {
1029
- margin-inline-start: var(--pf-v5-c-action-list--child--spacer);
1030
- }
1031
-
1032
- .pf-v5-c-action-list > * + .pf-v5-c-action-list__group,
1033
- .pf-v5-c-action-list .pf-v5-c-action-list__group + *,
1034
- .pf-v5-c-action-list__group > * + .pf-v5-c-action-list__group,
1035
- .pf-v5-c-action-list__group .pf-v5-c-action-list__group + * {
1036
- margin-inline-start: var(--pf-v5-c-action-list--group--spacer);
1037
- }
1038
-
1039
- .pf-v5-c-action-list.pf-m-icons,
1040
- .pf-v5-c-action-list__group.pf-m-icons {
1041
- --pf-v5-c-action-list--child--spacer: var(--pf-v5-c-action-list--m-icon--spacer);
1042
- }
1043
-
1044
1013
  .pf-v5-c-accordion {
1045
1014
  --pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
1046
1015
  --pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
@@ -1563,6 +1532,37 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
1563
1532
  --pf-v5-c-alert--m-inline--m-info--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
1564
1533
  }
1565
1534
 
1535
+ .pf-v5-c-action-list {
1536
+ --pf-v5-c-action-list--m-icon--spacer: 0;
1537
+ --pf-v5-c-action-list--child--spacer-base: var(--pf-v5-global--spacer--md);
1538
+ --pf-v5-c-action-list--group--spacer-base: var(--pf-v5-global--spacer--2xl);
1539
+ }
1540
+
1541
+ .pf-v5-c-action-list,
1542
+ .pf-v5-c-action-list__group {
1543
+ --pf-v5-c-action-list--child--spacer: var(--pf-v5-c-action-list--child--spacer-base);
1544
+ --pf-v5-c-action-list--group--spacer: var(--pf-v5-c-action-list--group--spacer-base);
1545
+ display: flex;
1546
+ align-items: center;
1547
+ }
1548
+
1549
+ .pf-v5-c-action-list > * + *,
1550
+ .pf-v5-c-action-list__group > * + * {
1551
+ margin-inline-start: var(--pf-v5-c-action-list--child--spacer);
1552
+ }
1553
+
1554
+ .pf-v5-c-action-list > * + .pf-v5-c-action-list__group,
1555
+ .pf-v5-c-action-list .pf-v5-c-action-list__group + *,
1556
+ .pf-v5-c-action-list__group > * + .pf-v5-c-action-list__group,
1557
+ .pf-v5-c-action-list__group .pf-v5-c-action-list__group + * {
1558
+ margin-inline-start: var(--pf-v5-c-action-list--group--spacer);
1559
+ }
1560
+
1561
+ .pf-v5-c-action-list.pf-m-icons,
1562
+ .pf-v5-c-action-list__group.pf-m-icons {
1563
+ --pf-v5-c-action-list--child--spacer: var(--pf-v5-c-action-list--m-icon--spacer);
1564
+ }
1565
+
1566
1566
  .pf-v5-c-avatar {
1567
1567
  --pf-v5-c-avatar--BorderColor: transparent;
1568
1568
  --pf-v5-c-avatar--BorderWidth: 0;
@@ -1894,6 +1894,47 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
1894
1894
  --pf-v5-c-background-image--BackgroundPosition: bottom left;
1895
1895
  }
1896
1896
 
1897
+ .pf-v5-c-badge {
1898
+ --pf-v5-c-badge--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
1899
+ --pf-v5-c-badge--FontSize: var(--pf-v5-global--FontSize--xs);
1900
+ --pf-v5-c-badge--FontWeight: var(--pf-v5-global--FontWeight--bold);
1901
+ --pf-v5-c-badge--PaddingRight: var(--pf-v5-global--spacer--sm);
1902
+ --pf-v5-c-badge--PaddingLeft: var(--pf-v5-global--spacer--sm);
1903
+ --pf-v5-c-badge--Color: var(--pf-v5-global--Color--dark-100);
1904
+ --pf-v5-c-badge--MinWidth: var(--pf-v5-global--spacer--xl);
1905
+ --pf-v5-c-badge--m-read--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
1906
+ --pf-v5-c-badge--m-read--Color: var(--pf-v5-global--Color--dark-100);
1907
+ --pf-v5-c-badge--m-unread--BackgroundColor: var(--pf-v5-global--primary-color--100);
1908
+ --pf-v5-c-badge--m-unread--Color: var(--pf-v5-global--Color--light-100);
1909
+ display: inline-block;
1910
+ min-width: var(--pf-v5-c-badge--MinWidth);
1911
+ padding-inline-start: var(--pf-v5-c-badge--PaddingLeft);
1912
+ padding-inline-end: var(--pf-v5-c-badge--PaddingRight);
1913
+ font-size: var(--pf-v5-c-badge--FontSize);
1914
+ font-weight: var(--pf-v5-c-badge--FontWeight);
1915
+ color: var(--pf-v5-c-badge--Color);
1916
+ text-align: center;
1917
+ white-space: nowrap;
1918
+ background-color: var(--pf-v5-c-badge--BackgroundColor);
1919
+ border-radius: var(--pf-v5-c-badge--BorderRadius);
1920
+ }
1921
+
1922
+ .pf-v5-c-badge.pf-m-read {
1923
+ --pf-v5-c-badge--Color: var(--pf-v5-c-badge--m-read--Color);
1924
+ --pf-v5-c-badge--BackgroundColor: var(--pf-v5-c-badge--m-read--BackgroundColor);
1925
+ }
1926
+
1927
+ .pf-v5-c-badge.pf-m-unread {
1928
+ --pf-v5-c-badge--Color: var(--pf-v5-c-badge--m-unread--Color);
1929
+ --pf-v5-c-badge--BackgroundColor: var(--pf-v5-c-badge--m-unread--BackgroundColor);
1930
+ }
1931
+
1932
+ :where(.pf-v5-theme-dark) .pf-v5-c-badge {
1933
+ --pf-v5-c-badge--m-read--BackgroundColor: var(--pf-v5-global--palette--black-500);
1934
+ --pf-v5-c-badge--m-unread--Color: var(--pf-v5-global--primary-color--400);
1935
+ --pf-v5-c-badge--m-unread--BackgroundColor: var(--pf-v5-global--primary-color--300);
1936
+ }
1937
+
1897
1938
  .pf-v5-c-banner.pf-m-gold, .pf-v5-c-banner.pf-m-blue {
1898
1939
  --pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
1899
1940
  --pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
@@ -2029,47 +2070,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
2029
2070
  --pf-v5-c-banner--Color: var(--pf-v5-global--palette--black-900);
2030
2071
  }
2031
2072
 
2032
- .pf-v5-c-badge {
2033
- --pf-v5-c-badge--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
2034
- --pf-v5-c-badge--FontSize: var(--pf-v5-global--FontSize--xs);
2035
- --pf-v5-c-badge--FontWeight: var(--pf-v5-global--FontWeight--bold);
2036
- --pf-v5-c-badge--PaddingRight: var(--pf-v5-global--spacer--sm);
2037
- --pf-v5-c-badge--PaddingLeft: var(--pf-v5-global--spacer--sm);
2038
- --pf-v5-c-badge--Color: var(--pf-v5-global--Color--dark-100);
2039
- --pf-v5-c-badge--MinWidth: var(--pf-v5-global--spacer--xl);
2040
- --pf-v5-c-badge--m-read--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
2041
- --pf-v5-c-badge--m-read--Color: var(--pf-v5-global--Color--dark-100);
2042
- --pf-v5-c-badge--m-unread--BackgroundColor: var(--pf-v5-global--primary-color--100);
2043
- --pf-v5-c-badge--m-unread--Color: var(--pf-v5-global--Color--light-100);
2044
- display: inline-block;
2045
- min-width: var(--pf-v5-c-badge--MinWidth);
2046
- padding-inline-start: var(--pf-v5-c-badge--PaddingLeft);
2047
- padding-inline-end: var(--pf-v5-c-badge--PaddingRight);
2048
- font-size: var(--pf-v5-c-badge--FontSize);
2049
- font-weight: var(--pf-v5-c-badge--FontWeight);
2050
- color: var(--pf-v5-c-badge--Color);
2051
- text-align: center;
2052
- white-space: nowrap;
2053
- background-color: var(--pf-v5-c-badge--BackgroundColor);
2054
- border-radius: var(--pf-v5-c-badge--BorderRadius);
2055
- }
2056
-
2057
- .pf-v5-c-badge.pf-m-read {
2058
- --pf-v5-c-badge--Color: var(--pf-v5-c-badge--m-read--Color);
2059
- --pf-v5-c-badge--BackgroundColor: var(--pf-v5-c-badge--m-read--BackgroundColor);
2060
- }
2061
-
2062
- .pf-v5-c-badge.pf-m-unread {
2063
- --pf-v5-c-badge--Color: var(--pf-v5-c-badge--m-unread--Color);
2064
- --pf-v5-c-badge--BackgroundColor: var(--pf-v5-c-badge--m-unread--BackgroundColor);
2065
- }
2066
-
2067
- :where(.pf-v5-theme-dark) .pf-v5-c-badge {
2068
- --pf-v5-c-badge--m-read--BackgroundColor: var(--pf-v5-global--palette--black-500);
2069
- --pf-v5-c-badge--m-unread--Color: var(--pf-v5-global--primary-color--400);
2070
- --pf-v5-c-badge--m-unread--BackgroundColor: var(--pf-v5-global--primary-color--300);
2071
- }
2072
-
2073
2073
  .pf-v5-c-brand {
2074
2074
  --pf-v5-c-brand--Width: auto;
2075
2075
  --pf-v5-c-brand--Height: auto;
@@ -3573,101 +3573,6 @@ button.pf-v5-c-breadcrumb__link {
3573
3573
  --pf-v5-c-card--m-selectable-raised--active--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
3574
3574
  }
3575
3575
 
3576
- .pf-v5-c-chip-group {
3577
- --pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
3578
- --pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
3579
- --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--dark-100);
3580
- --pf-v5-global--primary-color--100: var(--pf-v5-global--primary-color--dark-100);
3581
- --pf-v5-global--link--Color: var(--pf-v5-global--link--Color--dark);
3582
- --pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--dark--hover);
3583
- --pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--light-100);
3584
- --pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--dark);
3585
- --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--dark);
3586
- }
3587
-
3588
- .pf-v5-c-chip-group {
3589
- color: var(--pf-v5-global--Color--100);
3590
- --pf-v5-c-chip-group--PaddingTop: 0;
3591
- --pf-v5-c-chip-group--PaddingRight: 0;
3592
- --pf-v5-c-chip-group--PaddingBottom: 0;
3593
- --pf-v5-c-chip-group--PaddingLeft: 0;
3594
- --pf-v5-c-chip-group--RowGap: var(--pf-v5-global--spacer--sm);
3595
- --pf-v5-c-chip-group--ColumnGap: 0;
3596
- --pf-v5-c-chip-group__main--RowGap: var(--pf-v5-global--spacer--xs);
3597
- --pf-v5-c-chip-group__main--ColumnGap: var(--pf-v5-global--spacer--sm);
3598
- --pf-v5-c-chip-group__list--RowGap: var(--pf-v5-global--spacer--xs);
3599
- --pf-v5-c-chip-group__list--ColumnGap: var(--pf-v5-global--spacer--xs);
3600
- --pf-v5-c-chip-group--m-category--PaddingTop: var(--pf-v5-global--spacer--xs);
3601
- --pf-v5-c-chip-group--m-category--PaddingRight: var(--pf-v5-global--spacer--xs);
3602
- --pf-v5-c-chip-group--m-category--PaddingBottom: var(--pf-v5-global--spacer--xs);
3603
- --pf-v5-c-chip-group--m-category--PaddingLeft: var(--pf-v5-global--spacer--sm);
3604
- --pf-v5-c-chip-group--m-category--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
3605
- --pf-v5-c-chip-group--m-category--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
3606
- --pf-v5-c-chip-group__label--FontSize: var(--pf-v5-global--FontSize--sm);
3607
- --pf-v5-c-chip-group__label--MaxWidth: 18ch;
3608
- --pf-v5-c-chip-group__close--MarginTop: calc(var(--pf-v5-global--spacer--xs) * -1);
3609
- --pf-v5-c-chip-group__close--MarginBottom: calc(var(--pf-v5-global--spacer--xs) * -1);
3610
- row-gap: var(--pf-v5-c-chip-group--RowGap);
3611
- column-gap: var(--pf-v5-c-chip-group--ColumnGap);
3612
- max-width: 100%;
3613
- padding-block-start: var(--pf-v5-c-chip-group--PaddingTop);
3614
- padding-block-end: var(--pf-v5-c-chip-group--PaddingBottom);
3615
- padding-inline-start: var(--pf-v5-c-chip-group--PaddingLeft);
3616
- padding-inline-end: var(--pf-v5-c-chip-group--PaddingRight);
3617
- }
3618
-
3619
- .pf-v5-c-chip-group.pf-m-category {
3620
- --pf-v5-c-chip-group--PaddingTop: var(--pf-v5-c-chip-group--m-category--PaddingTop);
3621
- --pf-v5-c-chip-group--PaddingRight: var(--pf-v5-c-chip-group--m-category--PaddingRight);
3622
- --pf-v5-c-chip-group--PaddingBottom: var(--pf-v5-c-chip-group--m-category--PaddingBottom);
3623
- --pf-v5-c-chip-group--PaddingLeft: var(--pf-v5-c-chip-group--m-category--PaddingLeft);
3624
- background-color: var(--pf-v5-c-chip-group--m-category--BackgroundColor);
3625
- border-radius: var(--pf-v5-c-chip-group--m-category--BorderRadius);
3626
- }
3627
-
3628
- .pf-v5-c-chip-group__main {
3629
- display: flex;
3630
- flex: 1;
3631
- flex-wrap: wrap;
3632
- row-gap: var(--pf-v5-c-chip-group__main--RowGap);
3633
- column-gap: var(--pf-v5-c-chip-group__main--ColumnGap);
3634
- align-items: baseline;
3635
- min-width: 0;
3636
- }
3637
-
3638
- .pf-v5-c-chip-group,
3639
- .pf-v5-c-chip-group__list {
3640
- display: inline-flex;
3641
- flex-wrap: wrap;
3642
- align-items: center;
3643
- min-width: 0;
3644
- }
3645
-
3646
- .pf-v5-c-chip-group__list {
3647
- row-gap: var(--pf-v5-c-chip-group__list--RowGap);
3648
- column-gap: var(--pf-v5-c-chip-group__list--ColumnGap);
3649
- }
3650
-
3651
- .pf-v5-c-chip-group__list-item {
3652
- display: inline-flex;
3653
- min-width: 0;
3654
- }
3655
-
3656
- .pf-v5-c-chip-group__label {
3657
- overflow: hidden;
3658
- text-overflow: ellipsis;
3659
- white-space: nowrap;
3660
- max-width: var(--pf-v5-c-chip-group__label--MaxWidth);
3661
- font-size: var(--pf-v5-c-chip-group__label--FontSize);
3662
- }
3663
-
3664
- .pf-v5-c-chip-group__close {
3665
- display: flex;
3666
- align-self: flex-start;
3667
- margin-block-start: var(--pf-v5-c-chip-group__close--MarginTop);
3668
- margin-block-end: var(--pf-v5-c-chip-group__close--MarginBottom);
3669
- }
3670
-
3671
3576
  .pf-v5-c-chip {
3672
3577
  --pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
3673
3578
  --pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
@@ -3798,6 +3703,101 @@ button.pf-v5-c-breadcrumb__link {
3798
3703
  --pf-v5-c-chip--m-draggable--BackgroundColor: var(--pf-v5-global--palette--black-600);
3799
3704
  }
3800
3705
 
3706
+ .pf-v5-c-chip-group {
3707
+ --pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
3708
+ --pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
3709
+ --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--dark-100);
3710
+ --pf-v5-global--primary-color--100: var(--pf-v5-global--primary-color--dark-100);
3711
+ --pf-v5-global--link--Color: var(--pf-v5-global--link--Color--dark);
3712
+ --pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--dark--hover);
3713
+ --pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--light-100);
3714
+ --pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--dark);
3715
+ --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--dark);
3716
+ }
3717
+
3718
+ .pf-v5-c-chip-group {
3719
+ color: var(--pf-v5-global--Color--100);
3720
+ --pf-v5-c-chip-group--PaddingTop: 0;
3721
+ --pf-v5-c-chip-group--PaddingRight: 0;
3722
+ --pf-v5-c-chip-group--PaddingBottom: 0;
3723
+ --pf-v5-c-chip-group--PaddingLeft: 0;
3724
+ --pf-v5-c-chip-group--RowGap: var(--pf-v5-global--spacer--sm);
3725
+ --pf-v5-c-chip-group--ColumnGap: 0;
3726
+ --pf-v5-c-chip-group__main--RowGap: var(--pf-v5-global--spacer--xs);
3727
+ --pf-v5-c-chip-group__main--ColumnGap: var(--pf-v5-global--spacer--sm);
3728
+ --pf-v5-c-chip-group__list--RowGap: var(--pf-v5-global--spacer--xs);
3729
+ --pf-v5-c-chip-group__list--ColumnGap: var(--pf-v5-global--spacer--xs);
3730
+ --pf-v5-c-chip-group--m-category--PaddingTop: var(--pf-v5-global--spacer--xs);
3731
+ --pf-v5-c-chip-group--m-category--PaddingRight: var(--pf-v5-global--spacer--xs);
3732
+ --pf-v5-c-chip-group--m-category--PaddingBottom: var(--pf-v5-global--spacer--xs);
3733
+ --pf-v5-c-chip-group--m-category--PaddingLeft: var(--pf-v5-global--spacer--sm);
3734
+ --pf-v5-c-chip-group--m-category--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
3735
+ --pf-v5-c-chip-group--m-category--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
3736
+ --pf-v5-c-chip-group__label--FontSize: var(--pf-v5-global--FontSize--sm);
3737
+ --pf-v5-c-chip-group__label--MaxWidth: 18ch;
3738
+ --pf-v5-c-chip-group__close--MarginTop: calc(var(--pf-v5-global--spacer--xs) * -1);
3739
+ --pf-v5-c-chip-group__close--MarginBottom: calc(var(--pf-v5-global--spacer--xs) * -1);
3740
+ row-gap: var(--pf-v5-c-chip-group--RowGap);
3741
+ column-gap: var(--pf-v5-c-chip-group--ColumnGap);
3742
+ max-width: 100%;
3743
+ padding-block-start: var(--pf-v5-c-chip-group--PaddingTop);
3744
+ padding-block-end: var(--pf-v5-c-chip-group--PaddingBottom);
3745
+ padding-inline-start: var(--pf-v5-c-chip-group--PaddingLeft);
3746
+ padding-inline-end: var(--pf-v5-c-chip-group--PaddingRight);
3747
+ }
3748
+
3749
+ .pf-v5-c-chip-group.pf-m-category {
3750
+ --pf-v5-c-chip-group--PaddingTop: var(--pf-v5-c-chip-group--m-category--PaddingTop);
3751
+ --pf-v5-c-chip-group--PaddingRight: var(--pf-v5-c-chip-group--m-category--PaddingRight);
3752
+ --pf-v5-c-chip-group--PaddingBottom: var(--pf-v5-c-chip-group--m-category--PaddingBottom);
3753
+ --pf-v5-c-chip-group--PaddingLeft: var(--pf-v5-c-chip-group--m-category--PaddingLeft);
3754
+ background-color: var(--pf-v5-c-chip-group--m-category--BackgroundColor);
3755
+ border-radius: var(--pf-v5-c-chip-group--m-category--BorderRadius);
3756
+ }
3757
+
3758
+ .pf-v5-c-chip-group__main {
3759
+ display: flex;
3760
+ flex: 1;
3761
+ flex-wrap: wrap;
3762
+ row-gap: var(--pf-v5-c-chip-group__main--RowGap);
3763
+ column-gap: var(--pf-v5-c-chip-group__main--ColumnGap);
3764
+ align-items: baseline;
3765
+ min-width: 0;
3766
+ }
3767
+
3768
+ .pf-v5-c-chip-group,
3769
+ .pf-v5-c-chip-group__list {
3770
+ display: inline-flex;
3771
+ flex-wrap: wrap;
3772
+ align-items: center;
3773
+ min-width: 0;
3774
+ }
3775
+
3776
+ .pf-v5-c-chip-group__list {
3777
+ row-gap: var(--pf-v5-c-chip-group__list--RowGap);
3778
+ column-gap: var(--pf-v5-c-chip-group__list--ColumnGap);
3779
+ }
3780
+
3781
+ .pf-v5-c-chip-group__list-item {
3782
+ display: inline-flex;
3783
+ min-width: 0;
3784
+ }
3785
+
3786
+ .pf-v5-c-chip-group__label {
3787
+ overflow: hidden;
3788
+ text-overflow: ellipsis;
3789
+ white-space: nowrap;
3790
+ max-width: var(--pf-v5-c-chip-group__label--MaxWidth);
3791
+ font-size: var(--pf-v5-c-chip-group__label--FontSize);
3792
+ }
3793
+
3794
+ .pf-v5-c-chip-group__close {
3795
+ display: flex;
3796
+ align-self: flex-start;
3797
+ margin-block-start: var(--pf-v5-c-chip-group__close--MarginTop);
3798
+ margin-block-end: var(--pf-v5-c-chip-group__close--MarginBottom);
3799
+ }
3800
+
3801
3801
  .pf-v5-c-clipboard-copy {
3802
3802
  --pf-v5-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
3803
3803
  --pf-v5-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
@@ -4885,36 +4885,99 @@ button.pf-v5-c-breadcrumb__link {
4885
4885
  --pf-v5-c-data-list__item--sm--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
4886
4886
  }
4887
4887
 
4888
- .pf-v5-c-description-list {
4889
- --pf-v5-c-description-list--RowGap: var(--pf-v5-global--gutter--md);
4890
- --pf-v5-c-description-list--ColumnGap: var(--pf-v5-global--spacer--lg);
4891
- --pf-v5-c-description-list--GridTemplateColumns--count: 1;
4892
- --pf-v5-c-description-list--GridTemplateColumns--width: 1fr;
4893
- --pf-v5-c-description-list--GridTemplateColumns--min: 0;
4894
- --pf-v5-c-description-list--GridTemplateColumns: repeat(var(--pf-v5-c-description-list--GridTemplateColumns--count), var(--pf-v5-c-description-list--GridTemplateColumns--width));
4895
- --pf-v5-c-description-list__group--RowGap: var(--pf-v5-global--spacer--sm);
4896
- --pf-v5-c-description-list__group--ColumnGap: var(--pf-v5-global--spacer--sm);
4897
- --pf-v5-c-description-list__group--GridTemplateColumns: auto;
4898
- --pf-v5-c-description-list__group--GridTemplateRows: auto 1fr;
4899
- --pf-v5-c-description-list__group--GridColumn: auto;
4900
- --pf-v5-c-description-list--m-compact--RowGap: var(--pf-v5-global--gutter);
4901
- --pf-v5-c-description-list--m-compact--ColumnGap: var(--pf-v5-global--spacer--sm);
4902
- --pf-v5-c-description-list__term--Display: inline;
4903
- --pf-v5-c-description-list__term--sm--Display: flex;
4904
- --pf-v5-c-description-list__term--FontWeight: var(--pf-v5-global--FontWeight--bold);
4905
- --pf-v5-c-description-list__term--FontSize: var(--pf-v5-global--FontSize--sm);
4906
- --pf-v5-c-description-list__term--LineHeight: var(--pf-v5-global--LineHeight--sm);
4907
- --pf-v5-c-description-list__term-icon--MinWidth: var(--pf-v5-global--icon--FontSize--sm);
4908
- --pf-v5-c-description-list__term-icon--MarginRight: var(--pf-v5-global--spacer--sm);
4909
- --pf-v5-c-description-list__term-icon--Color: var(--pf-v5-global--icon--Color--light);
4910
- --pf-v5-c-description-list--m-vertical__group--GridTemplateColumns: repeat(var(--pf-v5-c-description-list--GridTemplateColumns--count));
4911
- --pf-v5-c-description-list--m-vertical__group--GridTemplateRows: auto 1fr;
4912
- --pf-v5-c-description-list--m-horizontal__term--width: 12ch;
4913
- --pf-v5-c-description-list--m-horizontal__description--width: minmax(10ch, auto);
4914
- --pf-v5-c-description-list--m-horizontal__group--GridTemplateColumns: var(--pf-v5-c-description-list__term--width) var(--pf-v5-c-description-list--m-horizontal__description--width);
4915
- --pf-v5-c-description-list--m-horizontal__group--GridTemplateRows: auto;
4916
- --pf-v5-c-description-list--m-1-col--GridTemplateColumns--count: 1;
4917
- --pf-v5-c-description-list--m-2-col--GridTemplateColumns--count: 2;
4888
+ .pf-v5-c-date-picker {
4889
+ --pf-v5-c-date-picker--m-top__calendar--Top: 0;
4890
+ --pf-v5-c-date-picker--m-top__calendar--TranslateY: calc(-100% - var(--pf-v5-global--spacer--xs));
4891
+ --pf-v5-c-date-picker__helper-text--MarginTop: var(--pf-v5-global--spacer--xs);
4892
+ --pf-v5-c-date-picker__input--c-form-control--Width: calc(var(--pf-v5-c-date-picker__input--c-form-control--width-chars) * 1ch + var(--pf-v5-c-date-picker__input--c-form-control--width-base));
4893
+ --pf-v5-c-date-picker__input--c-form-control--width-base: calc(var(--pf-v5-global--spacer--xl) + var(--pf-v5-global--spacer--sm));
4894
+ --pf-v5-c-date-picker__input--c-form-control--width-chars: 10;
4895
+ --pf-v5-c-date-picker__calendar--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
4896
+ --pf-v5-c-date-picker__calendar--BoxShadow: var(--pf-v5-global--BoxShadow--md);
4897
+ --pf-v5-c-date-picker__calendar--ZIndex: var(--pf-v5-global--ZIndex--sm);
4898
+ --pf-v5-c-date-picker__calendar--Top: calc(100% + var(--pf-v5-global--spacer--xs));
4899
+ --pf-v5-c-date-picker__calendar--Right: auto;
4900
+ --pf-v5-c-date-picker__calendar--Left: 0;
4901
+ --pf-v5-c-date-picker__calendar--m-align-right--Right: 0;
4902
+ --pf-v5-c-date-picker__calendar--m-align-right--Left: auto;
4903
+ position: relative;
4904
+ display: inline-block;
4905
+ }
4906
+
4907
+ .pf-v5-c-date-picker__helper-text {
4908
+ margin-block-start: var(--pf-v5-c-date-picker__helper-text--MarginTop);
4909
+ }
4910
+
4911
+ .pf-v5-c-date-picker__input .pf-v5-c-form-control {
4912
+ width: var(--pf-v5-c-date-picker__input--c-form-control--Width);
4913
+ }
4914
+
4915
+ .pf-v5-c-date-picker__calendar {
4916
+ position: absolute;
4917
+ inset-block-start: var(--pf-v5-c-date-picker__calendar--Top);
4918
+ inset-inline-start: var(--pf-v5-c-date-picker__calendar--Left);
4919
+ inset-inline-end: var(--pf-v5-c-date-picker__calendar--Right);
4920
+ z-index: var(--pf-v5-c-date-picker__calendar--ZIndex);
4921
+ background-color: var(--pf-v5-c-date-picker__calendar--BackgroundColor);
4922
+ box-shadow: var(--pf-v5-c-date-picker__calendar--BoxShadow);
4923
+ }
4924
+
4925
+ .pf-v5-c-date-picker__calendar.pf-m-align-right {
4926
+ --pf-v5-c-date-picker__calendar--Right: var(--pf-v5-c-date-picker__calendar--m-align-right--Right);
4927
+ --pf-v5-c-date-picker__calendar--Left: var(--pf-v5-c-date-picker__calendar--m-align-right--Left);
4928
+ }
4929
+
4930
+ .pf-v5-c-date-picker.pf-m-top .pf-v5-c-date-picker__calendar {
4931
+ --pf-v5-c-date-picker__calendar--Top: var(--pf-v5-c-date-picker--m-top__calendar--Top);
4932
+ transform: translateY(var(--pf-v5-c-date-picker--m-top__calendar--TranslateY));
4933
+ }
4934
+
4935
+ .pf-v5-c-date-picker__calendar.pf-m-static {
4936
+ --pf-v5-c-date-picker--m-top__calendar--TranslateY: 0;
4937
+ position: static;
4938
+ inset-block-start: auto;
4939
+ inset-block-end: auto;
4940
+ inset-inline-start: auto;
4941
+ inset-inline-end: auto;
4942
+ z-index: auto;
4943
+ min-width: min-content;
4944
+ }
4945
+
4946
+ :where(.pf-v5-theme-dark) .pf-v5-c-date-picker {
4947
+ --pf-v5-c-date-picker__calendar--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
4948
+ --pf-v5-c-date-picker__calendar--Top: 100%;
4949
+ }
4950
+
4951
+ .pf-v5-c-description-list {
4952
+ --pf-v5-c-description-list--RowGap: var(--pf-v5-global--gutter--md);
4953
+ --pf-v5-c-description-list--ColumnGap: var(--pf-v5-global--spacer--lg);
4954
+ --pf-v5-c-description-list--GridTemplateColumns--count: 1;
4955
+ --pf-v5-c-description-list--GridTemplateColumns--width: 1fr;
4956
+ --pf-v5-c-description-list--GridTemplateColumns--min: 0;
4957
+ --pf-v5-c-description-list--GridTemplateColumns: repeat(var(--pf-v5-c-description-list--GridTemplateColumns--count), var(--pf-v5-c-description-list--GridTemplateColumns--width));
4958
+ --pf-v5-c-description-list__group--RowGap: var(--pf-v5-global--spacer--sm);
4959
+ --pf-v5-c-description-list__group--ColumnGap: var(--pf-v5-global--spacer--sm);
4960
+ --pf-v5-c-description-list__group--GridTemplateColumns: auto;
4961
+ --pf-v5-c-description-list__group--GridTemplateRows: auto 1fr;
4962
+ --pf-v5-c-description-list__group--GridColumn: auto;
4963
+ --pf-v5-c-description-list--m-compact--RowGap: var(--pf-v5-global--gutter);
4964
+ --pf-v5-c-description-list--m-compact--ColumnGap: var(--pf-v5-global--spacer--sm);
4965
+ --pf-v5-c-description-list__term--Display: inline;
4966
+ --pf-v5-c-description-list__term--sm--Display: flex;
4967
+ --pf-v5-c-description-list__term--FontWeight: var(--pf-v5-global--FontWeight--bold);
4968
+ --pf-v5-c-description-list__term--FontSize: var(--pf-v5-global--FontSize--sm);
4969
+ --pf-v5-c-description-list__term--LineHeight: var(--pf-v5-global--LineHeight--sm);
4970
+ --pf-v5-c-description-list__term-icon--MinWidth: var(--pf-v5-global--icon--FontSize--sm);
4971
+ --pf-v5-c-description-list__term-icon--MarginRight: var(--pf-v5-global--spacer--sm);
4972
+ --pf-v5-c-description-list__term-icon--Color: var(--pf-v5-global--icon--Color--light);
4973
+ --pf-v5-c-description-list--m-vertical__group--GridTemplateColumns: repeat(var(--pf-v5-c-description-list--GridTemplateColumns--count));
4974
+ --pf-v5-c-description-list--m-vertical__group--GridTemplateRows: auto 1fr;
4975
+ --pf-v5-c-description-list--m-horizontal__term--width: 12ch;
4976
+ --pf-v5-c-description-list--m-horizontal__description--width: minmax(10ch, auto);
4977
+ --pf-v5-c-description-list--m-horizontal__group--GridTemplateColumns: var(--pf-v5-c-description-list__term--width) var(--pf-v5-c-description-list--m-horizontal__description--width);
4978
+ --pf-v5-c-description-list--m-horizontal__group--GridTemplateRows: auto;
4979
+ --pf-v5-c-description-list--m-1-col--GridTemplateColumns--count: 1;
4980
+ --pf-v5-c-description-list--m-2-col--GridTemplateColumns--count: 2;
4918
4981
  --pf-v5-c-description-list--m-3-col--GridTemplateColumns--count: 3;
4919
4982
  --pf-v5-c-description-list--m-auto-fit--GridTemplateColumns--min: 15.625rem;
4920
4983
  --pf-v5-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min: var(--pf-v5-c-description-list--m-auto-fit--GridTemplateColumns--min);
@@ -5224,69 +5287,6 @@ button.pf-v5-c-breadcrumb__link {
5224
5287
  --pf-v5-c-description-list__group--GridTemplateRows: var(--pf-v5-c-description-list--m-vertical__group--GridTemplateRows);
5225
5288
  }
5226
5289
  }
5227
- .pf-v5-c-date-picker {
5228
- --pf-v5-c-date-picker--m-top__calendar--Top: 0;
5229
- --pf-v5-c-date-picker--m-top__calendar--TranslateY: calc(-100% - var(--pf-v5-global--spacer--xs));
5230
- --pf-v5-c-date-picker__helper-text--MarginTop: var(--pf-v5-global--spacer--xs);
5231
- --pf-v5-c-date-picker__input--c-form-control--Width: calc(var(--pf-v5-c-date-picker__input--c-form-control--width-chars) * 1ch + var(--pf-v5-c-date-picker__input--c-form-control--width-base));
5232
- --pf-v5-c-date-picker__input--c-form-control--width-base: calc(var(--pf-v5-global--spacer--xl) + var(--pf-v5-global--spacer--sm));
5233
- --pf-v5-c-date-picker__input--c-form-control--width-chars: 10;
5234
- --pf-v5-c-date-picker__calendar--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
5235
- --pf-v5-c-date-picker__calendar--BoxShadow: var(--pf-v5-global--BoxShadow--md);
5236
- --pf-v5-c-date-picker__calendar--ZIndex: var(--pf-v5-global--ZIndex--sm);
5237
- --pf-v5-c-date-picker__calendar--Top: calc(100% + var(--pf-v5-global--spacer--xs));
5238
- --pf-v5-c-date-picker__calendar--Right: auto;
5239
- --pf-v5-c-date-picker__calendar--Left: 0;
5240
- --pf-v5-c-date-picker__calendar--m-align-right--Right: 0;
5241
- --pf-v5-c-date-picker__calendar--m-align-right--Left: auto;
5242
- position: relative;
5243
- display: inline-block;
5244
- }
5245
-
5246
- .pf-v5-c-date-picker__helper-text {
5247
- margin-block-start: var(--pf-v5-c-date-picker__helper-text--MarginTop);
5248
- }
5249
-
5250
- .pf-v5-c-date-picker__input .pf-v5-c-form-control {
5251
- width: var(--pf-v5-c-date-picker__input--c-form-control--Width);
5252
- }
5253
-
5254
- .pf-v5-c-date-picker__calendar {
5255
- position: absolute;
5256
- inset-block-start: var(--pf-v5-c-date-picker__calendar--Top);
5257
- inset-inline-start: var(--pf-v5-c-date-picker__calendar--Left);
5258
- inset-inline-end: var(--pf-v5-c-date-picker__calendar--Right);
5259
- z-index: var(--pf-v5-c-date-picker__calendar--ZIndex);
5260
- background-color: var(--pf-v5-c-date-picker__calendar--BackgroundColor);
5261
- box-shadow: var(--pf-v5-c-date-picker__calendar--BoxShadow);
5262
- }
5263
-
5264
- .pf-v5-c-date-picker__calendar.pf-m-align-right {
5265
- --pf-v5-c-date-picker__calendar--Right: var(--pf-v5-c-date-picker__calendar--m-align-right--Right);
5266
- --pf-v5-c-date-picker__calendar--Left: var(--pf-v5-c-date-picker__calendar--m-align-right--Left);
5267
- }
5268
-
5269
- .pf-v5-c-date-picker.pf-m-top .pf-v5-c-date-picker__calendar {
5270
- --pf-v5-c-date-picker__calendar--Top: var(--pf-v5-c-date-picker--m-top__calendar--Top);
5271
- transform: translateY(var(--pf-v5-c-date-picker--m-top__calendar--TranslateY));
5272
- }
5273
-
5274
- .pf-v5-c-date-picker__calendar.pf-m-static {
5275
- --pf-v5-c-date-picker--m-top__calendar--TranslateY: 0;
5276
- position: static;
5277
- inset-block-start: auto;
5278
- inset-block-end: auto;
5279
- inset-inline-start: auto;
5280
- inset-inline-end: auto;
5281
- z-index: auto;
5282
- min-width: min-content;
5283
- }
5284
-
5285
- :where(.pf-v5-theme-dark) .pf-v5-c-date-picker {
5286
- --pf-v5-c-date-picker__calendar--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
5287
- --pf-v5-c-date-picker__calendar--Top: 100%;
5288
- }
5289
-
5290
5290
  .pf-v5-c-draggable {
5291
5291
  --pf-v5-c-draggable--Cursor: auto;
5292
5292
  --pf-v5-c-draggable--m-dragging--Cursor: grabbing;
@@ -8194,1273 +8194,1273 @@ label.pf-v5-c-input-group__text {
8194
8194
  border-inline-start: var(--pf-v5-c-input-group__item--BorderLeftWidth) solid var(--pf-v5-c-input-group__item--BorderLeftColor);
8195
8195
  }
8196
8196
 
8197
- .pf-v5-c-label {
8198
- --pf-v5-c-label--PaddingTop: var(--pf-v5-global--spacer--xs);
8199
- --pf-v5-c-label--PaddingRight: var(--pf-v5-global--spacer--sm);
8200
- --pf-v5-c-label--PaddingBottom: var(--pf-v5-global--spacer--xs);
8201
- --pf-v5-c-label--PaddingLeft: var(--pf-v5-global--spacer--sm);
8202
- --pf-v5-c-label--MaxWidth: 100%;
8203
- --pf-v5-c-label--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
8204
- --pf-v5-c-label--BackgroundColor: var(--pf-v5-global--palette--black-150);
8205
- --pf-v5-c-label--Color: var(--pf-v5-global--Color--100);
8206
- --pf-v5-c-label--FontSize: var(--pf-v5-global--FontSize--sm);
8207
- --pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
8208
- --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
8209
- --pf-v5-c-label--m-outline--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
8210
- --pf-v5-c-label--m-outline__content--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
8211
- --pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
8212
- --pf-v5-c-label__content--link--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
8213
- --pf-v5-c-label__content--link--focus--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
8214
- --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--200);
8215
- --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--200);
8216
- --pf-v5-c-label--m-outline__content--link--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
8217
- --pf-v5-c-label--m-outline__content--link--focus--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
8218
- --pf-v5-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
8219
- --pf-v5-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
8220
- --pf-v5-c-label--m-blue--BackgroundColor: var(--pf-v5-global--palette--blue-50);
8221
- --pf-v5-c-label--m-blue__icon--Color: var(--pf-v5-global--primary-color--100);
8222
- --pf-v5-c-label--m-blue__content--Color: var(--pf-v5-global--info-color--200);
8223
- --pf-v5-c-label--m-blue__content--before--BorderColor: var(--pf-v5-global--palette--blue-100);
8224
- --pf-v5-c-label--m-blue__content--link--hover--before--BorderColor: var(--pf-v5-global--primary-color--100);
8225
- --pf-v5-c-label--m-blue__content--link--focus--before--BorderColor: var(--pf-v5-global--primary-color--100);
8226
- --pf-v5-c-label--m-outline--m-blue__content--Color: var(--pf-v5-global--primary-color--100);
8227
- --pf-v5-c-label--m-outline--m-blue__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
8228
- --pf-v5-c-label--m-outline--m-blue__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
8229
- --pf-v5-c-label--m-outline--m-blue__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
8230
- --pf-v5-c-label--m-green--BackgroundColor: var(--pf-v5-global--palette--green-50);
8231
- --pf-v5-c-label--m-green__icon--Color: var(--pf-v5-global--success-color--100);
8232
- --pf-v5-c-label--m-green__content--Color: var(--pf-v5-global--success-color--200);
8233
- --pf-v5-c-label--m-green__content--before--BorderColor: var(--pf-v5-global--palette--green-100);
8234
- --pf-v5-c-label--m-green__content--link--hover--before--BorderColor: var(--pf-v5-global--success-color--100);
8235
- --pf-v5-c-label--m-green__content--link--focus--before--BorderColor: var(--pf-v5-global--success-color--100);
8236
- --pf-v5-c-label--m-outline--m-green__content--Color: var(--pf-v5-global--success-color--100);
8237
- --pf-v5-c-label--m-outline--m-green__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
8238
- --pf-v5-c-label--m-outline--m-green__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
8239
- --pf-v5-c-label--m-outline--m-green__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
8240
- --pf-v5-c-label--m-orange--BackgroundColor: var(--pf-v5-global--palette--orange-50);
8241
- --pf-v5-c-label--m-orange__icon--Color: var(--pf-v5-global--palette--orange-300);
8242
- --pf-v5-c-label--m-orange__content--Color: var(--pf-v5-global--palette--orange-700);
8243
- --pf-v5-c-label--m-orange__content--before--BorderColor: var(--pf-v5-global--palette--orange-100);
8244
- --pf-v5-c-label--m-orange__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--orange-300);
8245
- --pf-v5-c-label--m-orange__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--orange-300);
8246
- --pf-v5-c-label--m-outline--m-orange__content--Color: var(--pf-v5-global--palette--orange-500);
8247
- --pf-v5-c-label--m-outline--m-orange__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
8248
- --pf-v5-c-label--m-outline--m-orange__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
8249
- --pf-v5-c-label--m-outline--m-orange__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
8250
- --pf-v5-c-label--m-red--BackgroundColor: var(--pf-v5-global--palette--red-50);
8251
- --pf-v5-c-label--m-red__icon--Color: var(--pf-v5-global--danger-color--100);
8252
- --pf-v5-c-label--m-red__content--Color: var(--pf-v5-global--palette--red-300);
8253
- --pf-v5-c-label--m-red__content--before--BorderColor: var(--pf-v5-global--palette--red-100);
8254
- --pf-v5-c-label--m-red__content--link--hover--before--BorderColor: var(--pf-v5-global--danger-color--100);
8255
- --pf-v5-c-label--m-red__content--link--focus--before--BorderColor: var(--pf-v5-global--danger-color--100);
8256
- --pf-v5-c-label--m-outline--m-red__content--Color: var(--pf-v5-global--danger-color--100);
8257
- --pf-v5-c-label--m-outline--m-red__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
8258
- --pf-v5-c-label--m-outline--m-red__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
8259
- --pf-v5-c-label--m-outline--m-red__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
8260
- --pf-v5-c-label--m-purple--BackgroundColor: var(--pf-v5-global--palette--purple-50);
8261
- --pf-v5-c-label--m-purple__icon--Color: var(--pf-v5-global--palette--purple-500);
8262
- --pf-v5-c-label--m-purple__content--Color: var(--pf-v5-global--palette--purple-700);
8263
- --pf-v5-c-label--m-purple__content--before--BorderColor: var(--pf-v5-global--palette--purple-100);
8264
- --pf-v5-c-label--m-purple__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--purple-500);
8265
- --pf-v5-c-label--m-purple__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--purple-500);
8266
- --pf-v5-c-label--m-outline--m-purple__content--Color: var(--pf-v5-global--palette--purple-500);
8267
- --pf-v5-c-label--m-outline--m-purple__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
8268
- --pf-v5-c-label--m-outline--m-purple__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
8269
- --pf-v5-c-label--m-outline--m-purple__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
8270
- --pf-v5-c-label--m-cyan--BackgroundColor: var(--pf-v5-global--palette--cyan-50);
8271
- --pf-v5-c-label--m-cyan__icon--Color: var(--pf-v5-global--custom-color--200);
8272
- --pf-v5-c-label--m-cyan__content--Color: var(--pf-v5-global--custom-color--300);
8273
- --pf-v5-c-label--m-cyan__content--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
8274
- --pf-v5-c-label--m-cyan__content--link--hover--before--BorderColor: var(--pf-v5-global--custom-color--200);
8275
- --pf-v5-c-label--m-cyan__content--link--focus--before--BorderColor: var(--pf-v5-global--custom-color--200);
8276
- --pf-v5-c-label--m-outline--m-cyan__content--Color: var(--pf-v5-global--palette--cyan-400);
8277
- --pf-v5-c-label--m-outline--m-cyan__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
8278
- --pf-v5-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
8279
- --pf-v5-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
8280
- --pf-v5-c-label--m-gold--BackgroundColor: var(--pf-v5-global--palette--gold-50);
8281
- --pf-v5-c-label--m-gold__icon--Color: var(--pf-v5-global--palette--gold-400);
8282
- --pf-v5-c-label--m-gold__content--Color: var(--pf-v5-global--palette--gold-700);
8283
- --pf-v5-c-label--m-gold__content--before--BorderColor: var(--pf-v5-global--palette--gold-100);
8284
- --pf-v5-c-label--m-gold__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--gold-300);
8285
- --pf-v5-c-label--m-gold__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--gold-300);
8286
- --pf-v5-c-label--m-outline--m-gold__content--Color: var(--pf-v5-global--palette--gold-600);
8287
- --pf-v5-c-label--m-outline--m-gold__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
8288
- --pf-v5-c-label--m-outline--m-gold__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
8289
- --pf-v5-c-label--m-outline--m-gold__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
8290
- --pf-v5-c-label--m-overflow__content--Color: var(--pf-v5-global--link--Color);
8291
- --pf-v5-c-label--m-overflow__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
8292
- --pf-v5-c-label--m-overflow__content--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
8293
- --pf-v5-c-label--m-overflow__content--before--BorderColor: var(--pf-v5-global--BorderColor--300);
8294
- --pf-v5-c-label--m-overflow__content--link--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
8295
- --pf-v5-c-label--m-overflow__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--300);
8296
- --pf-v5-c-label--m-overflow__content--link--focus--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
8297
- --pf-v5-c-label--m-overflow__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--300);
8298
- --pf-v5-c-label--m-compact--PaddingTop: 0;
8299
- --pf-v5-c-label--m-compact--PaddingRight: var(--pf-v5-global--spacer--sm);
8300
- --pf-v5-c-label--m-compact--PaddingBottom: 0;
8301
- --pf-v5-c-label--m-compact--PaddingLeft: var(--pf-v5-global--spacer--sm);
8302
- --pf-v5-c-label--m-compact--FontSize: var(--pf-v5-global--FontSize--xs);
8303
- --pf-v5-c-label--m-compact--m-editable--TextDecorationOffset: 0.0625rem;
8304
- --pf-v5-c-label__content--Color: var(--pf-v5-global--Color--100);
8305
- --pf-v5-c-label__content--BackgroundColor: transparent;
8306
- --pf-v5-c-label__content--MaxWidth: 100%;
8307
- --pf-v5-c-label--m-outline__content--Color: var(--pf-v5-global--Color--100);
8308
- --pf-v5-c-label--m-editable__content--MaxWidth: 16ch;
8309
- --pf-v5-c-label__text--MaxWidth: 100%;
8310
- --pf-v5-c-label__icon--Color: var(--pf-v5-global--Color--100);
8311
- --pf-v5-c-label__icon--MarginRight: var(--pf-v5-global--spacer--xs);
8312
- --pf-v5-c-label__actions--FontSize: var(--pf-v5-global--FontSize--xs);
8313
- --pf-v5-c-label__actions--MarginRight: calc(var(--pf-v5-c-label__actions--c-button--PaddingRight) * -1);
8314
- --pf-v5-c-label__actions--c-button--FontSize: var(--pf-v5-global--FontSize--xs);
8315
- --pf-v5-c-label__actions--c-button--MarginTop: calc(var(--pf-v5-c-label__actions--c-button--PaddingTop) * -1);
8316
- --pf-v5-c-label__actions--c-button--MarginBottom: calc(var(--pf-v5-c-label__actions--c-button--PaddingBottom) * -1);
8317
- --pf-v5-c-label__actions--c-button--PaddingTop: var(--pf-v5-global--spacer--xs);
8318
- --pf-v5-c-label__actions--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
8319
- --pf-v5-c-label__actions--c-button--PaddingBottom: var(--pf-v5-global--spacer--xs);
8320
- --pf-v5-c-label__actions--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
8321
- --pf-v5-c-label--m-editable--Cursor: pointer;
8322
- --pf-v5-c-label--m-editable--TextDecoration: underline;
8323
- --pf-v5-c-label--m-editable--TextDecorationStyle: dashed;
8324
- --pf-v5-c-label--m-editable--TextDecorationThickness: var(--pf-v5-global--BorderWidth--sm);
8325
- --pf-v5-c-label--m-editable--TextDecorationOffset: 0.25rem;
8326
- --pf-v5-c-label--m-editable--TextDecorationColor: var(--pf-v5-global--BorderColor--200);
8327
- --pf-v5-c-label--m-editable--hover--TextDecorationColor: var(--pf-v5-global--Color--100);
8328
- --pf-v5-c-label--m-editable--focus--TextDecorationColor: var(--pf-v5-global--Color--100);
8329
- --pf-v5-c-label--m-editable__content--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
8330
- --pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
8331
- --pf-v5-c-label--m-editable__content--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
8332
- --pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
8333
- --pf-v5-c-label--m-editable__content--focus--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
8334
- --pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
8335
- --pf-v5-c-label--m-editable--m-editable-active--Cursor: auto;
8336
- --pf-v5-c-label--m-editable--m-editable-active--TextDecoration: none;
8337
- --pf-v5-c-label--m-editable--m-editable-active--BackgroundColor: transparent;
8338
- --pf-v5-c-label--m-editable--m-editable-active__content--before--BorderWidth: 0;
8339
- --pf-v5-c-label--m-editable--m-editable-active__content--before--BorderColor: transparent;
8340
- --pf-v5-c-label--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
8341
- --pf-v5-c-label--m-disabled__content--Color: var(--pf-v5-global--disabled-color--100);
8342
- --pf-v5-c-label--m-disabled__icon--Color: var(--pf-v5-global--disabled-color--100);
8343
- --pf-v5-c-label--c-button--m-disabled--Color: var(--pf-v5-global--disabled-color--100);
8344
- position: relative;
8345
- max-width: var(--pf-v5-c-label--MaxWidth);
8346
- padding-block-start: var(--pf-v5-c-label--PaddingTop);
8347
- padding-block-end: var(--pf-v5-c-label--PaddingBottom);
8348
- padding-inline-start: var(--pf-v5-c-label--PaddingLeft);
8349
- padding-inline-end: var(--pf-v5-c-label--PaddingRight);
8350
- font-size: var(--pf-v5-c-label--FontSize);
8351
- color: var(--pf-v5-c-label--Color);
8352
- white-space: nowrap;
8353
- background-color: var(--pf-v5-c-label--BackgroundColor);
8354
- border: 0;
8355
- border-radius: var(--pf-v5-c-label--BorderRadius);
8356
- }
8357
-
8358
- .pf-v5-c-label.pf-m-compact {
8359
- --pf-v5-c-label--PaddingTop: var(--pf-v5-c-label--m-compact--PaddingTop);
8360
- --pf-v5-c-label--PaddingRight: var(--pf-v5-c-label--m-compact--PaddingRight);
8361
- --pf-v5-c-label--PaddingBottom: var(--pf-v5-c-label--m-compact--PaddingBottom);
8362
- --pf-v5-c-label--PaddingLeft: var(--pf-v5-c-label--m-compact--PaddingLeft);
8363
- --pf-v5-c-label--FontSize: var(--pf-v5-c-label--m-compact--FontSize);
8364
- --pf-v5-c-label--m-editable--TextDecorationOffset: var(--pf-v5-c-label--m-compact--m-editable--TextDecorationOffset);
8365
- }
8366
-
8367
- .pf-v5-c-label.pf-m-blue {
8368
- --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-blue--BackgroundColor);
8369
- --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-blue__icon--Color);
8370
- --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-blue__content--Color);
8371
- --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-blue__content--before--BorderColor);
8372
- --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-blue__content--link--hover--before--BorderColor);
8373
- --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-blue__content--link--focus--before--BorderColor);
8374
- --pf-v5-c-label--m-outline__content--Color: var(--pf-v5-c-label--m-outline--m-blue__content--Color);
8375
- --pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-blue__content--before--BorderColor);
8376
- --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);
8377
- --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);
8378
- --pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-blue__content--before--BorderColor);
8379
- --pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-blue__content--before--BorderColor);
8380
- --pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-blue__content--before--BorderColor);
8381
- }
8382
-
8383
- .pf-v5-c-label.pf-m-green {
8384
- --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-green--BackgroundColor);
8385
- --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-green__icon--Color);
8386
- --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-green__content--Color);
8387
- --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-green__content--before--BorderColor);
8388
- --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-green__content--link--hover--before--BorderColor);
8389
- --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-green__content--link--focus--before--BorderColor);
8390
- --pf-v5-c-label--m-outline__content--Color: var(--pf-v5-c-label--m-outline--m-green__content--Color);
8391
- --pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-green__content--before--BorderColor);
8392
- --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);
8393
- --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);
8394
- --pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-green__content--before--BorderColor);
8395
- --pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-green__content--before--BorderColor);
8396
- --pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-green__content--before--BorderColor);
8397
- }
8398
-
8399
- .pf-v5-c-label.pf-m-orange {
8400
- --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-orange--BackgroundColor);
8401
- --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-orange__icon--Color);
8402
- --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-orange__content--Color);
8403
- --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-orange__content--before--BorderColor);
8404
- --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-orange__content--link--hover--before--BorderColor);
8405
- --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-orange__content--link--focus--before--BorderColor);
8406
- --pf-v5-c-label--m-outline__content--Color: var(--pf-v5-c-label--m-outline--m-orange__content--Color);
8407
- --pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-orange__content--before--BorderColor);
8408
- --pf-v5-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-outline--m-orange__content--link--hover--before--BorderColor);
8409
- --pf-v5-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-outline--m-orange__content--link--focus--before--BorderColor);
8410
- --pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-orange__content--before--BorderColor);
8411
- --pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-orange__content--before--BorderColor);
8412
- --pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-orange__content--before--BorderColor);
8197
+ .pf-v5-c-jump-links {
8198
+ --pf-v5-c-jump-links__list--Display: flex;
8199
+ --pf-v5-c-jump-links__list--PaddingTop: 0;
8200
+ --pf-v5-c-jump-links__list--PaddingRight: var(--pf-v5-global--spacer--md);
8201
+ --pf-v5-c-jump-links__list--PaddingBottom: 0;
8202
+ --pf-v5-c-jump-links__list--PaddingLeft: var(--pf-v5-global--spacer--md);
8203
+ --pf-v5-c-jump-links--m-vertical__list--PaddingTop: var(--pf-v5-global--spacer--md);
8204
+ --pf-v5-c-jump-links--m-vertical__list--PaddingRight: 0;
8205
+ --pf-v5-c-jump-links--m-vertical__list--PaddingBottom: var(--pf-v5-global--spacer--md);
8206
+ --pf-v5-c-jump-links--m-vertical__list--PaddingLeft: 0;
8207
+ --pf-v5-c-jump-links__list--FlexDirection: row;
8208
+ --pf-v5-c-jump-links--m-vertical__list--FlexDirection: column;
8209
+ --pf-v5-c-jump-links__list--before--BorderColor: var(--pf-v5-global--BorderColor--100);
8210
+ --pf-v5-c-jump-links__list--before--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm);
8211
+ --pf-v5-c-jump-links__list--before--BorderRightWidth: 0;
8212
+ --pf-v5-c-jump-links__list--before--BorderBottomWidth: 0;
8213
+ --pf-v5-c-jump-links__list--before--BorderLeftWidth: 0;
8214
+ --pf-v5-c-jump-links--m-vertical__list--before--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
8215
+ --pf-v5-c-jump-links--m-vertical__list--before--BorderTopWidth: 0;
8216
+ --pf-v5-c-jump-links__list__list--MarginTop: calc(var(--pf-v5-global--spacer--sm) * -1);
8217
+ --pf-v5-c-jump-links__link--PaddingTop: var(--pf-v5-global--spacer--md);
8218
+ --pf-v5-c-jump-links__link--PaddingRight: var(--pf-v5-global--spacer--md);
8219
+ --pf-v5-c-jump-links__link--PaddingBottom: var(--pf-v5-global--spacer--md);
8220
+ --pf-v5-c-jump-links__link--PaddingLeft: var(--pf-v5-global--spacer--md);
8221
+ --pf-v5-c-jump-links__list__list__link--PaddingTop: var(--pf-v5-global--spacer--sm);
8222
+ --pf-v5-c-jump-links__list__list__link--PaddingLeft: var(--pf-v5-global--spacer--lg);
8223
+ --pf-v5-c-jump-links__list__list__link--PaddingBottom: var(--pf-v5-global--spacer--sm);
8224
+ --pf-v5-c-jump-links__link--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--sm));
8225
+ --pf-v5-c-jump-links__link--before--BorderTopWidth: 0;
8226
+ --pf-v5-c-jump-links__link--before--BorderRightWidth: 0;
8227
+ --pf-v5-c-jump-links__link--before--BorderBottomWidth: 0;
8228
+ --pf-v5-c-jump-links__link--before--BorderLeftWidth: 0;
8229
+ --pf-v5-c-jump-links__link--before--BorderColor: transparent;
8230
+ --pf-v5-c-jump-links__item--m-current__link--before--BorderTopWidth: var(--pf-v5-global--BorderWidth--lg);
8231
+ --pf-v5-c-jump-links__item--m-current__link--before--BorderLeftWidth: 0;
8232
+ --pf-v5-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-v5-global--primary-color--100);
8233
+ --pf-v5-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth: 0;
8234
+ --pf-v5-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth: var(--pf-v5-global--BorderWidth--lg);
8235
+ --pf-v5-c-jump-links__link-text--Color: var(--pf-v5-global--Color--200);
8236
+ --pf-v5-c-jump-links__link--hover__link-text--Color: var(--pf-v5-global--Color--100);
8237
+ --pf-v5-c-jump-links__link--focus__link-text--Color: var(--pf-v5-global--Color--100);
8238
+ --pf-v5-c-jump-links__item--m-current__link-text--Color: var(--pf-v5-global--Color--100);
8239
+ --pf-v5-c-jump-links__label--MarginBottom: var(--pf-v5-global--spacer--md);
8240
+ --pf-v5-c-jump-links__label--Display: block;
8241
+ --pf-v5-c-jump-links__toggle--MarginTop: calc(-1 * var(--pf-v5-global--spacer--form-element));
8242
+ --pf-v5-c-jump-links__toggle--MarginBottom--base: calc(-1 * var(--pf-v5-global--spacer--form-element));
8243
+ --pf-v5-c-jump-links__toggle--MarginBottom: var(--pf-v5-c-jump-links__toggle--MarginBottom--base);
8244
+ --pf-v5-c-jump-links--m-expanded__toggle--MarginBottom: calc(var(--pf-v5-c-jump-links__toggle--MarginBottom--base) + var(--pf-v5-global--spacer--md));
8245
+ --pf-v5-c-jump-links__toggle--MarginLeft: calc(-1 * var(--pf-v5-global--spacer--md));
8246
+ --pf-v5-c-jump-links__toggle--Display: none;
8247
+ --pf-v5-c-jump-links__toggle-icon--Color: currentcolor;
8248
+ --pf-v5-c-jump-links__toggle-icon--Transition: var(--pf-v5-global--Transition);
8249
+ --pf-v5-c-jump-links__toggle-icon--Rotate: 0;
8250
+ --pf-v5-c-jump-links--m-expanded__toggle-icon--Color: var(--pf-v5-global--Color--100);
8251
+ --pf-v5-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
8252
+ --pf-v5-c-jump-links__toggle-text--MarginLeft: var(--pf-v5-global--spacer--md);
8253
+ --pf-v5-c-jump-links__toggle-text--Color: var(--pf-v5-global--Color--100);
8254
+ display: flex;
8413
8255
  }
8414
8256
 
8415
- .pf-v5-c-label.pf-m-red {
8416
- --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-red--BackgroundColor);
8417
- --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-red__icon--Color);
8418
- --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-red__content--Color);
8419
- --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-red__content--before--BorderColor);
8420
- --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-red__content--link--hover--before--BorderColor);
8421
- --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-red__content--link--focus--before--BorderColor);
8422
- --pf-v5-c-label--m-outline__content--Color: var(--pf-v5-c-label--m-outline--m-red__content--Color);
8423
- --pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-red__content--before--BorderColor);
8424
- --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);
8425
- --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);
8426
- --pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-red__content--before--BorderColor);
8427
- --pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-red__content--before--BorderColor);
8428
- --pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-red__content--before--BorderColor);
8257
+ .pf-v5-c-jump-links.pf-m-center {
8258
+ justify-content: center;
8429
8259
  }
8430
8260
 
8431
- .pf-v5-c-label.pf-m-purple {
8432
- --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-purple--BackgroundColor);
8433
- --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-purple__icon--Color);
8434
- --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-purple__content--Color);
8435
- --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-purple__content--before--BorderColor);
8436
- --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-purple__content--link--hover--before--BorderColor);
8437
- --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-purple__content--link--focus--before--BorderColor);
8438
- --pf-v5-c-label--m-outline__content--Color: var(--pf-v5-c-label--m-outline--m-purple__content--Color);
8439
- --pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-purple__content--before--BorderColor);
8440
- --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);
8441
- --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);
8442
- --pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-purple__content--before--BorderColor);
8443
- --pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-purple__content--before--BorderColor);
8444
- --pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-purple__content--before--BorderColor);
8261
+ .pf-v5-c-jump-links.pf-m-center .pf-v5-c-jump-links__main {
8262
+ align-items: center;
8445
8263
  }
8446
8264
 
8447
- .pf-v5-c-label.pf-m-cyan {
8448
- --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-cyan--BackgroundColor);
8449
- --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-cyan__icon--Color);
8450
- --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-cyan__content--Color);
8451
- --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-cyan__content--before--BorderColor);
8452
- --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-cyan__content--link--hover--before--BorderColor);
8453
- --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-cyan__content--link--focus--before--BorderColor);
8454
- --pf-v5-c-label--m-outline__content--Color: var(--pf-v5-c-label--m-outline--m-cyan__content--Color);
8455
- --pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-cyan__content--before--BorderColor);
8456
- --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);
8457
- --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);
8458
- --pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-cyan__content--before--BorderColor);
8459
- --pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-cyan__content--before--BorderColor);
8460
- --pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-cyan__content--before--BorderColor);
8265
+ .pf-v5-c-jump-links.pf-m-vertical, .pf-v5-c-jump-links.pf-m-expandable {
8266
+ --pf-v5-c-jump-links__list--PaddingTop: var(--pf-v5-c-jump-links--m-vertical__list--PaddingTop);
8267
+ --pf-v5-c-jump-links__list--PaddingRight: var(--pf-v5-c-jump-links--m-vertical__list--PaddingRight);
8268
+ --pf-v5-c-jump-links__list--PaddingBottom: var(--pf-v5-c-jump-links--m-vertical__list--PaddingBottom);
8269
+ --pf-v5-c-jump-links__list--PaddingLeft: var(--pf-v5-c-jump-links--m-vertical__list--PaddingLeft);
8270
+ --pf-v5-c-jump-links__list--before--BorderTopWidth: var(--pf-v5-c-jump-links--m-vertical__list--before--BorderTopWidth);
8271
+ --pf-v5-c-jump-links__list--before--BorderLeftWidth: var(--pf-v5-c-jump-links--m-vertical__list--before--BorderLeftWidth);
8272
+ --pf-v5-c-jump-links__item--m-current__link--before--BorderTopWidth: var(--pf-v5-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth);
8273
+ --pf-v5-c-jump-links__item--m-current__link--before--BorderLeftWidth: var(--pf-v5-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth);
8274
+ --pf-v5-c-jump-links__list--FlexDirection: var(--pf-v5-c-jump-links--m-vertical__list--FlexDirection);
8275
+ flex-direction: column;
8461
8276
  }
8462
8277
 
8463
- .pf-v5-c-label.pf-m-gold {
8464
- --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-gold--BackgroundColor);
8465
- --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-gold__icon--Color);
8466
- --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-gold__content--Color);
8467
- --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-gold__content--before--BorderColor);
8468
- --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-gold__content--link--hover--before--BorderColor);
8469
- --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-gold__content--link--focus--before--BorderColor);
8470
- --pf-v5-c-label--m-outline__content--Color: var(--pf-v5-c-label--m-outline--m-gold__content--Color);
8471
- --pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-gold__content--before--BorderColor);
8472
- --pf-v5-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-outline--m-gold__content--link--hover--before--BorderColor);
8473
- --pf-v5-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-outline--m-gold__content--link--focus--before--BorderColor);
8474
- --pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-gold__content--before--BorderColor);
8475
- --pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-gold__content--before--BorderColor);
8476
- --pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-gold__content--before--BorderColor);
8278
+ .pf-v5-c-jump-links.pf-m-expandable {
8279
+ --pf-v5-c-jump-links__list--Display: none;
8280
+ --pf-v5-c-jump-links__toggle--Display: block;
8281
+ --pf-v5-c-jump-links__label--Display: none;
8477
8282
  }
8478
8283
 
8479
- .pf-v5-c-label.pf-m-outline {
8480
- --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-outline__content--Color);
8481
- --pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label--m-outline__content--before--BorderWidth);
8482
- --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-outline__content--before--BorderColor);
8483
- --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-outline--BackgroundColor);
8484
- --pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-outline__content--before--BorderColor);
8485
- --pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-outline__content--before--BorderColor);
8486
- --pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-outline__content--before--BorderColor);
8284
+ .pf-v5-c-jump-links.pf-m-non-expandable {
8285
+ --pf-v5-c-jump-links__list--Display: flex;
8286
+ --pf-v5-c-jump-links__toggle--Display: none;
8287
+ --pf-v5-c-jump-links__label--Display: block;
8487
8288
  }
8488
8289
 
8489
- .pf-v5-c-label.pf-m-overflow:hover,
8490
- .pf-v5-c-label.pf-m-add:hover, .pf-v5-c-label.pf-m-outline a.pf-v5-c-label__content:hover,
8491
- .pf-v5-c-label.pf-m-outline button.pf-v5-c-label__content:hover {
8492
- --pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label--m-outline__content--link--hover--before--BorderWidth);
8493
- --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-outline__content--link--hover--before--BorderColor);
8290
+ @media (min-width: 576px) {
8291
+ .pf-v5-c-jump-links.pf-m-expandable-on-sm {
8292
+ --pf-v5-c-jump-links__list--Display: none;
8293
+ --pf-v5-c-jump-links__toggle--Display: block;
8294
+ --pf-v5-c-jump-links__label--Display: none;
8295
+ }
8296
+ .pf-v5-c-jump-links.pf-m-non-expandable-on-sm {
8297
+ --pf-v5-c-jump-links__list--Display: flex;
8298
+ --pf-v5-c-jump-links__toggle--Display: none;
8299
+ --pf-v5-c-jump-links__label--Display: block;
8300
+ }
8494
8301
  }
8495
-
8496
- .pf-v5-c-label.pf-m-overflow:focus,
8497
- .pf-v5-c-label.pf-m-add:focus, .pf-v5-c-label.pf-m-outline a.pf-v5-c-label__content:focus,
8498
- .pf-v5-c-label.pf-m-outline button.pf-v5-c-label__content:focus {
8499
- --pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label--m-outline__content--link--focus--before--BorderWidth);
8500
- --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-outline__content--link--focus--before--BorderColor);
8302
+ @media (min-width: 768px) {
8303
+ .pf-v5-c-jump-links.pf-m-expandable-on-md {
8304
+ --pf-v5-c-jump-links__list--Display: none;
8305
+ --pf-v5-c-jump-links__toggle--Display: block;
8306
+ --pf-v5-c-jump-links__label--Display: none;
8307
+ }
8308
+ .pf-v5-c-jump-links.pf-m-non-expandable-on-md {
8309
+ --pf-v5-c-jump-links__list--Display: flex;
8310
+ --pf-v5-c-jump-links__toggle--Display: none;
8311
+ --pf-v5-c-jump-links__label--Display: block;
8312
+ }
8501
8313
  }
8502
-
8503
- .pf-v5-c-label.pf-m-editable {
8504
- --pf-v5-c-label__content--MaxWidth: var(--pf-v5-c-label--m-editable__content--MaxWidth);
8505
- --pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label--m-editable__content--before--BorderWidth);
8506
- --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-editable__content--before--BorderColor);
8507
- --pf-v5-c-label__content--link--hover--before--BorderWidth: var(--pf-v5-c-label--m-editable__content--hover--before--BorderWidth);
8508
- --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-editable__content--hover--before--BorderColor);
8509
- --pf-v5-c-label__content--link--focus--before--BorderWidth: var(--pf-v5-c-label--m-editable__content--focus--before--BorderWidth);
8510
- --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-editable__content--focus--before--BorderColor);
8511
- --pf-v5-c-label--m-outline__content--link--hover--before--BorderWidth: var(--pf-v5-c-label--m-editable__content--before--BorderWidth);
8512
- --pf-v5-c-label--m-outline__content--link--focus--before--BorderWidth: var(--pf-v5-c-label--m-editable__content--before--BorderWidth);
8513
- text-decoration: var(--pf-v5-c-label--m-editable--TextDecoration);
8514
- text-decoration-thickness: var(--pf-v5-c-label--m-editable--TextDecorationThickness);
8515
- text-decoration-style: var(--pf-v5-c-label--m-editable--TextDecorationStyle);
8516
- text-decoration-color: var(--pf-v5-c-label--m-editable--TextDecorationColor);
8517
- text-underline-offset: var(--pf-v5-c-label--m-editable--TextDecorationOffset);
8518
- cursor: var(--pf-v5-c-label--m-editable--Cursor);
8314
+ @media (min-width: 992px) {
8315
+ .pf-v5-c-jump-links.pf-m-expandable-on-lg {
8316
+ --pf-v5-c-jump-links__list--Display: none;
8317
+ --pf-v5-c-jump-links__toggle--Display: block;
8318
+ --pf-v5-c-jump-links__label--Display: none;
8319
+ }
8320
+ .pf-v5-c-jump-links.pf-m-non-expandable-on-lg {
8321
+ --pf-v5-c-jump-links__list--Display: flex;
8322
+ --pf-v5-c-jump-links__toggle--Display: none;
8323
+ --pf-v5-c-jump-links__label--Display: block;
8324
+ }
8519
8325
  }
8520
-
8521
- .pf-v5-c-label.pf-m-editable:hover {
8522
- --pf-v5-c-label--m-editable--TextDecorationColor: var(--pf-v5-c-label--m-editable--hover--TextDecorationColor);
8326
+ @media (min-width: 1200px) {
8327
+ .pf-v5-c-jump-links.pf-m-expandable-on-xl {
8328
+ --pf-v5-c-jump-links__list--Display: none;
8329
+ --pf-v5-c-jump-links__toggle--Display: block;
8330
+ --pf-v5-c-jump-links__label--Display: none;
8331
+ }
8332
+ .pf-v5-c-jump-links.pf-m-non-expandable-on-xl {
8333
+ --pf-v5-c-jump-links__list--Display: flex;
8334
+ --pf-v5-c-jump-links__toggle--Display: none;
8335
+ --pf-v5-c-jump-links__label--Display: block;
8336
+ }
8523
8337
  }
8524
-
8525
- .pf-v5-c-label.pf-m-editable:focus {
8526
- --pf-v5-c-label--m-editable--TextDecorationColor: var(--pf-v5-c-label--m-editable--focus--TextDecorationColor);
8338
+ @media (min-width: 1450px) {
8339
+ .pf-v5-c-jump-links.pf-m-expandable-on-2xl {
8340
+ --pf-v5-c-jump-links__list--Display: none;
8341
+ --pf-v5-c-jump-links__toggle--Display: block;
8342
+ --pf-v5-c-jump-links__label--Display: none;
8343
+ }
8344
+ .pf-v5-c-jump-links.pf-m-non-expandable-on-2xl {
8345
+ --pf-v5-c-jump-links__list--Display: flex;
8346
+ --pf-v5-c-jump-links__toggle--Display: none;
8347
+ --pf-v5-c-jump-links__label--Display: block;
8348
+ }
8527
8349
  }
8528
-
8529
- .pf-v5-c-label.pf-m-editable-active {
8530
- --pf-v5-c-label--m-editable--Cursor: var(--pf-v5-c-label--m-editable--m-editable-active--Cursor);
8531
- --pf-v5-c-label--m-editable--TextDecoration: var(--pf-v5-c-label--m-editable--m-editable-active--TextDecoration);
8532
- --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-editable--m-editable-active--BackgroundColor);
8350
+ .pf-v5-c-jump-links.pf-m-expanded {
8351
+ --pf-v5-c-jump-links__list--Display: flex;
8352
+ --pf-v5-c-jump-links__toggle--MarginBottom: var(--pf-v5-c-jump-links--m-expanded__toggle--MarginBottom);
8353
+ --pf-v5-c-jump-links__toggle-icon--Rotate: var(--pf-v5-c-jump-links--m-expanded__toggle-icon--Rotate);
8354
+ --pf-v5-c-jump-links__toggle-icon--Color: var(--pf-v5-c-jump-links--m-expanded__toggle-icon--Color);
8533
8355
  }
8534
8356
 
8535
- .pf-v5-c-label.pf-m-overflow, .pf-v5-c-label.pf-m-add {
8536
- --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-overflow__content--Color);
8537
- --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-overflow__content--BackgroundColor);
8538
- --pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label--m-overflow__content--before--BorderWidth);
8539
- --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-overflow__content--before--BorderColor);
8540
- --pf-v5-c-label__content--link--hover--before--BorderWidth: var(--pf-v5-c-label--m-overflow__content--link--hover--before--BorderWidth);
8541
- --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-overflow__content--link--hover--before--BorderColor);
8542
- --pf-v5-c-label__content--link--focus--before--BorderWidth: var(--pf-v5-c-label--m-overflow__content--link--focus--before--BorderWidth);
8543
- --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-overflow__content--link--focus--before--BorderColor);
8357
+ .pf-v5-c-jump-links__list {
8358
+ position: relative;
8359
+ display: var(--pf-v5-c-jump-links__list--Display);
8360
+ flex-direction: var(--pf-v5-c-jump-links__list--FlexDirection);
8361
+ padding-block-start: var(--pf-v5-c-jump-links__list--PaddingTop);
8362
+ padding-block-end: var(--pf-v5-c-jump-links__list--PaddingBottom);
8363
+ padding-inline-start: var(--pf-v5-c-jump-links__list--PaddingLeft);
8364
+ padding-inline-end: var(--pf-v5-c-jump-links__list--PaddingRight);
8544
8365
  }
8545
8366
 
8546
- .pf-v5-c-label.pf-m-disabled {
8547
- --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-disabled--BackgroundColor);
8548
- --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-disabled__content--Color);
8549
- --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-disabled__icon--Color);
8550
- --pf-v5-c-label__content--before--BorderWidth: 0;
8367
+ .pf-v5-c-jump-links__list::before {
8368
+ position: absolute;
8369
+ inset: 0;
8551
8370
  pointer-events: none;
8371
+ content: "";
8372
+ border: solid var(--pf-v5-c-jump-links__list--before--BorderColor);
8373
+ border-block-start-width: var(--pf-v5-c-jump-links__list--before--BorderTopWidth);
8374
+ border-block-end-width: var(--pf-v5-c-jump-links__list--before--BorderBottomWidth);
8375
+ border-inline-start-width: var(--pf-v5-c-jump-links__list--before--BorderLeftWidth);
8376
+ border-inline-end-width: var(--pf-v5-c-jump-links__list--before--BorderRightWidth);
8552
8377
  }
8553
8378
 
8554
- .pf-v5-c-label.pf-m-disabled .pf-v5-c-button {
8555
- --pf-v5-c-button--m-plain--disabled--Color: var(--pf-v5-c-label--c-button--m-disabled--Color);
8379
+ .pf-v5-c-jump-links__list .pf-v5-c-jump-links__list {
8380
+ --pf-v5-c-jump-links__list--PaddingTop: 0;
8381
+ --pf-v5-c-jump-links__list--PaddingBottom: 0;
8382
+ --pf-v5-c-jump-links__link--PaddingTop: var(--pf-v5-c-jump-links__list__list__link--PaddingTop);
8383
+ --pf-v5-c-jump-links__link--PaddingBottom: var(--pf-v5-c-jump-links__list__list__link--PaddingBottom);
8384
+ --pf-v5-c-jump-links__link--PaddingLeft: var(--pf-v5-c-jump-links__list__list__link--PaddingLeft);
8385
+ margin-block-start: var(--pf-v5-c-jump-links__list__list--MarginTop);
8556
8386
  }
8557
8387
 
8558
- .pf-v5-c-label,
8559
- .pf-v5-c-label__content {
8560
- display: inline-flex;
8561
- align-items: center;
8388
+ .pf-v5-c-jump-links__link {
8389
+ position: relative;
8390
+ display: flex;
8391
+ flex: 1;
8392
+ padding-block-start: var(--pf-v5-c-jump-links__link--PaddingTop);
8393
+ padding-block-end: var(--pf-v5-c-jump-links__link--PaddingBottom);
8394
+ padding-inline-start: var(--pf-v5-c-jump-links__link--PaddingLeft);
8395
+ padding-inline-end: var(--pf-v5-c-jump-links__link--PaddingRight);
8396
+ text-decoration: none;
8397
+ outline-offset: var(--pf-v5-c-jump-links__link--OutlineOffset);
8562
8398
  }
8563
8399
 
8564
- .pf-v5-c-label__text {
8565
- overflow: hidden;
8566
- text-overflow: ellipsis;
8567
- white-space: nowrap;
8568
- max-width: var(--pf-v5-c-label__text--MaxWidth);
8400
+ .pf-v5-c-jump-links__link:hover {
8401
+ --pf-v5-c-jump-links__link-text--Color: var(--pf-v5-c-jump-links__link--hover__link-text--Color);
8569
8402
  }
8570
8403
 
8571
- .pf-v5-c-label__content {
8572
- max-width: var(--pf-v5-c-label__content--MaxWidth);
8573
- overflow: hidden;
8574
- color: var(--pf-v5-c-label__content--Color);
8575
- background-color: var(--pf-v5-c-label__content--BackgroundColor);
8576
- border-width: 0;
8404
+ .pf-v5-c-jump-links__link:focus {
8405
+ --pf-v5-c-jump-links__link-text--Color: var(--pf-v5-c-jump-links__link--focus__link-text--Color);
8577
8406
  }
8578
8407
 
8579
- .pf-v5-c-label__content::before {
8408
+ .pf-v5-c-jump-links__link::before {
8580
8409
  position: absolute;
8581
8410
  inset: 0;
8582
8411
  pointer-events: none;
8583
8412
  content: "";
8584
- border: var(--pf-v5-c-label__content--before--BorderWidth) solid var(--pf-v5-c-label__content--before--BorderColor);
8585
- border-radius: var(--pf-v5-c-label--BorderRadius);
8413
+ border-color: var(--pf-v5-c-jump-links__link--before--BorderColor);
8414
+ border-style: solid;
8415
+ border-block-start-width: var(--pf-v5-c-jump-links__link--before--BorderTopWidth);
8416
+ border-block-end-width: var(--pf-v5-c-jump-links__link--before--BorderBottomWidth);
8417
+ border-inline-start-width: var(--pf-v5-c-jump-links__link--before--BorderLeftWidth);
8418
+ border-inline-end-width: var(--pf-v5-c-jump-links__link--before--BorderRightWidth);
8419
+ }
8420
+
8421
+ .pf-v5-c-jump-links__item {
8422
+ --pf-v5-c-jump-links__list--before--BorderColor: transparent;
8423
+ }
8424
+
8425
+ .pf-v5-c-jump-links__item.pf-m-current > .pf-v5-c-jump-links__link {
8426
+ --pf-v5-c-jump-links__link--before--BorderTopWidth: var(--pf-v5-c-jump-links__item--m-current__link--before--BorderTopWidth);
8427
+ --pf-v5-c-jump-links__link--before--BorderLeftWidth: var(--pf-v5-c-jump-links__item--m-current__link--before--BorderLeftWidth);
8428
+ --pf-v5-c-jump-links__link--before--BorderColor: var(--pf-v5-c-jump-links__item--m-current__link--before--BorderColor);
8429
+ --pf-v5-c-jump-links__link-text--Color: var(--pf-v5-c-jump-links__item--m-current__link-text--Color);
8586
8430
  }
8587
8431
 
8588
- input.pf-v5-c-label__content {
8589
- overflow: hidden;
8590
- text-overflow: ellipsis;
8591
- white-space: nowrap;
8432
+ .pf-v5-c-jump-links__link-text {
8433
+ color: var(--pf-v5-c-jump-links__link-text--Color);
8592
8434
  }
8593
8435
 
8594
- a.pf-v5-c-label__content,
8595
- button.pf-v5-c-label__content {
8596
- padding: 0;
8597
- cursor: pointer;
8598
- background-color: transparent;
8599
- border: none;
8436
+ .pf-v5-c-jump-links__label {
8437
+ display: var(--pf-v5-c-jump-links__label--Display);
8438
+ margin-block-end: var(--pf-v5-c-jump-links__label--MarginBottom);
8600
8439
  }
8601
8440
 
8602
- a.pf-v5-c-label__content, a.pf-v5-c-label__content:hover, a.pf-v5-c-label__content:focus,
8603
- button.pf-v5-c-label__content,
8604
- button.pf-v5-c-label__content:hover,
8605
- button.pf-v5-c-label__content:focus {
8606
- text-decoration: none;
8441
+ .pf-v5-c-jump-links__main {
8442
+ display: flex;
8443
+ flex-direction: column;
8607
8444
  }
8608
8445
 
8609
- a.pf-v5-c-label__content:hover,
8610
- button.pf-v5-c-label__content:hover {
8611
- --pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label__content--link--hover--before--BorderWidth);
8612
- --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label__content--link--hover--before--BorderColor);
8446
+ .pf-v5-c-jump-links__toggle {
8447
+ display: var(--pf-v5-c-jump-links__toggle--Display);
8448
+ margin-block-start: var(--pf-v5-c-jump-links__toggle--MarginTop);
8449
+ margin-block-end: var(--pf-v5-c-jump-links__toggle--MarginBottom);
8450
+ margin-inline-start: var(--pf-v5-c-jump-links__toggle--MarginLeft);
8613
8451
  }
8614
8452
 
8615
- a.pf-v5-c-label__content:focus,
8616
- button.pf-v5-c-label__content:focus {
8617
- --pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label__content--link--focus--before--BorderWidth);
8618
- --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label__content--link--focus--before--BorderColor);
8453
+ .pf-v5-c-jump-links__toggle .pf-v5-c-button {
8454
+ display: flex;
8455
+ align-items: center;
8619
8456
  }
8620
8457
 
8621
- .pf-v5-c-label__icon {
8622
- margin-inline-end: var(--pf-v5-c-label__icon--MarginRight);
8623
- color: var(--pf-v5-c-label__icon--Color);
8458
+ .pf-v5-c-jump-links__toggle-icon {
8459
+ display: inline-block;
8460
+ color: var(--pf-v5-c-jump-links__toggle-icon--Color);
8461
+ transition: var(--pf-v5-c-jump-links__toggle-icon--Transition);
8462
+ transform: rotate(var(--pf-v5-c-jump-links__toggle-icon--Rotate));
8624
8463
  }
8625
8464
 
8626
- .pf-v5-c-label__actions {
8627
- margin-inline-end: var(--pf-v5-c-label__actions--MarginRight);
8628
- font-size: var(--pf-v5-c-label__actions--FontSize);
8465
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-jump-links__toggle-icon {
8466
+ scale: -1 1;
8629
8467
  }
8630
8468
 
8631
- .pf-v5-c-label__actions .pf-v5-c-button {
8632
- --pf-v5-c-button--FontSize: var(--pf-v5-c-label__actions--c-button--FontSize);
8633
- --pf-v5-c-button--PaddingTop: var(--pf-v5-c-label__actions--c-button--PaddingTop);
8634
- --pf-v5-c-button--PaddingRight: var(--pf-v5-c-label__actions--c-button--PaddingRight);
8635
- --pf-v5-c-button--PaddingBottom: var(--pf-v5-c-label__actions--c-button--PaddingBottom);
8636
- --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-label__actions--c-button--PaddingLeft);
8637
- margin-block-start: var(--pf-v5-c-label__actions--c-button--MarginTop);
8638
- margin-block-end: var(--pf-v5-c-label__actions--c-button--MarginBottom);
8469
+ .pf-v5-c-jump-links__toggle-text {
8470
+ margin-inline-start: var(--pf-v5-c-jump-links__toggle-text--MarginLeft);
8471
+ color: var(--pf-v5-c-jump-links__toggle-text--Color);
8639
8472
  }
8640
8473
 
8641
- :where(.pf-v5-theme-dark) .pf-v5-c-label {
8642
- --pf-v5-c-label--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
8643
- --pf-v5-c-label--m-blue--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
8644
- --pf-v5-c-label--m-green--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
8645
- --pf-v5-c-label--m-orange--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
8646
- --pf-v5-c-label--m-red--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
8647
- --pf-v5-c-label--m-purple--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
8648
- --pf-v5-c-label--m-cyan--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
8649
- --pf-v5-c-label--m-gold--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
8650
- --pf-v5-c-label__content--before--BorderWidth: 0;
8651
- --pf-v5-c-label__content--before--BorderColor: transparent;
8652
- --pf-v5-c-label__content--link--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
8653
- --pf-v5-c-label__content--link--focus--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
8654
- --pf-v5-c-label--m-blue__content--Color: var(--pf-v5-global--primary-color--100);
8655
- --pf-v5-c-label--m-outline--m-blue__content--before--BorderColor: var(--pf-v5-global--active-color--200);
8656
- --pf-v5-c-label--m-outline--m-blue__content--link--hover--before--BorderColor: var(--pf-v5-global--active-color--200);
8657
- --pf-v5-c-label--m-outline--m-blue__content--link--focus--before--BorderColor: var(--pf-v5-global--active-color--200);
8658
- --pf-v5-c-label--m-green__content--Color: var(--pf-v5-global--success-color--100);
8659
- --pf-v5-c-label--m-outline--m-green__content--before--BorderColor: var(--pf-v5-global--palette--green-100);
8660
- --pf-v5-c-label--m-outline--m-green__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--green-100);
8661
- --pf-v5-c-label--m-outline--m-green__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--green-100);
8662
- --pf-v5-c-label--m-orange__content--Color: var(--pf-v5-global--palette--orange-300);
8663
- --pf-v5-c-label--m-outline--m-orange__content--Color: var(--pf-v5-global--palette--orange-300);
8664
- --pf-v5-c-label--m-outline--m-orange__content--before--BorderColor: var(--pf-v5-global--palette--gold-100);
8665
- --pf-v5-c-label--m-outline--m-orange__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--gold-100);
8666
- --pf-v5-c-label--m-outline--m-orange__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--gold-100);
8667
- --pf-v5-c-label--m-red__content--Color: var(--pf-v5-global--danger-color--100);
8668
- --pf-v5-c-label--m-outline--m-red__content--before--BorderColor: var(--pf-v5-global--danger-color--100);
8669
- --pf-v5-c-label--m-outline--m-red__content--link--hover--before--BorderColor: var(--pf-v5-global--danger-color--100);
8670
- --pf-v5-c-label--m-outline--m-red__content--link--focus--before--BorderColor: var(--pf-v5-global--danger-color--100);
8671
- --pf-v5-c-label--m-purple__content--Color: var(--pf-v5-global--palette--purple-300);
8672
- --pf-v5-c-label--m-purple__icon--Color: var(--pf-v5-global--palette--purple-300);
8673
- --pf-v5-c-label--m-purple__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--purple-300);
8674
- --pf-v5-c-label--m-purple__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--purple-300);
8675
- --pf-v5-c-label--m-outline--m-purple__content--before--BorderColor: var(--pf-v5-global--palette--purple-100);
8676
- --pf-v5-c-label--m-outline--m-purple__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--purple-100);
8677
- --pf-v5-c-label--m-outline--m-purple__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--purple-100);
8678
- --pf-v5-c-label--m-outline--m-purple__content--Color: var(--pf-v5-global--palette--purple-300);
8679
- --pf-v5-c-label--m-cyan__content--Color: var(--pf-v5-global--custom-color--200);
8680
- --pf-v5-c-label--m-outline--m-cyan__content--Color: var(--pf-v5-global--custom-color--200);
8681
- --pf-v5-c-label--m-outline--m-cyan__content--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
8682
- --pf-v5-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
8683
- --pf-v5-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
8684
- --pf-v5-c-label--m-gold__content--Color: var(--pf-v5-global--palette--gold-300);
8685
- --pf-v5-c-label--m-outline--m-gold__content--Color: var(--pf-v5-global--palette--gold-300);
8686
- --pf-v5-c-label--m-outline--m-gold__content--before--BorderColor: var(--pf-v5-global--palette--gold-100);
8687
- --pf-v5-c-label--m-outline--m-gold__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--gold-100);
8688
- --pf-v5-c-label--m-outline--m-gold__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--gold-100);
8474
+ .pf-v5-c-sidebar {
8475
+ --pf-v5-c-sidebar--inset: var(--pf-v5-global--spacer--md);
8476
+ --pf-v5-c-sidebar--xl--inset: var(--pf-v5-global--spacer--lg);
8477
+ --pf-v5-c-sidebar--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
8478
+ --pf-v5-c-sidebar--BorderWidth--base: var(--pf-v5-global--BorderWidth--sm);
8479
+ --pf-v5-c-sidebar--BorderColor--base: var(--pf-v5-global--BorderColor--100);
8480
+ --pf-v5-c-sidebar__panel--PaddingTop: 0;
8481
+ --pf-v5-c-sidebar__panel--PaddingRight: 0;
8482
+ --pf-v5-c-sidebar__panel--PaddingBottom: 0;
8483
+ --pf-v5-c-sidebar__panel--PaddingLeft: 0;
8484
+ --pf-v5-c-sidebar__panel--Order: -1;
8485
+ --pf-v5-c-sidebar__panel--m-padding--PaddingTop: var(--pf-v5-c-sidebar--inset);
8486
+ --pf-v5-c-sidebar__panel--m-padding--PaddingRight: var(--pf-v5-c-sidebar--inset);
8487
+ --pf-v5-c-sidebar__panel--m-padding--PaddingBottom: var(--pf-v5-c-sidebar--inset);
8488
+ --pf-v5-c-sidebar__panel--m-padding--PaddingLeft: var(--pf-v5-c-sidebar--inset);
8489
+ --pf-v5-c-sidebar__content--PaddingTop: 0;
8490
+ --pf-v5-c-sidebar__content--PaddingRight: 0;
8491
+ --pf-v5-c-sidebar__content--PaddingBottom: 0;
8492
+ --pf-v5-c-sidebar__content--PaddingLeft: 0;
8493
+ --pf-v5-c-sidebar__content--Order: 1;
8494
+ --pf-v5-c-sidebar__content--m-padding--PaddingTop: var(--pf-v5-c-sidebar--inset);
8495
+ --pf-v5-c-sidebar__content--m-padding--PaddingRight: var(--pf-v5-c-sidebar--inset);
8496
+ --pf-v5-c-sidebar__content--m-padding--PaddingBottom: var(--pf-v5-c-sidebar--inset);
8497
+ --pf-v5-c-sidebar__content--m-padding--PaddingLeft: var(--pf-v5-c-sidebar--inset);
8498
+ --pf-v5-c-sidebar__main--FlexDirection: column;
8499
+ --pf-v5-c-sidebar__main--md--FlexDirection: row;
8500
+ --pf-v5-c-sidebar__main--AlignItems: stretch;
8501
+ --pf-v5-c-sidebar__main--md--AlignItems: flex-start;
8502
+ --pf-v5-c-sidebar__main--child--MarginTop: 0;
8503
+ --pf-v5-c-sidebar--m-gutter__main--Gap: var(--pf-v5-c-sidebar--inset);
8504
+ --pf-v5-c-sidebar__main--m-border--before--Display: none;
8505
+ --pf-v5-c-sidebar__main--m-border--before--md--Display: block;
8506
+ --pf-v5-c-sidebar__main--m-border--before--BorderWidth: var(--pf-v5-c-sidebar--BorderWidth--base);
8507
+ --pf-v5-c-sidebar__main--m-border--before--BorderColor: var(--pf-v5-c-sidebar--BorderColor--base);
8508
+ --pf-v5-c-sidebar--m-panel-right__panel--Order: -1;
8509
+ --pf-v5-c-sidebar--m-panel-right__panel--md--Order: 1;
8510
+ --pf-v5-c-sidebar--m-panel-right__content--md--Order: -1;
8511
+ --pf-v5-c-sidebar--m-stack__main--FlexDirection: column;
8512
+ --pf-v5-c-sidebar--m-stack__main--AlignItems: stretch;
8513
+ --pf-v5-c-sidebar--m-stack__panel--Position: sticky;
8514
+ --pf-v5-c-sidebar--m-stack__panel--Top: 0;
8515
+ --pf-v5-c-sidebar--m-stack__panel--BoxShadow: var(--pf-v5-c-sidebar__panel--BoxShadow--base);
8516
+ --pf-v5-c-sidebar--m-stack--m-panel-right__panel--Order: -1;
8517
+ --pf-v5-c-sidebar--m-split__main--AlignItems: flex-start;
8518
+ --pf-v5-c-sidebar--m-split__main--FlexDirection: row;
8519
+ --pf-v5-c-sidebar--m-split__panel--Position: static;
8520
+ --pf-v5-c-sidebar--m-split__panel--Top: auto;
8521
+ --pf-v5-c-sidebar--m-split--m-panel-right__panel--Order: 1;
8522
+ --pf-v5-c-sidebar--m-split__main--m-border--before--Display: block;
8523
+ --pf-v5-c-sidebar__panel--FlexBasis--base: auto;
8524
+ --pf-v5-c-sidebar__panel--BoxShadow--base: 0 0.25rem 0.25rem -0.25rem rgba(3, 3, 3, 0.16);
8525
+ --pf-v5-c-sidebar__panel--BoxShadow: var(--pf-v5-c-sidebar__panel--BoxShadow--base);
8526
+ --pf-v5-c-sidebar__panel--Top: 0;
8527
+ --pf-v5-c-sidebar__panel--md--Top: auto;
8528
+ --pf-v5-c-sidebar__panel--Position: sticky;
8529
+ --pf-v5-c-sidebar__panel--md--Position: static;
8530
+ --pf-v5-c-sidebar__panel--FlexBasis-base: auto;
8531
+ --pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--FlexBasis-base);
8532
+ --pf-v5-c-sidebar__panel--md--FlexBasis: 15.625rem;
8533
+ --pf-v5-c-sidebar__panel--m-split--FlexBasis: 15.625rem;
8534
+ --pf-v5-c-sidebar__panel--m-stack--FlexBasis: auto;
8535
+ --pf-v5-c-sidebar__panel--ZIndex: var(--pf-v5-global--ZIndex--xs);
8536
+ --pf-v5-c-sidebar__panel--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
8537
+ --pf-v5-c-sidebar__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
8538
+ --pf-v5-c-sidebar__panel--m-sticky--Top: 0;
8539
+ --pf-v5-c-sidebar__panel--m-sticky--Position: sticky;
8540
+ height: 100%;
8689
8541
  }
8690
8542
 
8691
- .pf-v5-c-label-group {
8692
- --pf-v5-c-label-group--RowGap: var(--pf-v5-global--spacer--sm);
8693
- --pf-v5-c-label-group--ColumnGap: 0;
8694
- --pf-v5-c-label-group--m-vertical--RowGap: var(--pf-v5-global--spacer--sm);
8695
- --pf-v5-c-label-group--m-vertical--ColumnGap: var(--pf-v5-global--spacer--sm);
8696
- --pf-v5-c-label-group__main--RowGap: var(--pf-v5-global--spacer--xs);
8697
- --pf-v5-c-label-group__main--ColumnGap: var(--pf-v5-global--spacer--sm);
8698
- --pf-v5-c-label-group--m-vertical__main--RowGap: var(--pf-v5-global--spacer--sm);
8699
- --pf-v5-c-label-group--m-vertical__main--ColumnGap: var(--pf-v5-global--spacer--xs);
8700
- --pf-v5-c-label-group__list--RowGap: var(--pf-v5-global--spacer--xs);
8701
- --pf-v5-c-label-group__list--ColumnGap: var(--pf-v5-global--spacer--xs);
8702
- --pf-v5-c-label-group--m-vertical__list--RowGap: var(--pf-v5-global--spacer--xs);
8703
- --pf-v5-c-label-group--m-vertical__list--ColumnGap: var(--pf-v5-global--spacer--xs);
8704
- --pf-v5-c-label-group--m-category--PaddingTop: var(--pf-v5-global--spacer--xs);
8705
- --pf-v5-c-label-group--m-category--PaddingRight: var(--pf-v5-global--spacer--xs);
8706
- --pf-v5-c-label-group--m-category--PaddingBottom: var(--pf-v5-global--spacer--xs);
8707
- --pf-v5-c-label-group--m-category--PaddingLeft: var(--pf-v5-global--spacer--sm);
8708
- --pf-v5-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-v5-global--spacer--sm);
8709
- --pf-v5-c-label-group--m-category--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
8710
- --pf-v5-c-label-group--m-category--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
8711
- --pf-v5-c-label-group--m-category--BorderColor: var(--pf-v5-global--BorderColor--300);
8712
- --pf-v5-c-label-group--m-category--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
8713
- --pf-v5-c-label-group__label--FontSize: var(--pf-v5-global--FontSize--sm);
8714
- --pf-v5-c-label-group__label--MaxWidth: 18ch;
8715
- --pf-v5-c-label-group__close--MarginTop: calc(var(--pf-v5-global--spacer--xs) * -1);
8716
- --pf-v5-c-label-group__close--MarginBottom: calc(var(--pf-v5-global--spacer--xs) * -1);
8717
- --pf-v5-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
8718
- --pf-v5-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-v5-global--spacer--form-element) * -1);
8719
- --pf-v5-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
8720
- --pf-v5-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
8721
- --pf-v5-c-label-group__textarea--MinWidth: 12.5rem;
8722
- --pf-v5-c-label-group__textarea--PaddingTop: 0.125rem;
8723
- --pf-v5-c-label-group__textarea--PaddingRight: var(--pf-v5-global--spacer--xs);
8724
- --pf-v5-c-label-group__textarea--PaddingBottom: 0;
8725
- --pf-v5-c-label-group__textarea--PaddingLeft: var(--pf-v5-global--spacer--xs);
8726
- display: inline-flex;
8727
- row-gap: var(--pf-v5-c-label-group--RowGap);
8728
- column-gap: var(--pf-v5-c-label-group--ColumnGap);
8729
- align-items: center;
8543
+ @media (min-width: 768px) {
8544
+ .pf-v5-c-sidebar {
8545
+ --pf-v5-c-sidebar__main--FlexDirection: var(--pf-v5-c-sidebar__main--md--FlexDirection);
8546
+ --pf-v5-c-sidebar__main--AlignItems: var(--pf-v5-c-sidebar__main--md--AlignItems);
8547
+ --pf-v5-c-sidebar__main--m-border--before--Display: var(--pf-v5-c-sidebar__main--m-border--before--md--Display);
8548
+ --pf-v5-c-sidebar__panel--BoxShadow: none;
8549
+ --pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--md--FlexBasis);
8550
+ --pf-v5-c-sidebar__panel--Top: var(--pf-v5-c-sidebar__panel--md--Top);
8551
+ --pf-v5-c-sidebar__panel--Position: var(--pf-v5-c-sidebar__panel--md--Position);
8552
+ }
8553
+ }
8554
+ @media (min-width: 1200px) {
8555
+ .pf-v5-c-sidebar {
8556
+ --pf-v5-c-sidebar--inset: var(--pf-v5-c-sidebar--xl--inset);
8557
+ }
8558
+ }
8559
+ .pf-v5-c-sidebar.pf-m-gutter > .pf-v5-c-sidebar__main {
8560
+ gap: var(--pf-v5-c-sidebar--m-gutter__main--Gap);
8730
8561
  }
8731
8562
 
8732
- .pf-v5-c-label-group.pf-m-category {
8733
- padding-block-start: var(--pf-v5-c-label-group--m-category--PaddingTop);
8734
- padding-block-end: var(--pf-v5-c-label-group--m-category--PaddingBottom);
8735
- padding-inline-start: var(--pf-v5-c-label-group--m-category--PaddingLeft);
8736
- padding-inline-end: var(--pf-v5-c-label-group--m-category--PaddingRight);
8737
- background-color: var(--pf-v5-c-label-group--m-category--BackgroundColor);
8738
- border: var(--pf-v5-c-label-group--m-category--BorderWidth) solid var(--pf-v5-c-label-group--m-category--BorderColor);
8739
- border-radius: var(--pf-v5-c-label-group--m-category--BorderRadius);
8563
+ .pf-v5-c-sidebar.pf-m-panel-right {
8564
+ --pf-v5-c-sidebar__panel--Order: var(--pf-v5-c-sidebar--m-panel-right__panel--Order);
8565
+ --pf-v5-c-sidebar__content--Order: var(--pf-v5-c-sidebar--m-panel-right__content--Order);
8566
+ }
8567
+
8568
+ @media (min-width: 768px) {
8569
+ .pf-v5-c-sidebar.pf-m-panel-right {
8570
+ --pf-v5-c-sidebar--m-panel-right__panel--Order: var(--pf-v5-c-sidebar--m-panel-right__panel--md--Order);
8571
+ --pf-v5-c-sidebar--m-panel-right__content--Order: var(--pf-v5-c-sidebar--m-panel-right__content--md--Order);
8572
+ }
8573
+ }
8574
+ .pf-v5-c-sidebar.pf-m-stack {
8575
+ --pf-v5-c-sidebar__main--FlexDirection: var(--pf-v5-c-sidebar--m-stack__main--FlexDirection);
8576
+ --pf-v5-c-sidebar__main--AlignItems: var(--pf-v5-c-sidebar--m-stack__main--AlignItems);
8577
+ --pf-v5-c-sidebar__panel--Position: var(--pf-v5-c-sidebar--m-stack__panel--Position);
8578
+ --pf-v5-c-sidebar__panel--Top: var(--pf-v5-c-sidebar--m-stack__panel--Top);
8579
+ --pf-v5-c-sidebar__panel--BoxShadow: var(--pf-v5-c-sidebar--m-stack__panel--BoxShadow);
8580
+ --pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--m-stack--FlexBasis);
8581
+ --pf-v5-c-sidebar__main--m-border--before--Display: none;
8582
+ --pf-v5-c-sidebar--m-panel-right__panel--Order: var(--pf-v5-c-sidebar--m-stack--m-panel-right__panel--Order);
8740
8583
  }
8741
8584
 
8742
- .pf-v5-c-label-group.pf-m-vertical {
8743
- --pf-v5-c-label-group--RowGap: var(--pf-v5-c-label-group--m-vertical--RowGap);
8744
- --pf-v5-c-label-group--ColumnGap: var(--pf-v5-c-label-group--m-vertical--ColumnGap);
8745
- --pf-v5-c-label-group__main--RowGap: var(--pf-v5-c-label-group--m-vertical__main--RowGap);
8746
- --pf-v5-c-label-group__main--ColumnGap: var(--pf-v5-c-label-group--m-vertical__main--ColumnGap);
8747
- --pf-v5-c-label-group__list--RowGap: var(--pf-v5-c-label-group--m-vertical__list--RowGap);
8748
- --pf-v5-c-label-group__list--ColumnGap: var(--pf-v5-c-label-group--m-vertical__list--ColumnGap);
8749
- --pf-v5-c-label-group__close--MarginTop: var(--pf-v5-c-label-group--m-vertical__close--MarginTop);
8750
- --pf-v5-c-label-group__close--MarginLeft: var(--pf-v5-c-label-group--m-vertical__close--MarginLeft);
8751
- --pf-v5-c-label-group__close--MarginBottom: 0;
8752
- --pf-v5-c-label-group__close--MarginRight: var(--pf-v5-c-label-group--m-vertical__close--MarginRight);
8753
- --pf-v5-c-label-group--m-category--PaddingRight: var(--pf-v5-c-label-group--m-vertical--m-category--PaddingRight);
8585
+ .pf-v5-c-sidebar.pf-m-split {
8586
+ --pf-v5-c-sidebar__main--FlexDirection: var(--pf-v5-c-sidebar--m-split__main--FlexDirection);
8587
+ --pf-v5-c-sidebar__main--AlignItems: var(--pf-v5-c-sidebar--m-split__main--AlignItems);
8588
+ --pf-v5-c-sidebar__panel--Position: var(--pf-v5-c-sidebar--m-split__panel--Position);
8589
+ --pf-v5-c-sidebar__panel--Top: var(--pf-v5-c-sidebar--m-split__panel--Top);
8590
+ --pf-v5-c-sidebar__panel--BoxShadow: none;
8591
+ --pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--m-split--FlexBasis);
8592
+ --pf-v5-c-sidebar__main--m-border--before--Display: var(--pf-v5-c-sidebar--m-split__main--m-border--before--Display);
8593
+ --pf-v5-c-sidebar--m-panel-right__panel--Order: var(--pf-v5-c-sidebar--m-split--m-panel-right__panel--Order);
8754
8594
  }
8755
8595
 
8756
- .pf-v5-c-label-group.pf-m-vertical.pf-v5-c-label-group {
8757
- align-items: flex-start;
8596
+ .pf-v5-c-sidebar__main {
8597
+ display: flex;
8598
+ flex-direction: var(--pf-v5-c-sidebar__main--FlexDirection);
8599
+ align-items: var(--pf-v5-c-sidebar__main--AlignItems);
8758
8600
  }
8759
8601
 
8760
- .pf-v5-c-label-group.pf-m-vertical .pf-v5-c-label-group__list {
8761
- flex-direction: column;
8762
- align-items: flex-start;
8602
+ .pf-v5-c-sidebar__main.pf-m-border::before {
8603
+ display: var(--pf-v5-c-sidebar__main--m-border--before--Display);
8604
+ flex: 0 0 var(--pf-v5-c-sidebar__main--m-border--before--BorderWidth);
8605
+ align-self: stretch;
8606
+ content: "";
8607
+ background-color: var(--pf-v5-c-sidebar__main--m-border--before--BorderColor);
8763
8608
  }
8764
8609
 
8765
- .pf-v5-c-label-group.pf-m-vertical .pf-v5-c-label-group__main {
8766
- flex-direction: column;
8610
+ .pf-v5-c-sidebar__panel {
8611
+ position: var(--pf-v5-c-sidebar__panel--Position);
8612
+ inset-block-start: var(--pf-v5-c-sidebar__panel--Top);
8613
+ z-index: var(--pf-v5-c-sidebar__panel--ZIndex);
8614
+ flex-basis: var(--pf-v5-c-sidebar__panel--FlexBasis);
8615
+ flex-shrink: 0;
8616
+ order: var(--pf-v5-c-sidebar__panel--Order);
8617
+ padding-block-start: var(--pf-v5-c-sidebar__panel--PaddingTop);
8618
+ padding-block-end: var(--pf-v5-c-sidebar__panel--PaddingBottom);
8619
+ padding-inline-start: var(--pf-v5-c-sidebar__panel--PaddingLeft);
8620
+ padding-inline-end: var(--pf-v5-c-sidebar__panel--PaddingRight);
8621
+ background-color: var(--pf-v5-c-sidebar__panel--BackgroundColor);
8622
+ box-shadow: var(--pf-v5-c-sidebar__panel--BoxShadow);
8767
8623
  }
8768
8624
 
8769
- .pf-v5-c-label-group.pf-m-vertical .pf-v5-c-label-group__close .pf-v5-c-button {
8770
- --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-label-group--m-vertical__close--c-button--PaddingLeft);
8771
- --pf-v5-c-button--PaddingRight: var(--pf-v5-c-label-group--m-vertical__close--c-button--PaddingRight);
8625
+ .pf-v5-c-sidebar__panel.pf-m-padding {
8626
+ --pf-v5-c-sidebar__panel--PaddingTop: var(--pf-v5-c-sidebar__panel--m-padding--PaddingTop);
8627
+ --pf-v5-c-sidebar__panel--PaddingRight: var(--pf-v5-c-sidebar__panel--m-padding--PaddingRight);
8628
+ --pf-v5-c-sidebar__panel--PaddingBottom: var(--pf-v5-c-sidebar__panel--m-padding--PaddingBottom);
8629
+ --pf-v5-c-sidebar__panel--PaddingLeft: var(--pf-v5-c-sidebar__panel--m-padding--PaddingLeft);
8772
8630
  }
8773
8631
 
8774
- .pf-v5-c-label-group.pf-m-editable,
8775
- .pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__main,
8776
- .pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__list {
8777
- display: flex;
8632
+ .pf-v5-c-sidebar__panel.pf-m-sticky {
8633
+ --pf-v5-c-sidebar__panel--Position: var(--pf-v5-c-sidebar__panel--m-sticky--Position);
8634
+ --pf-v5-c-sidebar__panel--Top: var(--pf-v5-c-sidebar__panel--m-sticky--Top);
8778
8635
  }
8779
8636
 
8780
- .pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__main,
8781
- .pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__list,
8782
- .pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__list-item.pf-m-textarea,
8783
- .pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__textarea {
8784
- flex: 1;
8637
+ .pf-v5-c-sidebar__panel.pf-m-static {
8638
+ --pf-v5-c-sidebar__panel--Position: static;
8639
+ --pf-v5-c-sidebar__panel--Top: auto;
8785
8640
  }
8786
8641
 
8787
- .pf-v5-c-label-group__main {
8788
- display: flex;
8789
- flex: 1;
8790
- flex-wrap: wrap;
8791
- row-gap: var(--pf-v5-c-label-group__main--RowGap);
8792
- column-gap: var(--pf-v5-c-label-group__main--ColumnGap);
8793
- align-items: baseline;
8642
+ .pf-v5-c-sidebar__content {
8643
+ flex-grow: 1;
8644
+ order: var(--pf-v5-c-sidebar__content--Order);
8645
+ padding-block-start: var(--pf-v5-c-sidebar__content--PaddingTop);
8646
+ padding-block-end: var(--pf-v5-c-sidebar__content--PaddingBottom);
8647
+ padding-inline-start: var(--pf-v5-c-sidebar__content--PaddingLeft);
8648
+ padding-inline-end: var(--pf-v5-c-sidebar__content--PaddingRight);
8649
+ background-color: var(--pf-v5-c-sidebar__content--BackgroundColor);
8794
8650
  }
8795
8651
 
8796
- .pf-v5-c-label-group__list {
8797
- display: inline-flex;
8798
- flex-wrap: wrap;
8799
- row-gap: var(--pf-v5-c-label-group__list--RowGap);
8800
- column-gap: var(--pf-v5-c-label-group__list--ColumnGap);
8652
+ .pf-v5-c-sidebar__content.pf-m-padding {
8653
+ --pf-v5-c-sidebar__content--PaddingTop: var(--pf-v5-c-sidebar__content--m-padding--PaddingTop);
8654
+ --pf-v5-c-sidebar__content--PaddingRight: var(--pf-v5-c-sidebar__content--m-padding--PaddingRight);
8655
+ --pf-v5-c-sidebar__content--PaddingBottom: var(--pf-v5-c-sidebar__content--m-padding--PaddingBottom);
8656
+ --pf-v5-c-sidebar__content--PaddingLeft: var(--pf-v5-c-sidebar__content--m-padding--PaddingTop);
8801
8657
  }
8802
8658
 
8803
- .pf-v5-c-label-group__list-item {
8804
- display: inline-flex;
8659
+ .pf-v5-c-sidebar__content.pf-m-no-background {
8660
+ --pf-v5-c-sidebar__content--BackgroundColor: transparent;
8805
8661
  }
8806
8662
 
8807
- .pf-v5-c-label-group__label {
8808
- overflow: hidden;
8809
- text-overflow: ellipsis;
8810
- white-space: nowrap;
8811
- max-width: var(--pf-v5-c-label-group__label--MaxWidth);
8812
- font-size: var(--pf-v5-c-label-group__label--FontSize);
8663
+ .pf-v5-c-sidebar__content + .pf-v5-c-sidebar__panel {
8664
+ --pf-v5-c-sidebar__panel--Order: 1;
8813
8665
  }
8814
8666
 
8815
- .pf-v5-c-label-group__close {
8816
- display: flex;
8817
- align-self: flex-start;
8818
- margin-block-start: var(--pf-v5-c-label-group__close--MarginTop);
8819
- margin-block-end: var(--pf-v5-c-label-group__close--MarginBottom);
8820
- margin-inline-start: var(--pf-v5-c-label-group__close--MarginLeft);
8821
- margin-inline-end: var(--pf-v5-c-label-group__close--MarginRight);
8667
+ :where(.pf-v5-c-sidebar__content:first-child) {
8668
+ --pf-v5-c-sidebar__content--Order: -1;
8822
8669
  }
8823
8670
 
8824
- .pf-v5-c-label-group__textarea {
8825
- min-width: var(--pf-v5-c-label-group__textarea--MinWidth);
8826
- padding-block-start: var(--pf-v5-c-label-group__textarea--PaddingTop);
8827
- padding-block-end: var(--pf-v5-c-label-group__textarea--PaddingBottom);
8828
- padding-inline-start: var(--pf-v5-c-label-group__textarea--PaddingLeft);
8829
- padding-inline-end: var(--pf-v5-c-label-group__textarea--PaddingRight);
8830
- white-space: nowrap;
8831
- resize: none;
8832
- border: 0;
8833
- -ms-overflow-style: none;
8834
- scrollbar-width: none;
8671
+ .pf-v5-c-sidebar.pf-m-no-background,
8672
+ .pf-v5-c-sidebar__panel.pf-m-no-background,
8673
+ .pf-v5-c-sidebar__content.pf-m-no-background {
8674
+ background-color: transparent;
8835
8675
  }
8836
8676
 
8837
- .pf-v5-c-label-group__textarea::-webkit-scrollbar {
8838
- display: none;
8677
+ .pf-v5-c-sidebar__panel.pf-m-width-default {
8678
+ --pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--FlexBasis--base);
8839
8679
  }
8840
8680
 
8841
- .pf-v5-c-jump-links {
8842
- --pf-v5-c-jump-links__list--Display: flex;
8843
- --pf-v5-c-jump-links__list--PaddingTop: 0;
8844
- --pf-v5-c-jump-links__list--PaddingRight: var(--pf-v5-global--spacer--md);
8845
- --pf-v5-c-jump-links__list--PaddingBottom: 0;
8846
- --pf-v5-c-jump-links__list--PaddingLeft: var(--pf-v5-global--spacer--md);
8847
- --pf-v5-c-jump-links--m-vertical__list--PaddingTop: var(--pf-v5-global--spacer--md);
8848
- --pf-v5-c-jump-links--m-vertical__list--PaddingRight: 0;
8849
- --pf-v5-c-jump-links--m-vertical__list--PaddingBottom: var(--pf-v5-global--spacer--md);
8850
- --pf-v5-c-jump-links--m-vertical__list--PaddingLeft: 0;
8851
- --pf-v5-c-jump-links__list--FlexDirection: row;
8852
- --pf-v5-c-jump-links--m-vertical__list--FlexDirection: column;
8853
- --pf-v5-c-jump-links__list--before--BorderColor: var(--pf-v5-global--BorderColor--100);
8854
- --pf-v5-c-jump-links__list--before--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm);
8855
- --pf-v5-c-jump-links__list--before--BorderRightWidth: 0;
8856
- --pf-v5-c-jump-links__list--before--BorderBottomWidth: 0;
8857
- --pf-v5-c-jump-links__list--before--BorderLeftWidth: 0;
8858
- --pf-v5-c-jump-links--m-vertical__list--before--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
8859
- --pf-v5-c-jump-links--m-vertical__list--before--BorderTopWidth: 0;
8860
- --pf-v5-c-jump-links__list__list--MarginTop: calc(var(--pf-v5-global--spacer--sm) * -1);
8861
- --pf-v5-c-jump-links__link--PaddingTop: var(--pf-v5-global--spacer--md);
8862
- --pf-v5-c-jump-links__link--PaddingRight: var(--pf-v5-global--spacer--md);
8863
- --pf-v5-c-jump-links__link--PaddingBottom: var(--pf-v5-global--spacer--md);
8864
- --pf-v5-c-jump-links__link--PaddingLeft: var(--pf-v5-global--spacer--md);
8865
- --pf-v5-c-jump-links__list__list__link--PaddingTop: var(--pf-v5-global--spacer--sm);
8866
- --pf-v5-c-jump-links__list__list__link--PaddingLeft: var(--pf-v5-global--spacer--lg);
8867
- --pf-v5-c-jump-links__list__list__link--PaddingBottom: var(--pf-v5-global--spacer--sm);
8868
- --pf-v5-c-jump-links__link--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--sm));
8869
- --pf-v5-c-jump-links__link--before--BorderTopWidth: 0;
8870
- --pf-v5-c-jump-links__link--before--BorderRightWidth: 0;
8871
- --pf-v5-c-jump-links__link--before--BorderBottomWidth: 0;
8872
- --pf-v5-c-jump-links__link--before--BorderLeftWidth: 0;
8873
- --pf-v5-c-jump-links__link--before--BorderColor: transparent;
8874
- --pf-v5-c-jump-links__item--m-current__link--before--BorderTopWidth: var(--pf-v5-global--BorderWidth--lg);
8875
- --pf-v5-c-jump-links__item--m-current__link--before--BorderLeftWidth: 0;
8876
- --pf-v5-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-v5-global--primary-color--100);
8877
- --pf-v5-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth: 0;
8878
- --pf-v5-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth: var(--pf-v5-global--BorderWidth--lg);
8879
- --pf-v5-c-jump-links__link-text--Color: var(--pf-v5-global--Color--200);
8880
- --pf-v5-c-jump-links__link--hover__link-text--Color: var(--pf-v5-global--Color--100);
8881
- --pf-v5-c-jump-links__link--focus__link-text--Color: var(--pf-v5-global--Color--100);
8882
- --pf-v5-c-jump-links__item--m-current__link-text--Color: var(--pf-v5-global--Color--100);
8883
- --pf-v5-c-jump-links__label--MarginBottom: var(--pf-v5-global--spacer--md);
8884
- --pf-v5-c-jump-links__label--Display: block;
8885
- --pf-v5-c-jump-links__toggle--MarginTop: calc(-1 * var(--pf-v5-global--spacer--form-element));
8886
- --pf-v5-c-jump-links__toggle--MarginBottom--base: calc(-1 * var(--pf-v5-global--spacer--form-element));
8887
- --pf-v5-c-jump-links__toggle--MarginBottom: var(--pf-v5-c-jump-links__toggle--MarginBottom--base);
8888
- --pf-v5-c-jump-links--m-expanded__toggle--MarginBottom: calc(var(--pf-v5-c-jump-links__toggle--MarginBottom--base) + var(--pf-v5-global--spacer--md));
8889
- --pf-v5-c-jump-links__toggle--MarginLeft: calc(-1 * var(--pf-v5-global--spacer--md));
8890
- --pf-v5-c-jump-links__toggle--Display: none;
8891
- --pf-v5-c-jump-links__toggle-icon--Color: currentcolor;
8892
- --pf-v5-c-jump-links__toggle-icon--Transition: var(--pf-v5-global--Transition);
8893
- --pf-v5-c-jump-links__toggle-icon--Rotate: 0;
8894
- --pf-v5-c-jump-links--m-expanded__toggle-icon--Color: var(--pf-v5-global--Color--100);
8895
- --pf-v5-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
8896
- --pf-v5-c-jump-links__toggle-text--MarginLeft: var(--pf-v5-global--spacer--md);
8897
- --pf-v5-c-jump-links__toggle-text--Color: var(--pf-v5-global--Color--100);
8898
- display: flex;
8681
+ .pf-v5-c-sidebar__panel.pf-m-width-25 {
8682
+ --pf-v5-c-sidebar__panel--FlexBasis: 25%;
8899
8683
  }
8900
8684
 
8901
- .pf-v5-c-jump-links.pf-m-center {
8902
- justify-content: center;
8685
+ .pf-v5-c-sidebar__panel.pf-m-width-33 {
8686
+ --pf-v5-c-sidebar__panel--FlexBasis: 33%;
8903
8687
  }
8904
8688
 
8905
- .pf-v5-c-jump-links.pf-m-center .pf-v5-c-jump-links__main {
8906
- align-items: center;
8689
+ .pf-v5-c-sidebar__panel.pf-m-width-50 {
8690
+ --pf-v5-c-sidebar__panel--FlexBasis: 50%;
8907
8691
  }
8908
8692
 
8909
- .pf-v5-c-jump-links.pf-m-vertical, .pf-v5-c-jump-links.pf-m-expandable {
8910
- --pf-v5-c-jump-links__list--PaddingTop: var(--pf-v5-c-jump-links--m-vertical__list--PaddingTop);
8911
- --pf-v5-c-jump-links__list--PaddingRight: var(--pf-v5-c-jump-links--m-vertical__list--PaddingRight);
8912
- --pf-v5-c-jump-links__list--PaddingBottom: var(--pf-v5-c-jump-links--m-vertical__list--PaddingBottom);
8913
- --pf-v5-c-jump-links__list--PaddingLeft: var(--pf-v5-c-jump-links--m-vertical__list--PaddingLeft);
8914
- --pf-v5-c-jump-links__list--before--BorderTopWidth: var(--pf-v5-c-jump-links--m-vertical__list--before--BorderTopWidth);
8915
- --pf-v5-c-jump-links__list--before--BorderLeftWidth: var(--pf-v5-c-jump-links--m-vertical__list--before--BorderLeftWidth);
8916
- --pf-v5-c-jump-links__item--m-current__link--before--BorderTopWidth: var(--pf-v5-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth);
8917
- --pf-v5-c-jump-links__item--m-current__link--before--BorderLeftWidth: var(--pf-v5-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth);
8918
- --pf-v5-c-jump-links__list--FlexDirection: var(--pf-v5-c-jump-links--m-vertical__list--FlexDirection);
8919
- flex-direction: column;
8693
+ .pf-v5-c-sidebar__panel.pf-m-width-66 {
8694
+ --pf-v5-c-sidebar__panel--FlexBasis: 66%;
8920
8695
  }
8921
8696
 
8922
- .pf-v5-c-jump-links.pf-m-expandable {
8923
- --pf-v5-c-jump-links__list--Display: none;
8924
- --pf-v5-c-jump-links__toggle--Display: block;
8925
- --pf-v5-c-jump-links__label--Display: none;
8697
+ .pf-v5-c-sidebar__panel.pf-m-width-75 {
8698
+ --pf-v5-c-sidebar__panel--FlexBasis: 75%;
8926
8699
  }
8927
8700
 
8928
- .pf-v5-c-jump-links.pf-m-non-expandable {
8929
- --pf-v5-c-jump-links__list--Display: flex;
8930
- --pf-v5-c-jump-links__toggle--Display: none;
8931
- --pf-v5-c-jump-links__label--Display: block;
8701
+ .pf-v5-c-sidebar__panel.pf-m-width-100 {
8702
+ --pf-v5-c-sidebar__panel--FlexBasis: 100%;
8932
8703
  }
8933
8704
 
8934
8705
  @media (min-width: 576px) {
8935
- .pf-v5-c-jump-links.pf-m-expandable-on-sm {
8936
- --pf-v5-c-jump-links__list--Display: none;
8937
- --pf-v5-c-jump-links__toggle--Display: block;
8938
- --pf-v5-c-jump-links__label--Display: none;
8706
+ .pf-v5-c-sidebar__panel.pf-m-width-default-on-sm {
8707
+ --pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--FlexBasis--base);
8708
+ }
8709
+ .pf-v5-c-sidebar__panel.pf-m-width-25-on-sm {
8710
+ --pf-v5-c-sidebar__panel--FlexBasis: 25%;
8711
+ }
8712
+ .pf-v5-c-sidebar__panel.pf-m-width-33-on-sm {
8713
+ --pf-v5-c-sidebar__panel--FlexBasis: 33%;
8714
+ }
8715
+ .pf-v5-c-sidebar__panel.pf-m-width-50-on-sm {
8716
+ --pf-v5-c-sidebar__panel--FlexBasis: 50%;
8717
+ }
8718
+ .pf-v5-c-sidebar__panel.pf-m-width-66-on-sm {
8719
+ --pf-v5-c-sidebar__panel--FlexBasis: 66%;
8939
8720
  }
8940
- .pf-v5-c-jump-links.pf-m-non-expandable-on-sm {
8941
- --pf-v5-c-jump-links__list--Display: flex;
8942
- --pf-v5-c-jump-links__toggle--Display: none;
8943
- --pf-v5-c-jump-links__label--Display: block;
8721
+ .pf-v5-c-sidebar__panel.pf-m-width-75-on-sm {
8722
+ --pf-v5-c-sidebar__panel--FlexBasis: 75%;
8723
+ }
8724
+ .pf-v5-c-sidebar__panel.pf-m-width-100-on-sm {
8725
+ --pf-v5-c-sidebar__panel--FlexBasis: 100%;
8944
8726
  }
8945
8727
  }
8946
8728
  @media (min-width: 768px) {
8947
- .pf-v5-c-jump-links.pf-m-expandable-on-md {
8948
- --pf-v5-c-jump-links__list--Display: none;
8949
- --pf-v5-c-jump-links__toggle--Display: block;
8950
- --pf-v5-c-jump-links__label--Display: none;
8729
+ .pf-v5-c-sidebar__panel.pf-m-width-default-on-md {
8730
+ --pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--FlexBasis--base);
8951
8731
  }
8952
- .pf-v5-c-jump-links.pf-m-non-expandable-on-md {
8953
- --pf-v5-c-jump-links__list--Display: flex;
8954
- --pf-v5-c-jump-links__toggle--Display: none;
8955
- --pf-v5-c-jump-links__label--Display: block;
8732
+ .pf-v5-c-sidebar__panel.pf-m-width-25-on-md {
8733
+ --pf-v5-c-sidebar__panel--FlexBasis: 25%;
8734
+ }
8735
+ .pf-v5-c-sidebar__panel.pf-m-width-33-on-md {
8736
+ --pf-v5-c-sidebar__panel--FlexBasis: 33%;
8737
+ }
8738
+ .pf-v5-c-sidebar__panel.pf-m-width-50-on-md {
8739
+ --pf-v5-c-sidebar__panel--FlexBasis: 50%;
8740
+ }
8741
+ .pf-v5-c-sidebar__panel.pf-m-width-66-on-md {
8742
+ --pf-v5-c-sidebar__panel--FlexBasis: 66%;
8743
+ }
8744
+ .pf-v5-c-sidebar__panel.pf-m-width-75-on-md {
8745
+ --pf-v5-c-sidebar__panel--FlexBasis: 75%;
8746
+ }
8747
+ .pf-v5-c-sidebar__panel.pf-m-width-100-on-md {
8748
+ --pf-v5-c-sidebar__panel--FlexBasis: 100%;
8956
8749
  }
8957
8750
  }
8958
8751
  @media (min-width: 992px) {
8959
- .pf-v5-c-jump-links.pf-m-expandable-on-lg {
8960
- --pf-v5-c-jump-links__list--Display: none;
8961
- --pf-v5-c-jump-links__toggle--Display: block;
8962
- --pf-v5-c-jump-links__label--Display: none;
8752
+ .pf-v5-c-sidebar__panel.pf-m-width-default-on-lg {
8753
+ --pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--FlexBasis--base);
8963
8754
  }
8964
- .pf-v5-c-jump-links.pf-m-non-expandable-on-lg {
8965
- --pf-v5-c-jump-links__list--Display: flex;
8966
- --pf-v5-c-jump-links__toggle--Display: none;
8967
- --pf-v5-c-jump-links__label--Display: block;
8755
+ .pf-v5-c-sidebar__panel.pf-m-width-25-on-lg {
8756
+ --pf-v5-c-sidebar__panel--FlexBasis: 25%;
8757
+ }
8758
+ .pf-v5-c-sidebar__panel.pf-m-width-33-on-lg {
8759
+ --pf-v5-c-sidebar__panel--FlexBasis: 33%;
8760
+ }
8761
+ .pf-v5-c-sidebar__panel.pf-m-width-50-on-lg {
8762
+ --pf-v5-c-sidebar__panel--FlexBasis: 50%;
8763
+ }
8764
+ .pf-v5-c-sidebar__panel.pf-m-width-66-on-lg {
8765
+ --pf-v5-c-sidebar__panel--FlexBasis: 66%;
8766
+ }
8767
+ .pf-v5-c-sidebar__panel.pf-m-width-75-on-lg {
8768
+ --pf-v5-c-sidebar__panel--FlexBasis: 75%;
8769
+ }
8770
+ .pf-v5-c-sidebar__panel.pf-m-width-100-on-lg {
8771
+ --pf-v5-c-sidebar__panel--FlexBasis: 100%;
8968
8772
  }
8969
8773
  }
8970
8774
  @media (min-width: 1200px) {
8971
- .pf-v5-c-jump-links.pf-m-expandable-on-xl {
8972
- --pf-v5-c-jump-links__list--Display: none;
8973
- --pf-v5-c-jump-links__toggle--Display: block;
8974
- --pf-v5-c-jump-links__label--Display: none;
8775
+ .pf-v5-c-sidebar__panel.pf-m-width-default-on-xl {
8776
+ --pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--FlexBasis--base);
8975
8777
  }
8976
- .pf-v5-c-jump-links.pf-m-non-expandable-on-xl {
8977
- --pf-v5-c-jump-links__list--Display: flex;
8978
- --pf-v5-c-jump-links__toggle--Display: none;
8979
- --pf-v5-c-jump-links__label--Display: block;
8778
+ .pf-v5-c-sidebar__panel.pf-m-width-25-on-xl {
8779
+ --pf-v5-c-sidebar__panel--FlexBasis: 25%;
8780
+ }
8781
+ .pf-v5-c-sidebar__panel.pf-m-width-33-on-xl {
8782
+ --pf-v5-c-sidebar__panel--FlexBasis: 33%;
8783
+ }
8784
+ .pf-v5-c-sidebar__panel.pf-m-width-50-on-xl {
8785
+ --pf-v5-c-sidebar__panel--FlexBasis: 50%;
8786
+ }
8787
+ .pf-v5-c-sidebar__panel.pf-m-width-66-on-xl {
8788
+ --pf-v5-c-sidebar__panel--FlexBasis: 66%;
8789
+ }
8790
+ .pf-v5-c-sidebar__panel.pf-m-width-75-on-xl {
8791
+ --pf-v5-c-sidebar__panel--FlexBasis: 75%;
8792
+ }
8793
+ .pf-v5-c-sidebar__panel.pf-m-width-100-on-xl {
8794
+ --pf-v5-c-sidebar__panel--FlexBasis: 100%;
8980
8795
  }
8981
8796
  }
8982
8797
  @media (min-width: 1450px) {
8983
- .pf-v5-c-jump-links.pf-m-expandable-on-2xl {
8984
- --pf-v5-c-jump-links__list--Display: none;
8985
- --pf-v5-c-jump-links__toggle--Display: block;
8986
- --pf-v5-c-jump-links__label--Display: none;
8798
+ .pf-v5-c-sidebar__panel.pf-m-width-default-on-2xl {
8799
+ --pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--FlexBasis--base);
8987
8800
  }
8988
- .pf-v5-c-jump-links.pf-m-non-expandable-on-2xl {
8989
- --pf-v5-c-jump-links__list--Display: flex;
8990
- --pf-v5-c-jump-links__toggle--Display: none;
8991
- --pf-v5-c-jump-links__label--Display: block;
8801
+ .pf-v5-c-sidebar__panel.pf-m-width-25-on-2xl {
8802
+ --pf-v5-c-sidebar__panel--FlexBasis: 25%;
8803
+ }
8804
+ .pf-v5-c-sidebar__panel.pf-m-width-33-on-2xl {
8805
+ --pf-v5-c-sidebar__panel--FlexBasis: 33%;
8806
+ }
8807
+ .pf-v5-c-sidebar__panel.pf-m-width-50-on-2xl {
8808
+ --pf-v5-c-sidebar__panel--FlexBasis: 50%;
8809
+ }
8810
+ .pf-v5-c-sidebar__panel.pf-m-width-66-on-2xl {
8811
+ --pf-v5-c-sidebar__panel--FlexBasis: 66%;
8812
+ }
8813
+ .pf-v5-c-sidebar__panel.pf-m-width-75-on-2xl {
8814
+ --pf-v5-c-sidebar__panel--FlexBasis: 75%;
8815
+ }
8816
+ .pf-v5-c-sidebar__panel.pf-m-width-100-on-2xl {
8817
+ --pf-v5-c-sidebar__panel--FlexBasis: 100%;
8992
8818
  }
8993
8819
  }
8994
- .pf-v5-c-jump-links.pf-m-expanded {
8995
- --pf-v5-c-jump-links__list--Display: flex;
8996
- --pf-v5-c-jump-links__toggle--MarginBottom: var(--pf-v5-c-jump-links--m-expanded__toggle--MarginBottom);
8997
- --pf-v5-c-jump-links__toggle-icon--Rotate: var(--pf-v5-c-jump-links--m-expanded__toggle-icon--Rotate);
8998
- --pf-v5-c-jump-links__toggle-icon--Color: var(--pf-v5-c-jump-links--m-expanded__toggle-icon--Color);
8999
- }
9000
-
9001
- .pf-v5-c-jump-links__list {
9002
- position: relative;
9003
- display: var(--pf-v5-c-jump-links__list--Display);
9004
- flex-direction: var(--pf-v5-c-jump-links__list--FlexDirection);
9005
- padding-block-start: var(--pf-v5-c-jump-links__list--PaddingTop);
9006
- padding-block-end: var(--pf-v5-c-jump-links__list--PaddingBottom);
9007
- padding-inline-start: var(--pf-v5-c-jump-links__list--PaddingLeft);
9008
- padding-inline-end: var(--pf-v5-c-jump-links__list--PaddingRight);
9009
- }
9010
-
9011
- .pf-v5-c-jump-links__list::before {
9012
- position: absolute;
9013
- inset: 0;
9014
- pointer-events: none;
9015
- content: "";
9016
- border: solid var(--pf-v5-c-jump-links__list--before--BorderColor);
9017
- border-block-start-width: var(--pf-v5-c-jump-links__list--before--BorderTopWidth);
9018
- border-block-end-width: var(--pf-v5-c-jump-links__list--before--BorderBottomWidth);
9019
- border-inline-start-width: var(--pf-v5-c-jump-links__list--before--BorderLeftWidth);
9020
- border-inline-end-width: var(--pf-v5-c-jump-links__list--before--BorderRightWidth);
8820
+ .pf-v5-c-label-group {
8821
+ --pf-v5-c-label-group--RowGap: var(--pf-v5-global--spacer--sm);
8822
+ --pf-v5-c-label-group--ColumnGap: 0;
8823
+ --pf-v5-c-label-group--m-vertical--RowGap: var(--pf-v5-global--spacer--sm);
8824
+ --pf-v5-c-label-group--m-vertical--ColumnGap: var(--pf-v5-global--spacer--sm);
8825
+ --pf-v5-c-label-group__main--RowGap: var(--pf-v5-global--spacer--xs);
8826
+ --pf-v5-c-label-group__main--ColumnGap: var(--pf-v5-global--spacer--sm);
8827
+ --pf-v5-c-label-group--m-vertical__main--RowGap: var(--pf-v5-global--spacer--sm);
8828
+ --pf-v5-c-label-group--m-vertical__main--ColumnGap: var(--pf-v5-global--spacer--xs);
8829
+ --pf-v5-c-label-group__list--RowGap: var(--pf-v5-global--spacer--xs);
8830
+ --pf-v5-c-label-group__list--ColumnGap: var(--pf-v5-global--spacer--xs);
8831
+ --pf-v5-c-label-group--m-vertical__list--RowGap: var(--pf-v5-global--spacer--xs);
8832
+ --pf-v5-c-label-group--m-vertical__list--ColumnGap: var(--pf-v5-global--spacer--xs);
8833
+ --pf-v5-c-label-group--m-category--PaddingTop: var(--pf-v5-global--spacer--xs);
8834
+ --pf-v5-c-label-group--m-category--PaddingRight: var(--pf-v5-global--spacer--xs);
8835
+ --pf-v5-c-label-group--m-category--PaddingBottom: var(--pf-v5-global--spacer--xs);
8836
+ --pf-v5-c-label-group--m-category--PaddingLeft: var(--pf-v5-global--spacer--sm);
8837
+ --pf-v5-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-v5-global--spacer--sm);
8838
+ --pf-v5-c-label-group--m-category--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
8839
+ --pf-v5-c-label-group--m-category--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
8840
+ --pf-v5-c-label-group--m-category--BorderColor: var(--pf-v5-global--BorderColor--300);
8841
+ --pf-v5-c-label-group--m-category--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
8842
+ --pf-v5-c-label-group__label--FontSize: var(--pf-v5-global--FontSize--sm);
8843
+ --pf-v5-c-label-group__label--MaxWidth: 18ch;
8844
+ --pf-v5-c-label-group__close--MarginTop: calc(var(--pf-v5-global--spacer--xs) * -1);
8845
+ --pf-v5-c-label-group__close--MarginBottom: calc(var(--pf-v5-global--spacer--xs) * -1);
8846
+ --pf-v5-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
8847
+ --pf-v5-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-v5-global--spacer--form-element) * -1);
8848
+ --pf-v5-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
8849
+ --pf-v5-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
8850
+ --pf-v5-c-label-group__textarea--MinWidth: 12.5rem;
8851
+ --pf-v5-c-label-group__textarea--PaddingTop: 0.125rem;
8852
+ --pf-v5-c-label-group__textarea--PaddingRight: var(--pf-v5-global--spacer--xs);
8853
+ --pf-v5-c-label-group__textarea--PaddingBottom: 0;
8854
+ --pf-v5-c-label-group__textarea--PaddingLeft: var(--pf-v5-global--spacer--xs);
8855
+ display: inline-flex;
8856
+ row-gap: var(--pf-v5-c-label-group--RowGap);
8857
+ column-gap: var(--pf-v5-c-label-group--ColumnGap);
8858
+ align-items: center;
9021
8859
  }
9022
8860
 
9023
- .pf-v5-c-jump-links__list .pf-v5-c-jump-links__list {
9024
- --pf-v5-c-jump-links__list--PaddingTop: 0;
9025
- --pf-v5-c-jump-links__list--PaddingBottom: 0;
9026
- --pf-v5-c-jump-links__link--PaddingTop: var(--pf-v5-c-jump-links__list__list__link--PaddingTop);
9027
- --pf-v5-c-jump-links__link--PaddingBottom: var(--pf-v5-c-jump-links__list__list__link--PaddingBottom);
9028
- --pf-v5-c-jump-links__link--PaddingLeft: var(--pf-v5-c-jump-links__list__list__link--PaddingLeft);
9029
- margin-block-start: var(--pf-v5-c-jump-links__list__list--MarginTop);
8861
+ .pf-v5-c-label-group.pf-m-category {
8862
+ padding-block-start: var(--pf-v5-c-label-group--m-category--PaddingTop);
8863
+ padding-block-end: var(--pf-v5-c-label-group--m-category--PaddingBottom);
8864
+ padding-inline-start: var(--pf-v5-c-label-group--m-category--PaddingLeft);
8865
+ padding-inline-end: var(--pf-v5-c-label-group--m-category--PaddingRight);
8866
+ background-color: var(--pf-v5-c-label-group--m-category--BackgroundColor);
8867
+ border: var(--pf-v5-c-label-group--m-category--BorderWidth) solid var(--pf-v5-c-label-group--m-category--BorderColor);
8868
+ border-radius: var(--pf-v5-c-label-group--m-category--BorderRadius);
9030
8869
  }
9031
8870
 
9032
- .pf-v5-c-jump-links__link {
9033
- position: relative;
9034
- display: flex;
9035
- flex: 1;
9036
- padding-block-start: var(--pf-v5-c-jump-links__link--PaddingTop);
9037
- padding-block-end: var(--pf-v5-c-jump-links__link--PaddingBottom);
9038
- padding-inline-start: var(--pf-v5-c-jump-links__link--PaddingLeft);
9039
- padding-inline-end: var(--pf-v5-c-jump-links__link--PaddingRight);
9040
- text-decoration: none;
9041
- outline-offset: var(--pf-v5-c-jump-links__link--OutlineOffset);
8871
+ .pf-v5-c-label-group.pf-m-vertical {
8872
+ --pf-v5-c-label-group--RowGap: var(--pf-v5-c-label-group--m-vertical--RowGap);
8873
+ --pf-v5-c-label-group--ColumnGap: var(--pf-v5-c-label-group--m-vertical--ColumnGap);
8874
+ --pf-v5-c-label-group__main--RowGap: var(--pf-v5-c-label-group--m-vertical__main--RowGap);
8875
+ --pf-v5-c-label-group__main--ColumnGap: var(--pf-v5-c-label-group--m-vertical__main--ColumnGap);
8876
+ --pf-v5-c-label-group__list--RowGap: var(--pf-v5-c-label-group--m-vertical__list--RowGap);
8877
+ --pf-v5-c-label-group__list--ColumnGap: var(--pf-v5-c-label-group--m-vertical__list--ColumnGap);
8878
+ --pf-v5-c-label-group__close--MarginTop: var(--pf-v5-c-label-group--m-vertical__close--MarginTop);
8879
+ --pf-v5-c-label-group__close--MarginLeft: var(--pf-v5-c-label-group--m-vertical__close--MarginLeft);
8880
+ --pf-v5-c-label-group__close--MarginBottom: 0;
8881
+ --pf-v5-c-label-group__close--MarginRight: var(--pf-v5-c-label-group--m-vertical__close--MarginRight);
8882
+ --pf-v5-c-label-group--m-category--PaddingRight: var(--pf-v5-c-label-group--m-vertical--m-category--PaddingRight);
9042
8883
  }
9043
8884
 
9044
- .pf-v5-c-jump-links__link:hover {
9045
- --pf-v5-c-jump-links__link-text--Color: var(--pf-v5-c-jump-links__link--hover__link-text--Color);
8885
+ .pf-v5-c-label-group.pf-m-vertical.pf-v5-c-label-group {
8886
+ align-items: flex-start;
9046
8887
  }
9047
8888
 
9048
- .pf-v5-c-jump-links__link:focus {
9049
- --pf-v5-c-jump-links__link-text--Color: var(--pf-v5-c-jump-links__link--focus__link-text--Color);
8889
+ .pf-v5-c-label-group.pf-m-vertical .pf-v5-c-label-group__list {
8890
+ flex-direction: column;
8891
+ align-items: flex-start;
9050
8892
  }
9051
8893
 
9052
- .pf-v5-c-jump-links__link::before {
9053
- position: absolute;
9054
- inset: 0;
9055
- pointer-events: none;
9056
- content: "";
9057
- border-color: var(--pf-v5-c-jump-links__link--before--BorderColor);
9058
- border-style: solid;
9059
- border-block-start-width: var(--pf-v5-c-jump-links__link--before--BorderTopWidth);
9060
- border-block-end-width: var(--pf-v5-c-jump-links__link--before--BorderBottomWidth);
9061
- border-inline-start-width: var(--pf-v5-c-jump-links__link--before--BorderLeftWidth);
9062
- border-inline-end-width: var(--pf-v5-c-jump-links__link--before--BorderRightWidth);
8894
+ .pf-v5-c-label-group.pf-m-vertical .pf-v5-c-label-group__main {
8895
+ flex-direction: column;
9063
8896
  }
9064
8897
 
9065
- .pf-v5-c-jump-links__item {
9066
- --pf-v5-c-jump-links__list--before--BorderColor: transparent;
8898
+ .pf-v5-c-label-group.pf-m-vertical .pf-v5-c-label-group__close .pf-v5-c-button {
8899
+ --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-label-group--m-vertical__close--c-button--PaddingLeft);
8900
+ --pf-v5-c-button--PaddingRight: var(--pf-v5-c-label-group--m-vertical__close--c-button--PaddingRight);
9067
8901
  }
9068
8902
 
9069
- .pf-v5-c-jump-links__item.pf-m-current > .pf-v5-c-jump-links__link {
9070
- --pf-v5-c-jump-links__link--before--BorderTopWidth: var(--pf-v5-c-jump-links__item--m-current__link--before--BorderTopWidth);
9071
- --pf-v5-c-jump-links__link--before--BorderLeftWidth: var(--pf-v5-c-jump-links__item--m-current__link--before--BorderLeftWidth);
9072
- --pf-v5-c-jump-links__link--before--BorderColor: var(--pf-v5-c-jump-links__item--m-current__link--before--BorderColor);
9073
- --pf-v5-c-jump-links__link-text--Color: var(--pf-v5-c-jump-links__item--m-current__link-text--Color);
8903
+ .pf-v5-c-label-group.pf-m-editable,
8904
+ .pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__main,
8905
+ .pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__list {
8906
+ display: flex;
9074
8907
  }
9075
8908
 
9076
- .pf-v5-c-jump-links__link-text {
9077
- color: var(--pf-v5-c-jump-links__link-text--Color);
8909
+ .pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__main,
8910
+ .pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__list,
8911
+ .pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__list-item.pf-m-textarea,
8912
+ .pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__textarea {
8913
+ flex: 1;
9078
8914
  }
9079
8915
 
9080
- .pf-v5-c-jump-links__label {
9081
- display: var(--pf-v5-c-jump-links__label--Display);
9082
- margin-block-end: var(--pf-v5-c-jump-links__label--MarginBottom);
8916
+ .pf-v5-c-label-group__main {
8917
+ display: flex;
8918
+ flex: 1;
8919
+ flex-wrap: wrap;
8920
+ row-gap: var(--pf-v5-c-label-group__main--RowGap);
8921
+ column-gap: var(--pf-v5-c-label-group__main--ColumnGap);
8922
+ align-items: baseline;
9083
8923
  }
9084
8924
 
9085
- .pf-v5-c-jump-links__main {
9086
- display: flex;
9087
- flex-direction: column;
8925
+ .pf-v5-c-label-group__list {
8926
+ display: inline-flex;
8927
+ flex-wrap: wrap;
8928
+ row-gap: var(--pf-v5-c-label-group__list--RowGap);
8929
+ column-gap: var(--pf-v5-c-label-group__list--ColumnGap);
9088
8930
  }
9089
8931
 
9090
- .pf-v5-c-jump-links__toggle {
9091
- display: var(--pf-v5-c-jump-links__toggle--Display);
9092
- margin-block-start: var(--pf-v5-c-jump-links__toggle--MarginTop);
9093
- margin-block-end: var(--pf-v5-c-jump-links__toggle--MarginBottom);
9094
- margin-inline-start: var(--pf-v5-c-jump-links__toggle--MarginLeft);
8932
+ .pf-v5-c-label-group__list-item {
8933
+ display: inline-flex;
9095
8934
  }
9096
8935
 
9097
- .pf-v5-c-jump-links__toggle .pf-v5-c-button {
9098
- display: flex;
9099
- align-items: center;
8936
+ .pf-v5-c-label-group__label {
8937
+ overflow: hidden;
8938
+ text-overflow: ellipsis;
8939
+ white-space: nowrap;
8940
+ max-width: var(--pf-v5-c-label-group__label--MaxWidth);
8941
+ font-size: var(--pf-v5-c-label-group__label--FontSize);
9100
8942
  }
9101
8943
 
9102
- .pf-v5-c-jump-links__toggle-icon {
9103
- display: inline-block;
9104
- color: var(--pf-v5-c-jump-links__toggle-icon--Color);
9105
- transition: var(--pf-v5-c-jump-links__toggle-icon--Transition);
9106
- transform: rotate(var(--pf-v5-c-jump-links__toggle-icon--Rotate));
8944
+ .pf-v5-c-label-group__close {
8945
+ display: flex;
8946
+ align-self: flex-start;
8947
+ margin-block-start: var(--pf-v5-c-label-group__close--MarginTop);
8948
+ margin-block-end: var(--pf-v5-c-label-group__close--MarginBottom);
8949
+ margin-inline-start: var(--pf-v5-c-label-group__close--MarginLeft);
8950
+ margin-inline-end: var(--pf-v5-c-label-group__close--MarginRight);
9107
8951
  }
9108
8952
 
9109
- :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-jump-links__toggle-icon {
9110
- scale: -1 1;
8953
+ .pf-v5-c-label-group__textarea {
8954
+ min-width: var(--pf-v5-c-label-group__textarea--MinWidth);
8955
+ padding-block-start: var(--pf-v5-c-label-group__textarea--PaddingTop);
8956
+ padding-block-end: var(--pf-v5-c-label-group__textarea--PaddingBottom);
8957
+ padding-inline-start: var(--pf-v5-c-label-group__textarea--PaddingLeft);
8958
+ padding-inline-end: var(--pf-v5-c-label-group__textarea--PaddingRight);
8959
+ white-space: nowrap;
8960
+ resize: none;
8961
+ border: 0;
8962
+ -ms-overflow-style: none;
8963
+ scrollbar-width: none;
9111
8964
  }
9112
8965
 
9113
- .pf-v5-c-jump-links__toggle-text {
9114
- margin-inline-start: var(--pf-v5-c-jump-links__toggle-text--MarginLeft);
9115
- color: var(--pf-v5-c-jump-links__toggle-text--Color);
8966
+ .pf-v5-c-label-group__textarea::-webkit-scrollbar {
8967
+ display: none;
9116
8968
  }
9117
8969
 
9118
- .pf-v5-c-sidebar {
9119
- --pf-v5-c-sidebar--inset: var(--pf-v5-global--spacer--md);
9120
- --pf-v5-c-sidebar--xl--inset: var(--pf-v5-global--spacer--lg);
9121
- --pf-v5-c-sidebar--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
9122
- --pf-v5-c-sidebar--BorderWidth--base: var(--pf-v5-global--BorderWidth--sm);
9123
- --pf-v5-c-sidebar--BorderColor--base: var(--pf-v5-global--BorderColor--100);
9124
- --pf-v5-c-sidebar__panel--PaddingTop: 0;
9125
- --pf-v5-c-sidebar__panel--PaddingRight: 0;
9126
- --pf-v5-c-sidebar__panel--PaddingBottom: 0;
9127
- --pf-v5-c-sidebar__panel--PaddingLeft: 0;
9128
- --pf-v5-c-sidebar__panel--Order: -1;
9129
- --pf-v5-c-sidebar__panel--m-padding--PaddingTop: var(--pf-v5-c-sidebar--inset);
9130
- --pf-v5-c-sidebar__panel--m-padding--PaddingRight: var(--pf-v5-c-sidebar--inset);
9131
- --pf-v5-c-sidebar__panel--m-padding--PaddingBottom: var(--pf-v5-c-sidebar--inset);
9132
- --pf-v5-c-sidebar__panel--m-padding--PaddingLeft: var(--pf-v5-c-sidebar--inset);
9133
- --pf-v5-c-sidebar__content--PaddingTop: 0;
9134
- --pf-v5-c-sidebar__content--PaddingRight: 0;
9135
- --pf-v5-c-sidebar__content--PaddingBottom: 0;
9136
- --pf-v5-c-sidebar__content--PaddingLeft: 0;
9137
- --pf-v5-c-sidebar__content--Order: 1;
9138
- --pf-v5-c-sidebar__content--m-padding--PaddingTop: var(--pf-v5-c-sidebar--inset);
9139
- --pf-v5-c-sidebar__content--m-padding--PaddingRight: var(--pf-v5-c-sidebar--inset);
9140
- --pf-v5-c-sidebar__content--m-padding--PaddingBottom: var(--pf-v5-c-sidebar--inset);
9141
- --pf-v5-c-sidebar__content--m-padding--PaddingLeft: var(--pf-v5-c-sidebar--inset);
9142
- --pf-v5-c-sidebar__main--FlexDirection: column;
9143
- --pf-v5-c-sidebar__main--md--FlexDirection: row;
9144
- --pf-v5-c-sidebar__main--AlignItems: stretch;
9145
- --pf-v5-c-sidebar__main--md--AlignItems: flex-start;
9146
- --pf-v5-c-sidebar__main--child--MarginTop: 0;
9147
- --pf-v5-c-sidebar--m-gutter__main--Gap: var(--pf-v5-c-sidebar--inset);
9148
- --pf-v5-c-sidebar__main--m-border--before--Display: none;
9149
- --pf-v5-c-sidebar__main--m-border--before--md--Display: block;
9150
- --pf-v5-c-sidebar__main--m-border--before--BorderWidth: var(--pf-v5-c-sidebar--BorderWidth--base);
9151
- --pf-v5-c-sidebar__main--m-border--before--BorderColor: var(--pf-v5-c-sidebar--BorderColor--base);
9152
- --pf-v5-c-sidebar--m-panel-right__panel--Order: -1;
9153
- --pf-v5-c-sidebar--m-panel-right__panel--md--Order: 1;
9154
- --pf-v5-c-sidebar--m-panel-right__content--md--Order: -1;
9155
- --pf-v5-c-sidebar--m-stack__main--FlexDirection: column;
9156
- --pf-v5-c-sidebar--m-stack__main--AlignItems: stretch;
9157
- --pf-v5-c-sidebar--m-stack__panel--Position: sticky;
9158
- --pf-v5-c-sidebar--m-stack__panel--Top: 0;
9159
- --pf-v5-c-sidebar--m-stack__panel--BoxShadow: var(--pf-v5-c-sidebar__panel--BoxShadow--base);
9160
- --pf-v5-c-sidebar--m-stack--m-panel-right__panel--Order: -1;
9161
- --pf-v5-c-sidebar--m-split__main--AlignItems: flex-start;
9162
- --pf-v5-c-sidebar--m-split__main--FlexDirection: row;
9163
- --pf-v5-c-sidebar--m-split__panel--Position: static;
9164
- --pf-v5-c-sidebar--m-split__panel--Top: auto;
9165
- --pf-v5-c-sidebar--m-split--m-panel-right__panel--Order: 1;
9166
- --pf-v5-c-sidebar--m-split__main--m-border--before--Display: block;
9167
- --pf-v5-c-sidebar__panel--FlexBasis--base: auto;
9168
- --pf-v5-c-sidebar__panel--BoxShadow--base: 0 0.25rem 0.25rem -0.25rem rgba(3, 3, 3, 0.16);
9169
- --pf-v5-c-sidebar__panel--BoxShadow: var(--pf-v5-c-sidebar__panel--BoxShadow--base);
9170
- --pf-v5-c-sidebar__panel--Top: 0;
9171
- --pf-v5-c-sidebar__panel--md--Top: auto;
9172
- --pf-v5-c-sidebar__panel--Position: sticky;
9173
- --pf-v5-c-sidebar__panel--md--Position: static;
9174
- --pf-v5-c-sidebar__panel--FlexBasis-base: auto;
9175
- --pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--FlexBasis-base);
9176
- --pf-v5-c-sidebar__panel--md--FlexBasis: 15.625rem;
9177
- --pf-v5-c-sidebar__panel--m-split--FlexBasis: 15.625rem;
9178
- --pf-v5-c-sidebar__panel--m-stack--FlexBasis: auto;
9179
- --pf-v5-c-sidebar__panel--ZIndex: var(--pf-v5-global--ZIndex--xs);
9180
- --pf-v5-c-sidebar__panel--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
9181
- --pf-v5-c-sidebar__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
9182
- --pf-v5-c-sidebar__panel--m-sticky--Top: 0;
9183
- --pf-v5-c-sidebar__panel--m-sticky--Position: sticky;
9184
- height: 100%;
8970
+ .pf-v5-c-label {
8971
+ --pf-v5-c-label--PaddingTop: var(--pf-v5-global--spacer--xs);
8972
+ --pf-v5-c-label--PaddingRight: var(--pf-v5-global--spacer--sm);
8973
+ --pf-v5-c-label--PaddingBottom: var(--pf-v5-global--spacer--xs);
8974
+ --pf-v5-c-label--PaddingLeft: var(--pf-v5-global--spacer--sm);
8975
+ --pf-v5-c-label--MaxWidth: 100%;
8976
+ --pf-v5-c-label--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
8977
+ --pf-v5-c-label--BackgroundColor: var(--pf-v5-global--palette--black-150);
8978
+ --pf-v5-c-label--Color: var(--pf-v5-global--Color--100);
8979
+ --pf-v5-c-label--FontSize: var(--pf-v5-global--FontSize--sm);
8980
+ --pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
8981
+ --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
8982
+ --pf-v5-c-label--m-outline--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
8983
+ --pf-v5-c-label--m-outline__content--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
8984
+ --pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
8985
+ --pf-v5-c-label__content--link--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
8986
+ --pf-v5-c-label__content--link--focus--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
8987
+ --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--200);
8988
+ --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--200);
8989
+ --pf-v5-c-label--m-outline__content--link--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
8990
+ --pf-v5-c-label--m-outline__content--link--focus--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
8991
+ --pf-v5-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
8992
+ --pf-v5-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
8993
+ --pf-v5-c-label--m-blue--BackgroundColor: var(--pf-v5-global--palette--blue-50);
8994
+ --pf-v5-c-label--m-blue__icon--Color: var(--pf-v5-global--primary-color--100);
8995
+ --pf-v5-c-label--m-blue__content--Color: var(--pf-v5-global--info-color--200);
8996
+ --pf-v5-c-label--m-blue__content--before--BorderColor: var(--pf-v5-global--palette--blue-100);
8997
+ --pf-v5-c-label--m-blue__content--link--hover--before--BorderColor: var(--pf-v5-global--primary-color--100);
8998
+ --pf-v5-c-label--m-blue__content--link--focus--before--BorderColor: var(--pf-v5-global--primary-color--100);
8999
+ --pf-v5-c-label--m-outline--m-blue__content--Color: var(--pf-v5-global--primary-color--100);
9000
+ --pf-v5-c-label--m-outline--m-blue__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
9001
+ --pf-v5-c-label--m-outline--m-blue__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
9002
+ --pf-v5-c-label--m-outline--m-blue__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
9003
+ --pf-v5-c-label--m-green--BackgroundColor: var(--pf-v5-global--palette--green-50);
9004
+ --pf-v5-c-label--m-green__icon--Color: var(--pf-v5-global--success-color--100);
9005
+ --pf-v5-c-label--m-green__content--Color: var(--pf-v5-global--success-color--200);
9006
+ --pf-v5-c-label--m-green__content--before--BorderColor: var(--pf-v5-global--palette--green-100);
9007
+ --pf-v5-c-label--m-green__content--link--hover--before--BorderColor: var(--pf-v5-global--success-color--100);
9008
+ --pf-v5-c-label--m-green__content--link--focus--before--BorderColor: var(--pf-v5-global--success-color--100);
9009
+ --pf-v5-c-label--m-outline--m-green__content--Color: var(--pf-v5-global--success-color--100);
9010
+ --pf-v5-c-label--m-outline--m-green__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
9011
+ --pf-v5-c-label--m-outline--m-green__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
9012
+ --pf-v5-c-label--m-outline--m-green__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
9013
+ --pf-v5-c-label--m-orange--BackgroundColor: var(--pf-v5-global--palette--orange-50);
9014
+ --pf-v5-c-label--m-orange__icon--Color: var(--pf-v5-global--palette--orange-300);
9015
+ --pf-v5-c-label--m-orange__content--Color: var(--pf-v5-global--palette--orange-700);
9016
+ --pf-v5-c-label--m-orange__content--before--BorderColor: var(--pf-v5-global--palette--orange-100);
9017
+ --pf-v5-c-label--m-orange__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--orange-300);
9018
+ --pf-v5-c-label--m-orange__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--orange-300);
9019
+ --pf-v5-c-label--m-outline--m-orange__content--Color: var(--pf-v5-global--palette--orange-500);
9020
+ --pf-v5-c-label--m-outline--m-orange__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
9021
+ --pf-v5-c-label--m-outline--m-orange__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
9022
+ --pf-v5-c-label--m-outline--m-orange__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
9023
+ --pf-v5-c-label--m-red--BackgroundColor: var(--pf-v5-global--palette--red-50);
9024
+ --pf-v5-c-label--m-red__icon--Color: var(--pf-v5-global--danger-color--100);
9025
+ --pf-v5-c-label--m-red__content--Color: var(--pf-v5-global--palette--red-300);
9026
+ --pf-v5-c-label--m-red__content--before--BorderColor: var(--pf-v5-global--palette--red-100);
9027
+ --pf-v5-c-label--m-red__content--link--hover--before--BorderColor: var(--pf-v5-global--danger-color--100);
9028
+ --pf-v5-c-label--m-red__content--link--focus--before--BorderColor: var(--pf-v5-global--danger-color--100);
9029
+ --pf-v5-c-label--m-outline--m-red__content--Color: var(--pf-v5-global--danger-color--100);
9030
+ --pf-v5-c-label--m-outline--m-red__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
9031
+ --pf-v5-c-label--m-outline--m-red__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
9032
+ --pf-v5-c-label--m-outline--m-red__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
9033
+ --pf-v5-c-label--m-purple--BackgroundColor: var(--pf-v5-global--palette--purple-50);
9034
+ --pf-v5-c-label--m-purple__icon--Color: var(--pf-v5-global--palette--purple-500);
9035
+ --pf-v5-c-label--m-purple__content--Color: var(--pf-v5-global--palette--purple-700);
9036
+ --pf-v5-c-label--m-purple__content--before--BorderColor: var(--pf-v5-global--palette--purple-100);
9037
+ --pf-v5-c-label--m-purple__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--purple-500);
9038
+ --pf-v5-c-label--m-purple__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--purple-500);
9039
+ --pf-v5-c-label--m-outline--m-purple__content--Color: var(--pf-v5-global--palette--purple-500);
9040
+ --pf-v5-c-label--m-outline--m-purple__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
9041
+ --pf-v5-c-label--m-outline--m-purple__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
9042
+ --pf-v5-c-label--m-outline--m-purple__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
9043
+ --pf-v5-c-label--m-cyan--BackgroundColor: var(--pf-v5-global--palette--cyan-50);
9044
+ --pf-v5-c-label--m-cyan__icon--Color: var(--pf-v5-global--custom-color--200);
9045
+ --pf-v5-c-label--m-cyan__content--Color: var(--pf-v5-global--custom-color--300);
9046
+ --pf-v5-c-label--m-cyan__content--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
9047
+ --pf-v5-c-label--m-cyan__content--link--hover--before--BorderColor: var(--pf-v5-global--custom-color--200);
9048
+ --pf-v5-c-label--m-cyan__content--link--focus--before--BorderColor: var(--pf-v5-global--custom-color--200);
9049
+ --pf-v5-c-label--m-outline--m-cyan__content--Color: var(--pf-v5-global--palette--cyan-400);
9050
+ --pf-v5-c-label--m-outline--m-cyan__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
9051
+ --pf-v5-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
9052
+ --pf-v5-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
9053
+ --pf-v5-c-label--m-gold--BackgroundColor: var(--pf-v5-global--palette--gold-50);
9054
+ --pf-v5-c-label--m-gold__icon--Color: var(--pf-v5-global--palette--gold-400);
9055
+ --pf-v5-c-label--m-gold__content--Color: var(--pf-v5-global--palette--gold-700);
9056
+ --pf-v5-c-label--m-gold__content--before--BorderColor: var(--pf-v5-global--palette--gold-100);
9057
+ --pf-v5-c-label--m-gold__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--gold-300);
9058
+ --pf-v5-c-label--m-gold__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--gold-300);
9059
+ --pf-v5-c-label--m-outline--m-gold__content--Color: var(--pf-v5-global--palette--gold-600);
9060
+ --pf-v5-c-label--m-outline--m-gold__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
9061
+ --pf-v5-c-label--m-outline--m-gold__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
9062
+ --pf-v5-c-label--m-outline--m-gold__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
9063
+ --pf-v5-c-label--m-overflow__content--Color: var(--pf-v5-global--link--Color);
9064
+ --pf-v5-c-label--m-overflow__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
9065
+ --pf-v5-c-label--m-overflow__content--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
9066
+ --pf-v5-c-label--m-overflow__content--before--BorderColor: var(--pf-v5-global--BorderColor--300);
9067
+ --pf-v5-c-label--m-overflow__content--link--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
9068
+ --pf-v5-c-label--m-overflow__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--300);
9069
+ --pf-v5-c-label--m-overflow__content--link--focus--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
9070
+ --pf-v5-c-label--m-overflow__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--300);
9071
+ --pf-v5-c-label--m-compact--PaddingTop: 0;
9072
+ --pf-v5-c-label--m-compact--PaddingRight: var(--pf-v5-global--spacer--sm);
9073
+ --pf-v5-c-label--m-compact--PaddingBottom: 0;
9074
+ --pf-v5-c-label--m-compact--PaddingLeft: var(--pf-v5-global--spacer--sm);
9075
+ --pf-v5-c-label--m-compact--FontSize: var(--pf-v5-global--FontSize--xs);
9076
+ --pf-v5-c-label--m-compact--m-editable--TextDecorationOffset: 0.0625rem;
9077
+ --pf-v5-c-label__content--Color: var(--pf-v5-global--Color--100);
9078
+ --pf-v5-c-label__content--BackgroundColor: transparent;
9079
+ --pf-v5-c-label__content--MaxWidth: 100%;
9080
+ --pf-v5-c-label--m-outline__content--Color: var(--pf-v5-global--Color--100);
9081
+ --pf-v5-c-label--m-editable__content--MaxWidth: 16ch;
9082
+ --pf-v5-c-label__text--MaxWidth: 100%;
9083
+ --pf-v5-c-label__icon--Color: var(--pf-v5-global--Color--100);
9084
+ --pf-v5-c-label__icon--MarginRight: var(--pf-v5-global--spacer--xs);
9085
+ --pf-v5-c-label__actions--FontSize: var(--pf-v5-global--FontSize--xs);
9086
+ --pf-v5-c-label__actions--MarginRight: calc(var(--pf-v5-c-label__actions--c-button--PaddingRight) * -1);
9087
+ --pf-v5-c-label__actions--c-button--FontSize: var(--pf-v5-global--FontSize--xs);
9088
+ --pf-v5-c-label__actions--c-button--MarginTop: calc(var(--pf-v5-c-label__actions--c-button--PaddingTop) * -1);
9089
+ --pf-v5-c-label__actions--c-button--MarginBottom: calc(var(--pf-v5-c-label__actions--c-button--PaddingBottom) * -1);
9090
+ --pf-v5-c-label__actions--c-button--PaddingTop: var(--pf-v5-global--spacer--xs);
9091
+ --pf-v5-c-label__actions--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
9092
+ --pf-v5-c-label__actions--c-button--PaddingBottom: var(--pf-v5-global--spacer--xs);
9093
+ --pf-v5-c-label__actions--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
9094
+ --pf-v5-c-label--m-editable--Cursor: pointer;
9095
+ --pf-v5-c-label--m-editable--TextDecoration: underline;
9096
+ --pf-v5-c-label--m-editable--TextDecorationStyle: dashed;
9097
+ --pf-v5-c-label--m-editable--TextDecorationThickness: var(--pf-v5-global--BorderWidth--sm);
9098
+ --pf-v5-c-label--m-editable--TextDecorationOffset: 0.25rem;
9099
+ --pf-v5-c-label--m-editable--TextDecorationColor: var(--pf-v5-global--BorderColor--200);
9100
+ --pf-v5-c-label--m-editable--hover--TextDecorationColor: var(--pf-v5-global--Color--100);
9101
+ --pf-v5-c-label--m-editable--focus--TextDecorationColor: var(--pf-v5-global--Color--100);
9102
+ --pf-v5-c-label--m-editable__content--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
9103
+ --pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
9104
+ --pf-v5-c-label--m-editable__content--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
9105
+ --pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
9106
+ --pf-v5-c-label--m-editable__content--focus--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
9107
+ --pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
9108
+ --pf-v5-c-label--m-editable--m-editable-active--Cursor: auto;
9109
+ --pf-v5-c-label--m-editable--m-editable-active--TextDecoration: none;
9110
+ --pf-v5-c-label--m-editable--m-editable-active--BackgroundColor: transparent;
9111
+ --pf-v5-c-label--m-editable--m-editable-active__content--before--BorderWidth: 0;
9112
+ --pf-v5-c-label--m-editable--m-editable-active__content--before--BorderColor: transparent;
9113
+ --pf-v5-c-label--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
9114
+ --pf-v5-c-label--m-disabled__content--Color: var(--pf-v5-global--disabled-color--100);
9115
+ --pf-v5-c-label--m-disabled__icon--Color: var(--pf-v5-global--disabled-color--100);
9116
+ --pf-v5-c-label--c-button--m-disabled--Color: var(--pf-v5-global--disabled-color--100);
9117
+ position: relative;
9118
+ max-width: var(--pf-v5-c-label--MaxWidth);
9119
+ padding-block-start: var(--pf-v5-c-label--PaddingTop);
9120
+ padding-block-end: var(--pf-v5-c-label--PaddingBottom);
9121
+ padding-inline-start: var(--pf-v5-c-label--PaddingLeft);
9122
+ padding-inline-end: var(--pf-v5-c-label--PaddingRight);
9123
+ font-size: var(--pf-v5-c-label--FontSize);
9124
+ color: var(--pf-v5-c-label--Color);
9125
+ white-space: nowrap;
9126
+ background-color: var(--pf-v5-c-label--BackgroundColor);
9127
+ border: 0;
9128
+ border-radius: var(--pf-v5-c-label--BorderRadius);
9185
9129
  }
9186
9130
 
9187
- @media (min-width: 768px) {
9188
- .pf-v5-c-sidebar {
9189
- --pf-v5-c-sidebar__main--FlexDirection: var(--pf-v5-c-sidebar__main--md--FlexDirection);
9190
- --pf-v5-c-sidebar__main--AlignItems: var(--pf-v5-c-sidebar__main--md--AlignItems);
9191
- --pf-v5-c-sidebar__main--m-border--before--Display: var(--pf-v5-c-sidebar__main--m-border--before--md--Display);
9192
- --pf-v5-c-sidebar__panel--BoxShadow: none;
9193
- --pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--md--FlexBasis);
9194
- --pf-v5-c-sidebar__panel--Top: var(--pf-v5-c-sidebar__panel--md--Top);
9195
- --pf-v5-c-sidebar__panel--Position: var(--pf-v5-c-sidebar__panel--md--Position);
9196
- }
9131
+ .pf-v5-c-label.pf-m-compact {
9132
+ --pf-v5-c-label--PaddingTop: var(--pf-v5-c-label--m-compact--PaddingTop);
9133
+ --pf-v5-c-label--PaddingRight: var(--pf-v5-c-label--m-compact--PaddingRight);
9134
+ --pf-v5-c-label--PaddingBottom: var(--pf-v5-c-label--m-compact--PaddingBottom);
9135
+ --pf-v5-c-label--PaddingLeft: var(--pf-v5-c-label--m-compact--PaddingLeft);
9136
+ --pf-v5-c-label--FontSize: var(--pf-v5-c-label--m-compact--FontSize);
9137
+ --pf-v5-c-label--m-editable--TextDecorationOffset: var(--pf-v5-c-label--m-compact--m-editable--TextDecorationOffset);
9197
9138
  }
9198
- @media (min-width: 1200px) {
9199
- .pf-v5-c-sidebar {
9200
- --pf-v5-c-sidebar--inset: var(--pf-v5-c-sidebar--xl--inset);
9201
- }
9139
+
9140
+ .pf-v5-c-label.pf-m-blue {
9141
+ --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-blue--BackgroundColor);
9142
+ --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-blue__icon--Color);
9143
+ --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-blue__content--Color);
9144
+ --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-blue__content--before--BorderColor);
9145
+ --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-blue__content--link--hover--before--BorderColor);
9146
+ --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-blue__content--link--focus--before--BorderColor);
9147
+ --pf-v5-c-label--m-outline__content--Color: var(--pf-v5-c-label--m-outline--m-blue__content--Color);
9148
+ --pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-blue__content--before--BorderColor);
9149
+ --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);
9150
+ --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);
9151
+ --pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-blue__content--before--BorderColor);
9152
+ --pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-blue__content--before--BorderColor);
9153
+ --pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-blue__content--before--BorderColor);
9202
9154
  }
9203
- .pf-v5-c-sidebar.pf-m-gutter > .pf-v5-c-sidebar__main {
9204
- gap: var(--pf-v5-c-sidebar--m-gutter__main--Gap);
9155
+
9156
+ .pf-v5-c-label.pf-m-green {
9157
+ --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-green--BackgroundColor);
9158
+ --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-green__icon--Color);
9159
+ --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-green__content--Color);
9160
+ --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-green__content--before--BorderColor);
9161
+ --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-green__content--link--hover--before--BorderColor);
9162
+ --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-green__content--link--focus--before--BorderColor);
9163
+ --pf-v5-c-label--m-outline__content--Color: var(--pf-v5-c-label--m-outline--m-green__content--Color);
9164
+ --pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-green__content--before--BorderColor);
9165
+ --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);
9166
+ --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);
9167
+ --pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-green__content--before--BorderColor);
9168
+ --pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-green__content--before--BorderColor);
9169
+ --pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-green__content--before--BorderColor);
9205
9170
  }
9206
9171
 
9207
- .pf-v5-c-sidebar.pf-m-panel-right {
9208
- --pf-v5-c-sidebar__panel--Order: var(--pf-v5-c-sidebar--m-panel-right__panel--Order);
9209
- --pf-v5-c-sidebar__content--Order: var(--pf-v5-c-sidebar--m-panel-right__content--Order);
9172
+ .pf-v5-c-label.pf-m-orange {
9173
+ --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-orange--BackgroundColor);
9174
+ --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-orange__icon--Color);
9175
+ --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-orange__content--Color);
9176
+ --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-orange__content--before--BorderColor);
9177
+ --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-orange__content--link--hover--before--BorderColor);
9178
+ --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-orange__content--link--focus--before--BorderColor);
9179
+ --pf-v5-c-label--m-outline__content--Color: var(--pf-v5-c-label--m-outline--m-orange__content--Color);
9180
+ --pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-orange__content--before--BorderColor);
9181
+ --pf-v5-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-outline--m-orange__content--link--hover--before--BorderColor);
9182
+ --pf-v5-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-outline--m-orange__content--link--focus--before--BorderColor);
9183
+ --pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-orange__content--before--BorderColor);
9184
+ --pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-orange__content--before--BorderColor);
9185
+ --pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-orange__content--before--BorderColor);
9210
9186
  }
9211
9187
 
9212
- @media (min-width: 768px) {
9213
- .pf-v5-c-sidebar.pf-m-panel-right {
9214
- --pf-v5-c-sidebar--m-panel-right__panel--Order: var(--pf-v5-c-sidebar--m-panel-right__panel--md--Order);
9215
- --pf-v5-c-sidebar--m-panel-right__content--Order: var(--pf-v5-c-sidebar--m-panel-right__content--md--Order);
9216
- }
9188
+ .pf-v5-c-label.pf-m-red {
9189
+ --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-red--BackgroundColor);
9190
+ --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-red__icon--Color);
9191
+ --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-red__content--Color);
9192
+ --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-red__content--before--BorderColor);
9193
+ --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-red__content--link--hover--before--BorderColor);
9194
+ --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-red__content--link--focus--before--BorderColor);
9195
+ --pf-v5-c-label--m-outline__content--Color: var(--pf-v5-c-label--m-outline--m-red__content--Color);
9196
+ --pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-red__content--before--BorderColor);
9197
+ --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);
9198
+ --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);
9199
+ --pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-red__content--before--BorderColor);
9200
+ --pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-red__content--before--BorderColor);
9201
+ --pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-red__content--before--BorderColor);
9217
9202
  }
9218
- .pf-v5-c-sidebar.pf-m-stack {
9219
- --pf-v5-c-sidebar__main--FlexDirection: var(--pf-v5-c-sidebar--m-stack__main--FlexDirection);
9220
- --pf-v5-c-sidebar__main--AlignItems: var(--pf-v5-c-sidebar--m-stack__main--AlignItems);
9221
- --pf-v5-c-sidebar__panel--Position: var(--pf-v5-c-sidebar--m-stack__panel--Position);
9222
- --pf-v5-c-sidebar__panel--Top: var(--pf-v5-c-sidebar--m-stack__panel--Top);
9223
- --pf-v5-c-sidebar__panel--BoxShadow: var(--pf-v5-c-sidebar--m-stack__panel--BoxShadow);
9224
- --pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--m-stack--FlexBasis);
9225
- --pf-v5-c-sidebar__main--m-border--before--Display: none;
9226
- --pf-v5-c-sidebar--m-panel-right__panel--Order: var(--pf-v5-c-sidebar--m-stack--m-panel-right__panel--Order);
9203
+
9204
+ .pf-v5-c-label.pf-m-purple {
9205
+ --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-purple--BackgroundColor);
9206
+ --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-purple__icon--Color);
9207
+ --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-purple__content--Color);
9208
+ --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-purple__content--before--BorderColor);
9209
+ --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-purple__content--link--hover--before--BorderColor);
9210
+ --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-purple__content--link--focus--before--BorderColor);
9211
+ --pf-v5-c-label--m-outline__content--Color: var(--pf-v5-c-label--m-outline--m-purple__content--Color);
9212
+ --pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-purple__content--before--BorderColor);
9213
+ --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);
9214
+ --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);
9215
+ --pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-purple__content--before--BorderColor);
9216
+ --pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-purple__content--before--BorderColor);
9217
+ --pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-purple__content--before--BorderColor);
9227
9218
  }
9228
9219
 
9229
- .pf-v5-c-sidebar.pf-m-split {
9230
- --pf-v5-c-sidebar__main--FlexDirection: var(--pf-v5-c-sidebar--m-split__main--FlexDirection);
9231
- --pf-v5-c-sidebar__main--AlignItems: var(--pf-v5-c-sidebar--m-split__main--AlignItems);
9232
- --pf-v5-c-sidebar__panel--Position: var(--pf-v5-c-sidebar--m-split__panel--Position);
9233
- --pf-v5-c-sidebar__panel--Top: var(--pf-v5-c-sidebar--m-split__panel--Top);
9234
- --pf-v5-c-sidebar__panel--BoxShadow: none;
9235
- --pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--m-split--FlexBasis);
9236
- --pf-v5-c-sidebar__main--m-border--before--Display: var(--pf-v5-c-sidebar--m-split__main--m-border--before--Display);
9237
- --pf-v5-c-sidebar--m-panel-right__panel--Order: var(--pf-v5-c-sidebar--m-split--m-panel-right__panel--Order);
9220
+ .pf-v5-c-label.pf-m-cyan {
9221
+ --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-cyan--BackgroundColor);
9222
+ --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-cyan__icon--Color);
9223
+ --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-cyan__content--Color);
9224
+ --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-cyan__content--before--BorderColor);
9225
+ --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-cyan__content--link--hover--before--BorderColor);
9226
+ --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-cyan__content--link--focus--before--BorderColor);
9227
+ --pf-v5-c-label--m-outline__content--Color: var(--pf-v5-c-label--m-outline--m-cyan__content--Color);
9228
+ --pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-cyan__content--before--BorderColor);
9229
+ --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);
9230
+ --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);
9231
+ --pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-cyan__content--before--BorderColor);
9232
+ --pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-cyan__content--before--BorderColor);
9233
+ --pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-cyan__content--before--BorderColor);
9238
9234
  }
9239
9235
 
9240
- .pf-v5-c-sidebar__main {
9241
- display: flex;
9242
- flex-direction: var(--pf-v5-c-sidebar__main--FlexDirection);
9243
- align-items: var(--pf-v5-c-sidebar__main--AlignItems);
9236
+ .pf-v5-c-label.pf-m-gold {
9237
+ --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-gold--BackgroundColor);
9238
+ --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-gold__icon--Color);
9239
+ --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-gold__content--Color);
9240
+ --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-gold__content--before--BorderColor);
9241
+ --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-gold__content--link--hover--before--BorderColor);
9242
+ --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-gold__content--link--focus--before--BorderColor);
9243
+ --pf-v5-c-label--m-outline__content--Color: var(--pf-v5-c-label--m-outline--m-gold__content--Color);
9244
+ --pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-gold__content--before--BorderColor);
9245
+ --pf-v5-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-outline--m-gold__content--link--hover--before--BorderColor);
9246
+ --pf-v5-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-outline--m-gold__content--link--focus--before--BorderColor);
9247
+ --pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-gold__content--before--BorderColor);
9248
+ --pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-gold__content--before--BorderColor);
9249
+ --pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-gold__content--before--BorderColor);
9244
9250
  }
9245
9251
 
9246
- .pf-v5-c-sidebar__main.pf-m-border::before {
9247
- display: var(--pf-v5-c-sidebar__main--m-border--before--Display);
9248
- flex: 0 0 var(--pf-v5-c-sidebar__main--m-border--before--BorderWidth);
9249
- align-self: stretch;
9250
- content: "";
9251
- background-color: var(--pf-v5-c-sidebar__main--m-border--before--BorderColor);
9252
+ .pf-v5-c-label.pf-m-outline {
9253
+ --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-outline__content--Color);
9254
+ --pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label--m-outline__content--before--BorderWidth);
9255
+ --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-outline__content--before--BorderColor);
9256
+ --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-outline--BackgroundColor);
9257
+ --pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-outline__content--before--BorderColor);
9258
+ --pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-outline__content--before--BorderColor);
9259
+ --pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-outline__content--before--BorderColor);
9252
9260
  }
9253
9261
 
9254
- .pf-v5-c-sidebar__panel {
9255
- position: var(--pf-v5-c-sidebar__panel--Position);
9256
- inset-block-start: var(--pf-v5-c-sidebar__panel--Top);
9257
- z-index: var(--pf-v5-c-sidebar__panel--ZIndex);
9258
- flex-basis: var(--pf-v5-c-sidebar__panel--FlexBasis);
9259
- flex-shrink: 0;
9260
- order: var(--pf-v5-c-sidebar__panel--Order);
9261
- padding-block-start: var(--pf-v5-c-sidebar__panel--PaddingTop);
9262
- padding-block-end: var(--pf-v5-c-sidebar__panel--PaddingBottom);
9263
- padding-inline-start: var(--pf-v5-c-sidebar__panel--PaddingLeft);
9264
- padding-inline-end: var(--pf-v5-c-sidebar__panel--PaddingRight);
9265
- background-color: var(--pf-v5-c-sidebar__panel--BackgroundColor);
9266
- box-shadow: var(--pf-v5-c-sidebar__panel--BoxShadow);
9262
+ .pf-v5-c-label.pf-m-overflow:hover,
9263
+ .pf-v5-c-label.pf-m-add:hover, .pf-v5-c-label.pf-m-outline a.pf-v5-c-label__content:hover,
9264
+ .pf-v5-c-label.pf-m-outline button.pf-v5-c-label__content:hover {
9265
+ --pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label--m-outline__content--link--hover--before--BorderWidth);
9266
+ --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-outline__content--link--hover--before--BorderColor);
9267
9267
  }
9268
9268
 
9269
- .pf-v5-c-sidebar__panel.pf-m-padding {
9270
- --pf-v5-c-sidebar__panel--PaddingTop: var(--pf-v5-c-sidebar__panel--m-padding--PaddingTop);
9271
- --pf-v5-c-sidebar__panel--PaddingRight: var(--pf-v5-c-sidebar__panel--m-padding--PaddingRight);
9272
- --pf-v5-c-sidebar__panel--PaddingBottom: var(--pf-v5-c-sidebar__panel--m-padding--PaddingBottom);
9273
- --pf-v5-c-sidebar__panel--PaddingLeft: var(--pf-v5-c-sidebar__panel--m-padding--PaddingLeft);
9269
+ .pf-v5-c-label.pf-m-overflow:focus,
9270
+ .pf-v5-c-label.pf-m-add:focus, .pf-v5-c-label.pf-m-outline a.pf-v5-c-label__content:focus,
9271
+ .pf-v5-c-label.pf-m-outline button.pf-v5-c-label__content:focus {
9272
+ --pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label--m-outline__content--link--focus--before--BorderWidth);
9273
+ --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-outline__content--link--focus--before--BorderColor);
9274
+ }
9275
+
9276
+ .pf-v5-c-label.pf-m-editable {
9277
+ --pf-v5-c-label__content--MaxWidth: var(--pf-v5-c-label--m-editable__content--MaxWidth);
9278
+ --pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label--m-editable__content--before--BorderWidth);
9279
+ --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-editable__content--before--BorderColor);
9280
+ --pf-v5-c-label__content--link--hover--before--BorderWidth: var(--pf-v5-c-label--m-editable__content--hover--before--BorderWidth);
9281
+ --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-editable__content--hover--before--BorderColor);
9282
+ --pf-v5-c-label__content--link--focus--before--BorderWidth: var(--pf-v5-c-label--m-editable__content--focus--before--BorderWidth);
9283
+ --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-editable__content--focus--before--BorderColor);
9284
+ --pf-v5-c-label--m-outline__content--link--hover--before--BorderWidth: var(--pf-v5-c-label--m-editable__content--before--BorderWidth);
9285
+ --pf-v5-c-label--m-outline__content--link--focus--before--BorderWidth: var(--pf-v5-c-label--m-editable__content--before--BorderWidth);
9286
+ text-decoration: var(--pf-v5-c-label--m-editable--TextDecoration);
9287
+ text-decoration-thickness: var(--pf-v5-c-label--m-editable--TextDecorationThickness);
9288
+ text-decoration-style: var(--pf-v5-c-label--m-editable--TextDecorationStyle);
9289
+ text-decoration-color: var(--pf-v5-c-label--m-editable--TextDecorationColor);
9290
+ text-underline-offset: var(--pf-v5-c-label--m-editable--TextDecorationOffset);
9291
+ cursor: var(--pf-v5-c-label--m-editable--Cursor);
9274
9292
  }
9275
9293
 
9276
- .pf-v5-c-sidebar__panel.pf-m-sticky {
9277
- --pf-v5-c-sidebar__panel--Position: var(--pf-v5-c-sidebar__panel--m-sticky--Position);
9278
- --pf-v5-c-sidebar__panel--Top: var(--pf-v5-c-sidebar__panel--m-sticky--Top);
9294
+ .pf-v5-c-label.pf-m-editable:hover {
9295
+ --pf-v5-c-label--m-editable--TextDecorationColor: var(--pf-v5-c-label--m-editable--hover--TextDecorationColor);
9279
9296
  }
9280
9297
 
9281
- .pf-v5-c-sidebar__panel.pf-m-static {
9282
- --pf-v5-c-sidebar__panel--Position: static;
9283
- --pf-v5-c-sidebar__panel--Top: auto;
9298
+ .pf-v5-c-label.pf-m-editable:focus {
9299
+ --pf-v5-c-label--m-editable--TextDecorationColor: var(--pf-v5-c-label--m-editable--focus--TextDecorationColor);
9284
9300
  }
9285
9301
 
9286
- .pf-v5-c-sidebar__content {
9287
- flex-grow: 1;
9288
- order: var(--pf-v5-c-sidebar__content--Order);
9289
- padding-block-start: var(--pf-v5-c-sidebar__content--PaddingTop);
9290
- padding-block-end: var(--pf-v5-c-sidebar__content--PaddingBottom);
9291
- padding-inline-start: var(--pf-v5-c-sidebar__content--PaddingLeft);
9292
- padding-inline-end: var(--pf-v5-c-sidebar__content--PaddingRight);
9293
- background-color: var(--pf-v5-c-sidebar__content--BackgroundColor);
9302
+ .pf-v5-c-label.pf-m-editable-active {
9303
+ --pf-v5-c-label--m-editable--Cursor: var(--pf-v5-c-label--m-editable--m-editable-active--Cursor);
9304
+ --pf-v5-c-label--m-editable--TextDecoration: var(--pf-v5-c-label--m-editable--m-editable-active--TextDecoration);
9305
+ --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-editable--m-editable-active--BackgroundColor);
9294
9306
  }
9295
9307
 
9296
- .pf-v5-c-sidebar__content.pf-m-padding {
9297
- --pf-v5-c-sidebar__content--PaddingTop: var(--pf-v5-c-sidebar__content--m-padding--PaddingTop);
9298
- --pf-v5-c-sidebar__content--PaddingRight: var(--pf-v5-c-sidebar__content--m-padding--PaddingRight);
9299
- --pf-v5-c-sidebar__content--PaddingBottom: var(--pf-v5-c-sidebar__content--m-padding--PaddingBottom);
9300
- --pf-v5-c-sidebar__content--PaddingLeft: var(--pf-v5-c-sidebar__content--m-padding--PaddingTop);
9308
+ .pf-v5-c-label.pf-m-overflow, .pf-v5-c-label.pf-m-add {
9309
+ --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-overflow__content--Color);
9310
+ --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-overflow__content--BackgroundColor);
9311
+ --pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label--m-overflow__content--before--BorderWidth);
9312
+ --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-overflow__content--before--BorderColor);
9313
+ --pf-v5-c-label__content--link--hover--before--BorderWidth: var(--pf-v5-c-label--m-overflow__content--link--hover--before--BorderWidth);
9314
+ --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-overflow__content--link--hover--before--BorderColor);
9315
+ --pf-v5-c-label__content--link--focus--before--BorderWidth: var(--pf-v5-c-label--m-overflow__content--link--focus--before--BorderWidth);
9316
+ --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-overflow__content--link--focus--before--BorderColor);
9301
9317
  }
9302
9318
 
9303
- .pf-v5-c-sidebar__content.pf-m-no-background {
9304
- --pf-v5-c-sidebar__content--BackgroundColor: transparent;
9319
+ .pf-v5-c-label.pf-m-disabled {
9320
+ --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-disabled--BackgroundColor);
9321
+ --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-disabled__content--Color);
9322
+ --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-disabled__icon--Color);
9323
+ --pf-v5-c-label__content--before--BorderWidth: 0;
9324
+ pointer-events: none;
9305
9325
  }
9306
9326
 
9307
- .pf-v5-c-sidebar__content + .pf-v5-c-sidebar__panel {
9308
- --pf-v5-c-sidebar__panel--Order: 1;
9327
+ .pf-v5-c-label.pf-m-disabled .pf-v5-c-button {
9328
+ --pf-v5-c-button--m-plain--disabled--Color: var(--pf-v5-c-label--c-button--m-disabled--Color);
9309
9329
  }
9310
9330
 
9311
- :where(.pf-v5-c-sidebar__content:first-child) {
9312
- --pf-v5-c-sidebar__content--Order: -1;
9331
+ .pf-v5-c-label,
9332
+ .pf-v5-c-label__content {
9333
+ display: inline-flex;
9334
+ align-items: center;
9313
9335
  }
9314
9336
 
9315
- .pf-v5-c-sidebar.pf-m-no-background,
9316
- .pf-v5-c-sidebar__panel.pf-m-no-background,
9317
- .pf-v5-c-sidebar__content.pf-m-no-background {
9318
- background-color: transparent;
9337
+ .pf-v5-c-label__text {
9338
+ overflow: hidden;
9339
+ text-overflow: ellipsis;
9340
+ white-space: nowrap;
9341
+ max-width: var(--pf-v5-c-label__text--MaxWidth);
9319
9342
  }
9320
9343
 
9321
- .pf-v5-c-sidebar__panel.pf-m-width-default {
9322
- --pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--FlexBasis--base);
9344
+ .pf-v5-c-label__content {
9345
+ max-width: var(--pf-v5-c-label__content--MaxWidth);
9346
+ overflow: hidden;
9347
+ color: var(--pf-v5-c-label__content--Color);
9348
+ background-color: var(--pf-v5-c-label__content--BackgroundColor);
9349
+ border-width: 0;
9323
9350
  }
9324
9351
 
9325
- .pf-v5-c-sidebar__panel.pf-m-width-25 {
9326
- --pf-v5-c-sidebar__panel--FlexBasis: 25%;
9352
+ .pf-v5-c-label__content::before {
9353
+ position: absolute;
9354
+ inset: 0;
9355
+ pointer-events: none;
9356
+ content: "";
9357
+ border: var(--pf-v5-c-label__content--before--BorderWidth) solid var(--pf-v5-c-label__content--before--BorderColor);
9358
+ border-radius: var(--pf-v5-c-label--BorderRadius);
9327
9359
  }
9328
9360
 
9329
- .pf-v5-c-sidebar__panel.pf-m-width-33 {
9330
- --pf-v5-c-sidebar__panel--FlexBasis: 33%;
9361
+ input.pf-v5-c-label__content {
9362
+ overflow: hidden;
9363
+ text-overflow: ellipsis;
9364
+ white-space: nowrap;
9331
9365
  }
9332
9366
 
9333
- .pf-v5-c-sidebar__panel.pf-m-width-50 {
9334
- --pf-v5-c-sidebar__panel--FlexBasis: 50%;
9367
+ a.pf-v5-c-label__content,
9368
+ button.pf-v5-c-label__content {
9369
+ padding: 0;
9370
+ cursor: pointer;
9371
+ background-color: transparent;
9372
+ border: none;
9335
9373
  }
9336
9374
 
9337
- .pf-v5-c-sidebar__panel.pf-m-width-66 {
9338
- --pf-v5-c-sidebar__panel--FlexBasis: 66%;
9375
+ a.pf-v5-c-label__content, a.pf-v5-c-label__content:hover, a.pf-v5-c-label__content:focus,
9376
+ button.pf-v5-c-label__content,
9377
+ button.pf-v5-c-label__content:hover,
9378
+ button.pf-v5-c-label__content:focus {
9379
+ text-decoration: none;
9339
9380
  }
9340
9381
 
9341
- .pf-v5-c-sidebar__panel.pf-m-width-75 {
9342
- --pf-v5-c-sidebar__panel--FlexBasis: 75%;
9382
+ a.pf-v5-c-label__content:hover,
9383
+ button.pf-v5-c-label__content:hover {
9384
+ --pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label__content--link--hover--before--BorderWidth);
9385
+ --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label__content--link--hover--before--BorderColor);
9343
9386
  }
9344
9387
 
9345
- .pf-v5-c-sidebar__panel.pf-m-width-100 {
9346
- --pf-v5-c-sidebar__panel--FlexBasis: 100%;
9388
+ a.pf-v5-c-label__content:focus,
9389
+ button.pf-v5-c-label__content:focus {
9390
+ --pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label__content--link--focus--before--BorderWidth);
9391
+ --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label__content--link--focus--before--BorderColor);
9347
9392
  }
9348
9393
 
9349
- @media (min-width: 576px) {
9350
- .pf-v5-c-sidebar__panel.pf-m-width-default-on-sm {
9351
- --pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--FlexBasis--base);
9352
- }
9353
- .pf-v5-c-sidebar__panel.pf-m-width-25-on-sm {
9354
- --pf-v5-c-sidebar__panel--FlexBasis: 25%;
9355
- }
9356
- .pf-v5-c-sidebar__panel.pf-m-width-33-on-sm {
9357
- --pf-v5-c-sidebar__panel--FlexBasis: 33%;
9358
- }
9359
- .pf-v5-c-sidebar__panel.pf-m-width-50-on-sm {
9360
- --pf-v5-c-sidebar__panel--FlexBasis: 50%;
9361
- }
9362
- .pf-v5-c-sidebar__panel.pf-m-width-66-on-sm {
9363
- --pf-v5-c-sidebar__panel--FlexBasis: 66%;
9364
- }
9365
- .pf-v5-c-sidebar__panel.pf-m-width-75-on-sm {
9366
- --pf-v5-c-sidebar__panel--FlexBasis: 75%;
9367
- }
9368
- .pf-v5-c-sidebar__panel.pf-m-width-100-on-sm {
9369
- --pf-v5-c-sidebar__panel--FlexBasis: 100%;
9370
- }
9371
- }
9372
- @media (min-width: 768px) {
9373
- .pf-v5-c-sidebar__panel.pf-m-width-default-on-md {
9374
- --pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--FlexBasis--base);
9375
- }
9376
- .pf-v5-c-sidebar__panel.pf-m-width-25-on-md {
9377
- --pf-v5-c-sidebar__panel--FlexBasis: 25%;
9378
- }
9379
- .pf-v5-c-sidebar__panel.pf-m-width-33-on-md {
9380
- --pf-v5-c-sidebar__panel--FlexBasis: 33%;
9381
- }
9382
- .pf-v5-c-sidebar__panel.pf-m-width-50-on-md {
9383
- --pf-v5-c-sidebar__panel--FlexBasis: 50%;
9384
- }
9385
- .pf-v5-c-sidebar__panel.pf-m-width-66-on-md {
9386
- --pf-v5-c-sidebar__panel--FlexBasis: 66%;
9387
- }
9388
- .pf-v5-c-sidebar__panel.pf-m-width-75-on-md {
9389
- --pf-v5-c-sidebar__panel--FlexBasis: 75%;
9390
- }
9391
- .pf-v5-c-sidebar__panel.pf-m-width-100-on-md {
9392
- --pf-v5-c-sidebar__panel--FlexBasis: 100%;
9393
- }
9394
+ .pf-v5-c-label__icon {
9395
+ margin-inline-end: var(--pf-v5-c-label__icon--MarginRight);
9396
+ color: var(--pf-v5-c-label__icon--Color);
9394
9397
  }
9395
- @media (min-width: 992px) {
9396
- .pf-v5-c-sidebar__panel.pf-m-width-default-on-lg {
9397
- --pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--FlexBasis--base);
9398
- }
9399
- .pf-v5-c-sidebar__panel.pf-m-width-25-on-lg {
9400
- --pf-v5-c-sidebar__panel--FlexBasis: 25%;
9401
- }
9402
- .pf-v5-c-sidebar__panel.pf-m-width-33-on-lg {
9403
- --pf-v5-c-sidebar__panel--FlexBasis: 33%;
9404
- }
9405
- .pf-v5-c-sidebar__panel.pf-m-width-50-on-lg {
9406
- --pf-v5-c-sidebar__panel--FlexBasis: 50%;
9407
- }
9408
- .pf-v5-c-sidebar__panel.pf-m-width-66-on-lg {
9409
- --pf-v5-c-sidebar__panel--FlexBasis: 66%;
9410
- }
9411
- .pf-v5-c-sidebar__panel.pf-m-width-75-on-lg {
9412
- --pf-v5-c-sidebar__panel--FlexBasis: 75%;
9413
- }
9414
- .pf-v5-c-sidebar__panel.pf-m-width-100-on-lg {
9415
- --pf-v5-c-sidebar__panel--FlexBasis: 100%;
9416
- }
9398
+
9399
+ .pf-v5-c-label__actions {
9400
+ margin-inline-end: var(--pf-v5-c-label__actions--MarginRight);
9401
+ font-size: var(--pf-v5-c-label__actions--FontSize);
9417
9402
  }
9418
- @media (min-width: 1200px) {
9419
- .pf-v5-c-sidebar__panel.pf-m-width-default-on-xl {
9420
- --pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--FlexBasis--base);
9421
- }
9422
- .pf-v5-c-sidebar__panel.pf-m-width-25-on-xl {
9423
- --pf-v5-c-sidebar__panel--FlexBasis: 25%;
9424
- }
9425
- .pf-v5-c-sidebar__panel.pf-m-width-33-on-xl {
9426
- --pf-v5-c-sidebar__panel--FlexBasis: 33%;
9427
- }
9428
- .pf-v5-c-sidebar__panel.pf-m-width-50-on-xl {
9429
- --pf-v5-c-sidebar__panel--FlexBasis: 50%;
9430
- }
9431
- .pf-v5-c-sidebar__panel.pf-m-width-66-on-xl {
9432
- --pf-v5-c-sidebar__panel--FlexBasis: 66%;
9433
- }
9434
- .pf-v5-c-sidebar__panel.pf-m-width-75-on-xl {
9435
- --pf-v5-c-sidebar__panel--FlexBasis: 75%;
9436
- }
9437
- .pf-v5-c-sidebar__panel.pf-m-width-100-on-xl {
9438
- --pf-v5-c-sidebar__panel--FlexBasis: 100%;
9439
- }
9403
+
9404
+ .pf-v5-c-label__actions .pf-v5-c-button {
9405
+ --pf-v5-c-button--FontSize: var(--pf-v5-c-label__actions--c-button--FontSize);
9406
+ --pf-v5-c-button--PaddingTop: var(--pf-v5-c-label__actions--c-button--PaddingTop);
9407
+ --pf-v5-c-button--PaddingRight: var(--pf-v5-c-label__actions--c-button--PaddingRight);
9408
+ --pf-v5-c-button--PaddingBottom: var(--pf-v5-c-label__actions--c-button--PaddingBottom);
9409
+ --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-label__actions--c-button--PaddingLeft);
9410
+ margin-block-start: var(--pf-v5-c-label__actions--c-button--MarginTop);
9411
+ margin-block-end: var(--pf-v5-c-label__actions--c-button--MarginBottom);
9440
9412
  }
9441
- @media (min-width: 1450px) {
9442
- .pf-v5-c-sidebar__panel.pf-m-width-default-on-2xl {
9443
- --pf-v5-c-sidebar__panel--FlexBasis: var(--pf-v5-c-sidebar__panel--FlexBasis--base);
9444
- }
9445
- .pf-v5-c-sidebar__panel.pf-m-width-25-on-2xl {
9446
- --pf-v5-c-sidebar__panel--FlexBasis: 25%;
9447
- }
9448
- .pf-v5-c-sidebar__panel.pf-m-width-33-on-2xl {
9449
- --pf-v5-c-sidebar__panel--FlexBasis: 33%;
9450
- }
9451
- .pf-v5-c-sidebar__panel.pf-m-width-50-on-2xl {
9452
- --pf-v5-c-sidebar__panel--FlexBasis: 50%;
9453
- }
9454
- .pf-v5-c-sidebar__panel.pf-m-width-66-on-2xl {
9455
- --pf-v5-c-sidebar__panel--FlexBasis: 66%;
9456
- }
9457
- .pf-v5-c-sidebar__panel.pf-m-width-75-on-2xl {
9458
- --pf-v5-c-sidebar__panel--FlexBasis: 75%;
9459
- }
9460
- .pf-v5-c-sidebar__panel.pf-m-width-100-on-2xl {
9461
- --pf-v5-c-sidebar__panel--FlexBasis: 100%;
9462
- }
9413
+
9414
+ :where(.pf-v5-theme-dark) .pf-v5-c-label {
9415
+ --pf-v5-c-label--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
9416
+ --pf-v5-c-label--m-blue--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
9417
+ --pf-v5-c-label--m-green--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
9418
+ --pf-v5-c-label--m-orange--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
9419
+ --pf-v5-c-label--m-red--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
9420
+ --pf-v5-c-label--m-purple--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
9421
+ --pf-v5-c-label--m-cyan--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
9422
+ --pf-v5-c-label--m-gold--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
9423
+ --pf-v5-c-label__content--before--BorderWidth: 0;
9424
+ --pf-v5-c-label__content--before--BorderColor: transparent;
9425
+ --pf-v5-c-label__content--link--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
9426
+ --pf-v5-c-label__content--link--focus--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
9427
+ --pf-v5-c-label--m-blue__content--Color: var(--pf-v5-global--primary-color--100);
9428
+ --pf-v5-c-label--m-outline--m-blue__content--before--BorderColor: var(--pf-v5-global--active-color--200);
9429
+ --pf-v5-c-label--m-outline--m-blue__content--link--hover--before--BorderColor: var(--pf-v5-global--active-color--200);
9430
+ --pf-v5-c-label--m-outline--m-blue__content--link--focus--before--BorderColor: var(--pf-v5-global--active-color--200);
9431
+ --pf-v5-c-label--m-green__content--Color: var(--pf-v5-global--success-color--100);
9432
+ --pf-v5-c-label--m-outline--m-green__content--before--BorderColor: var(--pf-v5-global--palette--green-100);
9433
+ --pf-v5-c-label--m-outline--m-green__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--green-100);
9434
+ --pf-v5-c-label--m-outline--m-green__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--green-100);
9435
+ --pf-v5-c-label--m-orange__content--Color: var(--pf-v5-global--palette--orange-300);
9436
+ --pf-v5-c-label--m-outline--m-orange__content--Color: var(--pf-v5-global--palette--orange-300);
9437
+ --pf-v5-c-label--m-outline--m-orange__content--before--BorderColor: var(--pf-v5-global--palette--gold-100);
9438
+ --pf-v5-c-label--m-outline--m-orange__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--gold-100);
9439
+ --pf-v5-c-label--m-outline--m-orange__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--gold-100);
9440
+ --pf-v5-c-label--m-red__content--Color: var(--pf-v5-global--danger-color--100);
9441
+ --pf-v5-c-label--m-outline--m-red__content--before--BorderColor: var(--pf-v5-global--danger-color--100);
9442
+ --pf-v5-c-label--m-outline--m-red__content--link--hover--before--BorderColor: var(--pf-v5-global--danger-color--100);
9443
+ --pf-v5-c-label--m-outline--m-red__content--link--focus--before--BorderColor: var(--pf-v5-global--danger-color--100);
9444
+ --pf-v5-c-label--m-purple__content--Color: var(--pf-v5-global--palette--purple-300);
9445
+ --pf-v5-c-label--m-purple__icon--Color: var(--pf-v5-global--palette--purple-300);
9446
+ --pf-v5-c-label--m-purple__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--purple-300);
9447
+ --pf-v5-c-label--m-purple__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--purple-300);
9448
+ --pf-v5-c-label--m-outline--m-purple__content--before--BorderColor: var(--pf-v5-global--palette--purple-100);
9449
+ --pf-v5-c-label--m-outline--m-purple__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--purple-100);
9450
+ --pf-v5-c-label--m-outline--m-purple__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--purple-100);
9451
+ --pf-v5-c-label--m-outline--m-purple__content--Color: var(--pf-v5-global--palette--purple-300);
9452
+ --pf-v5-c-label--m-cyan__content--Color: var(--pf-v5-global--custom-color--200);
9453
+ --pf-v5-c-label--m-outline--m-cyan__content--Color: var(--pf-v5-global--custom-color--200);
9454
+ --pf-v5-c-label--m-outline--m-cyan__content--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
9455
+ --pf-v5-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
9456
+ --pf-v5-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
9457
+ --pf-v5-c-label--m-gold__content--Color: var(--pf-v5-global--palette--gold-300);
9458
+ --pf-v5-c-label--m-outline--m-gold__content--Color: var(--pf-v5-global--palette--gold-300);
9459
+ --pf-v5-c-label--m-outline--m-gold__content--before--BorderColor: var(--pf-v5-global--palette--gold-100);
9460
+ --pf-v5-c-label--m-outline--m-gold__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--gold-100);
9461
+ --pf-v5-c-label--m-outline--m-gold__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--gold-100);
9463
9462
  }
9463
+
9464
9464
  .pf-v5-c-list {
9465
9465
  --pf-v5-c-list--PaddingLeft: var(--pf-v5-global--spacer--lg);
9466
9466
  --pf-v5-c-list--nested--MarginTop: var(--pf-v5-global--spacer--sm);
@@ -16921,114 +16921,6 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
16921
16921
  --pf-v5-c-text-input-group__text--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
16922
16922
  }
16923
16923
 
16924
- .pf-v5-c-simple-list {
16925
- --pf-v5-c-simple-list__item-link--PaddingTop: var(--pf-v5-global--spacer--xs);
16926
- --pf-v5-c-simple-list__item-link--PaddingRight: var(--pf-v5-global--spacer--md);
16927
- --pf-v5-c-simple-list__item-link--PaddingBottom: var(--pf-v5-global--spacer--xs);
16928
- --pf-v5-c-simple-list__item-link--PaddingLeft: var(--pf-v5-global--spacer--md);
16929
- --pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
16930
- --pf-v5-c-simple-list__item-link--Color: var(--pf-v5-global--Color--100);
16931
- --pf-v5-c-simple-list__item-link--FontSize: var(--pf-v5-global--FontSize--sm);
16932
- --pf-v5-c-simple-list__item-link--FontWeight: var(--pf-v5-global--FontWeight--normal);
16933
- --pf-v5-c-simple-list__item-link--m-current--Color: var(--pf-v5-global--link--Color);
16934
- --pf-v5-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
16935
- --pf-v5-c-simple-list__item-link--m-current--FontWeight: var(--pf-v5-global--FontWeight--normal);
16936
- --pf-v5-c-simple-list__item-link--hover--Color: var(--pf-v5-global--Color--100);
16937
- --pf-v5-c-simple-list__item-link--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
16938
- --pf-v5-c-simple-list__item-link--focus--Color: var(--pf-v5-global--Color--100);
16939
- --pf-v5-c-simple-list__item-link--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
16940
- --pf-v5-c-simple-list__item-link--focus--FontWeight: var(--pf-v5-global--FontWeight--normal);
16941
- --pf-v5-c-simple-list__item-link--active--Color: var(--pf-v5-global--Color--100);
16942
- --pf-v5-c-simple-list__item-link--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
16943
- --pf-v5-c-simple-list__item-link--active--FontWeight: var(--pf-v5-global--FontWeight--normal);
16944
- --pf-v5-c-simple-list__title--PaddingTop: var(--pf-v5-global--spacer--sm);
16945
- --pf-v5-c-simple-list__title--PaddingRight: var(--pf-v5-global--spacer--md);
16946
- --pf-v5-c-simple-list__title--PaddingBottom: var(--pf-v5-global--spacer--sm);
16947
- --pf-v5-c-simple-list__title--PaddingLeft: var(--pf-v5-global--spacer--md);
16948
- --pf-v5-c-simple-list__title--FontSize: var(--pf-v5-global--FontSize--sm);
16949
- --pf-v5-c-simple-list__title--Color: var(--pf-v5-global--Color--dark-200);
16950
- --pf-v5-c-simple-list__title--FontWeight: var(--pf-v5-global--FontWeight--bold);
16951
- --pf-v5-c-simple-list__section--section--MarginTop: var(--pf-v5-global--spacer--sm);
16952
- }
16953
-
16954
- .pf-v5-c-simple-list__item-link {
16955
- display: block;
16956
- width: 100%;
16957
- padding-block-start: var(--pf-v5-c-simple-list__item-link--PaddingTop);
16958
- padding-block-end: var(--pf-v5-c-simple-list__item-link--PaddingBottom);
16959
- padding-inline-start: var(--pf-v5-c-simple-list__item-link--PaddingLeft);
16960
- padding-inline-end: var(--pf-v5-c-simple-list__item-link--PaddingRight);
16961
- font-size: var(--pf-v5-c-simple-list__item-link--FontSize);
16962
- font-weight: var(--pf-v5-c-simple-list__item-link--FontWeight);
16963
- color: var(--pf-v5-c-simple-list__item-link--Color);
16964
- text-align: start;
16965
- background-color: var(--pf-v5-c-simple-list__item-link--BackgroundColor);
16966
- border: none;
16967
- }
16968
-
16969
- .pf-v5-c-simple-list__item-link:hover {
16970
- --pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-c-simple-list__item-link--hover--BackgroundColor);
16971
- --pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--hover--Color);
16972
- text-decoration: none;
16973
- }
16974
-
16975
- .pf-v5-c-simple-list__item-link:focus {
16976
- --pf-v5-c-simple-list__item-link--FontWeight: var(--pf-v5-c-simple-list__item-link--focus--FontWeight);
16977
- --pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-c-simple-list__item-link--focus--BackgroundColor);
16978
- --pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--focus--Color);
16979
- }
16980
-
16981
- .pf-v5-c-simple-list__item-link:active {
16982
- --pf-v5-c-simple-list__item-link--FontWeight: var(--pf-v5-c-simple-list__item-link--active--FontWeight);
16983
- --pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-c-simple-list__item-link--active--BackgroundColor);
16984
- --pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--active--Color);
16985
- }
16986
-
16987
- .pf-v5-c-simple-list__item-link.pf-m-current {
16988
- --pf-v5-c-simple-list__item-link--FontWeight: var(--pf-v5-c-simple-list__item-link--m-current--FontWeight);
16989
- --pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-c-simple-list__item-link--m-current--BackgroundColor);
16990
- --pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--m-current--Color);
16991
- }
16992
-
16993
- .pf-v5-c-simple-list__title {
16994
- padding-block-start: var(--pf-v5-c-simple-list__title--PaddingTop);
16995
- padding-block-end: var(--pf-v5-c-simple-list__title--PaddingBottom);
16996
- padding-inline-start: var(--pf-v5-c-simple-list__title--PaddingLeft);
16997
- padding-inline-end: var(--pf-v5-c-simple-list__title--PaddingRight);
16998
- font-size: var(--pf-v5-c-simple-list__title--FontSize);
16999
- font-weight: var(--pf-v5-c-simple-list__title--FontWeight);
17000
- color: var(--pf-v5-c-simple-list__title--Color);
17001
- }
17002
-
17003
- .pf-v5-c-simple-list__section + .pf-v5-c-simple-list__section {
17004
- margin-block-start: var(--pf-v5-c-simple-list__section--section--MarginTop);
17005
- }
17006
-
17007
- :where(.pf-v5-theme-dark) .pf-v5-c-simple-list {
17008
- --pf-v5-c-simple-list__item-link--m-current--Color: var(--pf-v5-global--active-color--100);
17009
- --pf-v5-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
17010
- --pf-v5-c-simple-list__item-link--hover--Color: var(--pf-v5-global--Color--100);
17011
- --pf-v5-c-simple-list__item-link--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
17012
- --pf-v5-c-simple-list__item-link--focus--Color: var(--pf-v5-global--Color--100);
17013
- --pf-v5-c-simple-list__item-link--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
17014
- --pf-v5-c-simple-list__item-link--active--Color: var(--pf-v5-global--Color--100);
17015
- --pf-v5-c-simple-list__item-link--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
17016
- }
17017
-
17018
- .pf-v5-c-skip-to-content {
17019
- --pf-v5-c-skip-to-content--Top: var(--pf-v5-global--spacer--md);
17020
- --pf-v5-c-skip-to-content--ZIndex: var(--pf-v5-global--ZIndex--2xl);
17021
- --pf-v5-c-skip-to-content--focus--Left: var(--pf-v5-global--spacer--md);
17022
- position: absolute;
17023
- inset-block-start: var(--pf-v5-c-skip-to-content--Top);
17024
- inset-inline-start: -300%;
17025
- z-index: var(--pf-v5-c-skip-to-content--ZIndex);
17026
- }
17027
-
17028
- .pf-v5-c-skip-to-content:focus-within {
17029
- inset-inline-start: var(--pf-v5-c-skip-to-content--focus--Left);
17030
- }
17031
-
17032
16924
  .pf-v5-c-skeleton {
17033
16925
  --pf-v5-c-skeleton--BackgroundColor: var(--pf-v5-global--palette--black-150);
17034
16926
  --pf-v5-c-skeleton--Width: auto;
@@ -17204,26 +17096,134 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
17204
17096
  --pf-v5-c-skeleton--Height: var(--pf-v5-c-skeleton--m-text-md--Height);
17205
17097
  }
17206
17098
 
17207
- .pf-v5-c-skeleton.pf-m-text-sm {
17208
- --pf-v5-c-skeleton--Height: var(--pf-v5-c-skeleton--m-text-sm--Height);
17099
+ .pf-v5-c-skeleton.pf-m-text-sm {
17100
+ --pf-v5-c-skeleton--Height: var(--pf-v5-c-skeleton--m-text-sm--Height);
17101
+ }
17102
+
17103
+ @keyframes pf-v5-c-skeleton-loading {
17104
+ 0% {
17105
+ transform: translateX(-100%);
17106
+ }
17107
+ 60% {
17108
+ transform: translateX(100%);
17109
+ }
17110
+ 100% {
17111
+ transform: translateX(100%);
17112
+ }
17113
+ }
17114
+ :where(.pf-v5-theme-dark) .pf-v5-c-skeleton {
17115
+ --pf-v5-c-skeleton--BackgroundColor: var(--pf-v5-global--palette--black-600);
17116
+ --pf-v5-c-skeleton--after--LinearGradientColorStop1: var(--pf-v5-global--palette--black-600);
17117
+ --pf-v5-c-skeleton--after--LinearGradientColorStop2: var(--pf-v5-global--palette--black-500);
17118
+ --pf-v5-c-skeleton--after--LinearGradientColorStop3: var(--pf-v5-global--palette--black-600);
17119
+ }
17120
+
17121
+ .pf-v5-c-simple-list {
17122
+ --pf-v5-c-simple-list__item-link--PaddingTop: var(--pf-v5-global--spacer--xs);
17123
+ --pf-v5-c-simple-list__item-link--PaddingRight: var(--pf-v5-global--spacer--md);
17124
+ --pf-v5-c-simple-list__item-link--PaddingBottom: var(--pf-v5-global--spacer--xs);
17125
+ --pf-v5-c-simple-list__item-link--PaddingLeft: var(--pf-v5-global--spacer--md);
17126
+ --pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
17127
+ --pf-v5-c-simple-list__item-link--Color: var(--pf-v5-global--Color--100);
17128
+ --pf-v5-c-simple-list__item-link--FontSize: var(--pf-v5-global--FontSize--sm);
17129
+ --pf-v5-c-simple-list__item-link--FontWeight: var(--pf-v5-global--FontWeight--normal);
17130
+ --pf-v5-c-simple-list__item-link--m-current--Color: var(--pf-v5-global--link--Color);
17131
+ --pf-v5-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
17132
+ --pf-v5-c-simple-list__item-link--m-current--FontWeight: var(--pf-v5-global--FontWeight--normal);
17133
+ --pf-v5-c-simple-list__item-link--hover--Color: var(--pf-v5-global--Color--100);
17134
+ --pf-v5-c-simple-list__item-link--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
17135
+ --pf-v5-c-simple-list__item-link--focus--Color: var(--pf-v5-global--Color--100);
17136
+ --pf-v5-c-simple-list__item-link--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
17137
+ --pf-v5-c-simple-list__item-link--focus--FontWeight: var(--pf-v5-global--FontWeight--normal);
17138
+ --pf-v5-c-simple-list__item-link--active--Color: var(--pf-v5-global--Color--100);
17139
+ --pf-v5-c-simple-list__item-link--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
17140
+ --pf-v5-c-simple-list__item-link--active--FontWeight: var(--pf-v5-global--FontWeight--normal);
17141
+ --pf-v5-c-simple-list__title--PaddingTop: var(--pf-v5-global--spacer--sm);
17142
+ --pf-v5-c-simple-list__title--PaddingRight: var(--pf-v5-global--spacer--md);
17143
+ --pf-v5-c-simple-list__title--PaddingBottom: var(--pf-v5-global--spacer--sm);
17144
+ --pf-v5-c-simple-list__title--PaddingLeft: var(--pf-v5-global--spacer--md);
17145
+ --pf-v5-c-simple-list__title--FontSize: var(--pf-v5-global--FontSize--sm);
17146
+ --pf-v5-c-simple-list__title--Color: var(--pf-v5-global--Color--dark-200);
17147
+ --pf-v5-c-simple-list__title--FontWeight: var(--pf-v5-global--FontWeight--bold);
17148
+ --pf-v5-c-simple-list__section--section--MarginTop: var(--pf-v5-global--spacer--sm);
17149
+ }
17150
+
17151
+ .pf-v5-c-simple-list__item-link {
17152
+ display: block;
17153
+ width: 100%;
17154
+ padding-block-start: var(--pf-v5-c-simple-list__item-link--PaddingTop);
17155
+ padding-block-end: var(--pf-v5-c-simple-list__item-link--PaddingBottom);
17156
+ padding-inline-start: var(--pf-v5-c-simple-list__item-link--PaddingLeft);
17157
+ padding-inline-end: var(--pf-v5-c-simple-list__item-link--PaddingRight);
17158
+ font-size: var(--pf-v5-c-simple-list__item-link--FontSize);
17159
+ font-weight: var(--pf-v5-c-simple-list__item-link--FontWeight);
17160
+ color: var(--pf-v5-c-simple-list__item-link--Color);
17161
+ text-align: start;
17162
+ background-color: var(--pf-v5-c-simple-list__item-link--BackgroundColor);
17163
+ border: none;
17164
+ }
17165
+
17166
+ .pf-v5-c-simple-list__item-link:hover {
17167
+ --pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-c-simple-list__item-link--hover--BackgroundColor);
17168
+ --pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--hover--Color);
17169
+ text-decoration: none;
17170
+ }
17171
+
17172
+ .pf-v5-c-simple-list__item-link:focus {
17173
+ --pf-v5-c-simple-list__item-link--FontWeight: var(--pf-v5-c-simple-list__item-link--focus--FontWeight);
17174
+ --pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-c-simple-list__item-link--focus--BackgroundColor);
17175
+ --pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--focus--Color);
17176
+ }
17177
+
17178
+ .pf-v5-c-simple-list__item-link:active {
17179
+ --pf-v5-c-simple-list__item-link--FontWeight: var(--pf-v5-c-simple-list__item-link--active--FontWeight);
17180
+ --pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-c-simple-list__item-link--active--BackgroundColor);
17181
+ --pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--active--Color);
17182
+ }
17183
+
17184
+ .pf-v5-c-simple-list__item-link.pf-m-current {
17185
+ --pf-v5-c-simple-list__item-link--FontWeight: var(--pf-v5-c-simple-list__item-link--m-current--FontWeight);
17186
+ --pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-c-simple-list__item-link--m-current--BackgroundColor);
17187
+ --pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--m-current--Color);
17188
+ }
17189
+
17190
+ .pf-v5-c-simple-list__title {
17191
+ padding-block-start: var(--pf-v5-c-simple-list__title--PaddingTop);
17192
+ padding-block-end: var(--pf-v5-c-simple-list__title--PaddingBottom);
17193
+ padding-inline-start: var(--pf-v5-c-simple-list__title--PaddingLeft);
17194
+ padding-inline-end: var(--pf-v5-c-simple-list__title--PaddingRight);
17195
+ font-size: var(--pf-v5-c-simple-list__title--FontSize);
17196
+ font-weight: var(--pf-v5-c-simple-list__title--FontWeight);
17197
+ color: var(--pf-v5-c-simple-list__title--Color);
17198
+ }
17199
+
17200
+ .pf-v5-c-simple-list__section + .pf-v5-c-simple-list__section {
17201
+ margin-block-start: var(--pf-v5-c-simple-list__section--section--MarginTop);
17202
+ }
17203
+
17204
+ :where(.pf-v5-theme-dark) .pf-v5-c-simple-list {
17205
+ --pf-v5-c-simple-list__item-link--m-current--Color: var(--pf-v5-global--active-color--100);
17206
+ --pf-v5-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
17207
+ --pf-v5-c-simple-list__item-link--hover--Color: var(--pf-v5-global--Color--100);
17208
+ --pf-v5-c-simple-list__item-link--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
17209
+ --pf-v5-c-simple-list__item-link--focus--Color: var(--pf-v5-global--Color--100);
17210
+ --pf-v5-c-simple-list__item-link--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
17211
+ --pf-v5-c-simple-list__item-link--active--Color: var(--pf-v5-global--Color--100);
17212
+ --pf-v5-c-simple-list__item-link--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
17213
+ }
17214
+
17215
+ .pf-v5-c-skip-to-content {
17216
+ --pf-v5-c-skip-to-content--Top: var(--pf-v5-global--spacer--md);
17217
+ --pf-v5-c-skip-to-content--ZIndex: var(--pf-v5-global--ZIndex--2xl);
17218
+ --pf-v5-c-skip-to-content--focus--Left: var(--pf-v5-global--spacer--md);
17219
+ position: absolute;
17220
+ inset-block-start: var(--pf-v5-c-skip-to-content--Top);
17221
+ inset-inline-start: -300%;
17222
+ z-index: var(--pf-v5-c-skip-to-content--ZIndex);
17209
17223
  }
17210
17224
 
17211
- @keyframes pf-v5-c-skeleton-loading {
17212
- 0% {
17213
- transform: translateX(-100%);
17214
- }
17215
- 60% {
17216
- transform: translateX(100%);
17217
- }
17218
- 100% {
17219
- transform: translateX(100%);
17220
- }
17221
- }
17222
- :where(.pf-v5-theme-dark) .pf-v5-c-skeleton {
17223
- --pf-v5-c-skeleton--BackgroundColor: var(--pf-v5-global--palette--black-600);
17224
- --pf-v5-c-skeleton--after--LinearGradientColorStop1: var(--pf-v5-global--palette--black-600);
17225
- --pf-v5-c-skeleton--after--LinearGradientColorStop2: var(--pf-v5-global--palette--black-500);
17226
- --pf-v5-c-skeleton--after--LinearGradientColorStop3: var(--pf-v5-global--palette--black-600);
17225
+ .pf-v5-c-skip-to-content:focus-within {
17226
+ inset-inline-start: var(--pf-v5-c-skip-to-content--focus--Left);
17227
17227
  }
17228
17228
 
17229
17229
  .pf-v5-c-slider {
@@ -17538,31 +17538,239 @@ svg.pf-v5-c-spinner.pf-m-xl {
17538
17538
  animation: pf-v5-c-spinner-animation-dash var(--pf-v5-c-spinner--AnimationDuration) var(--pf-v5-c-spinner__path--AnimationTimingFunction) infinite;
17539
17539
  }
17540
17540
 
17541
- @keyframes pf-v5-c-spinner-animation-rotate {
17542
- 0% {
17543
- transform: rotate(0deg);
17544
- }
17545
- 100% {
17546
- transform: rotate(360deg);
17547
- }
17548
- }
17549
- @keyframes pf-v5-c-spinner-animation-dash {
17550
- 0% {
17551
- stroke-dashoffset: 280;
17552
- transform: rotate(0);
17553
- }
17554
- 15% {
17555
- stroke-width: calc(var(--pf-v5-c-spinner__path--StrokeWidth) - 4);
17556
- }
17557
- 40% {
17558
- stroke-dasharray: 220;
17559
- stroke-dashoffset: 150;
17560
- }
17561
- 100% {
17562
- stroke-dashoffset: 280;
17563
- transform: rotate(720deg);
17564
- }
17541
+ @keyframes pf-v5-c-spinner-animation-rotate {
17542
+ 0% {
17543
+ transform: rotate(0deg);
17544
+ }
17545
+ 100% {
17546
+ transform: rotate(360deg);
17547
+ }
17548
+ }
17549
+ @keyframes pf-v5-c-spinner-animation-dash {
17550
+ 0% {
17551
+ stroke-dashoffset: 280;
17552
+ transform: rotate(0);
17553
+ }
17554
+ 15% {
17555
+ stroke-width: calc(var(--pf-v5-c-spinner__path--StrokeWidth) - 4);
17556
+ }
17557
+ 40% {
17558
+ stroke-dasharray: 220;
17559
+ stroke-dashoffset: 150;
17560
+ }
17561
+ 100% {
17562
+ stroke-dashoffset: 280;
17563
+ transform: rotate(720deg);
17564
+ }
17565
+ }
17566
+ .pf-v5-c-switch {
17567
+ --pf-v5-c-switch--FontSize: var(--pf-v5-global--FontSize--md);
17568
+ --pf-v5-c-switch__label--PaddingLeft: var(--pf-v5-global--spacer--md);
17569
+ --pf-v5-c-switch--ColumnGap: var(--pf-v5-c-switch__label--PaddingLeft);
17570
+ --pf-v5-c-switch__toggle-icon--FontSize: calc(var(--pf-v5-c-switch--FontSize) * .625);
17571
+ --pf-v5-c-switch__toggle-icon--Color: var(--pf-v5-global--Color--light-100);
17572
+ --pf-v5-c-switch__toggle-icon--Left: calc(var(--pf-v5-c-switch--FontSize) * .4);
17573
+ --pf-v5-c-switch__toggle-icon--Offset: 0.125rem;
17574
+ --pf-v5-c-switch__input--disabled__toggle-icon--Color: var(--pf-v5-global--palette--black-150);
17575
+ --pf-v5-c-switch--LineHeight: var(--pf-v5-global--LineHeight--md);
17576
+ --pf-v5-c-switch--Height: auto;
17577
+ --pf-v5-c-switch__input--checked__toggle--BackgroundColor: var(--pf-v5-global--primary-color--100);
17578
+ --pf-v5-c-switch__input--checked__toggle--before--TranslateX: calc(100% + var(--pf-v5-c-switch__toggle-icon--Offset));
17579
+ --pf-v5-c-switch__input--checked__label--Color: var(--pf-v5-global--Color--dark-100);
17580
+ --pf-v5-c-switch__input--not-checked__label--Color: var(--pf-v5-global--disabled-color--100);
17581
+ --pf-v5-c-switch__input--disabled__label--Color: var(--pf-v5-global--disabled-color--100);
17582
+ --pf-v5-c-switch__input--disabled__toggle--BackgroundColor: var(--pf-v5-global--disabled-color--200);
17583
+ --pf-v5-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-v5-global--palette--black-150);
17584
+ --pf-v5-c-switch__input--focus__toggle--OutlineWidth: var(--pf-v5-global--BorderWidth--md);
17585
+ --pf-v5-c-switch__input--focus__toggle--OutlineOffset: var(--pf-v5-global--spacer--sm);
17586
+ --pf-v5-c-switch__input--focus__toggle--OutlineColor: var(--pf-v5-global--primary-color--100);
17587
+ --pf-v5-c-switch__toggle--Height: calc(var(--pf-v5-c-switch--FontSize) * var(--pf-v5-c-switch--LineHeight));
17588
+ --pf-v5-c-switch__toggle--BackgroundColor: var(--pf-v5-global--palette--black-500);
17589
+ --pf-v5-c-switch__toggle--BorderRadius: var(--pf-v5-c-switch__toggle--Height);
17590
+ --pf-v5-c-switch__toggle--before--Width: calc(var(--pf-v5-c-switch--FontSize) - var(--pf-v5-c-switch__toggle-icon--Offset));
17591
+ --pf-v5-c-switch__toggle--before--Height: var(--pf-v5-c-switch__toggle--before--Width);
17592
+ --pf-v5-c-switch__toggle--before--Top: calc((var(--pf-v5-c-switch__toggle--Height) - var(--pf-v5-c-switch__toggle--before--Height)) / 2);
17593
+ --pf-v5-c-switch__toggle--before--Left: var(--pf-v5-c-switch__toggle--before--Top);
17594
+ --pf-v5-c-switch__toggle--before--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
17595
+ --pf-v5-c-switch__toggle--before--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
17596
+ --pf-v5-c-switch__toggle--before--BoxShadow: var(--pf-v5-global--BoxShadow--md);
17597
+ --pf-v5-c-switch__toggle--before--Transition: transform .25s ease 0s;
17598
+ --pf-v5-c-switch__toggle--Width: calc(var(--pf-v5-c-switch__toggle--Height) + var(--pf-v5-c-switch__toggle-icon--Offset) + var(--pf-v5-c-switch__toggle--before--Width));
17599
+ --pf-v5-c-switch__label--Color: var(--pf-v5-global--Color--dark-100);
17600
+ position: relative;
17601
+ display: inline-grid;
17602
+ grid-template-columns: auto;
17603
+ grid-auto-columns: 1fr;
17604
+ column-gap: var(--pf-v5-c-switch--ColumnGap);
17605
+ height: var(--pf-v5-c-switch--Height);
17606
+ font-size: var(--pf-v5-c-switch--FontSize);
17607
+ line-height: var(--pf-v5-c-switch--LineHeight);
17608
+ vertical-align: middle;
17609
+ cursor: pointer;
17610
+ }
17611
+
17612
+ .pf-v5-c-switch.pf-m-reverse .pf-v5-c-switch__label,
17613
+ .pf-v5-c-switch.pf-m-reverse .pf-v5-c-switch__toggle {
17614
+ grid-row: 1;
17615
+ }
17616
+
17617
+ .pf-v5-c-switch.pf-m-reverse .pf-v5-c-switch__label {
17618
+ grid-column: 1;
17619
+ }
17620
+
17621
+ .pf-v5-c-switch__input {
17622
+ position: absolute;
17623
+ cursor: pointer;
17624
+ opacity: 0;
17625
+ }
17626
+
17627
+ .pf-v5-c-switch__input:focus-visible ~ .pf-v5-c-switch__toggle {
17628
+ outline: var(--pf-v5-c-switch__input--focus__toggle--OutlineWidth) solid var(--pf-v5-c-switch__input--focus__toggle--OutlineColor);
17629
+ outline-offset: var(--pf-v5-c-switch__input--focus__toggle--OutlineOffset);
17630
+ }
17631
+
17632
+ .pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__label {
17633
+ color: var(--pf-v5-c-switch__input--checked__label--Color);
17634
+ }
17635
+
17636
+ .pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__toggle {
17637
+ background-color: var(--pf-v5-c-switch__input--checked__toggle--BackgroundColor);
17638
+ }
17639
+
17640
+ .pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__toggle::before {
17641
+ transform: translateX(var(--pf-v5-c-switch__input--checked__toggle--before--TranslateX));
17642
+ }
17643
+
17644
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__toggle::before {
17645
+ transform: translateX(calc(var(--pf-v5-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
17646
+ }
17647
+
17648
+ .pf-v5-c-switch__input:checked ~ .pf-m-off {
17649
+ display: none;
17650
+ }
17651
+
17652
+ .pf-v5-c-switch__input:not(:checked) ~ .pf-v5-c-switch__label {
17653
+ color: var(--pf-v5-c-switch__input--not-checked__label--Color);
17654
+ }
17655
+
17656
+ .pf-v5-c-switch__input:not(:checked) ~ .pf-v5-c-switch__toggle .pf-v5-c-switch__toggle-icon {
17657
+ display: none;
17658
+ }
17659
+
17660
+ .pf-v5-c-switch__input:not(:checked) ~ .pf-m-on {
17661
+ display: none;
17662
+ }
17663
+
17664
+ .pf-v5-c-switch__input:disabled {
17665
+ cursor: not-allowed;
17666
+ }
17667
+
17668
+ .pf-v5-c-switch__input:disabled ~ .pf-v5-c-switch__label {
17669
+ color: var(--pf-v5-c-switch__input--disabled__label--Color);
17670
+ cursor: not-allowed;
17671
+ }
17672
+
17673
+ .pf-v5-c-switch__input:disabled ~ .pf-v5-c-switch__toggle {
17674
+ --pf-v5-c-switch__toggle-icon--Color: var(--pf-v5-c-switch__input--disabled__toggle-icon--Color);
17675
+ cursor: not-allowed;
17676
+ background-color: var(--pf-v5-c-switch__input--disabled__toggle--BackgroundColor);
17677
+ }
17678
+
17679
+ .pf-v5-c-switch__input:disabled ~ .pf-v5-c-switch__toggle::before {
17680
+ background-color: var(--pf-v5-c-switch__input--disabled__toggle--before--BackgroundColor);
17681
+ }
17682
+
17683
+ .pf-v5-c-switch__toggle {
17684
+ position: relative;
17685
+ display: inline-block;
17686
+ width: var(--pf-v5-c-switch__toggle--Width);
17687
+ height: var(--pf-v5-c-switch__toggle--Height);
17688
+ background-color: var(--pf-v5-c-switch__toggle--BackgroundColor);
17689
+ border-radius: var(--pf-v5-c-switch__toggle--BorderRadius);
17690
+ }
17691
+
17692
+ .pf-v5-c-switch__toggle::before {
17693
+ position: absolute;
17694
+ inset-block-start: var(--pf-v5-c-switch__toggle--before--Top);
17695
+ inset-inline-start: var(--pf-v5-c-switch__toggle--before--Left);
17696
+ display: block;
17697
+ width: var(--pf-v5-c-switch__toggle--before--Width);
17698
+ height: var(--pf-v5-c-switch__toggle--before--Height);
17699
+ content: "";
17700
+ background-color: var(--pf-v5-c-switch__toggle--before--BackgroundColor);
17701
+ border-radius: var(--pf-v5-c-switch__toggle--before--BorderRadius);
17702
+ box-shadow: var(--pf-v5-c-switch__toggle--before--BoxShadow);
17703
+ transition: var(--pf-v5-c-switch__toggle--before--Transition);
17704
+ }
17705
+
17706
+ .pf-v5-c-switch__toggle-icon {
17707
+ position: absolute;
17708
+ inset-block-start: 0;
17709
+ inset-block-end: 0;
17710
+ inset-inline-start: var(--pf-v5-c-switch__toggle-icon--Left);
17711
+ display: flex;
17712
+ align-items: center;
17713
+ font-size: var(--pf-v5-c-switch__toggle-icon--FontSize);
17714
+ color: var(--pf-v5-c-switch__toggle-icon--Color);
17715
+ }
17716
+
17717
+ .pf-v5-c-switch__label {
17718
+ display: inline-block;
17719
+ grid-column: 2;
17720
+ color: var(--pf-v5-c-switch__label--Color);
17721
+ vertical-align: top;
17722
+ }
17723
+
17724
+ :where(.pf-v5-theme-dark) .pf-v5-c-switch {
17725
+ --pf-v5-c-switch__toggle-icon--Color: var(--pf-v5-global--BackgroundColor--100);
17726
+ --pf-v5-c-switch__input--not-checked__label--Color: var(--pf-v5-global--Color--100);
17727
+ --pf-v5-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-v5-global--disabled-color--100);
17728
+ --pf-v5-c-switch__toggle--before--BoxShadow: none;
17729
+ --pf-v5-c-switch__input--disabled__toggle-icon--Color: var(--pf-v5-global--disabled-color--100);
17730
+ }
17731
+
17732
+ .pf-v5-c-tab-content {
17733
+ --pf-v5-c-tab-content__body--PaddingTop: 0;
17734
+ --pf-v5-c-tab-content__body--PaddingRight: 0;
17735
+ --pf-v5-c-tab-content__body--PaddingBottom: 0;
17736
+ --pf-v5-c-tab-content__body--PaddingLeft: 0;
17737
+ --pf-v5-c-tab-content__body--m-padding--PaddingTop: var(--pf-v5-global--spacer--md);
17738
+ --pf-v5-c-tab-content__body--m-padding--PaddingRight: var(--pf-v5-global--spacer--md);
17739
+ --pf-v5-c-tab-content__body--m-padding--PaddingBottom: var(--pf-v5-global--spacer--md);
17740
+ --pf-v5-c-tab-content__body--m-padding--PaddingLeft: var(--pf-v5-global--spacer--md);
17741
+ --pf-v5-c-tab-content__body--m-padding--xl--PaddingTop: var(--pf-v5-global--spacer--lg);
17742
+ --pf-v5-c-tab-content__body--m-padding--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
17743
+ --pf-v5-c-tab-content__body--m-padding--xl--PaddingBottom: var(--pf-v5-global--spacer--lg);
17744
+ --pf-v5-c-tab-content__body--m-padding--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
17745
+ --pf-v5-c-tab-content--m-light-300: var(--pf-v5-global--BackgroundColor--light-300);
17746
+ }
17747
+
17748
+ @media screen and (min-width: 1200px) {
17749
+ .pf-v5-c-tab-content {
17750
+ --pf-v5-c-tab-content__body--m-padding--PaddingTop: var(--pf-v5-c-tab-content__body--m-padding--xl--PaddingTop);
17751
+ --pf-v5-c-tab-content__body--m-padding--PaddingRight: var(--pf-v5-c-tab-content__body--m-padding--xl--PaddingRight);
17752
+ --pf-v5-c-tab-content__body--m-padding--PaddingBottom: var(--pf-v5-c-tab-content__body--m-padding--xl--PaddingBottom);
17753
+ --pf-v5-c-tab-content__body--m-padding--PaddingLeft: var(--pf-v5-c-tab-content__body--m-padding--xl--PaddingLeft);
17754
+ }
17755
+ }
17756
+ .pf-v5-c-tab-content.pf-m-light-300 {
17757
+ background-color: var(--pf-v5-c-tab-content--m-light-300);
17758
+ }
17759
+
17760
+ .pf-v5-c-tab-content__body {
17761
+ padding-block-start: var(--pf-v5-c-tab-content__body--PaddingTop);
17762
+ padding-block-end: var(--pf-v5-c-tab-content__body--PaddingBottom);
17763
+ padding-inline-start: var(--pf-v5-c-tab-content__body--PaddingLeft);
17764
+ padding-inline-end: var(--pf-v5-c-tab-content__body--PaddingRight);
17765
+ }
17766
+
17767
+ .pf-v5-c-tab-content__body.pf-m-padding {
17768
+ --pf-v5-c-tab-content__body--PaddingTop: var(--pf-v5-c-tab-content__body--m-padding--PaddingTop);
17769
+ --pf-v5-c-tab-content__body--PaddingRight: var(--pf-v5-c-tab-content__body--m-padding--PaddingRight);
17770
+ --pf-v5-c-tab-content__body--PaddingBottom: var(--pf-v5-c-tab-content__body--m-padding--PaddingBottom);
17771
+ --pf-v5-c-tab-content__body--PaddingLeft: var(--pf-v5-c-tab-content__body--m-padding--PaddingLeft);
17565
17772
  }
17773
+
17566
17774
  .pf-v5-c-tabs {
17567
17775
  --pf-v5-c-tabs--inset: 0;
17568
17776
  --pf-v5-c-tabs--Width: auto;
@@ -18507,48 +18715,6 @@ svg.pf-v5-c-spinner.pf-m-xl {
18507
18715
  --pf-v5-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
18508
18716
  }
18509
18717
 
18510
- .pf-v5-c-tab-content {
18511
- --pf-v5-c-tab-content__body--PaddingTop: 0;
18512
- --pf-v5-c-tab-content__body--PaddingRight: 0;
18513
- --pf-v5-c-tab-content__body--PaddingBottom: 0;
18514
- --pf-v5-c-tab-content__body--PaddingLeft: 0;
18515
- --pf-v5-c-tab-content__body--m-padding--PaddingTop: var(--pf-v5-global--spacer--md);
18516
- --pf-v5-c-tab-content__body--m-padding--PaddingRight: var(--pf-v5-global--spacer--md);
18517
- --pf-v5-c-tab-content__body--m-padding--PaddingBottom: var(--pf-v5-global--spacer--md);
18518
- --pf-v5-c-tab-content__body--m-padding--PaddingLeft: var(--pf-v5-global--spacer--md);
18519
- --pf-v5-c-tab-content__body--m-padding--xl--PaddingTop: var(--pf-v5-global--spacer--lg);
18520
- --pf-v5-c-tab-content__body--m-padding--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
18521
- --pf-v5-c-tab-content__body--m-padding--xl--PaddingBottom: var(--pf-v5-global--spacer--lg);
18522
- --pf-v5-c-tab-content__body--m-padding--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
18523
- --pf-v5-c-tab-content--m-light-300: var(--pf-v5-global--BackgroundColor--light-300);
18524
- }
18525
-
18526
- @media screen and (min-width: 1200px) {
18527
- .pf-v5-c-tab-content {
18528
- --pf-v5-c-tab-content__body--m-padding--PaddingTop: var(--pf-v5-c-tab-content__body--m-padding--xl--PaddingTop);
18529
- --pf-v5-c-tab-content__body--m-padding--PaddingRight: var(--pf-v5-c-tab-content__body--m-padding--xl--PaddingRight);
18530
- --pf-v5-c-tab-content__body--m-padding--PaddingBottom: var(--pf-v5-c-tab-content__body--m-padding--xl--PaddingBottom);
18531
- --pf-v5-c-tab-content__body--m-padding--PaddingLeft: var(--pf-v5-c-tab-content__body--m-padding--xl--PaddingLeft);
18532
- }
18533
- }
18534
- .pf-v5-c-tab-content.pf-m-light-300 {
18535
- background-color: var(--pf-v5-c-tab-content--m-light-300);
18536
- }
18537
-
18538
- .pf-v5-c-tab-content__body {
18539
- padding-block-start: var(--pf-v5-c-tab-content__body--PaddingTop);
18540
- padding-block-end: var(--pf-v5-c-tab-content__body--PaddingBottom);
18541
- padding-inline-start: var(--pf-v5-c-tab-content__body--PaddingLeft);
18542
- padding-inline-end: var(--pf-v5-c-tab-content__body--PaddingRight);
18543
- }
18544
-
18545
- .pf-v5-c-tab-content__body.pf-m-padding {
18546
- --pf-v5-c-tab-content__body--PaddingTop: var(--pf-v5-c-tab-content__body--m-padding--PaddingTop);
18547
- --pf-v5-c-tab-content__body--PaddingRight: var(--pf-v5-c-tab-content__body--m-padding--PaddingRight);
18548
- --pf-v5-c-tab-content__body--PaddingBottom: var(--pf-v5-c-tab-content__body--m-padding--PaddingBottom);
18549
- --pf-v5-c-tab-content__body--PaddingLeft: var(--pf-v5-c-tab-content__body--m-padding--PaddingLeft);
18550
- }
18551
-
18552
18718
  .pf-v5-c-content {
18553
18719
  --pf-v5-c-content--MarginBottom: var(--pf-v5-global--spacer--md);
18554
18720
  --pf-v5-c-content--LineHeight: var(--pf-v5-global--LineHeight--md);
@@ -18800,207 +18966,41 @@ svg.pf-v5-c-spinner.pf-m-xl {
18800
18966
  margin-block-start: var(--pf-v5-c-content--ol--nested--MarginTop);
18801
18967
  }
18802
18968
 
18803
- .pf-v5-c-content dl {
18804
- display: grid;
18805
- grid-template-columns: 1fr;
18806
- }
18807
-
18808
- @media screen and (min-width: 576px) {
18809
- .pf-v5-c-content dl {
18810
- grid-template: auto/auto 1fr;
18811
- grid-row-gap: var(--pf-v5-c-content--dl--RowGap);
18812
- grid-column-gap: var(--pf-v5-c-content--dl--ColumnGap);
18813
- }
18814
- }
18815
- .pf-v5-c-content dt {
18816
- font-weight: var(--pf-v5-c-content--dt--FontWeight);
18817
- }
18818
-
18819
- .pf-v5-c-content dt:not(:first-child) {
18820
- margin-block-start: var(--pf-v5-c-content--dt--MarginTop);
18821
- }
18822
-
18823
- @media screen and (min-width: 576px) {
18824
- .pf-v5-c-content dt:not(:first-child) {
18825
- --pf-v5-c-content--dt--MarginTop: var(--pf-v5-c-content--dt--sm--MarginTop);
18826
- }
18827
- }
18828
- @media screen and (min-width: 576px) {
18829
- .pf-v5-c-content dt {
18830
- grid-column: 1;
18831
- }
18832
- }
18833
- @media screen and (min-width: 576px) {
18834
- .pf-v5-c-content dd {
18835
- grid-column: 2;
18836
- }
18837
- }
18838
- .pf-v5-c-switch {
18839
- --pf-v5-c-switch--FontSize: var(--pf-v5-global--FontSize--md);
18840
- --pf-v5-c-switch__label--PaddingLeft: var(--pf-v5-global--spacer--md);
18841
- --pf-v5-c-switch--ColumnGap: var(--pf-v5-c-switch__label--PaddingLeft);
18842
- --pf-v5-c-switch__toggle-icon--FontSize: calc(var(--pf-v5-c-switch--FontSize) * .625);
18843
- --pf-v5-c-switch__toggle-icon--Color: var(--pf-v5-global--Color--light-100);
18844
- --pf-v5-c-switch__toggle-icon--Left: calc(var(--pf-v5-c-switch--FontSize) * .4);
18845
- --pf-v5-c-switch__toggle-icon--Offset: 0.125rem;
18846
- --pf-v5-c-switch__input--disabled__toggle-icon--Color: var(--pf-v5-global--palette--black-150);
18847
- --pf-v5-c-switch--LineHeight: var(--pf-v5-global--LineHeight--md);
18848
- --pf-v5-c-switch--Height: auto;
18849
- --pf-v5-c-switch__input--checked__toggle--BackgroundColor: var(--pf-v5-global--primary-color--100);
18850
- --pf-v5-c-switch__input--checked__toggle--before--TranslateX: calc(100% + var(--pf-v5-c-switch__toggle-icon--Offset));
18851
- --pf-v5-c-switch__input--checked__label--Color: var(--pf-v5-global--Color--dark-100);
18852
- --pf-v5-c-switch__input--not-checked__label--Color: var(--pf-v5-global--disabled-color--100);
18853
- --pf-v5-c-switch__input--disabled__label--Color: var(--pf-v5-global--disabled-color--100);
18854
- --pf-v5-c-switch__input--disabled__toggle--BackgroundColor: var(--pf-v5-global--disabled-color--200);
18855
- --pf-v5-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-v5-global--palette--black-150);
18856
- --pf-v5-c-switch__input--focus__toggle--OutlineWidth: var(--pf-v5-global--BorderWidth--md);
18857
- --pf-v5-c-switch__input--focus__toggle--OutlineOffset: var(--pf-v5-global--spacer--sm);
18858
- --pf-v5-c-switch__input--focus__toggle--OutlineColor: var(--pf-v5-global--primary-color--100);
18859
- --pf-v5-c-switch__toggle--Height: calc(var(--pf-v5-c-switch--FontSize) * var(--pf-v5-c-switch--LineHeight));
18860
- --pf-v5-c-switch__toggle--BackgroundColor: var(--pf-v5-global--palette--black-500);
18861
- --pf-v5-c-switch__toggle--BorderRadius: var(--pf-v5-c-switch__toggle--Height);
18862
- --pf-v5-c-switch__toggle--before--Width: calc(var(--pf-v5-c-switch--FontSize) - var(--pf-v5-c-switch__toggle-icon--Offset));
18863
- --pf-v5-c-switch__toggle--before--Height: var(--pf-v5-c-switch__toggle--before--Width);
18864
- --pf-v5-c-switch__toggle--before--Top: calc((var(--pf-v5-c-switch__toggle--Height) - var(--pf-v5-c-switch__toggle--before--Height)) / 2);
18865
- --pf-v5-c-switch__toggle--before--Left: var(--pf-v5-c-switch__toggle--before--Top);
18866
- --pf-v5-c-switch__toggle--before--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
18867
- --pf-v5-c-switch__toggle--before--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
18868
- --pf-v5-c-switch__toggle--before--BoxShadow: var(--pf-v5-global--BoxShadow--md);
18869
- --pf-v5-c-switch__toggle--before--Transition: transform .25s ease 0s;
18870
- --pf-v5-c-switch__toggle--Width: calc(var(--pf-v5-c-switch__toggle--Height) + var(--pf-v5-c-switch__toggle-icon--Offset) + var(--pf-v5-c-switch__toggle--before--Width));
18871
- --pf-v5-c-switch__label--Color: var(--pf-v5-global--Color--dark-100);
18872
- position: relative;
18873
- display: inline-grid;
18874
- grid-template-columns: auto;
18875
- grid-auto-columns: 1fr;
18876
- column-gap: var(--pf-v5-c-switch--ColumnGap);
18877
- height: var(--pf-v5-c-switch--Height);
18878
- font-size: var(--pf-v5-c-switch--FontSize);
18879
- line-height: var(--pf-v5-c-switch--LineHeight);
18880
- vertical-align: middle;
18881
- cursor: pointer;
18882
- }
18883
-
18884
- .pf-v5-c-switch.pf-m-reverse .pf-v5-c-switch__label,
18885
- .pf-v5-c-switch.pf-m-reverse .pf-v5-c-switch__toggle {
18886
- grid-row: 1;
18887
- }
18888
-
18889
- .pf-v5-c-switch.pf-m-reverse .pf-v5-c-switch__label {
18890
- grid-column: 1;
18891
- }
18892
-
18893
- .pf-v5-c-switch__input {
18894
- position: absolute;
18895
- cursor: pointer;
18896
- opacity: 0;
18897
- }
18898
-
18899
- .pf-v5-c-switch__input:focus-visible ~ .pf-v5-c-switch__toggle {
18900
- outline: var(--pf-v5-c-switch__input--focus__toggle--OutlineWidth) solid var(--pf-v5-c-switch__input--focus__toggle--OutlineColor);
18901
- outline-offset: var(--pf-v5-c-switch__input--focus__toggle--OutlineOffset);
18902
- }
18903
-
18904
- .pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__label {
18905
- color: var(--pf-v5-c-switch__input--checked__label--Color);
18906
- }
18907
-
18908
- .pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__toggle {
18909
- background-color: var(--pf-v5-c-switch__input--checked__toggle--BackgroundColor);
18910
- }
18911
-
18912
- .pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__toggle::before {
18913
- transform: translateX(var(--pf-v5-c-switch__input--checked__toggle--before--TranslateX));
18914
- }
18915
-
18916
- :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__toggle::before {
18917
- transform: translateX(calc(var(--pf-v5-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
18918
- }
18919
-
18920
- .pf-v5-c-switch__input:checked ~ .pf-m-off {
18921
- display: none;
18922
- }
18923
-
18924
- .pf-v5-c-switch__input:not(:checked) ~ .pf-v5-c-switch__label {
18925
- color: var(--pf-v5-c-switch__input--not-checked__label--Color);
18926
- }
18927
-
18928
- .pf-v5-c-switch__input:not(:checked) ~ .pf-v5-c-switch__toggle .pf-v5-c-switch__toggle-icon {
18929
- display: none;
18930
- }
18931
-
18932
- .pf-v5-c-switch__input:not(:checked) ~ .pf-m-on {
18933
- display: none;
18934
- }
18935
-
18936
- .pf-v5-c-switch__input:disabled {
18937
- cursor: not-allowed;
18938
- }
18939
-
18940
- .pf-v5-c-switch__input:disabled ~ .pf-v5-c-switch__label {
18941
- color: var(--pf-v5-c-switch__input--disabled__label--Color);
18942
- cursor: not-allowed;
18943
- }
18944
-
18945
- .pf-v5-c-switch__input:disabled ~ .pf-v5-c-switch__toggle {
18946
- --pf-v5-c-switch__toggle-icon--Color: var(--pf-v5-c-switch__input--disabled__toggle-icon--Color);
18947
- cursor: not-allowed;
18948
- background-color: var(--pf-v5-c-switch__input--disabled__toggle--BackgroundColor);
18949
- }
18950
-
18951
- .pf-v5-c-switch__input:disabled ~ .pf-v5-c-switch__toggle::before {
18952
- background-color: var(--pf-v5-c-switch__input--disabled__toggle--before--BackgroundColor);
18953
- }
18954
-
18955
- .pf-v5-c-switch__toggle {
18956
- position: relative;
18957
- display: inline-block;
18958
- width: var(--pf-v5-c-switch__toggle--Width);
18959
- height: var(--pf-v5-c-switch__toggle--Height);
18960
- background-color: var(--pf-v5-c-switch__toggle--BackgroundColor);
18961
- border-radius: var(--pf-v5-c-switch__toggle--BorderRadius);
18962
- }
18963
-
18964
- .pf-v5-c-switch__toggle::before {
18965
- position: absolute;
18966
- inset-block-start: var(--pf-v5-c-switch__toggle--before--Top);
18967
- inset-inline-start: var(--pf-v5-c-switch__toggle--before--Left);
18968
- display: block;
18969
- width: var(--pf-v5-c-switch__toggle--before--Width);
18970
- height: var(--pf-v5-c-switch__toggle--before--Height);
18971
- content: "";
18972
- background-color: var(--pf-v5-c-switch__toggle--before--BackgroundColor);
18973
- border-radius: var(--pf-v5-c-switch__toggle--before--BorderRadius);
18974
- box-shadow: var(--pf-v5-c-switch__toggle--before--BoxShadow);
18975
- transition: var(--pf-v5-c-switch__toggle--before--Transition);
18976
- }
18977
-
18978
- .pf-v5-c-switch__toggle-icon {
18979
- position: absolute;
18980
- inset-block-start: 0;
18981
- inset-block-end: 0;
18982
- inset-inline-start: var(--pf-v5-c-switch__toggle-icon--Left);
18983
- display: flex;
18984
- align-items: center;
18985
- font-size: var(--pf-v5-c-switch__toggle-icon--FontSize);
18986
- color: var(--pf-v5-c-switch__toggle-icon--Color);
18969
+ .pf-v5-c-content dl {
18970
+ display: grid;
18971
+ grid-template-columns: 1fr;
18987
18972
  }
18988
18973
 
18989
- .pf-v5-c-switch__label {
18990
- display: inline-block;
18991
- grid-column: 2;
18992
- color: var(--pf-v5-c-switch__label--Color);
18993
- vertical-align: top;
18974
+ @media screen and (min-width: 576px) {
18975
+ .pf-v5-c-content dl {
18976
+ grid-template: auto/auto 1fr;
18977
+ grid-row-gap: var(--pf-v5-c-content--dl--RowGap);
18978
+ grid-column-gap: var(--pf-v5-c-content--dl--ColumnGap);
18979
+ }
18980
+ }
18981
+ .pf-v5-c-content dt {
18982
+ font-weight: var(--pf-v5-c-content--dt--FontWeight);
18994
18983
  }
18995
18984
 
18996
- :where(.pf-v5-theme-dark) .pf-v5-c-switch {
18997
- --pf-v5-c-switch__toggle-icon--Color: var(--pf-v5-global--BackgroundColor--100);
18998
- --pf-v5-c-switch__input--not-checked__label--Color: var(--pf-v5-global--Color--100);
18999
- --pf-v5-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-v5-global--disabled-color--100);
19000
- --pf-v5-c-switch__toggle--before--BoxShadow: none;
19001
- --pf-v5-c-switch__input--disabled__toggle-icon--Color: var(--pf-v5-global--disabled-color--100);
18985
+ .pf-v5-c-content dt:not(:first-child) {
18986
+ margin-block-start: var(--pf-v5-c-content--dt--MarginTop);
19002
18987
  }
19003
18988
 
18989
+ @media screen and (min-width: 576px) {
18990
+ .pf-v5-c-content dt:not(:first-child) {
18991
+ --pf-v5-c-content--dt--MarginTop: var(--pf-v5-c-content--dt--sm--MarginTop);
18992
+ }
18993
+ }
18994
+ @media screen and (min-width: 576px) {
18995
+ .pf-v5-c-content dt {
18996
+ grid-column: 1;
18997
+ }
18998
+ }
18999
+ @media screen and (min-width: 576px) {
19000
+ .pf-v5-c-content dd {
19001
+ grid-column: 2;
19002
+ }
19003
+ }
19004
19004
  .pf-v5-c-tile {
19005
19005
  --pf-v5-c-tile--PaddingTop: var(--pf-v5-global--spacer--lg);
19006
19006
  --pf-v5-c-tile--PaddingRight: var(--pf-v5-global--spacer--lg);
@@ -21970,114 +21970,6 @@ label.pf-v5-c-tree-view__node-text {
21970
21970
  color: var(--pf-v5-global--Color--100);
21971
21971
  }
21972
21972
 
21973
- .pf-v5-c-truncate {
21974
- --pf-v5-c-truncate--MinWidth: 12ch;
21975
- --pf-v5-c-truncate__start--MinWidth: 6ch;
21976
- display: inline-grid;
21977
- grid-auto-flow: column;
21978
- align-items: baseline;
21979
- min-width: var(--pf-v5-c-truncate--MinWidth);
21980
- }
21981
-
21982
- .pf-v5-c-truncate__start,
21983
- .pf-v5-c-truncate__end {
21984
- overflow: hidden;
21985
- text-overflow: ellipsis;
21986
- white-space: nowrap;
21987
- }
21988
-
21989
- .pf-v5-c-truncate__start {
21990
- min-width: var(--pf-v5-c-truncate__start--MinWidth);
21991
- }
21992
-
21993
- .pf-v5-c-truncate__end {
21994
- direction: rtl;
21995
- }
21996
-
21997
- :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__end {
21998
- direction: ltr;
21999
- }
22000
-
22001
- .pf-v5-c-truncate__start + .pf-v5-c-truncate__end {
22002
- overflow: visible;
22003
- direction: ltr;
22004
- }
22005
-
22006
- :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__start + .pf-v5-c-truncate__end {
22007
- direction: rtl;
22008
- }
22009
-
22010
- @supports (-webkit-hyphens: none) {
22011
- .pf-v5-c-truncate__end {
22012
- direction: ltr;
22013
- }
22014
- :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__end {
22015
- direction: rtl;
22016
- }
22017
- }
22018
- .pf-v5-c-alert-group {
22019
- --pf-v5-c-alert-group__item--MarginTop: var(--pf-v5-global--spacer--sm);
22020
- --pf-v5-c-alert-group--m-toast--Top: var(--pf-v5-global--spacer--2xl);
22021
- --pf-v5-c-alert-group--m-toast--Right: var(--pf-v5-global--spacer--xl);
22022
- --pf-v5-c-alert-group--m-toast--MaxWidth: 37.5rem;
22023
- --pf-v5-c-alert-group--m-toast--ZIndex: var(--pf-v5-global--ZIndex--2xl);
22024
- --pf-v5-c-alert-group__overflow-button--BorderWidth: 0;
22025
- --pf-v5-c-alert-group__overflow-button--PaddingTop: var(--pf-v5-global--spacer--lg);
22026
- --pf-v5-c-alert-group__overflow-button--PaddingRight: var(--pf-v5-global--spacer--md);
22027
- --pf-v5-c-alert-group__overflow-button--PaddingBottom: var(--pf-v5-global--spacer--lg);
22028
- --pf-v5-c-alert-group__overflow-button--PaddingLeft: var(--pf-v5-global--spacer--md);
22029
- --pf-v5-c-alert-group__overflow-button--Color: var(--pf-v5-global--link--Color);
22030
- --pf-v5-c-alert-group__overflow-button--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
22031
- --pf-v5-c-alert-group__overflow-button--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
22032
- --pf-v5-c-alert-group__overflow-button--hover--Color: var(--pf-v5-global--link--Color--hover);
22033
- --pf-v5-c-alert-group__overflow-button--hover--BoxShadow: var(--pf-v5-global--BoxShadow--lg), var(--pf-v5-global--BoxShadow--lg-bottom);
22034
- --pf-v5-c-alert-group__overflow-button--focus--Color: var(--pf-v5-global--link--Color--hover);
22035
- --pf-v5-c-alert-group__overflow-button--focus--BoxShadow: var(--pf-v5-global--BoxShadow--lg), var(--pf-v5-global--BoxShadow--lg-bottom);
22036
- --pf-v5-c-alert-group__overflow-button--active--Color: var(--pf-v5-global--link--Color--hover);
22037
- --pf-v5-c-alert-group__overflow-button--active--BoxShadow: var(--pf-v5-global--BoxShadow--lg), var(--pf-v5-global--BoxShadow--lg-bottom);
22038
- }
22039
-
22040
- .pf-v5-c-alert-group > * + * {
22041
- margin-block-start: var(--pf-v5-c-alert-group__item--MarginTop);
22042
- }
22043
-
22044
- .pf-v5-c-alert-group.pf-m-toast {
22045
- position: fixed;
22046
- inset-block-start: var(--pf-v5-c-alert-group--m-toast--Top);
22047
- inset-inline-end: var(--pf-v5-c-alert-group--m-toast--Right);
22048
- z-index: var(--pf-v5-c-alert-group--m-toast--ZIndex);
22049
- width: calc(100% - var(--pf-v5-c-alert-group--m-toast--Right) * 2);
22050
- max-width: var(--pf-v5-c-alert-group--m-toast--MaxWidth);
22051
- }
22052
-
22053
- .pf-v5-c-alert-group__overflow-button {
22054
- position: relative;
22055
- width: 100%;
22056
- padding-block-start: var(--pf-v5-c-alert-group__overflow-button--PaddingTop);
22057
- padding-block-end: var(--pf-v5-c-alert-group__overflow-button--PaddingBottom);
22058
- padding-inline-start: var(--pf-v5-c-alert-group__overflow-button--PaddingLeft);
22059
- padding-inline-end: var(--pf-v5-c-alert-group__overflow-button--PaddingRight);
22060
- color: var(--pf-v5-c-alert-group__overflow-button--Color);
22061
- background-color: var(--pf-v5-c-alert-group__overflow-button--BackgroundColor);
22062
- border-width: var(--pf-v5-c-alert-group__overflow-button--BorderWidth);
22063
- box-shadow: var(--pf-v5-c-alert-group__overflow-button--BoxShadow);
22064
- }
22065
-
22066
- .pf-v5-c-alert-group__overflow-button:hover {
22067
- --pf-v5-c-alert-group__overflow-button--Color: var(--pf-v5-c-alert-group__overflow-button--hover--Color);
22068
- --pf-v5-c-alert-group__overflow-button--BoxShadow: var(--pf-v5-c-alert-group__overflow-button--hover--BoxShadow);
22069
- }
22070
-
22071
- .pf-v5-c-alert-group__overflow-button:focus {
22072
- --pf-v5-c-alert-group__overflow-button--Color: var(--pf-v5-c-alert-group__overflow-button--focus--Color);
22073
- --pf-v5-c-alert-group__overflow-button--BoxShadow: var(--pf-v5-c-alert-group__overflow-button--focus--BoxShadow);
22074
- }
22075
-
22076
- .pf-v5-c-alert-group__overflow-button:active {
22077
- --pf-v5-c-alert-group__overflow-button--Color: var(--pf-v5-c-alert-group__overflow-button--active--Color);
22078
- --pf-v5-c-alert-group__overflow-button--BoxShadow: var(--pf-v5-c-alert-group__overflow-button--active--BoxShadow);
22079
- }
22080
-
22081
21973
  .pf-v5-c-panel {
22082
21974
  --pf-v5-c-panel--Width: auto;
22083
21975
  --pf-v5-c-panel--MinWidth: auto;
@@ -22173,6 +22065,114 @@ label.pf-v5-c-tree-view__node-text {
22173
22065
  --pf-v5-c-panel--m-raised--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
22174
22066
  }
22175
22067
 
22068
+ .pf-v5-c-alert-group {
22069
+ --pf-v5-c-alert-group__item--MarginTop: var(--pf-v5-global--spacer--sm);
22070
+ --pf-v5-c-alert-group--m-toast--Top: var(--pf-v5-global--spacer--2xl);
22071
+ --pf-v5-c-alert-group--m-toast--Right: var(--pf-v5-global--spacer--xl);
22072
+ --pf-v5-c-alert-group--m-toast--MaxWidth: 37.5rem;
22073
+ --pf-v5-c-alert-group--m-toast--ZIndex: var(--pf-v5-global--ZIndex--2xl);
22074
+ --pf-v5-c-alert-group__overflow-button--BorderWidth: 0;
22075
+ --pf-v5-c-alert-group__overflow-button--PaddingTop: var(--pf-v5-global--spacer--lg);
22076
+ --pf-v5-c-alert-group__overflow-button--PaddingRight: var(--pf-v5-global--spacer--md);
22077
+ --pf-v5-c-alert-group__overflow-button--PaddingBottom: var(--pf-v5-global--spacer--lg);
22078
+ --pf-v5-c-alert-group__overflow-button--PaddingLeft: var(--pf-v5-global--spacer--md);
22079
+ --pf-v5-c-alert-group__overflow-button--Color: var(--pf-v5-global--link--Color);
22080
+ --pf-v5-c-alert-group__overflow-button--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
22081
+ --pf-v5-c-alert-group__overflow-button--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
22082
+ --pf-v5-c-alert-group__overflow-button--hover--Color: var(--pf-v5-global--link--Color--hover);
22083
+ --pf-v5-c-alert-group__overflow-button--hover--BoxShadow: var(--pf-v5-global--BoxShadow--lg), var(--pf-v5-global--BoxShadow--lg-bottom);
22084
+ --pf-v5-c-alert-group__overflow-button--focus--Color: var(--pf-v5-global--link--Color--hover);
22085
+ --pf-v5-c-alert-group__overflow-button--focus--BoxShadow: var(--pf-v5-global--BoxShadow--lg), var(--pf-v5-global--BoxShadow--lg-bottom);
22086
+ --pf-v5-c-alert-group__overflow-button--active--Color: var(--pf-v5-global--link--Color--hover);
22087
+ --pf-v5-c-alert-group__overflow-button--active--BoxShadow: var(--pf-v5-global--BoxShadow--lg), var(--pf-v5-global--BoxShadow--lg-bottom);
22088
+ }
22089
+
22090
+ .pf-v5-c-alert-group > * + * {
22091
+ margin-block-start: var(--pf-v5-c-alert-group__item--MarginTop);
22092
+ }
22093
+
22094
+ .pf-v5-c-alert-group.pf-m-toast {
22095
+ position: fixed;
22096
+ inset-block-start: var(--pf-v5-c-alert-group--m-toast--Top);
22097
+ inset-inline-end: var(--pf-v5-c-alert-group--m-toast--Right);
22098
+ z-index: var(--pf-v5-c-alert-group--m-toast--ZIndex);
22099
+ width: calc(100% - var(--pf-v5-c-alert-group--m-toast--Right) * 2);
22100
+ max-width: var(--pf-v5-c-alert-group--m-toast--MaxWidth);
22101
+ }
22102
+
22103
+ .pf-v5-c-alert-group__overflow-button {
22104
+ position: relative;
22105
+ width: 100%;
22106
+ padding-block-start: var(--pf-v5-c-alert-group__overflow-button--PaddingTop);
22107
+ padding-block-end: var(--pf-v5-c-alert-group__overflow-button--PaddingBottom);
22108
+ padding-inline-start: var(--pf-v5-c-alert-group__overflow-button--PaddingLeft);
22109
+ padding-inline-end: var(--pf-v5-c-alert-group__overflow-button--PaddingRight);
22110
+ color: var(--pf-v5-c-alert-group__overflow-button--Color);
22111
+ background-color: var(--pf-v5-c-alert-group__overflow-button--BackgroundColor);
22112
+ border-width: var(--pf-v5-c-alert-group__overflow-button--BorderWidth);
22113
+ box-shadow: var(--pf-v5-c-alert-group__overflow-button--BoxShadow);
22114
+ }
22115
+
22116
+ .pf-v5-c-alert-group__overflow-button:hover {
22117
+ --pf-v5-c-alert-group__overflow-button--Color: var(--pf-v5-c-alert-group__overflow-button--hover--Color);
22118
+ --pf-v5-c-alert-group__overflow-button--BoxShadow: var(--pf-v5-c-alert-group__overflow-button--hover--BoxShadow);
22119
+ }
22120
+
22121
+ .pf-v5-c-alert-group__overflow-button:focus {
22122
+ --pf-v5-c-alert-group__overflow-button--Color: var(--pf-v5-c-alert-group__overflow-button--focus--Color);
22123
+ --pf-v5-c-alert-group__overflow-button--BoxShadow: var(--pf-v5-c-alert-group__overflow-button--focus--BoxShadow);
22124
+ }
22125
+
22126
+ .pf-v5-c-alert-group__overflow-button:active {
22127
+ --pf-v5-c-alert-group__overflow-button--Color: var(--pf-v5-c-alert-group__overflow-button--active--Color);
22128
+ --pf-v5-c-alert-group__overflow-button--BoxShadow: var(--pf-v5-c-alert-group__overflow-button--active--BoxShadow);
22129
+ }
22130
+
22131
+ .pf-v5-c-truncate {
22132
+ --pf-v5-c-truncate--MinWidth: 12ch;
22133
+ --pf-v5-c-truncate__start--MinWidth: 6ch;
22134
+ display: inline-grid;
22135
+ grid-auto-flow: column;
22136
+ align-items: baseline;
22137
+ min-width: var(--pf-v5-c-truncate--MinWidth);
22138
+ }
22139
+
22140
+ .pf-v5-c-truncate__start,
22141
+ .pf-v5-c-truncate__end {
22142
+ overflow: hidden;
22143
+ text-overflow: ellipsis;
22144
+ white-space: nowrap;
22145
+ }
22146
+
22147
+ .pf-v5-c-truncate__start {
22148
+ min-width: var(--pf-v5-c-truncate__start--MinWidth);
22149
+ }
22150
+
22151
+ .pf-v5-c-truncate__end {
22152
+ direction: rtl;
22153
+ }
22154
+
22155
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__end {
22156
+ direction: ltr;
22157
+ }
22158
+
22159
+ .pf-v5-c-truncate__start + .pf-v5-c-truncate__end {
22160
+ overflow: visible;
22161
+ direction: ltr;
22162
+ }
22163
+
22164
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__start + .pf-v5-c-truncate__end {
22165
+ direction: rtl;
22166
+ }
22167
+
22168
+ @supports (-webkit-hyphens: none) {
22169
+ .pf-v5-c-truncate__end {
22170
+ direction: ltr;
22171
+ }
22172
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__end {
22173
+ direction: rtl;
22174
+ }
22175
+ }
22176
22176
  .pf-v5-l-flex {
22177
22177
  --pf-v5-l-flex--Display: flex;
22178
22178
  --pf-v5-l-flex--FlexWrap: wrap;