@patternfly/react-table 4.61.10 → 4.61.11

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.
@@ -7876,6 +7876,32 @@ svg.pf-c-spinner.pf-m-xl {
7876
7876
  color: var(--pf-c-app-launcher__group-title--Color);
7877
7877
  }
7878
7878
 
7879
+ .pf-c-avatar {
7880
+ --pf-c-avatar--BorderColor: transparent;
7881
+ --pf-c-avatar--BorderWidth: 0;
7882
+ --pf-c-avatar--BorderRadius: var(--pf-global--BorderRadius--lg);
7883
+ --pf-c-avatar--Width: 2.25rem;
7884
+ --pf-c-avatar--Height: 2.25rem;
7885
+ --pf-c-avatar--m-light--BorderColor: var(--pf-global--BorderColor--dark-100);
7886
+ --pf-c-avatar--m-light--BorderWidth: var(--pf-global--BorderWidth--sm);
7887
+ --pf-c-avatar--m-dark--BorderColor: var(--pf-global--palette--black-700);
7888
+ --pf-c-avatar--m-dark--BorderWidth: var(--pf-global--BorderWidth--sm);
7889
+ width: var(--pf-c-avatar--Width);
7890
+ height: var(--pf-c-avatar--Height);
7891
+ border: var(--pf-c-avatar--BorderWidth) solid var(--pf-c-avatar--BorderColor);
7892
+ border-radius: var(--pf-c-avatar--BorderRadius);
7893
+ }
7894
+
7895
+ .pf-c-avatar.pf-m-light {
7896
+ --pf-c-avatar--BorderColor: var(--pf-c-avatar--m-light--BorderColor);
7897
+ --pf-c-avatar--BorderWidth: var(--pf-c-avatar--m-light--BorderWidth);
7898
+ }
7899
+
7900
+ .pf-c-avatar.pf-m-dark {
7901
+ --pf-c-avatar--BorderColor: var(--pf-c-avatar--m-dark--BorderColor);
7902
+ --pf-c-avatar--BorderWidth: var(--pf-c-avatar--m-dark--BorderWidth);
7903
+ }
7904
+
7879
7905
  .pf-c-back-to-top {
7880
7906
  --pf-c-back-to-top--Right: var(--pf-global--spacer--2xl);
7881
7907
  --pf-c-back-to-top--Bottom: var(--pf-global--spacer--lg);
@@ -7911,32 +7937,6 @@ svg.pf-c-spinner.pf-m-xl {
7911
7937
  box-shadow: var(--pf-c-back-to-top--c-button--BoxShadow);
7912
7938
  }
7913
7939
 
7914
- .pf-c-avatar {
7915
- --pf-c-avatar--BorderColor: transparent;
7916
- --pf-c-avatar--BorderWidth: 0;
7917
- --pf-c-avatar--BorderRadius: var(--pf-global--BorderRadius--lg);
7918
- --pf-c-avatar--Width: 2.25rem;
7919
- --pf-c-avatar--Height: 2.25rem;
7920
- --pf-c-avatar--m-light--BorderColor: var(--pf-global--BorderColor--dark-100);
7921
- --pf-c-avatar--m-light--BorderWidth: var(--pf-global--BorderWidth--sm);
7922
- --pf-c-avatar--m-dark--BorderColor: var(--pf-global--palette--black-700);
7923
- --pf-c-avatar--m-dark--BorderWidth: var(--pf-global--BorderWidth--sm);
7924
- width: var(--pf-c-avatar--Width);
7925
- height: var(--pf-c-avatar--Height);
7926
- border: var(--pf-c-avatar--BorderWidth) solid var(--pf-c-avatar--BorderColor);
7927
- border-radius: var(--pf-c-avatar--BorderRadius);
7928
- }
7929
-
7930
- .pf-c-avatar.pf-m-light {
7931
- --pf-c-avatar--BorderColor: var(--pf-c-avatar--m-light--BorderColor);
7932
- --pf-c-avatar--BorderWidth: var(--pf-c-avatar--m-light--BorderWidth);
7933
- }
7934
-
7935
- .pf-c-avatar.pf-m-dark {
7936
- --pf-c-avatar--BorderColor: var(--pf-c-avatar--m-dark--BorderColor);
7937
- --pf-c-avatar--BorderWidth: var(--pf-c-avatar--m-dark--BorderWidth);
7938
- }
7939
-
7940
7940
  .pf-c-background-image {
7941
7941
  --pf-c-background-image--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
7942
7942
  --pf-c-background-image--BackgroundImage: url("../../assets/images/pfbg_576.jpg");
@@ -10918,62 +10918,6 @@ button.pf-c-breadcrumb__link {
10918
10918
  overflow-y: visible;
10919
10919
  }
10920
10920
  }
10921
- .pf-c-date-picker {
10922
- --pf-c-date-picker--m-top__calendar--Top: 0;
10923
- --pf-c-date-picker--m-top__calendar--TranslateY: calc(-100% - var(--pf-global--spacer--xs));
10924
- --pf-c-date-picker__helper-text--MarginTop: var(--pf-global--spacer--xs);
10925
- --pf-c-date-picker__helper-text--FontSize: var(--pf-global--FontSize--sm);
10926
- --pf-c-date-picker__helper-text--Color: var(--pf-global--Color--100);
10927
- --pf-c-date-picker__helper-text--m-error--Color: var(--pf-global--danger-color--100);
10928
- --pf-c-date-picker__input--c-form-control--Width: calc(var(--pf-c-date-picker__input--c-form-control--width-chars) * 1ch + var(--pf-c-date-picker__input--c-form-control--width-base));
10929
- --pf-c-date-picker__input--c-form-control--width-base: calc(var(--pf-global--spacer--xl) + var(--pf-global--spacer--sm));
10930
- --pf-c-date-picker__input--c-form-control--width-chars: 10;
10931
- --pf-c-date-picker__calendar--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
10932
- --pf-c-date-picker__calendar--BoxShadow: var(--pf-global--BoxShadow--md);
10933
- --pf-c-date-picker__calendar--ZIndex: var(--pf-global--ZIndex--sm);
10934
- --pf-c-date-picker__calendar--Top: calc(100% + var(--pf-global--spacer--xs));
10935
- --pf-c-date-picker__calendar--Right: auto;
10936
- --pf-c-date-picker__calendar--Left: 0;
10937
- --pf-c-date-picker__calendar--m-align-right--Right: 0;
10938
- --pf-c-date-picker__calendar--m-align-right--Left: auto;
10939
- position: relative;
10940
- display: inline-block;
10941
- }
10942
-
10943
- .pf-c-date-picker__helper-text {
10944
- margin-top: var(--pf-c-date-picker__helper-text--MarginTop);
10945
- font-size: var(--pf-c-date-picker__helper-text--FontSize);
10946
- color: var(--pf-c-date-picker__helper-text--Color);
10947
- }
10948
-
10949
- .pf-c-date-picker__helper-text.pf-m-error {
10950
- --pf-c-date-picker__helper-text--Color: var(--pf-c-date-picker__helper-text--m-error--Color);
10951
- }
10952
-
10953
- .pf-c-date-picker__input .pf-c-form-control {
10954
- width: var(--pf-c-date-picker__input--c-form-control--Width);
10955
- }
10956
-
10957
- .pf-c-date-picker__calendar {
10958
- position: absolute;
10959
- top: var(--pf-c-date-picker__calendar--Top);
10960
- right: var(--pf-c-date-picker__calendar--Right);
10961
- left: var(--pf-c-date-picker__calendar--Left);
10962
- z-index: var(--pf-c-date-picker__calendar--ZIndex);
10963
- background-color: var(--pf-c-date-picker__calendar--BackgroundColor);
10964
- box-shadow: var(--pf-c-date-picker__calendar--BoxShadow);
10965
- }
10966
-
10967
- .pf-c-date-picker__calendar.pf-m-align-right {
10968
- --pf-c-date-picker__calendar--Right: var(--pf-c-date-picker__calendar--m-align-right--Right);
10969
- --pf-c-date-picker__calendar--Left: var(--pf-c-date-picker__calendar--m-align-right--Left);
10970
- }
10971
-
10972
- .pf-c-date-picker.pf-m-top .pf-c-date-picker__calendar {
10973
- --pf-c-date-picker__calendar--Top: var(--pf-c-date-picker--m-top__calendar--Top);
10974
- transform: translateY(var(--pf-c-date-picker--m-top__calendar--TranslateY));
10975
- }
10976
-
10977
10921
  .pf-c-description-list {
10978
10922
  --pf-c-description-list--RowGap: var(--pf-global--gutter--md);
10979
10923
  --pf-c-description-list--ColumnGap: var(--pf-global--spacer--lg);
@@ -11289,6 +11233,62 @@ button.pf-c-breadcrumb__link {
11289
11233
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns);
11290
11234
  }
11291
11235
  }
11236
+ .pf-c-date-picker {
11237
+ --pf-c-date-picker--m-top__calendar--Top: 0;
11238
+ --pf-c-date-picker--m-top__calendar--TranslateY: calc(-100% - var(--pf-global--spacer--xs));
11239
+ --pf-c-date-picker__helper-text--MarginTop: var(--pf-global--spacer--xs);
11240
+ --pf-c-date-picker__helper-text--FontSize: var(--pf-global--FontSize--sm);
11241
+ --pf-c-date-picker__helper-text--Color: var(--pf-global--Color--100);
11242
+ --pf-c-date-picker__helper-text--m-error--Color: var(--pf-global--danger-color--100);
11243
+ --pf-c-date-picker__input--c-form-control--Width: calc(var(--pf-c-date-picker__input--c-form-control--width-chars) * 1ch + var(--pf-c-date-picker__input--c-form-control--width-base));
11244
+ --pf-c-date-picker__input--c-form-control--width-base: calc(var(--pf-global--spacer--xl) + var(--pf-global--spacer--sm));
11245
+ --pf-c-date-picker__input--c-form-control--width-chars: 10;
11246
+ --pf-c-date-picker__calendar--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
11247
+ --pf-c-date-picker__calendar--BoxShadow: var(--pf-global--BoxShadow--md);
11248
+ --pf-c-date-picker__calendar--ZIndex: var(--pf-global--ZIndex--sm);
11249
+ --pf-c-date-picker__calendar--Top: calc(100% + var(--pf-global--spacer--xs));
11250
+ --pf-c-date-picker__calendar--Right: auto;
11251
+ --pf-c-date-picker__calendar--Left: 0;
11252
+ --pf-c-date-picker__calendar--m-align-right--Right: 0;
11253
+ --pf-c-date-picker__calendar--m-align-right--Left: auto;
11254
+ position: relative;
11255
+ display: inline-block;
11256
+ }
11257
+
11258
+ .pf-c-date-picker__helper-text {
11259
+ margin-top: var(--pf-c-date-picker__helper-text--MarginTop);
11260
+ font-size: var(--pf-c-date-picker__helper-text--FontSize);
11261
+ color: var(--pf-c-date-picker__helper-text--Color);
11262
+ }
11263
+
11264
+ .pf-c-date-picker__helper-text.pf-m-error {
11265
+ --pf-c-date-picker__helper-text--Color: var(--pf-c-date-picker__helper-text--m-error--Color);
11266
+ }
11267
+
11268
+ .pf-c-date-picker__input .pf-c-form-control {
11269
+ width: var(--pf-c-date-picker__input--c-form-control--Width);
11270
+ }
11271
+
11272
+ .pf-c-date-picker__calendar {
11273
+ position: absolute;
11274
+ top: var(--pf-c-date-picker__calendar--Top);
11275
+ right: var(--pf-c-date-picker__calendar--Right);
11276
+ left: var(--pf-c-date-picker__calendar--Left);
11277
+ z-index: var(--pf-c-date-picker__calendar--ZIndex);
11278
+ background-color: var(--pf-c-date-picker__calendar--BackgroundColor);
11279
+ box-shadow: var(--pf-c-date-picker__calendar--BoxShadow);
11280
+ }
11281
+
11282
+ .pf-c-date-picker__calendar.pf-m-align-right {
11283
+ --pf-c-date-picker__calendar--Right: var(--pf-c-date-picker__calendar--m-align-right--Right);
11284
+ --pf-c-date-picker__calendar--Left: var(--pf-c-date-picker__calendar--m-align-right--Left);
11285
+ }
11286
+
11287
+ .pf-c-date-picker.pf-m-top .pf-c-date-picker__calendar {
11288
+ --pf-c-date-picker__calendar--Top: var(--pf-c-date-picker--m-top__calendar--Top);
11289
+ transform: translateY(var(--pf-c-date-picker--m-top__calendar--TranslateY));
11290
+ }
11291
+
11292
11292
  .pf-c-drawer {
11293
11293
  --pf-c-drawer__section--BackgroundColor: var(--pf-global--BackgroundColor--100);
11294
11294
  --pf-c-drawer__section--m-light-200--BackgroundColor: var(--pf-global--BackgroundColor--200);
@@ -12941,6 +12941,71 @@ button.pf-c-breadcrumb__link {
12941
12941
  color: var(--pf-c-helper-text__item-text--Color);
12942
12942
  }
12943
12943
 
12944
+ .pf-c-hint {
12945
+ --pf-c-hint--GridRowGap: var(--pf-global--spacer--md);
12946
+ --pf-c-hint--PaddingTop: var(--pf-global--spacer--lg);
12947
+ --pf-c-hint--PaddingRight: var(--pf-global--spacer--lg);
12948
+ --pf-c-hint--PaddingBottom: var(--pf-global--spacer--lg);
12949
+ --pf-c-hint--PaddingLeft: var(--pf-global--spacer--lg);
12950
+ --pf-c-hint--BackgroundColor: var(--pf-global--palette--blue-50);
12951
+ --pf-c-hint--BorderColor: var(--pf-global--palette--blue-100);
12952
+ --pf-c-hint--BorderWidth: var(--pf-global--BorderWidth--sm);
12953
+ --pf-c-hint--BoxShadow: var(--pf-global--BoxShadow--sm);
12954
+ --pf-c-hint--Color: var(--pf-global--Color--100);
12955
+ --pf-c-hint__title--FontSize: var(--pf-global--FontSize--lg);
12956
+ --pf-c-hint__body--FontSize: var(--pf-global--FontSize--md);
12957
+ --pf-c-hint__footer--child--MarginRight: var(--pf-global--spacer--md);
12958
+ --pf-c-hint__actions--MarginLeft: var(--pf-global--spacer--2xl);
12959
+ --pf-c-hint__actions--c-dropdown--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
12960
+ display: grid;
12961
+ grid-template-columns: 1fr auto;
12962
+ grid-row-gap: var(--pf-c-hint--GridRowGap);
12963
+ padding: var(--pf-c-hint--PaddingTop) var(--pf-c-hint--PaddingRight) var(--pf-c-hint--PaddingBottom) var(--pf-c-hint--PaddingLeft);
12964
+ color: var(--pf-c-hint--Color);
12965
+ background-color: var(--pf-c-hint--BackgroundColor);
12966
+ border: var(--pf-c-hint--BorderWidth) solid var(--pf-c-hint--BorderColor);
12967
+ box-shadow: var(--pf-c-hint--BoxShadow);
12968
+ }
12969
+
12970
+ .pf-c-hint .pf-c-button.pf-m-link.pf-m-inline {
12971
+ text-align: left;
12972
+ white-space: normal;
12973
+ }
12974
+
12975
+ .pf-c-hint__actions {
12976
+ display: inline-grid;
12977
+ grid-auto-flow: column;
12978
+ margin-left: var(--pf-c-hint__actions--MarginLeft);
12979
+ text-align: right;
12980
+ grid-column: 2;
12981
+ grid-row: 1;
12982
+ }
12983
+
12984
+ .pf-c-hint__actions .pf-c-dropdown .pf-c-dropdown__toggle.pf-m-plain {
12985
+ margin-top: var(--pf-c-hint__actions--c-dropdown--MarginTop);
12986
+ }
12987
+
12988
+ .pf-c-hint__actions + .pf-c-hint__body {
12989
+ grid-column: 1;
12990
+ }
12991
+
12992
+ .pf-c-hint__title {
12993
+ font-size: var(--pf-c-hint__title--FontSize);
12994
+ }
12995
+
12996
+ .pf-c-hint__body {
12997
+ grid-column: 1/-1;
12998
+ font-size: var(--pf-c-hint__body--FontSize);
12999
+ }
13000
+
13001
+ .pf-c-hint__footer {
13002
+ grid-column: 1/-1;
13003
+ }
13004
+
13005
+ .pf-c-hint__footer > :not(:last-child) {
13006
+ margin-right: var(--pf-c-hint__footer--child--MarginRight);
13007
+ }
13008
+
12944
13009
  .pf-c-input-group {
12945
13010
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
12946
13011
  --pf-global--Color--200: var(--pf-global--Color--dark-200);
@@ -13662,71 +13727,6 @@ label.pf-c-input-group__text {
13662
13727
  --pf-c-sidebar__panel--FlexBasis: 100%;
13663
13728
  }
13664
13729
  }
13665
- .pf-c-hint {
13666
- --pf-c-hint--GridRowGap: var(--pf-global--spacer--md);
13667
- --pf-c-hint--PaddingTop: var(--pf-global--spacer--lg);
13668
- --pf-c-hint--PaddingRight: var(--pf-global--spacer--lg);
13669
- --pf-c-hint--PaddingBottom: var(--pf-global--spacer--lg);
13670
- --pf-c-hint--PaddingLeft: var(--pf-global--spacer--lg);
13671
- --pf-c-hint--BackgroundColor: var(--pf-global--palette--blue-50);
13672
- --pf-c-hint--BorderColor: var(--pf-global--palette--blue-100);
13673
- --pf-c-hint--BorderWidth: var(--pf-global--BorderWidth--sm);
13674
- --pf-c-hint--BoxShadow: var(--pf-global--BoxShadow--sm);
13675
- --pf-c-hint--Color: var(--pf-global--Color--100);
13676
- --pf-c-hint__title--FontSize: var(--pf-global--FontSize--lg);
13677
- --pf-c-hint__body--FontSize: var(--pf-global--FontSize--md);
13678
- --pf-c-hint__footer--child--MarginRight: var(--pf-global--spacer--md);
13679
- --pf-c-hint__actions--MarginLeft: var(--pf-global--spacer--2xl);
13680
- --pf-c-hint__actions--c-dropdown--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
13681
- display: grid;
13682
- grid-template-columns: 1fr auto;
13683
- grid-row-gap: var(--pf-c-hint--GridRowGap);
13684
- padding: var(--pf-c-hint--PaddingTop) var(--pf-c-hint--PaddingRight) var(--pf-c-hint--PaddingBottom) var(--pf-c-hint--PaddingLeft);
13685
- color: var(--pf-c-hint--Color);
13686
- background-color: var(--pf-c-hint--BackgroundColor);
13687
- border: var(--pf-c-hint--BorderWidth) solid var(--pf-c-hint--BorderColor);
13688
- box-shadow: var(--pf-c-hint--BoxShadow);
13689
- }
13690
-
13691
- .pf-c-hint .pf-c-button.pf-m-link.pf-m-inline {
13692
- text-align: left;
13693
- white-space: normal;
13694
- }
13695
-
13696
- .pf-c-hint__actions {
13697
- display: inline-grid;
13698
- grid-auto-flow: column;
13699
- margin-left: var(--pf-c-hint__actions--MarginLeft);
13700
- text-align: right;
13701
- grid-column: 2;
13702
- grid-row: 1;
13703
- }
13704
-
13705
- .pf-c-hint__actions .pf-c-dropdown .pf-c-dropdown__toggle.pf-m-plain {
13706
- margin-top: var(--pf-c-hint__actions--c-dropdown--MarginTop);
13707
- }
13708
-
13709
- .pf-c-hint__actions + .pf-c-hint__body {
13710
- grid-column: 1;
13711
- }
13712
-
13713
- .pf-c-hint__title {
13714
- font-size: var(--pf-c-hint__title--FontSize);
13715
- }
13716
-
13717
- .pf-c-hint__body {
13718
- grid-column: 1/-1;
13719
- font-size: var(--pf-c-hint__body--FontSize);
13720
- }
13721
-
13722
- .pf-c-hint__footer {
13723
- grid-column: 1/-1;
13724
- }
13725
-
13726
- .pf-c-hint__footer > :not(:last-child) {
13727
- margin-right: var(--pf-c-hint__footer--child--MarginRight);
13728
- }
13729
-
13730
13730
  .pf-c-label {
13731
13731
  --pf-c-label--PaddingTop: var(--pf-global--spacer--xs);
13732
13732
  --pf-c-label--PaddingRight: var(--pf-global--spacer--sm);
@@ -14199,122 +14199,36 @@ button.pf-c-label__content:focus {
14199
14199
  margin-right: var(--pf-c-label-group__list-item--MarginRight);
14200
14200
  margin-bottom: var(--pf-c-label-group__list-item--MarginBottom);
14201
14201
  }
14202
-
14203
- .pf-c-label-group__label {
14204
- overflow: hidden;
14205
- text-overflow: ellipsis;
14206
- white-space: nowrap;
14207
- max-width: var(--pf-c-label-group__label--MaxWidth);
14208
- margin-right: var(--pf-c-label-group__label--MarginRight);
14209
- margin-bottom: var(--pf-c-label-group__label--MarginBottom);
14210
- font-size: var(--pf-c-label-group__label--FontSize);
14211
- }
14212
-
14213
- .pf-c-label-group__close {
14214
- margin-top: var(--pf-c-label-group__close--MarginTop);
14215
- margin-right: var(--pf-c-label-group__close--MarginRight);
14216
- margin-bottom: var(--pf-c-label-group__close--MarginBottom);
14217
- margin-left: var(--pf-c-label-group__close--MarginLeft);
14218
- }
14219
-
14220
- .pf-c-label-group__textarea {
14221
- min-width: var(--pf-c-label-group__textarea--MinWidth);
14222
- padding: var(--pf-c-label-group__textarea--PaddingTop) var(--pf-c-label-group__textarea--PaddingRight) var(--pf-c-label-group__textarea--PaddingBottom) var(--pf-c-label-group__textarea--PaddingLeft);
14223
- white-space: nowrap;
14224
- resize: none;
14225
- border: 0;
14226
- -ms-overflow-style: none;
14227
- scrollbar-width: none;
14228
- }
14229
-
14230
- .pf-c-label-group__textarea::-webkit-scrollbar {
14231
- display: none;
14232
- }
14233
-
14234
- .pf-c-list {
14235
- --pf-c-list--PaddingLeft: var(--pf-global--spacer--lg);
14236
- --pf-c-list--nested--MarginTop: var(--pf-global--spacer--sm);
14237
- --pf-c-list--nested--MarginLeft: var(--pf-global--spacer--sm);
14238
- --pf-c-list--ul--ListStyle: var(--pf-global--ListStyle);
14239
- --pf-c-list--li--MarginTop: var(--pf-global--spacer--sm);
14240
- --pf-c-list--m-inline--li--MarginRight: var(--pf-global--spacer--lg);
14241
- --pf-c-list--m-bordered--li--PaddingBottom: var(--pf-global--spacer--sm);
14242
- --pf-c-list--m-bordered--li--BorderBottomColor: var(--pf-global--BorderColor--100);
14243
- --pf-c-list--m-bordered--li--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
14244
- --pf-c-list__item-icon--MinWidth: var(--pf-global--icon--FontSize--sm);
14245
- --pf-c-list__item-icon--MarginTop: 0.375rem;
14246
- --pf-c-list__item-icon--MarginRight: var(--pf-global--spacer--sm);
14247
- --pf-c-list__item-icon--Color: var(--pf-global--icon--Color--light);
14248
- --pf-c-list__item-icon--FontSize: var(--pf-global--icon--FontSize--sm);
14249
- --pf-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-global--icon--FontSize--lg);
14250
- --pf-c-list--m-icon-lg__item-icon--MarginRight: var(--pf-global--spacer--md);
14251
- --pf-c-list--m-icon-lg__item-icon--FontSize: var(--pf-global--icon--FontSize--lg);
14252
- padding-left: var(--pf-c-list--PaddingLeft);
14253
- }
14254
-
14255
- .pf-c-list ol,
14256
- .pf-c-list ul {
14257
- margin-top: var(--pf-c-list--nested--MarginTop);
14258
- margin-left: var(--pf-c-list--nested--MarginLeft);
14259
- }
14260
-
14261
- .pf-c-list li + li {
14262
- margin-top: var(--pf-c-list--li--MarginTop);
14263
- }
14264
-
14265
- ul.pf-c-list {
14266
- list-style: var(--pf-c-list--ul--ListStyle);
14267
- }
14268
-
14269
- .pf-c-list .pf-c-list__item {
14270
- display: flex;
14271
- }
14272
-
14273
- .pf-c-list .pf-c-list__item-icon {
14274
- flex-shrink: 0;
14275
- min-width: var(--pf-c-list__item-icon--MinWidth);
14276
- margin-top: var(--pf-c-list__item-icon--MarginTop);
14277
- margin-right: var(--pf-c-list__item-icon--MarginRight);
14278
- font-size: var(--pf-c-list__item-icon--FontSize);
14279
- line-height: 1;
14280
- color: var(--pf-c-list__item-icon--Color);
14281
- }
14282
-
14283
- .pf-c-list.pf-m-icon-lg {
14284
- --pf-c-list__item-icon--MinWidth: var(--pf-c-list--m-icon-lg__item-icon--MinWidth);
14285
- --pf-c-list__item-icon--MarginTop: 0;
14286
- --pf-c-list__item-icon--MarginRight: var(--pf-c-list--m-icon-lg__item-icon--MarginRight);
14287
- --pf-c-list__item-icon--FontSize: var(--pf-c-list--m-icon-lg__item-icon--FontSize);
14288
- }
14289
-
14290
- .pf-c-list.pf-m-plain {
14291
- --pf-c-list--PaddingLeft: 0;
14292
- list-style: none;
14293
- }
14294
-
14295
- .pf-c-list.pf-m-inline {
14296
- --pf-c-list--PaddingLeft: 0;
14297
- display: flex;
14298
- flex-wrap: wrap;
14299
- list-style: none;
14300
- }
14301
-
14302
- .pf-c-list.pf-m-inline li {
14303
- --pf-c-list--li--MarginTop: 0;
14202
+
14203
+ .pf-c-label-group__label {
14204
+ overflow: hidden;
14205
+ text-overflow: ellipsis;
14206
+ white-space: nowrap;
14207
+ max-width: var(--pf-c-label-group__label--MaxWidth);
14208
+ margin-right: var(--pf-c-label-group__label--MarginRight);
14209
+ margin-bottom: var(--pf-c-label-group__label--MarginBottom);
14210
+ font-size: var(--pf-c-label-group__label--FontSize);
14304
14211
  }
14305
14212
 
14306
- .pf-c-list.pf-m-inline li:not(:last-child) {
14307
- margin-right: var(--pf-c-list--m-inline--li--MarginRight);
14213
+ .pf-c-label-group__close {
14214
+ margin-top: var(--pf-c-label-group__close--MarginTop);
14215
+ margin-right: var(--pf-c-label-group__close--MarginRight);
14216
+ margin-bottom: var(--pf-c-label-group__close--MarginBottom);
14217
+ margin-left: var(--pf-c-label-group__close--MarginLeft);
14308
14218
  }
14309
14219
 
14310
- .pf-c-list.pf-m-bordered > * {
14311
- padding-bottom: var(--pf-c-list--m-bordered--li--PaddingBottom);
14312
- border-bottom: var(--pf-c-list--m-bordered--li--BorderBottomWidth) solid var(--pf-c-list--m-bordered--li--BorderBottomColor);
14220
+ .pf-c-label-group__textarea {
14221
+ min-width: var(--pf-c-label-group__textarea--MinWidth);
14222
+ padding: var(--pf-c-label-group__textarea--PaddingTop) var(--pf-c-label-group__textarea--PaddingRight) var(--pf-c-label-group__textarea--PaddingBottom) var(--pf-c-label-group__textarea--PaddingLeft);
14223
+ white-space: nowrap;
14224
+ resize: none;
14225
+ border: 0;
14226
+ -ms-overflow-style: none;
14227
+ scrollbar-width: none;
14313
14228
  }
14314
14229
 
14315
- .pf-c-list.pf-m-bordered > :last-child {
14316
- --pf-c-list--m-bordered--li--PaddingBottom: 0;
14317
- --pf-c-list--m-bordered--li--BorderBottomWidth: 0;
14230
+ .pf-c-label-group__textarea::-webkit-scrollbar {
14231
+ display: none;
14318
14232
  }
14319
14233
 
14320
14234
  .pf-c-login__footer, .pf-c-login__header {
@@ -14619,6 +14533,92 @@ ul.pf-c-list {
14619
14533
  padding-top: var(--pf-c-login__footer--c-list--PaddingTop);
14620
14534
  }
14621
14535
 
14536
+ .pf-c-list {
14537
+ --pf-c-list--PaddingLeft: var(--pf-global--spacer--lg);
14538
+ --pf-c-list--nested--MarginTop: var(--pf-global--spacer--sm);
14539
+ --pf-c-list--nested--MarginLeft: var(--pf-global--spacer--sm);
14540
+ --pf-c-list--ul--ListStyle: var(--pf-global--ListStyle);
14541
+ --pf-c-list--li--MarginTop: var(--pf-global--spacer--sm);
14542
+ --pf-c-list--m-inline--li--MarginRight: var(--pf-global--spacer--lg);
14543
+ --pf-c-list--m-bordered--li--PaddingBottom: var(--pf-global--spacer--sm);
14544
+ --pf-c-list--m-bordered--li--BorderBottomColor: var(--pf-global--BorderColor--100);
14545
+ --pf-c-list--m-bordered--li--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
14546
+ --pf-c-list__item-icon--MinWidth: var(--pf-global--icon--FontSize--sm);
14547
+ --pf-c-list__item-icon--MarginTop: 0.375rem;
14548
+ --pf-c-list__item-icon--MarginRight: var(--pf-global--spacer--sm);
14549
+ --pf-c-list__item-icon--Color: var(--pf-global--icon--Color--light);
14550
+ --pf-c-list__item-icon--FontSize: var(--pf-global--icon--FontSize--sm);
14551
+ --pf-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-global--icon--FontSize--lg);
14552
+ --pf-c-list--m-icon-lg__item-icon--MarginRight: var(--pf-global--spacer--md);
14553
+ --pf-c-list--m-icon-lg__item-icon--FontSize: var(--pf-global--icon--FontSize--lg);
14554
+ padding-left: var(--pf-c-list--PaddingLeft);
14555
+ }
14556
+
14557
+ .pf-c-list ol,
14558
+ .pf-c-list ul {
14559
+ margin-top: var(--pf-c-list--nested--MarginTop);
14560
+ margin-left: var(--pf-c-list--nested--MarginLeft);
14561
+ }
14562
+
14563
+ .pf-c-list li + li {
14564
+ margin-top: var(--pf-c-list--li--MarginTop);
14565
+ }
14566
+
14567
+ ul.pf-c-list {
14568
+ list-style: var(--pf-c-list--ul--ListStyle);
14569
+ }
14570
+
14571
+ .pf-c-list .pf-c-list__item {
14572
+ display: flex;
14573
+ }
14574
+
14575
+ .pf-c-list .pf-c-list__item-icon {
14576
+ flex-shrink: 0;
14577
+ min-width: var(--pf-c-list__item-icon--MinWidth);
14578
+ margin-top: var(--pf-c-list__item-icon--MarginTop);
14579
+ margin-right: var(--pf-c-list__item-icon--MarginRight);
14580
+ font-size: var(--pf-c-list__item-icon--FontSize);
14581
+ line-height: 1;
14582
+ color: var(--pf-c-list__item-icon--Color);
14583
+ }
14584
+
14585
+ .pf-c-list.pf-m-icon-lg {
14586
+ --pf-c-list__item-icon--MinWidth: var(--pf-c-list--m-icon-lg__item-icon--MinWidth);
14587
+ --pf-c-list__item-icon--MarginTop: 0;
14588
+ --pf-c-list__item-icon--MarginRight: var(--pf-c-list--m-icon-lg__item-icon--MarginRight);
14589
+ --pf-c-list__item-icon--FontSize: var(--pf-c-list--m-icon-lg__item-icon--FontSize);
14590
+ }
14591
+
14592
+ .pf-c-list.pf-m-plain {
14593
+ --pf-c-list--PaddingLeft: 0;
14594
+ list-style: none;
14595
+ }
14596
+
14597
+ .pf-c-list.pf-m-inline {
14598
+ --pf-c-list--PaddingLeft: 0;
14599
+ display: flex;
14600
+ flex-wrap: wrap;
14601
+ list-style: none;
14602
+ }
14603
+
14604
+ .pf-c-list.pf-m-inline li {
14605
+ --pf-c-list--li--MarginTop: 0;
14606
+ }
14607
+
14608
+ .pf-c-list.pf-m-inline li:not(:last-child) {
14609
+ margin-right: var(--pf-c-list--m-inline--li--MarginRight);
14610
+ }
14611
+
14612
+ .pf-c-list.pf-m-bordered > * {
14613
+ padding-bottom: var(--pf-c-list--m-bordered--li--PaddingBottom);
14614
+ border-bottom: var(--pf-c-list--m-bordered--li--BorderBottomWidth) solid var(--pf-c-list--m-bordered--li--BorderBottomColor);
14615
+ }
14616
+
14617
+ .pf-c-list.pf-m-bordered > :last-child {
14618
+ --pf-c-list--m-bordered--li--PaddingBottom: 0;
14619
+ --pf-c-list--m-bordered--li--BorderBottomWidth: 0;
14620
+ }
14621
+
14622
14622
  .pf-c-masthead.pf-m-light-200, .pf-c-masthead.pf-m-light {
14623
14623
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
14624
14624
  --pf-global--Color--200: var(--pf-global--Color--dark-200);
@@ -25816,75 +25816,6 @@ label.pf-c-radio, .pf-c-radio__label,
25816
25816
  direction: ltr;
25817
25817
  }
25818
25818
  }
25819
- .pf-l-gallery {
25820
- --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
25821
- --pf-l-gallery--GridTemplateColumns--min: 250px;
25822
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
25823
- --pf-l-gallery--GridTemplateColumns--max: 1fr;
25824
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
25825
- --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
25826
- --pf-l-gallery--GridTemplateRows: auto;
25827
- display: grid;
25828
- grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
25829
- grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
25830
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
25831
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
25832
- }
25833
-
25834
- .pf-l-gallery.pf-m-gutter {
25835
- grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
25836
- }
25837
-
25838
- @media (min-width: 576px) {
25839
- .pf-l-gallery {
25840
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
25841
- }
25842
- }
25843
- @media (min-width: 768px) {
25844
- .pf-l-gallery {
25845
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)));
25846
- }
25847
- }
25848
- @media (min-width: 992px) {
25849
- .pf-l-gallery {
25850
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))));
25851
- }
25852
- }
25853
- @media (min-width: 1200px) {
25854
- .pf-l-gallery {
25855
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)))));
25856
- }
25857
- }
25858
- @media (min-width: 1450px) {
25859
- .pf-l-gallery {
25860
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))))));
25861
- }
25862
- }
25863
- @media (min-width: 576px) {
25864
- .pf-l-gallery {
25865
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
25866
- }
25867
- }
25868
- @media (min-width: 768px) {
25869
- .pf-l-gallery {
25870
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)));
25871
- }
25872
- }
25873
- @media (min-width: 992px) {
25874
- .pf-l-gallery {
25875
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))));
25876
- }
25877
- }
25878
- @media (min-width: 1200px) {
25879
- .pf-l-gallery {
25880
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)))));
25881
- }
25882
- }
25883
- @media (min-width: 1450px) {
25884
- .pf-l-gallery {
25885
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))));
25886
- }
25887
- }
25888
25819
  .pf-l-flex {
25889
25820
  --pf-l-flex--Display: flex;
25890
25821
  --pf-l-flex--FlexWrap: wrap;
@@ -27961,6 +27892,75 @@ label.pf-c-radio, .pf-c-radio__label,
27961
27892
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
27962
27893
  }
27963
27894
  }
27895
+ .pf-l-gallery {
27896
+ --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
27897
+ --pf-l-gallery--GridTemplateColumns--min: 250px;
27898
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
27899
+ --pf-l-gallery--GridTemplateColumns--max: 1fr;
27900
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
27901
+ --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
27902
+ --pf-l-gallery--GridTemplateRows: auto;
27903
+ display: grid;
27904
+ grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
27905
+ grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
27906
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
27907
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
27908
+ }
27909
+
27910
+ .pf-l-gallery.pf-m-gutter {
27911
+ grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
27912
+ }
27913
+
27914
+ @media (min-width: 576px) {
27915
+ .pf-l-gallery {
27916
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
27917
+ }
27918
+ }
27919
+ @media (min-width: 768px) {
27920
+ .pf-l-gallery {
27921
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)));
27922
+ }
27923
+ }
27924
+ @media (min-width: 992px) {
27925
+ .pf-l-gallery {
27926
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))));
27927
+ }
27928
+ }
27929
+ @media (min-width: 1200px) {
27930
+ .pf-l-gallery {
27931
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)))));
27932
+ }
27933
+ }
27934
+ @media (min-width: 1450px) {
27935
+ .pf-l-gallery {
27936
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))))));
27937
+ }
27938
+ }
27939
+ @media (min-width: 576px) {
27940
+ .pf-l-gallery {
27941
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
27942
+ }
27943
+ }
27944
+ @media (min-width: 768px) {
27945
+ .pf-l-gallery {
27946
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)));
27947
+ }
27948
+ }
27949
+ @media (min-width: 992px) {
27950
+ .pf-l-gallery {
27951
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))));
27952
+ }
27953
+ }
27954
+ @media (min-width: 1200px) {
27955
+ .pf-l-gallery {
27956
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)))));
27957
+ }
27958
+ }
27959
+ @media (min-width: 1450px) {
27960
+ .pf-l-gallery {
27961
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))));
27962
+ }
27963
+ }
27964
27964
  .pf-l-grid {
27965
27965
  --pf-l-grid--m-gutter--GridGap: var(--pf-global--gutter);
27966
27966
  --pf-l-grid__item--GridColumnStart: auto;