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

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.
@@ -148,6 +148,9 @@
148
148
  .pf-v6-c-code-editor__main .monaco-editor {
149
149
  background-color: var(--pf-v6-c-code-editor__main--BackgroundColor);
150
150
  }
151
+ .pf-v6-c-code-editor__main a.label-name {
152
+ text-decoration-line: none;
153
+ }
151
154
 
152
155
  .pf-v6-c-code-editor__header + .pf-v6-c-code-editor__main {
153
156
  border-block-start-width: 0;
@@ -157,7 +157,7 @@
157
157
  }
158
158
 
159
159
  .#{$code-editor}__main {
160
- position: relative;
160
+ position: relative;
161
161
  flex-grow: 1;
162
162
  color: var(--#{$code-editor}__main--Color, inherit);
163
163
  background-color: var(--#{$code-editor}__main--BackgroundColor);
@@ -175,6 +175,8 @@
175
175
  .monaco-editor {
176
176
  background-color: var(--#{$code-editor}__main--BackgroundColor);
177
177
  }
178
+
179
+ a.label-name { text-decoration-line: none; } // revert normalize.scss
178
180
  // stylelint-enable selector-class-pattern
179
181
  }
180
182
 
@@ -3051,6 +3051,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3051
3051
  .pf-v6-c-code-editor__main .monaco-editor {
3052
3052
  background-color: var(--pf-v6-c-code-editor__main--BackgroundColor);
3053
3053
  }
3054
+ .pf-v6-c-code-editor__main a.label-name {
3055
+ text-decoration-line: none;
3056
+ }
3054
3057
 
3055
3058
  .pf-v6-c-code-editor__header + .pf-v6-c-code-editor__main {
3056
3059
  border-block-start-width: 0;
@@ -18,7 +18,7 @@ cssPrefix: pf-v6-c-divider
18
18
  ```html
19
19
  <ul role="list">
20
20
  <li>List item one</li>
21
- <li class="pf-v6-c-divider" role="separator"></li>
21
+ <li class="pf-v6-c-divider" role="presentation"></li>
22
22
  <li>List item two</li>
23
23
  </ul>
24
24
 
@@ -550,6 +550,7 @@ cssPrefix: pf-v6-c-drawer
550
550
  class="pf-v6-c-drawer__splitter pf-m-vertical"
551
551
  role="separator"
552
552
  tabindex="0"
553
+ aria-valuenow="50"
553
554
  aria-orientation="vertical"
554
555
  >
555
556
  <div class="pf-v6-c-drawer__splitter-handle"></div>
@@ -597,6 +598,7 @@ cssPrefix: pf-v6-c-drawer
597
598
  class="pf-v6-c-drawer__splitter pf-m-vertical"
598
599
  role="separator"
599
600
  tabindex="0"
601
+ aria-valuenow="50"
600
602
  aria-orientation="vertical"
601
603
  >
602
604
  <div class="pf-v6-c-drawer__splitter-handle"></div>
@@ -647,6 +649,7 @@ cssPrefix: pf-v6-c-drawer
647
649
  class="pf-v6-c-drawer__splitter"
648
650
  role="separator"
649
651
  tabindex="0"
652
+ aria-valuenow="50"
650
653
  aria-orientation="horizontal"
651
654
  >
652
655
  <div class="pf-v6-c-drawer__splitter-handle"></div>
@@ -694,6 +697,7 @@ cssPrefix: pf-v6-c-drawer
694
697
  class="pf-v6-c-drawer__splitter pf-m-vertical"
695
698
  role="separator"
696
699
  tabindex="0"
700
+ aria-valuenow="50"
697
701
  aria-orientation="vertical"
698
702
  >
699
703
  <div class="pf-v6-c-drawer__splitter-handle"></div>
@@ -1150,7 +1150,7 @@ Note: Table column widths will respond automatically when toggling expanded rows
1150
1150
  class="pf-v6-c-button pf-m-plain"
1151
1151
  id="table-expandable-expandable-toggle-thead"
1152
1152
  type="button"
1153
- aria-controls="table-expandable-content-thead"
1153
+ aria-controls="table-expandable-content-1 table-expandable-content-2 table-expandable-content-3 table-expandable-content-4"
1154
1154
  aria-labelledby="table-expandable-node-thead"
1155
1155
  aria-label="Toggle all rows"
1156
1156
  >
@@ -1620,7 +1620,7 @@ Note: Table column widths will respond automatically when toggling expanded rows
1620
1620
  id="expandable-set-width-columns-example-expandable-toggle-thead"
1621
1621
  type="button"
1622
1622
  aria-expanded="true"
1623
- aria-controls="expandable-set-width-columns-example-content-thead"
1623
+ aria-controls="expandable-set-width-columns-example-content-1 expandable-set-width-columns-example-content-2 expandable-set-width-columns-example-content-3 expandable-set-width-columns-example-content-4"
1624
1624
  aria-labelledby="expandable-set-width-columns-example-node-thead"
1625
1625
  aria-label="Toggle all rows"
1626
1626
  aria-describedby="true"
@@ -2096,7 +2096,7 @@ Note: Table column widths will respond automatically when toggling expanded rows
2096
2096
  class="pf-v6-c-button pf-m-plain"
2097
2097
  id="table-expandable-nested-table-expandable-toggle-thead"
2098
2098
  type="button"
2099
- aria-controls="table-expandable-nested-table-content-thead"
2099
+ aria-controls="table-expandable-nested-table-content-1 table-expandable-nested-table-content-2 table-expandable-nested-table-content-3 table-expandable-nested-table-content-4"
2100
2100
  aria-labelledby="table-expandable-nested-table-node-thead"
2101
2101
  aria-label="Toggle all rows"
2102
2102
  >
@@ -5285,7 +5285,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
5285
5285
  class="pf-v6-c-button pf-m-small pf-m-plain"
5286
5286
  id="table-compact-expandable-expandable-toggle-thead"
5287
5287
  type="button"
5288
- aria-controls="table-compact-expandable-content-thead"
5288
+ aria-controls="table-compact-expandable-content-1 table-compact-expandable-content-2 table-compact-expandable-content-3 table-compact-expandable-content-4"
5289
5289
  aria-labelledby="table-compact-expandable-node-thead"
5290
5290
  aria-label="Toggle all rows"
5291
5291
  >
@@ -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.5",
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",
@@ -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;
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;