@patternfly/patternfly 6.0.0-alpha.135 → 6.0.0-alpha.137
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.
- package/components/Table/table.css +5 -0
- package/components/Table/table.scss +6 -0
- package/components/Toolbar/toolbar.css +159 -55
- package/components/Toolbar/toolbar.scss +7 -2
- package/components/_index.css +164 -55
- package/docs/components/Table/examples/Table.md +6 -8
- package/docs/components/Toolbar/examples/Toolbar.md +6 -3
- package/package.json +1 -1
- package/patternfly-no-globals.css +164 -55
- package/patternfly.css +164 -55
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -6162,12 +6162,11 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
6162
6162
|
role="rowgroup"
|
|
6163
6163
|
tabindex="0"
|
|
6164
6164
|
>
|
|
6165
|
-
<tr class="pf-v6-c-table__tr
|
|
6165
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
6166
6166
|
<td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
|
|
6167
6167
|
<button
|
|
6168
|
-
class="pf-v6-c-button pf-m-
|
|
6168
|
+
class="pf-v6-c-button pf-m-plain"
|
|
6169
6169
|
type="button"
|
|
6170
|
-
aria-expanded="true"
|
|
6171
6170
|
aria-label="Toggle row"
|
|
6172
6171
|
>
|
|
6173
6172
|
<div class="pf-v6-c-table__toggle-icon">
|
|
@@ -6240,7 +6239,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
6240
6239
|
</tbody>
|
|
6241
6240
|
|
|
6242
6241
|
<tbody
|
|
6243
|
-
class="pf-v6-c-table__tbody pf-m-clickable pf-m-selected
|
|
6242
|
+
class="pf-v6-c-table__tbody pf-m-clickable pf-m-selected"
|
|
6244
6243
|
role="rowgroup"
|
|
6245
6244
|
tabindex="0"
|
|
6246
6245
|
>
|
|
@@ -6331,12 +6330,11 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
6331
6330
|
role="rowgroup"
|
|
6332
6331
|
tabindex="0"
|
|
6333
6332
|
>
|
|
6334
|
-
<tr class="pf-v6-c-table__tr
|
|
6333
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
6335
6334
|
<td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
|
|
6336
6335
|
<button
|
|
6337
|
-
class="pf-v6-c-button pf-m-
|
|
6336
|
+
class="pf-v6-c-button pf-m-plain"
|
|
6338
6337
|
type="button"
|
|
6339
|
-
aria-expanded="true"
|
|
6340
6338
|
aria-label="Toggle row"
|
|
6341
6339
|
>
|
|
6342
6340
|
<div class="pf-v6-c-table__toggle-icon">
|
|
@@ -6409,7 +6407,7 @@ Note: To apply padding to `.pf-v6-c-table__expandable-row`, wrap the content in
|
|
|
6409
6407
|
</tbody>
|
|
6410
6408
|
|
|
6411
6409
|
<tbody
|
|
6412
|
-
class="pf-v6-c-table__tbody pf-m-clickable
|
|
6410
|
+
class="pf-v6-c-table__tbody pf-m-clickable"
|
|
6413
6411
|
role="rowgroup"
|
|
6414
6412
|
tabindex="0"
|
|
6415
6413
|
>
|
|
@@ -6,14 +6,16 @@ cssPrefix: pf-v6-c-toolbar
|
|
|
6
6
|
|
|
7
7
|
<!-- TODO: add documentation for resize observer/responsive variable usage -->
|
|
8
8
|
|
|
9
|
-
Toolbar relies on groups (`.pf-v6-c-toolbar__group`) and items (`.pf-v6-c-toolbar__item`), with default col/row gap values. Groups and items can be siblings and/or items can be nested within groups. Modifier selectors adjust spacing based on the type of group. The default `column-gap` value for items and groups is set to `--pf-v6-c--ColumnGap`, whose value is `--pf-t--global--spacer--sm` or 8px.
|
|
9
|
+
Toolbar relies on groups (`.pf-v6-c-toolbar__group`) and items (`.pf-v6-c-toolbar__item`), with default col/row gap values. Groups and items can be siblings and/or items can be nested within groups. Modifier selectors adjust spacing based on the type of group. The default `column-gap` value for items and groups is set to `--pf-v6-c--ColumnGap`, whose value is `--pf-t--global--spacer--md` or 16px. The default `row-gap` value for items and groups is set to `--pf-v6-c--RowGap`, whose value is `--pf-t--global--spacer--sm` or 8px.
|
|
10
10
|
|
|
11
11
|
### Default spacing for items and groups:
|
|
12
12
|
|
|
13
13
|
| Class | CSS Variable | Computed Value |
|
|
14
14
|
| -- | -- | -- |
|
|
15
|
-
| `.pf-v6-c-toolbar__group` | `--pf-v6-c-toolbar__group--ColumnGap` | `
|
|
16
|
-
| `.pf-v6-c-toolbar__item` | `--pf-v6-c-toolbar__item--ColumnGap` | `
|
|
15
|
+
| `.pf-v6-c-toolbar__group` | `--pf-v6-c-toolbar__group--ColumnGap` | `16px` |
|
|
16
|
+
| `.pf-v6-c-toolbar__item` | `--pf-v6-c-toolbar__item--ColumnGap` | `16px` |
|
|
17
|
+
| `.pf-m-[column/row]-gap-[none/sm/md/lg/xl/2xl]{-on-[breakpoint]}` | `.pf-v6-c-toolbar__group`, `.pf-v6-c-toolbar__item` | Modifies toolbar group or item spacing at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
|
|
18
|
+
| `.pf-m-gap-[none/sm/md/lg/xl/2xl]{-on-[breakpoint]}` | `.pf-v6-c-toolbar__group`, `.pf-v6-c-toolbar__item` | Modifies both column gap and row gap for toolbar group or item spacing at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
|
|
17
19
|
|
|
18
20
|
### Toolbar item types
|
|
19
21
|
|
|
@@ -2245,3 +2247,4 @@ As the toolbar component is a hybrid layout and component, some of its elements
|
|
|
2245
2247
|
| Class | Applied to | Outcome |
|
|
2246
2248
|
| -- | -- | -- |
|
|
2247
2249
|
| `.pf-m-[column/row]-gap-[none/sm/md/lg/xl/2xl]` | `.pf-v6-c-toolbar__group`, `.pf-v6-c-toolbar__item` | Modifies toolbar group or item spacing at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
|
|
2250
|
+
| `.pf-m-gap-[none/sm/md/lg/xl/2xl]` | `.pf-v6-c-toolbar__group`, `.pf-v6-c-toolbar__item` | Modifies both column and row gap for toolbar group or item spacing at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
|