@patternfly/patternfly 6.3.0-prerelease.4 → 6.3.0-prerelease.6

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 (18) hide show
  1. package/components/CodeEditor/code-editor.css +3 -0
  2. package/components/CodeEditor/code-editor.scss +3 -1
  3. package/components/Page/page.css +4 -3
  4. package/components/Page/page.scss +4 -2
  5. package/components/_index.css +7 -3
  6. package/docs/components/Divider/examples/Divider.md +1 -1
  7. package/docs/components/Drawer/examples/Drawer.md +4 -0
  8. package/docs/components/Page/examples/Page.md +1 -0
  9. package/docs/components/Table/examples/Table.md +4 -4
  10. package/docs/demos/Masthead/examples/Masthead.md +1 -1
  11. package/docs/demos/Nav/examples/Nav.md +2 -2
  12. package/docs/demos/Page/examples/Page.md +355 -0
  13. package/docs/demos/Table/examples/Table.md +41 -21
  14. package/package.json +3 -3
  15. package/patternfly-no-globals.css +7 -3
  16. package/patternfly.css +7 -3
  17. package/patternfly.min.css +1 -1
  18. package/patternfly.min.css.map +1 -1
package/docs/demos/Table/examples/Table.md CHANGED
@@ -2609,7 +2609,7 @@ wrapperTag: div
2609
2609
  class="pf-v6-c-button pf-m-plain"
2610
2610
  id="expandable-demo-table-expandable-toggle-thead"
2611
2611
  type="button"
2612
- aria-controls="expandable-demo-table-content-thead"
2612
+ aria-controls="expandable-demo-table-content-1 expandable-demo-table-content-2 expandable-demo-table-content-3 expandable-demo-table-content-4 expandable-demo-table-content-5"
2613
2613
  aria-labelledby="expandable-demo-table-node-thead"
2614
2614
  aria-label="Toggle all rows"
2615
2615
  >
@@ -2790,7 +2790,7 @@ wrapperTag: div
2790
2790
  class="pf-v6-c-table__td"
2791
2791
  role="cell"
2792
2792
  colspan="7"
2793
- id="expandable-demo-table-content1"
2793
+ id="expandable-demo-table-content-1"
2794
2794
  >
2795
2795
  <div class="pf-v6-c-table__expandable-row-content">
2796
2796
  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
@@ -2810,14 +2810,19 @@ wrapperTag: div
2810
2810
 
2811
2811
  <tbody class="pf-v6-c-table__tbody pf-m-expanded" role="rowgroup">
2812
2812
  <tr class="pf-v6-c-table__tr pf-m-expanded" role="row">
2813
- <td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
2813
+ <td
2814
+ class="pf-v6-c-table__td pf-v6-c-table__toggle"
2815
+ aria-label="Row expansion"
2816
+ >
2814
2817
  <button
2815
2818
  class="pf-v6-c-button pf-m-expanded pf-m-plain"
2816
- id="expandable-demo-table-expandable-toggle-3"
2819
+ id="expandable-demo-table-expandable-toggle-2"
2817
2820
  type="button"
2818
2821
  aria-expanded="true"
2819
- aria-labelledby="expandable-demo-table-node-3 expandable-demo-table-expandable-toggle-3"
2822
+ aria-controls="expandable-demo-table-content-2"
2823
+ aria-labelledby="expandable-demo-table-node-2"
2820
2824
  aria-label="Toggle row"
2825
+ aria-describedby="true"
2821
2826
  >
2822
2827
  <span class="pf-v6-c-button__icon">
2823
2828
  <div class="pf-v6-c-table__toggle-icon">
@@ -2826,6 +2831,7 @@ wrapperTag: div
2826
2831
  </span>
2827
2832
  </button>
2828
2833
  </td>
2834
+
2829
2835
  <td class="pf-v6-c-table__td pf-v6-c-table__check" role="cell">
2830
2836
  <div class="pf-v6-c-check pf-m-standalone">
2831
2837
  <input
@@ -2908,7 +2914,7 @@ wrapperTag: div
2908
2914
  class="pf-v6-c-table__td"
2909
2915
  role="cell"
2910
2916
  colspan="5"
2911
- id="expandable-demo-table-content2"
2917
+ id="expandable-demo-table-content-2"
2912
2918
  >
2913
2919
  <div class="pf-v6-c-table__expandable-row-content">
2914
2920
  <div class="pf-v6-c-content">
@@ -2944,12 +2950,16 @@ wrapperTag: div
2944
2950
 
2945
2951
  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
2946
2952
  <tr class="pf-v6-c-table__tr" role="row">
2947
- <td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
2953
+ <td
2954
+ class="pf-v6-c-table__td pf-v6-c-table__toggle"
2955
+ aria-label="Row expansion"
2956
+ >
2948
2957
  <button
2949
2958
  class="pf-v6-c-button pf-m-plain"
2950
- id="expandable-demo-table-expandable-toggle-5"
2959
+ id="expandable-demo-table-expandable-toggle-3"
2951
2960
  type="button"
2952
- aria-labelledby="expandable-demo-table-node-5 expandable-demo-table-expandable-toggle-5"
2961
+ aria-controls="expandable-demo-table-content-3"
2962
+ aria-labelledby="expandable-demo-table-node-3"
2953
2963
  aria-label="Toggle row"
2954
2964
  >
2955
2965
  <span class="pf-v6-c-button__icon">
@@ -2959,6 +2969,7 @@ wrapperTag: div
2959
2969
  </span>
2960
2970
  </button>
2961
2971
  </td>
2972
+
2962
2973
  <td class="pf-v6-c-table__td pf-v6-c-table__check" role="cell">
2963
2974
  <div class="pf-v6-c-check pf-m-standalone">
2964
2975
  <input
@@ -3035,7 +3046,7 @@ wrapperTag: div
3035
3046
  class="pf-v6-c-table__td"
3036
3047
  role="cell"
3037
3048
  colspan="9"
3038
- id="expandable-demo-table-content3"
3049
+ id="expandable-demo-table-content-3"
3039
3050
  >
3040
3051
  <div class="pf-v6-c-table__expandable-row-content">
3041
3052
  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
@@ -3051,12 +3062,16 @@ wrapperTag: div
3051
3062
 
3052
3063
  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
3053
3064
  <tr class="pf-v6-c-table__tr" role="row">
3054
- <td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
3065
+ <td
3066
+ class="pf-v6-c-table__td pf-v6-c-table__toggle"
3067
+ aria-label="Row expansion"
3068
+ >
3055
3069
  <button
3056
3070
  class="pf-v6-c-button pf-m-plain"
3057
- id="expandable-demo-table-expandable-toggle-7"
3071
+ id="expandable-demo-table-expandable-toggle-4"
3058
3072
  type="button"
3059
- aria-labelledby="expandable-demo-table-node-7 expandable-demo-table-expandable-toggle-7"
3073
+ aria-controls="expandable-demo-table-content-4"
3074
+ aria-labelledby="expandable-demo-table-node-4"
3060
3075
  aria-label="Toggle row"
3061
3076
  >
3062
3077
  <span class="pf-v6-c-button__icon">
@@ -3066,6 +3081,7 @@ wrapperTag: div
3066
3081
  </span>
3067
3082
  </button>
3068
3083
  </td>
3084
+
3069
3085
  <td class="pf-v6-c-table__td pf-v6-c-table__check" role="cell">
3070
3086
  <div class="pf-v6-c-check pf-m-standalone">
3071
3087
  <input
@@ -3142,7 +3158,7 @@ wrapperTag: div
3142
3158
  class="pf-v6-c-table__td"
3143
3159
  role="cell"
3144
3160
  colspan="9"
3145
- id="expandable-demo-table-content4"
3161
+ id="expandable-demo-table-content-4"
3146
3162
  >
3147
3163
  <div class="pf-v6-c-table__expandable-row-content">
3148
3164
  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
@@ -3158,12 +3174,16 @@ wrapperTag: div
3158
3174
 
3159
3175
  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
3160
3176
  <tr class="pf-v6-c-table__tr" role="row">
3161
- <td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
3177
+ <td
3178
+ class="pf-v6-c-table__td pf-v6-c-table__toggle"
3179
+ aria-label="Row expansion"
3180
+ >
3162
3181
  <button
3163
3182
  class="pf-v6-c-button pf-m-plain"
3164
- id="expandable-demo-table-expandable-toggle-9"
3183
+ id="expandable-demo-table-expandable-toggle-5"
3165
3184
  type="button"
3166
- aria-labelledby="expandable-demo-table-node-9 expandable-demo-table-expandable-toggle-9"
3185
+ aria-controls="expandable-demo-table-content-5"
3186
+ aria-labelledby="expandable-demo-table-node-5"
3167
3187
  aria-label="Toggle row"
3168
3188
  >
3169
3189
  <span class="pf-v6-c-button__icon">
@@ -3180,13 +3200,13 @@ wrapperTag: div
3180
3200
  >
3181
3201
  <label
3182
3202
  class="pf-v6-c-check pf-m-standalone"
3183
- for="expandable-demo-table-checkrow-9-check-input"
3203
+ for="expandable-demo-table-checkrow-5-check-input"
3184
3204
  >
3185
3205
  <input
3186
3206
  class="pf-v6-c-check__input"
3187
3207
  type="checkbox"
3188
- id="expandable-demo-table-checkrow-9-check-input"
3189
- name="expandable-demo-table-checkrow-9-check-input"
3208
+ id="expandable-demo-table-checkrow-5-check-input"
3209
+ name="expandable-demo-table-checkrow-5-check-input"
3190
3210
  aria-label="Select row"
3191
3211
  />
3192
3212
  </label>
@@ -3256,7 +3276,7 @@ wrapperTag: div
3256
3276
  class="pf-v6-c-table__td"
3257
3277
  role="cell"
3258
3278
  colspan="9"
3259
- id="expandable-demo-table-content5"
3279
+ id="expandable-demo-table-content-5"
3260
3280
  >
3261
3281
  <div class="pf-v6-c-table__expandable-row-content">
3262
3282
  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
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": "6.3.0-prerelease.4",
4
+ "version": "6.3.0-prerelease.6",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -47,8 +47,8 @@
47
47
  "@commitlint/config-conventional": "^19.1.0",
48
48
  "@fortawesome/fontawesome": "^1.1.8",
49
49
  "@octokit/rest": "^20.1.0",
50
- "@patternfly/documentation-framework": "6.9.0",
51
- "@patternfly/patternfly-a11y": "5.0.0",
50
+ "@patternfly/documentation-framework": "6.9.1",
51
+ "@patternfly/patternfly-a11y": "5.1.0",
52
52
  "@patternfly/react-code-editor": "6.2.0",
53
53
  "@patternfly/react-core": "6.2.0",
54
54
  "@patternfly/react-table": "6.2.0",
package/patternfly-no-globals.css CHANGED
@@ -10513,6 +10513,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10513
10513
  .pf-v6-c-code-editor__main .monaco-editor {
10514
10514
  background-color: var(--pf-v6-c-code-editor__main--BackgroundColor);
10515
10515
  }
10516
+ .pf-v6-c-code-editor__main a.label-name {
10517
+ text-decoration-line: none;
10518
+ }
10516
10519
 
10517
10520
  .pf-v6-c-code-editor__header + .pf-v6-c-code-editor__main {
10518
10521
  border-block-start-width: 0;
@@ -19224,8 +19227,9 @@ ul.pf-v6-c-list {
19224
19227
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
19225
19228
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
19226
19229
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
19227
- --pf-v6-c-page__sidebar--Width: 18.125rem;
19228
- --pf-v6-c-page__sidebar--xl--Width: 18.125rem;
19230
+ --pf-v6-c-page__sidebar--Width--base: 18.125rem;
19231
+ --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
19232
+ --pf-v6-c-page__sidebar--xl--Width: var(--pf-v6-c-page__sidebar--Width--base);
19229
19233
  --pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
19230
19234
  --pf-v6-c-page__sidebar--BoxShadow: none;
19231
19235
  --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
@@ -19653,7 +19657,7 @@ ul.pf-v6-c-list {
19653
19657
  -webkit-overflow-scrolling: touch;
19654
19658
  }
19655
19659
  @media screen and (min-width: 75rem) {
19656
- .pf-v6-c-masthead + .pf-v6-c-page__main-container, .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__main-container,
19660
+ .pf-v6-c-page.pf-m-no-sidebar, .pf-v6-c-masthead + .pf-v6-c-page__main-container, .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__main-container,
19657
19661
  .pf-v6-c-masthead + .pf-v6-c-page__drawer,
19658
19662
  .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__drawer {
19659
19663
  --pf-v6-c-page__main-container--GridArea: var(--pf-v6-c-page--masthead--main-container--GridArea);
package/patternfly.css CHANGED
@@ -10649,6 +10649,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10649
10649
  .pf-v6-c-code-editor__main .monaco-editor {
10650
10650
  background-color: var(--pf-v6-c-code-editor__main--BackgroundColor);
10651
10651
  }
10652
+ .pf-v6-c-code-editor__main a.label-name {
10653
+ text-decoration-line: none;
10654
+ }
10652
10655
 
10653
10656
  .pf-v6-c-code-editor__header + .pf-v6-c-code-editor__main {
10654
10657
  border-block-start-width: 0;
@@ -19360,8 +19363,9 @@ ul.pf-v6-c-list {
19360
19363
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
19361
19364
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
19362
19365
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
19363
- --pf-v6-c-page__sidebar--Width: 18.125rem;
19364
- --pf-v6-c-page__sidebar--xl--Width: 18.125rem;
19366
+ --pf-v6-c-page__sidebar--Width--base: 18.125rem;
19367
+ --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
19368
+ --pf-v6-c-page__sidebar--xl--Width: var(--pf-v6-c-page__sidebar--Width--base);
19365
19369
  --pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
19366
19370
  --pf-v6-c-page__sidebar--BoxShadow: none;
19367
19371
  --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
@@ -19789,7 +19793,7 @@ ul.pf-v6-c-list {
19789
19793
  -webkit-overflow-scrolling: touch;
19790
19794
  }
19791
19795
  @media screen and (min-width: 75rem) {
19792
- .pf-v6-c-masthead + .pf-v6-c-page__main-container, .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__main-container,
19796
+ .pf-v6-c-page.pf-m-no-sidebar, .pf-v6-c-masthead + .pf-v6-c-page__main-container, .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__main-container,
19793
19797
  .pf-v6-c-masthead + .pf-v6-c-page__drawer,
19794
19798
  .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__drawer {
19795
19799
  --pf-v6-c-page__main-container--GridArea: var(--pf-v6-c-page--masthead--main-container--GridArea);