@patternfly/patternfly 6.0.0-alpha.225 → 6.0.0-alpha.227

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 (25) hide show
  1. package/components/ExpandableSection/expandable-section.css +0 -1
  2. package/components/ExpandableSection/expandable-section.scss +0 -1
  3. package/components/Table/table.css +39 -34
  4. package/components/Table/table.scss +48 -45
  5. package/components/_index.css +39 -35
  6. package/docs/components/Check/examples/Check.md +10 -15
  7. package/docs/components/DataList/examples/DataList.md +0 -13
  8. package/docs/components/InlineEdit/examples/InlineEdit.md +34 -7
  9. package/docs/components/Menu/examples/Menu.md +3 -12
  10. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +3 -3
  11. package/docs/components/Table/examples/Table.md +3796 -1216
  12. package/docs/components/Toolbar/examples/Toolbar.md +0 -5
  13. package/docs/demos/Card/examples/Card.md +38 -14
  14. package/docs/demos/CardView/examples/CardView.md +0 -1
  15. package/docs/demos/DataList/examples/DataList.md +65 -53
  16. package/docs/demos/DescriptionList/examples/DescriptionList.md +30 -5
  17. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +0 -1
  18. package/docs/demos/Table/examples/Table.md +1482 -548
  19. package/docs/demos/Tabs/examples/Tabs.md +66 -48
  20. package/docs/demos/Toolbar/examples/Toolbar.md +176 -58
  21. package/package.json +1 -1
  22. package/patternfly-no-globals.css +39 -35
  23. package/patternfly.css +39 -35
  24. package/patternfly.min.css +1 -1
  25. package/patternfly.min.css.map +1 -1
package/docs/demos/Tabs/examples/Tabs.md CHANGED
@@ -2007,14 +2007,20 @@ section: components
2007
2007
  id="table-tabs-example-table"
2008
2008
  >
2009
2009
  <thead class="pf-v6-c-table__thead">
2010
- <tr class="pf-v6-c-table__tr" role="row">
2011
- <td
2012
- class="pf-v6-c-table__td pf-v6-c-table__check"
2013
- role="cell"
2010
+ <tr
2011
+ class="pf-v6-c-table__tr"
2012
+ role&#x26;#x3D;&#x26;quot;row&#x26;quot;
2013
+ [object
2014
+ Object]
2015
+ >
2016
+ <th
2017
+ class="pf-v6-c-table__th pf-v6-c-table__check"
2018
+ aria-label="Row select"
2019
+ role="columnheader"
2020
+ scope="col"
2014
2021
  >
2015
2022
  <label
2016
2023
  class="pf-v6-c-check pf-m-standalone"
2017
- id="table-tabs-example-table-checkrow-check"
2018
2024
  for="table-tabs-example-table-checkrow-check-input"
2019
2025
  >
2020
2026
  <input
@@ -2022,10 +2028,10 @@ section: components
2022
2028
  type="checkbox"
2023
2029
  id="table-tabs-example-table-checkrow-check-input"
2024
2030
  name="table-tabs-example-table-checkrow-check-input"
2025
- aria-label="Standalone check"
2031
+ aria-label="Select all rows"
2026
2032
  />
2027
2033
  </label>
2028
- </td>
2034
+ </th>
2029
2035
 
2030
2036
  <th
2031
2037
  class="pf-v6-c-table__th"
@@ -2057,19 +2063,29 @@ section: components
2057
2063
  scope="col"
2058
2064
  >Last commit</th>
2059
2065
 
2060
- <td class="pf-v6-c-table__td"></td>
2066
+ <th
2067
+ class="pf-v6-c-table__th pf-v6-c-table__cell-empty"
2068
+ role="columnheader"
2069
+ scope="col"
2070
+ >
2071
+ <span class="pf-v6-screen-reader">Actions</span>
2072
+ </th>
2061
2073
  </tr>
2062
2074
  </thead>
2063
2075
 
2064
2076
  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
2065
- <tr class="pf-v6-c-table__tr" role="row">
2077
+ <tr
2078
+ class="pf-v6-c-table__tr"
2079
+ role&#x26;#x3D;&#x26;quot;row&#x26;quot;
2080
+ [object
2081
+ Object]
2082
+ >
2066
2083
  <td
2067
2084
  class="pf-v6-c-table__td pf-v6-c-table__check"
2068
- role="cell"
2085
+ aria-label="Check row"
2069
2086
  >
2070
2087
  <label
2071
2088
  class="pf-v6-c-check pf-m-standalone"
2072
- id="table-tabs-example-table-checkrow-1-check"
2073
2089
  for="table-tabs-example-table-checkrow-1-check-input"
2074
2090
  >
2075
2091
  <input
@@ -2077,7 +2093,7 @@ section: components
2077
2093
  type="checkbox"
2078
2094
  id="table-tabs-example-table-checkrow-1-check-input"
2079
2095
  name="table-tabs-example-table-checkrow-1-check-input"
2080
- aria-label="Standalone check"
2096
+ aria-label="Select row"
2081
2097
  />
2082
2098
  </label>
2083
2099
  </td>
@@ -2141,10 +2157,7 @@ section: components
2141
2157
  data-label="Last commit"
2142
2158
  >2 days ago</td>
2143
2159
 
2144
- <td
2145
- class="pf-v6-c-table__td pf-v6-c-table__action"
2146
- role="cell"
2147
- >
2160
+ <td class="pf-v6-c-table__td pf-v6-c-table__action">
2148
2161
  <button
2149
2162
  class="pf-v6-c-menu-toggle pf-m-plain"
2150
2163
  type="button"
@@ -2158,14 +2171,18 @@ section: components
2158
2171
  </td>
2159
2172
  </tr>
2160
2173
 
2161
- <tr class="pf-v6-c-table__tr pf-m-selected" role="row">
2174
+ <tr
2175
+ class="pf-v6-c-table__tr pf-m-selected"
2176
+ role&#x26;#x3D;&#x26;quot;row&#x26;quot;
2177
+ [object
2178
+ Object]
2179
+ >
2162
2180
  <td
2163
2181
  class="pf-v6-c-table__td pf-v6-c-table__check"
2164
- role="cell"
2182
+ aria-label="Check row"
2165
2183
  >
2166
2184
  <label
2167
2185
  class="pf-v6-c-check pf-m-standalone"
2168
- id="table-tabs-example-table-checkrow-2-check"
2169
2186
  for="table-tabs-example-table-checkrow-2-check-input"
2170
2187
  >
2171
2188
  <input
@@ -2173,7 +2190,7 @@ section: components
2173
2190
  type="checkbox"
2174
2191
  id="table-tabs-example-table-checkrow-2-check-input"
2175
2192
  name="table-tabs-example-table-checkrow-2-check-input"
2176
- aria-label="Standalone check"
2193
+ aria-label="Select row"
2177
2194
  />
2178
2195
  </label>
2179
2196
  </td>
@@ -2237,10 +2254,7 @@ section: components
2237
2254
  data-label="Last commit"
2238
2255
  >2 days ago</td>
2239
2256
 
2240
- <td
2241
- class="pf-v6-c-table__td pf-v6-c-table__action"
2242
- role="cell"
2243
- >
2257
+ <td class="pf-v6-c-table__td pf-v6-c-table__action">
2244
2258
  <button
2245
2259
  class="pf-v6-c-menu-toggle pf-m-plain"
2246
2260
  type="button"
@@ -2254,14 +2268,18 @@ section: components
2254
2268
  </td>
2255
2269
  </tr>
2256
2270
 
2257
- <tr class="pf-v6-c-table__tr" role="row">
2271
+ <tr
2272
+ class="pf-v6-c-table__tr"
2273
+ role&#x26;#x3D;&#x26;quot;row&#x26;quot;
2274
+ [object
2275
+ Object]
2276
+ >
2258
2277
  <td
2259
2278
  class="pf-v6-c-table__td pf-v6-c-table__check"
2260
- role="cell"
2279
+ aria-label="Check row"
2261
2280
  >
2262
2281
  <label
2263
2282
  class="pf-v6-c-check pf-m-standalone"
2264
- id="table-tabs-example-table-checkrow-3-check"
2265
2283
  for="table-tabs-example-table-checkrow-3-check-input"
2266
2284
  >
2267
2285
  <input
@@ -2269,7 +2287,7 @@ section: components
2269
2287
  type="checkbox"
2270
2288
  id="table-tabs-example-table-checkrow-3-check-input"
2271
2289
  name="table-tabs-example-table-checkrow-3-check-input"
2272
- aria-label="Standalone check"
2290
+ aria-label="Select row"
2273
2291
  />
2274
2292
  </label>
2275
2293
  </td>
@@ -2333,10 +2351,7 @@ section: components
2333
2351
  data-label="Last commit"
2334
2352
  >30 days ago</td>
2335
2353
 
2336
- <td
2337
- class="pf-v6-c-table__td pf-v6-c-table__action"
2338
- role="cell"
2339
- >
2354
+ <td class="pf-v6-c-table__td pf-v6-c-table__action">
2340
2355
  <button
2341
2356
  class="pf-v6-c-menu-toggle pf-m-plain"
2342
2357
  type="button"
@@ -2350,14 +2365,18 @@ section: components
2350
2365
  </td>
2351
2366
  </tr>
2352
2367
 
2353
- <tr class="pf-v6-c-table__tr" role="row">
2368
+ <tr
2369
+ class="pf-v6-c-table__tr"
2370
+ role&#x26;#x3D;&#x26;quot;row&#x26;quot;
2371
+ [object
2372
+ Object]
2373
+ >
2354
2374
  <td
2355
2375
  class="pf-v6-c-table__td pf-v6-c-table__check"
2356
- role="cell"
2376
+ aria-label="Check row"
2357
2377
  >
2358
2378
  <label
2359
2379
  class="pf-v6-c-check pf-m-standalone"
2360
- id="table-tabs-example-table-checkrow-4-check"
2361
2380
  for="table-tabs-example-table-checkrow-4-check-input"
2362
2381
  >
2363
2382
  <input
@@ -2365,7 +2384,7 @@ section: components
2365
2384
  type="checkbox"
2366
2385
  id="table-tabs-example-table-checkrow-4-check-input"
2367
2386
  name="table-tabs-example-table-checkrow-4-check-input"
2368
- aria-label="Standalone check"
2387
+ aria-label="Select row"
2369
2388
  />
2370
2389
  </label>
2371
2390
  </td>
@@ -2429,10 +2448,7 @@ section: components
2429
2448
  data-label="Last commit"
2430
2449
  >8 days ago</td>
2431
2450
 
2432
- <td
2433
- class="pf-v6-c-table__td pf-v6-c-table__action"
2434
- role="cell"
2435
- >
2451
+ <td class="pf-v6-c-table__td pf-v6-c-table__action">
2436
2452
  <button
2437
2453
  class="pf-v6-c-menu-toggle pf-m-plain"
2438
2454
  type="button"
@@ -2446,14 +2462,18 @@ section: components
2446
2462
  </td>
2447
2463
  </tr>
2448
2464
 
2449
- <tr class="pf-v6-c-table__tr" role="row">
2465
+ <tr
2466
+ class="pf-v6-c-table__tr"
2467
+ role&#x26;#x3D;&#x26;quot;row&#x26;quot;
2468
+ [object
2469
+ Object]
2470
+ >
2450
2471
  <td
2451
2472
  class="pf-v6-c-table__td pf-v6-c-table__check"
2452
- role="cell"
2473
+ aria-label="Check row"
2453
2474
  >
2454
2475
  <label
2455
2476
  class="pf-v6-c-check pf-m-standalone"
2456
- id="table-tabs-example-table-checkrow-5-check"
2457
2477
  for="table-tabs-example-table-checkrow-5-check-input"
2458
2478
  >
2459
2479
  <input
@@ -2461,10 +2481,11 @@ section: components
2461
2481
  type="checkbox"
2462
2482
  id="table-tabs-example-table-checkrow-5-check-input"
2463
2483
  name="table-tabs-example-table-checkrow-5-check-input"
2464
- aria-label="Standalone check"
2484
+ aria-label="Select row"
2465
2485
  />
2466
2486
  </label>
2467
2487
  </td>
2488
+
2468
2489
  <td
2469
2490
  class="pf-v6-c-table__td"
2470
2491
  role="cell"
@@ -2523,10 +2544,7 @@ section: components
2523
2544
  data-label="Last commit"
2524
2545
  >2 days ago</td>
2525
2546
 
2526
- <td
2527
- class="pf-v6-c-table__td pf-v6-c-table__action"
2528
- role="cell"
2529
- >
2547
+ <td class="pf-v6-c-table__td pf-v6-c-table__action">
2530
2548
  <button
2531
2549
  class="pf-v6-c-menu-toggle pf-m-plain"
2532
2550
  type="button"