@patternfly/patternfly 5.1.0-prerelease.11 → 5.1.0-prerelease.12

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/Breadcrumb/breadcrumb.css +3 -0
  2. package/components/Breadcrumb/breadcrumb.scss +2 -0
  3. package/docs/components/Toolbar/examples/Toolbar.md +76 -60
  4. package/package.json +2 -2
  5. package/patternfly-no-globals.css +3 -0
  6. package/patternfly-theme-dark-unversioned.css +3 -0
  7. package/patternfly.css +3 -0
  8. package/patternfly.min.css +1 -1
  9. package/patternfly.min.css.map +1 -1
package/components/Breadcrumb/breadcrumb.css CHANGED
@@ -45,6 +45,9 @@
45
45
  line-height: 1;
46
46
  color: var(--pf-v5-c-breadcrumb__item-divider--Color);
47
47
  }
48
+ :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-breadcrumb__item-divider {
49
+ scale: -1 1;
50
+ }
48
51
 
49
52
  .pf-v5-c-breadcrumb__link {
50
53
  font-size: inherit;
package/components/Breadcrumb/breadcrumb.scss CHANGED
@@ -58,6 +58,8 @@
58
58
 
59
59
  // Breadcrumb divider
60
60
  .#{$breadcrumb}__item-divider {
61
+ @include pf-v5-mirror-inline-on-rtl;
62
+
61
63
  margin-inline-end: var(--#{$breadcrumb}__item-divider--MarginRight);
62
64
  font-size: var(--#{$breadcrumb}__item-divider--FontSize);
63
65
  line-height: 1;
package/docs/components/Toolbar/examples/Toolbar.md CHANGED
@@ -3416,22 +3416,26 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
3416
3416
  </div>
3417
3417
 
3418
3418
  <nav class="pf-v5-c-pagination__nav" aria-label="Pagination">
3419
- <button
3420
- class="pf-v5-c-button pf-m-plain pf-m-disabled"
3421
- type="button"
3422
- aria-label="Go to first page"
3423
- aria-disabled="true"
3424
- >
3425
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
3426
- </button>
3427
- <button
3428
- class="pf-v5-c-button pf-m-plain pf-m-disabled"
3429
- type="button"
3430
- aria-label="Go to previous page"
3431
- aria-disabled="true"
3432
- >
3433
- <i class="fas fa-angle-left" aria-hidden="true"></i>
3434
- </button>
3419
+ <div class="pf-v5-c-pagination__nav-control pf-m-first">
3420
+ <button
3421
+ class="pf-v5-c-button pf-m-plain pf-m-disabled"
3422
+ type="button"
3423
+ aria-label="Go to first page"
3424
+ aria-disabled="true"
3425
+ >
3426
+ <i class="fas fa-angle-double-left" aria-hidden="true"></i>
3427
+ </button>
3428
+ </div>
3429
+ <div class="pf-v5-c-pagination__nav-control pf-m-prev">
3430
+ <button
3431
+ class="pf-v5-c-button pf-m-plain pf-m-disabled"
3432
+ type="button"
3433
+ aria-label="Go to previous page"
3434
+ aria-disabled="true"
3435
+ >
3436
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
3437
+ </button>
3438
+ </div>
3435
3439
 
3436
3440
  <div
3437
3441
  class="pf-v5-c-pagination__nav-page-select"
@@ -3448,20 +3452,24 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
3448
3452
  </span>
3449
3453
  <span aria-hidden="true">of 4</span>
3450
3454
  </div>
3451
- <button
3452
- class="pf-v5-c-button pf-m-plain"
3453
- type="button"
3454
- aria-label="Go to next page"
3455
- >
3456
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3457
- </button>
3458
- <button
3459
- class="pf-v5-c-button pf-m-plain"
3460
- type="button"
3461
- aria-label="Go to last page"
3462
- >
3463
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
3464
- </button>
3455
+ <div class="pf-v5-c-pagination__nav-control pf-m-next">
3456
+ <button
3457
+ class="pf-v5-c-button pf-m-plain"
3458
+ type="button"
3459
+ aria-label="Go to next page"
3460
+ >
3461
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
3462
+ </button>
3463
+ </div>
3464
+ <div class="pf-v5-c-pagination__nav-control pf-m-last">
3465
+ <button
3466
+ class="pf-v5-c-button pf-m-plain"
3467
+ type="button"
3468
+ aria-label="Go to last page"
3469
+ >
3470
+ <i class="fas fa-angle-double-right" aria-hidden="true"></i>
3471
+ </button>
3472
+ </div>
3465
3473
  </nav>
3466
3474
  </div>
3467
3475
  </div>
@@ -3959,22 +3967,26 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
3959
3967
  </div>
3960
3968
 
3961
3969
  <nav class="pf-v5-c-pagination__nav" aria-label="Pagination">
3962
- <button
3963
- class="pf-v5-c-button pf-m-plain pf-m-disabled"
3964
- type="button"
3965
- aria-label="Go to first page"
3966
- aria-disabled="true"
3967
- >
3968
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
3969
- </button>
3970
- <button
3971
- class="pf-v5-c-button pf-m-plain pf-m-disabled"
3972
- type="button"
3973
- aria-label="Go to previous page"
3974
- aria-disabled="true"
3975
- >
3976
- <i class="fas fa-angle-left" aria-hidden="true"></i>
3977
- </button>
3970
+ <div class="pf-v5-c-pagination__nav-control pf-m-first">
3971
+ <button
3972
+ class="pf-v5-c-button pf-m-plain pf-m-disabled"
3973
+ type="button"
3974
+ aria-label="Go to first page"
3975
+ aria-disabled="true"
3976
+ >
3977
+ <i class="fas fa-angle-double-left" aria-hidden="true"></i>
3978
+ </button>
3979
+ </div>
3980
+ <div class="pf-v5-c-pagination__nav-control pf-m-prev">
3981
+ <button
3982
+ class="pf-v5-c-button pf-m-plain pf-m-disabled"
3983
+ type="button"
3984
+ aria-label="Go to previous page"
3985
+ aria-disabled="true"
3986
+ >
3987
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
3988
+ </button>
3989
+ </div>
3978
3990
 
3979
3991
  <div
3980
3992
  class="pf-v5-c-pagination__nav-page-select"
@@ -3991,20 +4003,24 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
3991
4003
  </span>
3992
4004
  <span aria-hidden="true">of 4</span>
3993
4005
  </div>
3994
- <button
3995
- class="pf-v5-c-button pf-m-plain"
3996
- type="button"
3997
- aria-label="Go to next page"
3998
- >
3999
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4000
- </button>
4001
- <button
4002
- class="pf-v5-c-button pf-m-plain"
4003
- type="button"
4004
- aria-label="Go to last page"
4005
- >
4006
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
4007
- </button>
4006
+ <div class="pf-v5-c-pagination__nav-control pf-m-next">
4007
+ <button
4008
+ class="pf-v5-c-button pf-m-plain"
4009
+ type="button"
4010
+ aria-label="Go to next page"
4011
+ >
4012
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
4013
+ </button>
4014
+ </div>
4015
+ <div class="pf-v5-c-pagination__nav-control pf-m-last">
4016
+ <button
4017
+ class="pf-v5-c-button pf-m-plain"
4018
+ type="button"
4019
+ aria-label="Go to last page"
4020
+ >
4021
+ <i class="fas fa-angle-double-right" aria-hidden="true"></i>
4022
+ </button>
4023
+ </div>
4008
4024
  </nav>
4009
4025
  </div>
4010
4026
  </div>
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "5.1.0-prerelease.11",
4
+ "version": "5.1.0-prerelease.12",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -45,7 +45,7 @@
45
45
  "@commitlint/config-conventional": "^17.6.7",
46
46
  "@fortawesome/fontawesome": "^1.1.8",
47
47
  "@octokit/rest": "^20.0.1",
48
- "@patternfly/documentation-framework": "5.1.7",
48
+ "@patternfly/documentation-framework": "5.1.9",
49
49
  "@patternfly/patternfly-a11y": "4.3.1",
50
50
  "@patternfly/react-code-editor": "5.0.0",
51
51
  "@patternfly/react-core": "5.0.0",
package/patternfly-no-globals.css CHANGED
@@ -6929,6 +6929,9 @@
6929
6929
  line-height: 1;
6930
6930
  color: var(--pf-v5-c-breadcrumb__item-divider--Color);
6931
6931
  }
6932
+ :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-breadcrumb__item-divider {
6933
+ scale: -1 1;
6934
+ }
6932
6935
 
6933
6936
  .pf-v5-c-breadcrumb__link {
6934
6937
  font-size: inherit;
package/patternfly-theme-dark-unversioned.css CHANGED
@@ -7046,6 +7046,9 @@ button) {
7046
7046
  line-height: 1;
7047
7047
  color: var(--pf-v5-c-breadcrumb__item-divider--Color);
7048
7048
  }
7049
+ :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-breadcrumb__item-divider {
7050
+ scale: -1 1;
7051
+ }
7049
7052
 
7050
7053
  .pf-v5-c-breadcrumb__link {
7051
7054
  font-size: inherit;
package/patternfly.css CHANGED
@@ -7046,6 +7046,9 @@ button) {
7046
7046
  line-height: 1;
7047
7047
  color: var(--pf-v5-c-breadcrumb__item-divider--Color);
7048
7048
  }
7049
+ :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-breadcrumb__item-divider {
7050
+ scale: -1 1;
7051
+ }
7049
7052
 
7050
7053
  .pf-v5-c-breadcrumb__link {
7051
7054
  font-size: inherit;