@patternfly/patternfly 6.0.0-alpha.64 → 6.0.0-alpha.66

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.
Files changed (11) hide show
  1. package/components/BackToTop/back-to-top.css +0 -1
  2. package/components/BackToTop/back-to-top.scss +0 -1
  3. package/components/MultipleFileUpload/multiple-file-upload.css +77 -50
  4. package/components/MultipleFileUpload/multiple-file-upload.scss +82 -53
  5. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +9 -9
  6. package/package.json +5 -5
  7. package/patternfly-no-globals.css +77 -51
  8. package/patternfly-theme-dark-unversioned.css +77 -51
  9. package/patternfly.css +77 -51
  10. package/patternfly.min.css +1 -1
  11. package/patternfly.min.css.map +1 -1
package/patternfly-no-globals.css CHANGED
@@ -7444,7 +7444,6 @@ html .ws-preview {
7444
7444
  }
7445
7445
  .pf-v5-c-back-to-top .pf-v5-c-button {
7446
7446
  --pf-v5-c-button--FontSize: var(--pf-v5-c-back-to-top--c-button--FontSize);
7447
- --pf-v5-c-button--BorderRadius: var(--pf-v5-c-back-to-top--c-button--BorderRadius);
7448
7447
  --pf-v5-c-button--PaddingTop: var(--pf-v5-c-back-to-top--c-button--PaddingTop);
7449
7448
  --pf-v5-c-button--PaddingRight: var(--pf-v5-c-back-to-top--c-button--PaddingRight);
7450
7449
  --pf-v5-c-button--PaddingBottom: var(--pf-v5-c-back-to-top--c-button--PaddingBottom);
@@ -20801,9 +20800,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20801
20800
  }
20802
20801
  }
20803
20802
 
20804
- .pf-v5-c-multiple-file-upload {
20803
+ :root,
20804
+ :where(.pf-v5-c-multiple-file-upload) {
20805
20805
  --pf-v5-c-multiple-file-upload--GridTemplateColumns: 1fr;
20806
- --pf-v5-c-multiple-file-upload--Gap: var(--pf-v5-global--spacer--lg);
20806
+ --pf-v5-c-multiple-file-upload--Gap: var(--pf-t--global--spacer--md);
20807
20807
  --pf-v5-c-multiple-file-upload__main--TextAlign: center;
20808
20808
  --pf-v5-c-multiple-file-upload__main--GridTemplateColumns: auto;
20809
20809
  --pf-v5-c-multiple-file-upload__main--GridTemplateRows: auto;
@@ -20811,59 +20811,74 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20811
20811
  "title"
20812
20812
  "upload"
20813
20813
  "info";
20814
- --pf-v5-c-multiple-file-upload__main--Gap: var(--pf-v5-global--spacer--md);
20815
- --pf-v5-c-multiple-file-upload__main--PaddingTop: var(--pf-v5-global--spacer--lg);
20816
- --pf-v5-c-multiple-file-upload__main--PaddingRight: var(--pf-v5-global--spacer--lg);
20817
- --pf-v5-c-multiple-file-upload__main--PaddingBottom: var(--pf-v5-global--spacer--xl);
20818
- --pf-v5-c-multiple-file-upload__main--PaddingLeft: var(--pf-v5-global--spacer--lg);
20819
- --pf-v5-c-multiple-file-upload__main--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
20814
+ --pf-v5-c-multiple-file-upload__main--PaddingTop: var(--pf-t--global--spacer--xl);
20815
+ --pf-v5-c-multiple-file-upload__main--PaddingRight: var(--pf-t--global--spacer--xl);
20816
+ --pf-v5-c-multiple-file-upload__main--PaddingBottom: var(--pf-t--global--spacer--xl);
20817
+ --pf-v5-c-multiple-file-upload__main--PaddingLeft: var(--pf-t--global--spacer--xl);
20818
+ --pf-v5-c-multiple-file-upload__main--BorderWidth: var(--pf-t--global--border--width--regular);
20820
20819
  --pf-v5-c-multiple-file-upload__main--BorderStyle: dashed;
20821
- --pf-v5-c-multiple-file-upload__main--BorderColor: var(--pf-v5-global--BorderColor--100);
20822
- --pf-v5-c-multiple-file-upload__main--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
20820
+ --pf-v5-c-multiple-file-upload__main--BorderColor: var(--pf-t--global--border--color--default);
20821
+ --pf-v5-c-multiple-file-upload__main--BorderRadius: var(--pf-t--global--border--radius--medium);
20823
20822
  --pf-v5-c-multiple-file-upload__title--Display: grid;
20824
20823
  --pf-v5-c-multiple-file-upload__title--GridTemplateColumns: auto;
20825
- --pf-v5-c-multiple-file-upload__title--Gap: var(--pf-v5-global--spacer--sm);
20826
- --pf-v5-c-multiple-file-upload__title-icon--Color: var(--pf-v5-global--icon--Color--dark);
20824
+ --pf-v5-c-multiple-file-upload__title--Gap: var(--pf-t--global--spacer--lg);
20825
+ --pf-v5-c-multiple-file-upload__title-text--Color: var(--pf-t--global--text--color--regular);
20826
+ --pf-v5-c-multiple-file-upload__title-text--FontFamily: var(--pf-t--global--font--family--heading);
20827
+ --pf-v5-c-multiple-file-upload__title-text--FontSize: var(--pf-t--global--font--size--heading--sm);
20828
+ --pf-v5-c-multiple-file-upload__title-text--FontWeight: var(--pf-t--global--font--weight--heading);
20829
+ --pf-v5-c-multiple-file-upload__title-icon--Color: var(--pf-t--global--icon--color--regular);
20830
+ --pf-v5-c-multiple-file-upload__title-icon--FontSize: var(--pf-t--global--icon--size--xl);
20827
20831
  --pf-v5-c-multiple-file-upload__title-text-separator--Display: block;
20828
- --pf-v5-c-multiple-file-upload__title-text-separator--MarginTop: var(--pf-v5-global--spacer--sm);
20829
- --pf-v5-c-multiple-file-upload__info--FontSize: var(--pf-v5-global--FontSize--sm);
20830
- --pf-v5-c-multiple-file-upload__info--Color: var(--pf-v5-global--Color--200);
20831
- --pf-v5-c-multiple-file-upload__info--MarginTop: var(--pf-v5-global--spacer--sm);
20832
- --pf-v5-c-multiple-file-upload--m-drag-over__main--BorderStyle: solid;
20833
- --pf-v5-c-multiple-file-upload--m-drag-over__main--BorderColor: var(--pf-v5-global--active-color--100);
20834
- --pf-v5-c-multiple-file-upload--m-drag-over__main--BackgroundColor: var(--pf-v5-global--palette--blue-50);
20835
- --pf-v5-c-multiple-file-upload--m-drag-over__main__title-icon--Color: var(--pf-v5-global--active-color--100);
20836
- --pf-v5-c-multiple-file-upload--m-drag-over__main__title-text--Color: var(--pf-v5-global--active-color--100);
20837
- --pf-v5-c-multiple-file-upload--m-drag-over__main__info--Color: var(--pf-v5-global--active-color--100);
20832
+ --pf-v5-c-multiple-file-upload__title-text-separator--MarginTop: var(--pf-t--global--spacer--sm);
20833
+ --pf-v5-c-multiple-file-upload__title-text-separator--MarginBottom: var(--pf-t--global--spacer--sm);
20834
+ --pf-v5-c-multiple-file-upload__title-text-separator--Color: var(--pf-t--global--text--color--regular);
20835
+ --pf-v5-c-multiple-file-upload__title-text-separator--FontFamily: var(--pf-t--global--font--family--body);
20836
+ --pf-v5-c-multiple-file-upload__title-text-separator--FontSize: var(--pf-t--global--font--size--body--lg);
20837
+ --pf-v5-c-multiple-file-upload__title-text-separator--FontWeight: var(--pf-t--global--font--weight--body);
20838
+ --pf-v5-c-multiple-file-upload__info--FontSize: var(--pf-t--global--font--size--body--default);
20839
+ --pf-v5-c-multiple-file-upload__info--Color: var(--pf-t--global--text--color--subtle);
20840
+ --pf-v5-c-multiple-file-upload__info--MarginTop: var(--pf-t--global--spacer--lg);
20841
+ --pf-v5-c-multiple-file-upload--m-drag-over__main--BorderStyle: dashed;
20842
+ --pf-v5-c-multiple-file-upload--m-drag-over__main--BorderColor: var(--pf-t--global--border--color--clicked);
20838
20843
  --pf-v5-c-multiple-file-upload--m-horizontal--GridTemplateColumns: fit-content(100%);
20839
20844
  --pf-v5-c-multiple-file-upload--m-horizontal__main--TextAlign: start;
20840
20845
  --pf-v5-c-multiple-file-upload--m-horizontal__main--GridTemplateColumns: 1fr auto;
20841
20846
  --pf-v5-c-multiple-file-upload--m-horizontal__main--GridTemplateAreas:
20842
20847
  "title upload"
20843
20848
  "info upload";
20844
- --pf-v5-c-multiple-file-upload--m-horizontal__main--Gap: var(--pf-v5-global--spacer--sm) var(--pf-v5-global--spacer--2xl);
20845
- --pf-v5-c-multiple-file-upload--m-horizontal__main--PaddingBottom: var(--pf-v5-global--spacer--lg);
20849
+ --pf-v5-c-multiple-file-upload--m-horizontal__main--Gap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--lg);
20850
+ --pf-v5-c-multiple-file-upload--m-horizontal__main--PaddingBottom: var(--pf-t--global--spacer--lg);
20846
20851
  --pf-v5-c-multiple-file-upload--m-horizontal__title--GridTemplateColumns: auto 1fr;
20847
- --pf-v5-c-multiple-file-upload--m-horizontal__title--Gap: var(--pf-v5-global--spacer--xs);
20852
+ --pf-v5-c-multiple-file-upload--m-horizontal__title--Gap: var(--pf-t--global--spacer--sm);
20853
+ --pf-v5-c-multiple-file-upload--m-horizontal__title-icon--FontSize: var(--pf-t--global--font--size--heading--xs);
20854
+ --pf-v5-c-multiple-file-upload--m-horizontal__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
20848
20855
  --pf-v5-c-multiple-file-upload--m-horizontal__title-text-separator--Display: inline;
20849
20856
  --pf-v5-c-multiple-file-upload--m-horizontal__title-text-separator--MarginTop: 0;
20857
+ --pf-v5-c-multiple-file-upload--m-horizontal__title-text-separator--FontFamily: var(--pf-t--global--font--family--heading);
20858
+ --pf-v5-c-multiple-file-upload--m-horizontal__title-text-separator--FontSize: var(--pf-t--global--font--size--heading--xs);
20859
+ --pf-v5-c-multiple-file-upload--m-horizontal__title-text-separator--FontWeight: var(--pf-t--global--font--weight--heading);
20850
20860
  --pf-v5-c-multiple-file-upload--m-horizontal__info--MarginTop: 0;
20861
+ --pf-v5-c-multiple-file-upload__status--PaddingTop: var(--pf-t--global--spacer--sm);
20862
+ --pf-v5-c-multiple-file-upload__status--PaddingBottom: var(--pf-t--global--spacer--sm);
20863
+ --pf-v5-c-multiple-file-upload__status--PaddingLeft: var(--pf-t--global--spacer--md);
20864
+ --pf-v5-c-multiple-file-upload__status--PaddingRight: var(--pf-t--global--spacer--md);
20851
20865
  --pf-v5-c-multiple-file-upload__status-progress--GridTemplateColumns: auto 1fr;
20852
- --pf-v5-c-multiple-file-upload__status-progress--Gap: var(--pf-v5-global--spacer--sm);
20853
- --pf-v5-c-multiple-file-upload__status-progress-icon--Color: var(--pf-v5-global--icon--Color--dark);
20854
- --pf-v5-c-multiple-file-upload__status-item--PaddingTop: var(--pf-v5-global--spacer--md);
20855
- --pf-v5-c-multiple-file-upload__status-item--PaddingBottom: var(--pf-v5-global--spacer--md);
20856
- --pf-v5-c-multiple-file-upload__status-item--first-child--PaddingTop: 0;
20866
+ --pf-v5-c-multiple-file-upload__status-progress--Gap: var(--pf-t--global--spacer--sm);
20867
+ --pf-v5-c-multiple-file-upload__status-progress-icon--Color: var(--pf-t--global--icon--color--regular);
20868
+ --pf-v5-c-multiple-file-upload__status-item--PaddingTop: var(--pf-t--global--spacer--md);
20869
+ --pf-v5-c-multiple-file-upload__status-item--PaddingBottom: var(--pf-t--global--spacer--md);
20857
20870
  --pf-v5-c-multiple-file-upload__status-item--GridTemplateColumns: auto 1fr auto;
20858
- --pf-v5-c-multiple-file-upload__status-item--Gap: var(--pf-v5-global--spacer--sm);
20859
- --pf-v5-c-multiple-file-upload__status-item--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
20860
- --pf-v5-c-multiple-file-upload__status-item--BorderColor: var(--pf-v5-global--BorderColor--100);
20861
- --pf-v5-c-multiple-file-upload__status-item-icon--Color: var(--pf-v5-global--icon--Color--dark);
20862
- --pf-v5-c-multiple-file-upload__status-item-close--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
20871
+ --pf-v5-c-multiple-file-upload__status-item--Gap: var(--pf-t--global--spacer--sm);
20872
+ --pf-v5-c-multiple-file-upload__status-item--BorderWidth: var(--pf-t--global--border--width--regular);
20873
+ --pf-v5-c-multiple-file-upload__status-item--BorderColor: var(--pf-t--global--border--color--default);
20874
+ --pf-v5-c-multiple-file-upload__status-item-icon--Color: var(--pf-t--global--icon--color--regular);
20863
20875
  --pf-v5-c-multiple-file-upload__status-item-progress--GridTemplateColumns: fit-content(100%) max-content;
20864
- --pf-v5-c-multiple-file-upload__status-item-progress--Gap: var(--pf-v5-global--spacer--sm);
20865
- --pf-v5-c-multiple-file-upload__status-item-progress-text--Color: var(--pf-v5-global--primary-color--100);
20866
- --pf-v5-c-multiple-file-upload__status-item-progress-size--Color: var(--pf-v5-global--Color--200);
20876
+ --pf-v5-c-multiple-file-upload__status-item-progress--Gap: var(--pf-t--global--spacer--sm);
20877
+ --pf-v5-c-multiple-file-upload__status-item-progress-text--Color: var(--pf-t--global--text--color--regular);
20878
+ --pf-v5-c-multiple-file-upload__status-item-progress-size--Color: var(--pf-t--global--text--color--subtle);
20879
+ }
20880
+
20881
+ .pf-v5-c-multiple-file-upload {
20867
20882
  display: grid;
20868
20883
  grid-template-columns: var(--pf-v5-c-multiple-file-upload--GridTemplateColumns);
20869
20884
  gap: var(--pf-v5-c-multiple-file-upload--Gap);
@@ -20877,17 +20892,18 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20877
20892
  --pf-v5-c-multiple-file-upload__main--PaddingBottom: var(--pf-v5-c-multiple-file-upload--m-horizontal__main--PaddingBottom);
20878
20893
  --pf-v5-c-multiple-file-upload__title--GridTemplateColumns: var(--pf-v5-c-multiple-file-upload--m-horizontal__title--GridTemplateColumns);
20879
20894
  --pf-v5-c-multiple-file-upload__title--Gap: var(--pf-v5-c-multiple-file-upload--m-horizontal__title--Gap);
20895
+ --pf-v5-c-multiple-file-upload__title-icon--FontSize: var(--pf-v5-c-multiple-file-upload--m-horizontal__title-icon--FontSize);
20896
+ --pf-v5-c-multiple-file-upload__title-text--FontSize: var(--pf-v5-c-multiple-file-upload--m-horizontal__title-text--FontSize);
20897
+ --pf-v5-c-multiple-file-upload__title-text-separator--FontFamily: var(--pf-v5-c-multiple-file-upload--m-horizontal__title-text-separator--FontFamily);
20880
20898
  --pf-v5-c-multiple-file-upload__title-text-separator--Display: var(--pf-v5-c-multiple-file-upload--m-horizontal__title-text-separator--Display);
20881
20899
  --pf-v5-c-multiple-file-upload__title-text-separator--MarginTop: var(--pf-v5-c-multiple-file-upload--m-horizontal__title-text-separator--MarginTop);
20900
+ --pf-v5-c-multiple-file-upload__title-text-separator--FontSize: var(--pf-v5-c-multiple-file-upload--m-horizontal__title-text-separator--FontSize);
20901
+ --pf-v5-c-multiple-file-upload__title-text-separator--FontWeight: var(--pf-v5-c-multiple-file-upload--m-horizontal__title-text-separator--FontWeight);
20882
20902
  --pf-v5-c-multiple-file-upload__info--MarginTop: var(--pf-v5-c-multiple-file-upload--m-horizontal__info--MarginTop);
20883
20903
  }
20884
20904
  .pf-v5-c-multiple-file-upload.pf-m-drag-over {
20885
20905
  --pf-v5-c-multiple-file-upload__main--BorderStyle: var(--pf-v5-c-multiple-file-upload--m-drag-over__main--BorderStyle);
20886
20906
  --pf-v5-c-multiple-file-upload__main--BorderColor: var(--pf-v5-c-multiple-file-upload--m-drag-over__main--BorderColor);
20887
- --pf-v5-c-multiple-file-upload__main--BackgroundColor: var(--pf-v5-c-multiple-file-upload--m-drag-over__main--BackgroundColor);
20888
- --pf-v5-c-multiple-file-upload__title-icon--Color: var(--pf-v5-c-multiple-file-upload--m-drag-over__main__title-icon--Color);
20889
- --pf-v5-c-multiple-file-upload__title-text--Color: var(--pf-v5-c-multiple-file-upload--m-drag-over__main__title-text--Color);
20890
- --pf-v5-c-multiple-file-upload__info--Color: var(--pf-v5-c-multiple-file-upload--m-drag-over__main__info--Color);
20891
20907
  }
20892
20908
 
20893
20909
  .pf-v5-c-multiple-file-upload__main {
@@ -20896,13 +20912,14 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20896
20912
  grid-template-rows: var(--pf-v5-c-multiple-file-upload__main--GridTemplateRows);
20897
20913
  grid-template-columns: var(--pf-v5-c-multiple-file-upload__main--GridTemplateColumns);
20898
20914
  gap: var(--pf-v5-c-multiple-file-upload__main--Gap);
20915
+ align-items: center;
20899
20916
  padding-block-start: var(--pf-v5-c-multiple-file-upload__main--PaddingTop);
20900
20917
  padding-block-end: var(--pf-v5-c-multiple-file-upload__main--PaddingBottom);
20901
20918
  padding-inline-start: var(--pf-v5-c-multiple-file-upload__main--PaddingLeft);
20902
20919
  padding-inline-end: var(--pf-v5-c-multiple-file-upload__main--PaddingRight);
20903
20920
  text-align: var(--pf-v5-c-multiple-file-upload__main--TextAlign);
20904
- background-color: var(--pf-v5-c-multiple-file-upload__main--BackgroundColor);
20905
20921
  border: var(--pf-v5-c-multiple-file-upload__main--BorderWidth) var(--pf-v5-c-multiple-file-upload__main--BorderStyle) var(--pf-v5-c-multiple-file-upload__main--BorderColor);
20922
+ border-radius: var(--pf-v5-c-multiple-file-upload__main--BorderRadius);
20906
20923
  }
20907
20924
 
20908
20925
  .pf-v5-c-multiple-file-upload__title {
@@ -20913,16 +20930,25 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20913
20930
  }
20914
20931
 
20915
20932
  .pf-v5-c-multiple-file-upload__title-icon {
20933
+ font-size: var(--pf-v5-c-multiple-file-upload__title-icon--FontSize);
20916
20934
  color: var(--pf-v5-c-multiple-file-upload__title-icon--Color);
20917
20935
  }
20918
20936
 
20919
20937
  .pf-v5-c-multiple-file-upload__title-text {
20938
+ font-family: var(--pf-v5-c-multiple-file-upload__title-text--FontFamily);
20939
+ font-size: var(--pf-v5-c-multiple-file-upload__title-text--FontSize);
20940
+ font-weight: var(--pf-v5-c-multiple-file-upload__title-text--FontWeight);
20920
20941
  color: var(--pf-v5-c-multiple-file-upload__title-text--Color, inherit);
20921
20942
  }
20922
20943
 
20923
20944
  .pf-v5-c-multiple-file-upload__title-text-separator {
20924
20945
  display: var(--pf-v5-c-multiple-file-upload__title-text-separator--Display);
20925
20946
  margin-block-start: var(--pf-v5-c-multiple-file-upload__title-text-separator--MarginTop);
20947
+ margin-block-end: var(--pf-v5-c-multiple-file-upload__title-text-separator--MarginBottom);
20948
+ font-family: var(--pf-v5-c-multiple-file-upload__title-text-separator--FontFamily);
20949
+ font-size: var(--pf-v5-c-multiple-file-upload__title-text-separator--FontSize);
20950
+ font-weight: var(--pf-v5-c-multiple-file-upload__title-text-separator--FontWeight);
20951
+ color: var(--pf-v5-c-multiple-file-upload__title-text-separator--Color);
20926
20952
  }
20927
20953
 
20928
20954
  .pf-v5-c-multiple-file-upload__upload {
@@ -20936,6 +20962,13 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20936
20962
  color: var(--pf-v5-c-multiple-file-upload__info--Color);
20937
20963
  }
20938
20964
 
20965
+ .pf-v5-c-multiple-file-upload__status {
20966
+ padding-block-start: var(--pf-v5-c-multiple-file-upload__status--PaddingTop);
20967
+ padding-block-end: var(--pf-v5-c-multiple-file-upload__status--PaddingBottom);
20968
+ padding-inline-start: var(--pf-v5-c-multiple-file-upload__status--PaddingLeft);
20969
+ padding-inline-end: var(--pf-v5-c-multiple-file-upload__status--PaddingRight);
20970
+ }
20971
+
20939
20972
  .pf-v5-c-multiple-file-upload__status,
20940
20973
  .pf-v5-c-multiple-file-upload__status-item-main {
20941
20974
  min-width: 0;
@@ -20959,18 +20992,11 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20959
20992
  padding-block-end: var(--pf-v5-c-multiple-file-upload__status-item--PaddingBottom);
20960
20993
  border-block-end: var(--pf-v5-c-multiple-file-upload__status-item--BorderWidth) solid var(--pf-v5-c-multiple-file-upload__status-item--BorderColor);
20961
20994
  }
20962
- .pf-v5-c-multiple-file-upload__status-item:first-child {
20963
- --pf-v5-c-multiple-file-upload__status-item--PaddingTop: var(--pf-v5-c-multiple-file-upload__status-item--first-child--PaddingTop);
20964
- }
20965
20995
 
20966
20996
  .pf-v5-c-multiple-file-upload__status-item-icon {
20967
20997
  color: var(--pf-v5-c-multiple-file-upload__status-item-icon--Color);
20968
20998
  }
20969
20999
 
20970
- .pf-v5-c-multiple-file-upload__status-item-close {
20971
- margin-block-start: var(--pf-v5-c-multiple-file-upload__status-item-close--MarginTop);
20972
- }
20973
-
20974
21000
  .pf-v5-c-multiple-file-upload__status-item-progress {
20975
21001
  display: grid;
20976
21002
  grid-template-columns: var(--pf-v5-c-multiple-file-upload__status-item-progress--GridTemplateColumns);
package/patternfly-theme-dark-unversioned.css CHANGED
@@ -7561,7 +7561,6 @@ button) {
7561
7561
  }
7562
7562
  .pf-v5-c-back-to-top .pf-v5-c-button {
7563
7563
  --pf-v5-c-button--FontSize: var(--pf-v5-c-back-to-top--c-button--FontSize);
7564
- --pf-v5-c-button--BorderRadius: var(--pf-v5-c-back-to-top--c-button--BorderRadius);
7565
7564
  --pf-v5-c-button--PaddingTop: var(--pf-v5-c-back-to-top--c-button--PaddingTop);
7566
7565
  --pf-v5-c-button--PaddingRight: var(--pf-v5-c-back-to-top--c-button--PaddingRight);
7567
7566
  --pf-v5-c-button--PaddingBottom: var(--pf-v5-c-back-to-top--c-button--PaddingBottom);
@@ -20918,9 +20917,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20918
20917
  }
20919
20918
  }
20920
20919
 
20921
- .pf-v5-c-multiple-file-upload {
20920
+ :root,
20921
+ :where(.pf-v5-c-multiple-file-upload) {
20922
20922
  --pf-v5-c-multiple-file-upload--GridTemplateColumns: 1fr;
20923
- --pf-v5-c-multiple-file-upload--Gap: var(--pf-v5-global--spacer--lg);
20923
+ --pf-v5-c-multiple-file-upload--Gap: var(--pf-t--global--spacer--md);
20924
20924
  --pf-v5-c-multiple-file-upload__main--TextAlign: center;
20925
20925
  --pf-v5-c-multiple-file-upload__main--GridTemplateColumns: auto;
20926
20926
  --pf-v5-c-multiple-file-upload__main--GridTemplateRows: auto;
@@ -20928,59 +20928,74 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20928
20928
  "title"
20929
20929
  "upload"
20930
20930
  "info";
20931
- --pf-v5-c-multiple-file-upload__main--Gap: var(--pf-v5-global--spacer--md);
20932
- --pf-v5-c-multiple-file-upload__main--PaddingTop: var(--pf-v5-global--spacer--lg);
20933
- --pf-v5-c-multiple-file-upload__main--PaddingRight: var(--pf-v5-global--spacer--lg);
20934
- --pf-v5-c-multiple-file-upload__main--PaddingBottom: var(--pf-v5-global--spacer--xl);
20935
- --pf-v5-c-multiple-file-upload__main--PaddingLeft: var(--pf-v5-global--spacer--lg);
20936
- --pf-v5-c-multiple-file-upload__main--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
20931
+ --pf-v5-c-multiple-file-upload__main--PaddingTop: var(--pf-t--global--spacer--xl);
20932
+ --pf-v5-c-multiple-file-upload__main--PaddingRight: var(--pf-t--global--spacer--xl);
20933
+ --pf-v5-c-multiple-file-upload__main--PaddingBottom: var(--pf-t--global--spacer--xl);
20934
+ --pf-v5-c-multiple-file-upload__main--PaddingLeft: var(--pf-t--global--spacer--xl);
20935
+ --pf-v5-c-multiple-file-upload__main--BorderWidth: var(--pf-t--global--border--width--regular);
20937
20936
  --pf-v5-c-multiple-file-upload__main--BorderStyle: dashed;
20938
- --pf-v5-c-multiple-file-upload__main--BorderColor: var(--pf-v5-global--BorderColor--100);
20939
- --pf-v5-c-multiple-file-upload__main--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
20937
+ --pf-v5-c-multiple-file-upload__main--BorderColor: var(--pf-t--global--border--color--default);
20938
+ --pf-v5-c-multiple-file-upload__main--BorderRadius: var(--pf-t--global--border--radius--medium);
20940
20939
  --pf-v5-c-multiple-file-upload__title--Display: grid;
20941
20940
  --pf-v5-c-multiple-file-upload__title--GridTemplateColumns: auto;
20942
- --pf-v5-c-multiple-file-upload__title--Gap: var(--pf-v5-global--spacer--sm);
20943
- --pf-v5-c-multiple-file-upload__title-icon--Color: var(--pf-v5-global--icon--Color--dark);
20941
+ --pf-v5-c-multiple-file-upload__title--Gap: var(--pf-t--global--spacer--lg);
20942
+ --pf-v5-c-multiple-file-upload__title-text--Color: var(--pf-t--global--text--color--regular);
20943
+ --pf-v5-c-multiple-file-upload__title-text--FontFamily: var(--pf-t--global--font--family--heading);
20944
+ --pf-v5-c-multiple-file-upload__title-text--FontSize: var(--pf-t--global--font--size--heading--sm);
20945
+ --pf-v5-c-multiple-file-upload__title-text--FontWeight: var(--pf-t--global--font--weight--heading);
20946
+ --pf-v5-c-multiple-file-upload__title-icon--Color: var(--pf-t--global--icon--color--regular);
20947
+ --pf-v5-c-multiple-file-upload__title-icon--FontSize: var(--pf-t--global--icon--size--xl);
20944
20948
  --pf-v5-c-multiple-file-upload__title-text-separator--Display: block;
20945
- --pf-v5-c-multiple-file-upload__title-text-separator--MarginTop: var(--pf-v5-global--spacer--sm);
20946
- --pf-v5-c-multiple-file-upload__info--FontSize: var(--pf-v5-global--FontSize--sm);
20947
- --pf-v5-c-multiple-file-upload__info--Color: var(--pf-v5-global--Color--200);
20948
- --pf-v5-c-multiple-file-upload__info--MarginTop: var(--pf-v5-global--spacer--sm);
20949
- --pf-v5-c-multiple-file-upload--m-drag-over__main--BorderStyle: solid;
20950
- --pf-v5-c-multiple-file-upload--m-drag-over__main--BorderColor: var(--pf-v5-global--active-color--100);
20951
- --pf-v5-c-multiple-file-upload--m-drag-over__main--BackgroundColor: var(--pf-v5-global--palette--blue-50);
20952
- --pf-v5-c-multiple-file-upload--m-drag-over__main__title-icon--Color: var(--pf-v5-global--active-color--100);
20953
- --pf-v5-c-multiple-file-upload--m-drag-over__main__title-text--Color: var(--pf-v5-global--active-color--100);
20954
- --pf-v5-c-multiple-file-upload--m-drag-over__main__info--Color: var(--pf-v5-global--active-color--100);
20949
+ --pf-v5-c-multiple-file-upload__title-text-separator--MarginTop: var(--pf-t--global--spacer--sm);
20950
+ --pf-v5-c-multiple-file-upload__title-text-separator--MarginBottom: var(--pf-t--global--spacer--sm);
20951
+ --pf-v5-c-multiple-file-upload__title-text-separator--Color: var(--pf-t--global--text--color--regular);
20952
+ --pf-v5-c-multiple-file-upload__title-text-separator--FontFamily: var(--pf-t--global--font--family--body);
20953
+ --pf-v5-c-multiple-file-upload__title-text-separator--FontSize: var(--pf-t--global--font--size--body--lg);
20954
+ --pf-v5-c-multiple-file-upload__title-text-separator--FontWeight: var(--pf-t--global--font--weight--body);
20955
+ --pf-v5-c-multiple-file-upload__info--FontSize: var(--pf-t--global--font--size--body--default);
20956
+ --pf-v5-c-multiple-file-upload__info--Color: var(--pf-t--global--text--color--subtle);
20957
+ --pf-v5-c-multiple-file-upload__info--MarginTop: var(--pf-t--global--spacer--lg);
20958
+ --pf-v5-c-multiple-file-upload--m-drag-over__main--BorderStyle: dashed;
20959
+ --pf-v5-c-multiple-file-upload--m-drag-over__main--BorderColor: var(--pf-t--global--border--color--clicked);
20955
20960
  --pf-v5-c-multiple-file-upload--m-horizontal--GridTemplateColumns: fit-content(100%);
20956
20961
  --pf-v5-c-multiple-file-upload--m-horizontal__main--TextAlign: start;
20957
20962
  --pf-v5-c-multiple-file-upload--m-horizontal__main--GridTemplateColumns: 1fr auto;
20958
20963
  --pf-v5-c-multiple-file-upload--m-horizontal__main--GridTemplateAreas:
20959
20964
  "title upload"
20960
20965
  "info upload";
20961
- --pf-v5-c-multiple-file-upload--m-horizontal__main--Gap: var(--pf-v5-global--spacer--sm) var(--pf-v5-global--spacer--2xl);
20962
- --pf-v5-c-multiple-file-upload--m-horizontal__main--PaddingBottom: var(--pf-v5-global--spacer--lg);
20966
+ --pf-v5-c-multiple-file-upload--m-horizontal__main--Gap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--lg);
20967
+ --pf-v5-c-multiple-file-upload--m-horizontal__main--PaddingBottom: var(--pf-t--global--spacer--lg);
20963
20968
  --pf-v5-c-multiple-file-upload--m-horizontal__title--GridTemplateColumns: auto 1fr;
20964
- --pf-v5-c-multiple-file-upload--m-horizontal__title--Gap: var(--pf-v5-global--spacer--xs);
20969
+ --pf-v5-c-multiple-file-upload--m-horizontal__title--Gap: var(--pf-t--global--spacer--sm);
20970
+ --pf-v5-c-multiple-file-upload--m-horizontal__title-icon--FontSize: var(--pf-t--global--font--size--heading--xs);
20971
+ --pf-v5-c-multiple-file-upload--m-horizontal__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
20965
20972
  --pf-v5-c-multiple-file-upload--m-horizontal__title-text-separator--Display: inline;
20966
20973
  --pf-v5-c-multiple-file-upload--m-horizontal__title-text-separator--MarginTop: 0;
20974
+ --pf-v5-c-multiple-file-upload--m-horizontal__title-text-separator--FontFamily: var(--pf-t--global--font--family--heading);
20975
+ --pf-v5-c-multiple-file-upload--m-horizontal__title-text-separator--FontSize: var(--pf-t--global--font--size--heading--xs);
20976
+ --pf-v5-c-multiple-file-upload--m-horizontal__title-text-separator--FontWeight: var(--pf-t--global--font--weight--heading);
20967
20977
  --pf-v5-c-multiple-file-upload--m-horizontal__info--MarginTop: 0;
20978
+ --pf-v5-c-multiple-file-upload__status--PaddingTop: var(--pf-t--global--spacer--sm);
20979
+ --pf-v5-c-multiple-file-upload__status--PaddingBottom: var(--pf-t--global--spacer--sm);
20980
+ --pf-v5-c-multiple-file-upload__status--PaddingLeft: var(--pf-t--global--spacer--md);
20981
+ --pf-v5-c-multiple-file-upload__status--PaddingRight: var(--pf-t--global--spacer--md);
20968
20982
  --pf-v5-c-multiple-file-upload__status-progress--GridTemplateColumns: auto 1fr;
20969
- --pf-v5-c-multiple-file-upload__status-progress--Gap: var(--pf-v5-global--spacer--sm);
20970
- --pf-v5-c-multiple-file-upload__status-progress-icon--Color: var(--pf-v5-global--icon--Color--dark);
20971
- --pf-v5-c-multiple-file-upload__status-item--PaddingTop: var(--pf-v5-global--spacer--md);
20972
- --pf-v5-c-multiple-file-upload__status-item--PaddingBottom: var(--pf-v5-global--spacer--md);
20973
- --pf-v5-c-multiple-file-upload__status-item--first-child--PaddingTop: 0;
20983
+ --pf-v5-c-multiple-file-upload__status-progress--Gap: var(--pf-t--global--spacer--sm);
20984
+ --pf-v5-c-multiple-file-upload__status-progress-icon--Color: var(--pf-t--global--icon--color--regular);
20985
+ --pf-v5-c-multiple-file-upload__status-item--PaddingTop: var(--pf-t--global--spacer--md);
20986
+ --pf-v5-c-multiple-file-upload__status-item--PaddingBottom: var(--pf-t--global--spacer--md);
20974
20987
  --pf-v5-c-multiple-file-upload__status-item--GridTemplateColumns: auto 1fr auto;
20975
- --pf-v5-c-multiple-file-upload__status-item--Gap: var(--pf-v5-global--spacer--sm);
20976
- --pf-v5-c-multiple-file-upload__status-item--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
20977
- --pf-v5-c-multiple-file-upload__status-item--BorderColor: var(--pf-v5-global--BorderColor--100);
20978
- --pf-v5-c-multiple-file-upload__status-item-icon--Color: var(--pf-v5-global--icon--Color--dark);
20979
- --pf-v5-c-multiple-file-upload__status-item-close--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
20988
+ --pf-v5-c-multiple-file-upload__status-item--Gap: var(--pf-t--global--spacer--sm);
20989
+ --pf-v5-c-multiple-file-upload__status-item--BorderWidth: var(--pf-t--global--border--width--regular);
20990
+ --pf-v5-c-multiple-file-upload__status-item--BorderColor: var(--pf-t--global--border--color--default);
20991
+ --pf-v5-c-multiple-file-upload__status-item-icon--Color: var(--pf-t--global--icon--color--regular);
20980
20992
  --pf-v5-c-multiple-file-upload__status-item-progress--GridTemplateColumns: fit-content(100%) max-content;
20981
- --pf-v5-c-multiple-file-upload__status-item-progress--Gap: var(--pf-v5-global--spacer--sm);
20982
- --pf-v5-c-multiple-file-upload__status-item-progress-text--Color: var(--pf-v5-global--primary-color--100);
20983
- --pf-v5-c-multiple-file-upload__status-item-progress-size--Color: var(--pf-v5-global--Color--200);
20993
+ --pf-v5-c-multiple-file-upload__status-item-progress--Gap: var(--pf-t--global--spacer--sm);
20994
+ --pf-v5-c-multiple-file-upload__status-item-progress-text--Color: var(--pf-t--global--text--color--regular);
20995
+ --pf-v5-c-multiple-file-upload__status-item-progress-size--Color: var(--pf-t--global--text--color--subtle);
20996
+ }
20997
+
20998
+ .pf-v5-c-multiple-file-upload {
20984
20999
  display: grid;
20985
21000
  grid-template-columns: var(--pf-v5-c-multiple-file-upload--GridTemplateColumns);
20986
21001
  gap: var(--pf-v5-c-multiple-file-upload--Gap);
@@ -20994,17 +21009,18 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20994
21009
  --pf-v5-c-multiple-file-upload__main--PaddingBottom: var(--pf-v5-c-multiple-file-upload--m-horizontal__main--PaddingBottom);
20995
21010
  --pf-v5-c-multiple-file-upload__title--GridTemplateColumns: var(--pf-v5-c-multiple-file-upload--m-horizontal__title--GridTemplateColumns);
20996
21011
  --pf-v5-c-multiple-file-upload__title--Gap: var(--pf-v5-c-multiple-file-upload--m-horizontal__title--Gap);
21012
+ --pf-v5-c-multiple-file-upload__title-icon--FontSize: var(--pf-v5-c-multiple-file-upload--m-horizontal__title-icon--FontSize);
21013
+ --pf-v5-c-multiple-file-upload__title-text--FontSize: var(--pf-v5-c-multiple-file-upload--m-horizontal__title-text--FontSize);
21014
+ --pf-v5-c-multiple-file-upload__title-text-separator--FontFamily: var(--pf-v5-c-multiple-file-upload--m-horizontal__title-text-separator--FontFamily);
20997
21015
  --pf-v5-c-multiple-file-upload__title-text-separator--Display: var(--pf-v5-c-multiple-file-upload--m-horizontal__title-text-separator--Display);
20998
21016
  --pf-v5-c-multiple-file-upload__title-text-separator--MarginTop: var(--pf-v5-c-multiple-file-upload--m-horizontal__title-text-separator--MarginTop);
21017
+ --pf-v5-c-multiple-file-upload__title-text-separator--FontSize: var(--pf-v5-c-multiple-file-upload--m-horizontal__title-text-separator--FontSize);
21018
+ --pf-v5-c-multiple-file-upload__title-text-separator--FontWeight: var(--pf-v5-c-multiple-file-upload--m-horizontal__title-text-separator--FontWeight);
20999
21019
  --pf-v5-c-multiple-file-upload__info--MarginTop: var(--pf-v5-c-multiple-file-upload--m-horizontal__info--MarginTop);
21000
21020
  }
21001
21021
  .pf-v5-c-multiple-file-upload.pf-m-drag-over {
21002
21022
  --pf-v5-c-multiple-file-upload__main--BorderStyle: var(--pf-v5-c-multiple-file-upload--m-drag-over__main--BorderStyle);
21003
21023
  --pf-v5-c-multiple-file-upload__main--BorderColor: var(--pf-v5-c-multiple-file-upload--m-drag-over__main--BorderColor);
21004
- --pf-v5-c-multiple-file-upload__main--BackgroundColor: var(--pf-v5-c-multiple-file-upload--m-drag-over__main--BackgroundColor);
21005
- --pf-v5-c-multiple-file-upload__title-icon--Color: var(--pf-v5-c-multiple-file-upload--m-drag-over__main__title-icon--Color);
21006
- --pf-v5-c-multiple-file-upload__title-text--Color: var(--pf-v5-c-multiple-file-upload--m-drag-over__main__title-text--Color);
21007
- --pf-v5-c-multiple-file-upload__info--Color: var(--pf-v5-c-multiple-file-upload--m-drag-over__main__info--Color);
21008
21024
  }
21009
21025
 
21010
21026
  .pf-v5-c-multiple-file-upload__main {
@@ -21013,13 +21029,14 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21013
21029
  grid-template-rows: var(--pf-v5-c-multiple-file-upload__main--GridTemplateRows);
21014
21030
  grid-template-columns: var(--pf-v5-c-multiple-file-upload__main--GridTemplateColumns);
21015
21031
  gap: var(--pf-v5-c-multiple-file-upload__main--Gap);
21032
+ align-items: center;
21016
21033
  padding-block-start: var(--pf-v5-c-multiple-file-upload__main--PaddingTop);
21017
21034
  padding-block-end: var(--pf-v5-c-multiple-file-upload__main--PaddingBottom);
21018
21035
  padding-inline-start: var(--pf-v5-c-multiple-file-upload__main--PaddingLeft);
21019
21036
  padding-inline-end: var(--pf-v5-c-multiple-file-upload__main--PaddingRight);
21020
21037
  text-align: var(--pf-v5-c-multiple-file-upload__main--TextAlign);
21021
- background-color: var(--pf-v5-c-multiple-file-upload__main--BackgroundColor);
21022
21038
  border: var(--pf-v5-c-multiple-file-upload__main--BorderWidth) var(--pf-v5-c-multiple-file-upload__main--BorderStyle) var(--pf-v5-c-multiple-file-upload__main--BorderColor);
21039
+ border-radius: var(--pf-v5-c-multiple-file-upload__main--BorderRadius);
21023
21040
  }
21024
21041
 
21025
21042
  .pf-v5-c-multiple-file-upload__title {
@@ -21030,16 +21047,25 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21030
21047
  }
21031
21048
 
21032
21049
  .pf-v5-c-multiple-file-upload__title-icon {
21050
+ font-size: var(--pf-v5-c-multiple-file-upload__title-icon--FontSize);
21033
21051
  color: var(--pf-v5-c-multiple-file-upload__title-icon--Color);
21034
21052
  }
21035
21053
 
21036
21054
  .pf-v5-c-multiple-file-upload__title-text {
21055
+ font-family: var(--pf-v5-c-multiple-file-upload__title-text--FontFamily);
21056
+ font-size: var(--pf-v5-c-multiple-file-upload__title-text--FontSize);
21057
+ font-weight: var(--pf-v5-c-multiple-file-upload__title-text--FontWeight);
21037
21058
  color: var(--pf-v5-c-multiple-file-upload__title-text--Color, inherit);
21038
21059
  }
21039
21060
 
21040
21061
  .pf-v5-c-multiple-file-upload__title-text-separator {
21041
21062
  display: var(--pf-v5-c-multiple-file-upload__title-text-separator--Display);
21042
21063
  margin-block-start: var(--pf-v5-c-multiple-file-upload__title-text-separator--MarginTop);
21064
+ margin-block-end: var(--pf-v5-c-multiple-file-upload__title-text-separator--MarginBottom);
21065
+ font-family: var(--pf-v5-c-multiple-file-upload__title-text-separator--FontFamily);
21066
+ font-size: var(--pf-v5-c-multiple-file-upload__title-text-separator--FontSize);
21067
+ font-weight: var(--pf-v5-c-multiple-file-upload__title-text-separator--FontWeight);
21068
+ color: var(--pf-v5-c-multiple-file-upload__title-text-separator--Color);
21043
21069
  }
21044
21070
 
21045
21071
  .pf-v5-c-multiple-file-upload__upload {
@@ -21053,6 +21079,13 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21053
21079
  color: var(--pf-v5-c-multiple-file-upload__info--Color);
21054
21080
  }
21055
21081
 
21082
+ .pf-v5-c-multiple-file-upload__status {
21083
+ padding-block-start: var(--pf-v5-c-multiple-file-upload__status--PaddingTop);
21084
+ padding-block-end: var(--pf-v5-c-multiple-file-upload__status--PaddingBottom);
21085
+ padding-inline-start: var(--pf-v5-c-multiple-file-upload__status--PaddingLeft);
21086
+ padding-inline-end: var(--pf-v5-c-multiple-file-upload__status--PaddingRight);
21087
+ }
21088
+
21056
21089
  .pf-v5-c-multiple-file-upload__status,
21057
21090
  .pf-v5-c-multiple-file-upload__status-item-main {
21058
21091
  min-width: 0;
@@ -21076,18 +21109,11 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21076
21109
  padding-block-end: var(--pf-v5-c-multiple-file-upload__status-item--PaddingBottom);
21077
21110
  border-block-end: var(--pf-v5-c-multiple-file-upload__status-item--BorderWidth) solid var(--pf-v5-c-multiple-file-upload__status-item--BorderColor);
21078
21111
  }
21079
- .pf-v5-c-multiple-file-upload__status-item:first-child {
21080
- --pf-v5-c-multiple-file-upload__status-item--PaddingTop: var(--pf-v5-c-multiple-file-upload__status-item--first-child--PaddingTop);
21081
- }
21082
21112
 
21083
21113
  .pf-v5-c-multiple-file-upload__status-item-icon {
21084
21114
  color: var(--pf-v5-c-multiple-file-upload__status-item-icon--Color);
21085
21115
  }
21086
21116
 
21087
- .pf-v5-c-multiple-file-upload__status-item-close {
21088
- margin-block-start: var(--pf-v5-c-multiple-file-upload__status-item-close--MarginTop);
21089
- }
21090
-
21091
21117
  .pf-v5-c-multiple-file-upload__status-item-progress {
21092
21118
  display: grid;
21093
21119
  grid-template-columns: var(--pf-v5-c-multiple-file-upload__status-item-progress--GridTemplateColumns);