@patternfly/patternfly 4.221.0 → 4.221.1

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 (9) hide show
  1. package/components/Pagination/pagination.css +120 -0
  2. package/components/Pagination/pagination.scss +24 -1
  3. package/docs/components/Pagination/examples/Pagination.md +129 -30
  4. package/docs/components/Tabs/examples/Tabs.md +1 -1
  5. package/package.json +1 -1
  6. package/patternfly-no-reset.css +120 -0
  7. package/patternfly.css +120 -0
  8. package/patternfly.min.css +1 -1
  9. package/patternfly.min.css.map +1 -1
package/patternfly.css CHANGED
@@ -22762,6 +22762,11 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22762
22762
  }
22763
22763
 
22764
22764
  .pf-c-pagination {
22765
+ --pf-c-pagination--inset: 0;
22766
+ --pf-c-pagination--PaddingRight: var(--pf-c-pagination--inset);
22767
+ --pf-c-pagination--PaddingLeft: var(--pf-c-pagination--inset);
22768
+ --pf-c-pagination--m-page-insets--inset: var(--pf-global--spacer--md);
22769
+ --pf-c-pagination--m-page-insets--xl--inset: var(--pf-global--spacer--lg);
22765
22770
  --pf-c-pagination--child--MarginRight: var(--pf-global--spacer--lg);
22766
22771
  --pf-c-pagination--m-bottom--child--MarginRight: 0;
22767
22772
  --pf-c-pagination--m-bottom--child--md--MarginRight: var(--pf-global--spacer--lg);
@@ -22826,6 +22831,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22826
22831
  flex-wrap: wrap;
22827
22832
  align-items: center;
22828
22833
  justify-content: flex-end;
22834
+ padding-right: var(--pf-c-pagination--PaddingRight);
22835
+ padding-left: var(--pf-c-pagination--PaddingLeft);
22829
22836
  }
22830
22837
  @media screen and (min-width: 768px) {
22831
22838
  .pf-c-pagination {
@@ -22848,6 +22855,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22848
22855
  .pf-c-pagination {
22849
22856
  --pf-c-pagination--m-bottom--md--PaddingRight: var(--pf-c-pagination--m-bottom--xl--PaddingRight);
22850
22857
  --pf-c-pagination--m-bottom--md--PaddingLeft: var(--pf-c-pagination--m-bottom--xl--PaddingLeft);
22858
+ --pf-c-pagination__scroll-button--Width: var(--pf-c-pagination__scroll-button--xl--Width);
22859
+ --pf-c-pagination--m-page-insets--inset: var(--pf-c-pagination--m-page-insets--xl--inset);
22851
22860
  }
22852
22861
  }
22853
22862
  .pf-c-pagination > *:not(:last-child):not(.pf-c-pagination__total-items) {
@@ -22943,6 +22952,9 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22943
22952
  .pf-c-pagination.pf-m-compact {
22944
22953
  --pf-c-pagination--child--MarginRight: var(--pf-c-pagination--m-compact--child--MarginRight);
22945
22954
  }
22955
+ .pf-c-pagination.pf-m-page-insets {
22956
+ --pf-c-pagination--inset: var(--pf-c-pagination--m-page-insets--inset);
22957
+ }
22946
22958
 
22947
22959
  .pf-c-pagination__nav {
22948
22960
  display: var(--pf-c-pagination__nav--Display);
@@ -22997,6 +23009,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22997
23009
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
22998
23010
  --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
22999
23011
  }
23012
+ .pf-c-pagination.pf-m-inset-none {
23013
+ --pf-c-pagination--inset: 0;
23014
+ }
23015
+ .pf-c-pagination.pf-m-inset-sm {
23016
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
23017
+ }
23018
+ .pf-c-pagination.pf-m-inset-md {
23019
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
23020
+ }
23021
+ .pf-c-pagination.pf-m-inset-lg {
23022
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
23023
+ }
23024
+ .pf-c-pagination.pf-m-inset-xl {
23025
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
23026
+ }
23027
+ .pf-c-pagination.pf-m-inset-2xl {
23028
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
23029
+ }
23000
23030
  @media (min-width: 576px) {
23001
23031
  .pf-c-pagination.pf-m-display-summary-on-sm {
23002
23032
  --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
@@ -23014,6 +23044,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23014
23044
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
23015
23045
  --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
23016
23046
  }
23047
+ .pf-c-pagination.pf-m-inset-none-on-sm {
23048
+ --pf-c-pagination--inset: 0;
23049
+ }
23050
+ .pf-c-pagination.pf-m-inset-sm-on-sm {
23051
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
23052
+ }
23053
+ .pf-c-pagination.pf-m-inset-md-on-sm {
23054
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
23055
+ }
23056
+ .pf-c-pagination.pf-m-inset-lg-on-sm {
23057
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
23058
+ }
23059
+ .pf-c-pagination.pf-m-inset-xl-on-sm {
23060
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
23061
+ }
23062
+ .pf-c-pagination.pf-m-inset-2xl-on-sm {
23063
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
23064
+ }
23017
23065
  }
23018
23066
  @media (min-width: 768px) {
23019
23067
  .pf-c-pagination.pf-m-display-summary-on-md {
@@ -23032,6 +23080,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23032
23080
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
23033
23081
  --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
23034
23082
  }
23083
+ .pf-c-pagination.pf-m-inset-none-on-md {
23084
+ --pf-c-pagination--inset: 0;
23085
+ }
23086
+ .pf-c-pagination.pf-m-inset-sm-on-md {
23087
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
23088
+ }
23089
+ .pf-c-pagination.pf-m-inset-md-on-md {
23090
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
23091
+ }
23092
+ .pf-c-pagination.pf-m-inset-lg-on-md {
23093
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
23094
+ }
23095
+ .pf-c-pagination.pf-m-inset-xl-on-md {
23096
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
23097
+ }
23098
+ .pf-c-pagination.pf-m-inset-2xl-on-md {
23099
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
23100
+ }
23035
23101
  }
23036
23102
  @media (min-width: 992px) {
23037
23103
  .pf-c-pagination.pf-m-display-summary-on-lg {
@@ -23050,6 +23116,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23050
23116
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
23051
23117
  --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
23052
23118
  }
23119
+ .pf-c-pagination.pf-m-inset-none-on-lg {
23120
+ --pf-c-pagination--inset: 0;
23121
+ }
23122
+ .pf-c-pagination.pf-m-inset-sm-on-lg {
23123
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
23124
+ }
23125
+ .pf-c-pagination.pf-m-inset-md-on-lg {
23126
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
23127
+ }
23128
+ .pf-c-pagination.pf-m-inset-lg-on-lg {
23129
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
23130
+ }
23131
+ .pf-c-pagination.pf-m-inset-xl-on-lg {
23132
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
23133
+ }
23134
+ .pf-c-pagination.pf-m-inset-2xl-on-lg {
23135
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
23136
+ }
23053
23137
  }
23054
23138
  @media (min-width: 1200px) {
23055
23139
  .pf-c-pagination.pf-m-display-summary-on-xl {
@@ -23068,6 +23152,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23068
23152
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
23069
23153
  --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
23070
23154
  }
23155
+ .pf-c-pagination.pf-m-inset-none-on-xl {
23156
+ --pf-c-pagination--inset: 0;
23157
+ }
23158
+ .pf-c-pagination.pf-m-inset-sm-on-xl {
23159
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
23160
+ }
23161
+ .pf-c-pagination.pf-m-inset-md-on-xl {
23162
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
23163
+ }
23164
+ .pf-c-pagination.pf-m-inset-lg-on-xl {
23165
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
23166
+ }
23167
+ .pf-c-pagination.pf-m-inset-xl-on-xl {
23168
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
23169
+ }
23170
+ .pf-c-pagination.pf-m-inset-2xl-on-xl {
23171
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
23172
+ }
23071
23173
  }
23072
23174
  @media (min-width: 1450px) {
23073
23175
  .pf-c-pagination.pf-m-display-summary-on-2xl {
@@ -23086,6 +23188,24 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23086
23188
  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
23087
23189
  --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
23088
23190
  }
23191
+ .pf-c-pagination.pf-m-inset-none-on-2xl {
23192
+ --pf-c-pagination--inset: 0;
23193
+ }
23194
+ .pf-c-pagination.pf-m-inset-sm-on-2xl {
23195
+ --pf-c-pagination--inset: var(--pf-global--spacer--sm);
23196
+ }
23197
+ .pf-c-pagination.pf-m-inset-md-on-2xl {
23198
+ --pf-c-pagination--inset: var(--pf-global--spacer--md);
23199
+ }
23200
+ .pf-c-pagination.pf-m-inset-lg-on-2xl {
23201
+ --pf-c-pagination--inset: var(--pf-global--spacer--lg);
23202
+ }
23203
+ .pf-c-pagination.pf-m-inset-xl-on-2xl {
23204
+ --pf-c-pagination--inset: var(--pf-global--spacer--xl);
23205
+ }
23206
+ .pf-c-pagination.pf-m-inset-2xl-on-2xl {
23207
+ --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
23208
+ }
23089
23209
  }
23090
23210
 
23091
23211
  :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,