@patternfly/react-data-view 5.0.0 → 6.0.0-prerelease.1

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/dist/cjs/DataView/DataView.test.js +3 -4
  2. package/dist/esm/DataView/DataView.test.js +3 -4
  3. package/package.json +9 -8
  4. package/patternfly-docs/content/extensions/data-view/examples/Layout/AbstractLayoutExample.tsx +3 -4
  5. package/patternfly-docs/pages/index.js +1 -1
  6. package/release.config.js +1 -5
  7. package/src/DataView/DataView.test.tsx +3 -4
  8. package/src/DataView/__snapshots__/DataView.test.tsx.snap +14 -14
  9. package/src/DataViewToolbar/__snapshots__/DataViewToolbar.test.tsx.snap +146 -150
package/dist/cjs/DataView/DataView.test.js CHANGED
@@ -9,15 +9,14 @@ const DataView_1 = __importDefault(require("./DataView"));
9
9
  const layoutItemStyling = {
10
10
  width: '100%',
11
11
  height: '5rem',
12
- padding: 'var(--pf-v5-global--spacer--md)',
13
- borderStyle: 'dashed',
14
- borderWidth: '2px',
12
+ padding: 'var(--pf-t--global--spacer--md)',
13
+ border: 'var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default)'
15
14
  };
16
15
  describe('DataView component', () => {
17
16
  test('should render correctly', () => {
18
17
  expect((0, react_2.render)(react_1.default.createElement(DataView_1.default, null,
19
18
  react_1.default.createElement("div", { style: layoutItemStyling }, "Header"),
20
- react_1.default.createElement("div", { style: Object.assign(Object.assign({}, layoutItemStyling), { borderTopWidth: 0, borderBottomWidth: 0 }) }, "Data representation"),
19
+ react_1.default.createElement("div", { style: layoutItemStyling }, "Data representation"),
21
20
  react_1.default.createElement("div", { style: layoutItemStyling }, "Footer")))).toMatchSnapshot();
22
21
  });
23
22
  });
package/dist/esm/DataView/DataView.test.js CHANGED
@@ -4,15 +4,14 @@ import DataView from './DataView';
4
4
  const layoutItemStyling = {
5
5
  width: '100%',
6
6
  height: '5rem',
7
- padding: 'var(--pf-v5-global--spacer--md)',
8
- borderStyle: 'dashed',
9
- borderWidth: '2px',
7
+ padding: 'var(--pf-t--global--spacer--md)',
8
+ border: 'var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default)'
10
9
  };
11
10
  describe('DataView component', () => {
12
11
  test('should render correctly', () => {
13
12
  expect(render(React.createElement(DataView, null,
14
13
  React.createElement("div", { style: layoutItemStyling }, "Header"),
15
- React.createElement("div", { style: Object.assign(Object.assign({}, layoutItemStyling), { borderTopWidth: 0, borderBottomWidth: 0 }) }, "Data representation"),
14
+ React.createElement("div", { style: layoutItemStyling }, "Data representation"),
16
15
  React.createElement("div", { style: layoutItemStyling }, "Footer")))).toMatchSnapshot();
17
16
  });
18
17
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-data-view",
3
- "version": "5.0.0",
3
+ "version": "6.0.0-prerelease.1",
4
4
  "description": "Data view used for Red Hat projects.",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -27,13 +27,14 @@
27
27
  },
28
28
  "homepage": "https://github.com/patternfly/react-data-view#readme",
29
29
  "publishConfig": {
30
- "access": "public"
30
+ "access": "public",
31
+ "tag": "prerelease"
31
32
  },
32
33
  "dependencies": {
33
- "@patternfly/react-core": "^5.3.3",
34
- "@patternfly/react-icons": "^5.3.1",
35
- "@patternfly/react-table": "^5.3.3",
36
- "@patternfly/react-component-groups": "^5.3.0-prerelease.2",
34
+ "@patternfly/react-core": "^6.0.0-alpha.69",
35
+ "@patternfly/react-icons": "^6.0.0-alpha.24",
36
+ "@patternfly/react-table": "^6.0.0-alpha.69",
37
+ "@patternfly/react-component-groups": "^6.0.0-alpha.2",
37
38
  "react-jss": "^10.10.0",
38
39
  "clsx": "^2.1.1"
39
40
  },
@@ -43,8 +44,8 @@
43
44
  },
44
45
  "devDependencies": {
45
46
  "@patternfly/patternfly-a11y": "^4.3.1",
46
- "@patternfly/documentation-framework": "5.16.9",
47
- "@patternfly/patternfly": "^5.3.1",
47
+ "@patternfly/documentation-framework": "^6.0.0-alpha.49",
48
+ "@patternfly/patternfly": "6.0.0-alpha.139",
48
49
  "@types/react": "^18.3.1",
49
50
  "@types/react-dom": "^18.3.0",
50
51
  "@types/react-router-dom": "^5.3.3",
package/patternfly-docs/content/extensions/data-view/examples/Layout/AbstractLayoutExample.tsx CHANGED
@@ -4,15 +4,14 @@ import DataView from '@patternfly/react-data-view/dist/dynamic/DataView';
4
4
  const layoutItemStyling = {
5
5
  width: '100%',
6
6
  height: '5rem',
7
- padding: 'var(--pf-v5-global--spacer--md)',
8
- borderStyle: 'dashed',
9
- borderWidth: '2px',
7
+ padding: 'var(--pf-t--global--spacer--md)',
8
+ border: 'var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default)'
10
9
  };
11
10
 
12
11
  export const BasicExample: React.FunctionComponent = () => (
13
12
  <DataView>
14
13
  <div style={layoutItemStyling}>Header</div>
15
- <div style={{ ...layoutItemStyling, borderTopWidth: 0, borderBottomWidth: 0 }}>Data representation</div>
14
+ <div style={layoutItemStyling}>Data representation</div>
16
15
  <div style={layoutItemStyling}>Footer</div>
17
16
  </DataView>
18
17
  )
package/patternfly-docs/pages/index.js CHANGED
@@ -10,7 +10,7 @@ const centerStyle = {
10
10
 
11
11
  const IndexPage = () => {
12
12
  return (
13
- <PageSection variant="light" style={centerStyle}>
13
+ <PageSection style={centerStyle}>
14
14
  <div style={{ flex: 'none', textAlign: 'center' }}>
15
15
  <Title size="4xl" headingLevel="h1">
16
16
  My extension docs
package/release.config.js CHANGED
@@ -1,9 +1,5 @@
1
1
  module.exports = {
2
- branches: [
3
- 'do-not-delete',
4
- { name: 'main', channel: 'prerelease', prerelease: 'prerelease' },
5
- { name: 'v5', channel: 'prerelease-v5' },
6
- ],
2
+ branches: [ 'do-not-delete', { name: 'main', channel: 'prerelease', prerelease: 'prerelease' } ],
7
3
  analyzeCommits: {
8
4
  preset: 'angular'
9
5
  },
package/src/DataView/DataView.test.tsx CHANGED
@@ -5,9 +5,8 @@ import DataView from './DataView';
5
5
  const layoutItemStyling = {
6
6
  width: '100%',
7
7
  height: '5rem',
8
- padding: 'var(--pf-v5-global--spacer--md)',
9
- borderStyle: 'dashed',
10
- borderWidth: '2px',
8
+ padding: 'var(--pf-t--global--spacer--md)',
9
+ border: 'var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default)'
11
10
  };
12
11
 
13
12
  describe('DataView component', () => {
@@ -15,7 +14,7 @@ describe('DataView component', () => {
15
14
  expect(render(
16
15
  <DataView>
17
16
  <div style={layoutItemStyling}>Header</div>
18
- <div style={{ ...layoutItemStyling, borderTopWidth: 0, borderBottomWidth: 0 }}>Data representation</div>
17
+ <div style={layoutItemStyling}>Data representation</div>
19
18
  <div style={layoutItemStyling}>Footer</div>
20
19
  </DataView>)).toMatchSnapshot();
21
20
  });
package/src/DataView/__snapshots__/DataView.test.tsx.snap CHANGED
@@ -6,35 +6,35 @@ exports[`DataView component should render correctly 1`] = `
6
6
  "baseElement": <body>
7
7
  <div>
8
8
  <div
9
- class="pf-v5-l-stack"
9
+ class="pf-v6-l-stack"
10
10
  data-ouia-component-id="DataView-stack}"
11
11
  >
12
12
  <div
13
- class="pf-v5-l-stack__item"
13
+ class="pf-v6-l-stack__item"
14
14
  data-ouia-component-id="DataView-stack-item-0"
15
15
  >
16
16
  <div
17
- style="width: 100%; height: 5rem; border-style: dashed; border-width: 2px;"
17
+ style="width: 100%; height: 5rem;"
18
18
  >
19
19
  Header
20
20
  </div>
21
21
  </div>
22
22
  <div
23
- class="pf-v5-l-stack__item"
23
+ class="pf-v6-l-stack__item"
24
24
  data-ouia-component-id="DataView-stack-item-1"
25
25
  >
26
26
  <div
27
- style="width: 100%; height: 5rem; border-style: dashed; border-width: 2px; border-top-width: 0; border-bottom-width: 0;"
27
+ style="width: 100%; height: 5rem;"
28
28
  >
29
29
  Data representation
30
30
  </div>
31
31
  </div>
32
32
  <div
33
- class="pf-v5-l-stack__item"
33
+ class="pf-v6-l-stack__item"
34
34
  data-ouia-component-id="DataView-stack-item-2"
35
35
  >
36
36
  <div
37
- style="width: 100%; height: 5rem; border-style: dashed; border-width: 2px;"
37
+ style="width: 100%; height: 5rem;"
38
38
  >
39
39
  Footer
40
40
  </div>
@@ -44,35 +44,35 @@ exports[`DataView component should render correctly 1`] = `
44
44
  </body>,
45
45
  "container": <div>
46
46
  <div
47
- class="pf-v5-l-stack"
47
+ class="pf-v6-l-stack"
48
48
  data-ouia-component-id="DataView-stack}"
49
49
  >
50
50
  <div
51
- class="pf-v5-l-stack__item"
51
+ class="pf-v6-l-stack__item"
52
52
  data-ouia-component-id="DataView-stack-item-0"
53
53
  >
54
54
  <div
55
- style="width: 100%; height: 5rem; border-style: dashed; border-width: 2px;"
55
+ style="width: 100%; height: 5rem;"
56
56
  >
57
57
  Header
58
58
  </div>
59
59
  </div>
60
60
  <div
61
- class="pf-v5-l-stack__item"
61
+ class="pf-v6-l-stack__item"
62
62
  data-ouia-component-id="DataView-stack-item-1"
63
63
  >
64
64
  <div
65
- style="width: 100%; height: 5rem; border-style: dashed; border-width: 2px; border-top-width: 0; border-bottom-width: 0;"
65
+ style="width: 100%; height: 5rem;"
66
66
  >
67
67
  Data representation
68
68
  </div>
69
69
  </div>
70
70
  <div
71
- class="pf-v5-l-stack__item"
71
+ class="pf-v6-l-stack__item"
72
72
  data-ouia-component-id="DataView-stack-item-2"
73
73
  >
74
74
  <div
75
- style="width: 100%; height: 5rem; border-style: dashed; border-width: 2px;"
75
+ style="width: 100%; height: 5rem;"
76
76
  >
77
77
  Footer
78
78
  </div>
package/src/DataViewToolbar/__snapshots__/DataViewToolbar.test.tsx.snap CHANGED
@@ -6,32 +6,32 @@ exports[`DataViewToolbar component should render correctly 1`] = `
6
6
  "baseElement": <body>
7
7
  <div>
8
8
  <div
9
- class="pf-v5-c-toolbar"
9
+ class="pf-v6-c-toolbar"
10
10
  data-ouia-component-id="DataViewToolbar"
11
- data-ouia-component-type="PF5/Toolbar"
11
+ data-ouia-component-type="PF6/Toolbar"
12
12
  data-ouia-safe="true"
13
13
  id="pf-random-id-0"
14
14
  >
15
15
  <div
16
- class="pf-v5-c-toolbar__content"
16
+ class="pf-v6-c-toolbar__content"
17
17
  >
18
18
  <div
19
- class="pf-v5-c-toolbar__content-section"
19
+ class="pf-v6-c-toolbar__content-section"
20
20
  >
21
21
  <div
22
- class="pf-v5-c-toolbar__item pf-m-pagination"
22
+ class="pf-v6-c-toolbar__item pf-m-pagination"
23
23
  data-ouia-component-id="DataViewToolbar-pagination"
24
24
  >
25
25
  <div
26
- class="pf-v5-c-pagination"
26
+ class="pf-v6-c-pagination"
27
27
  data-ouia-component-id="OUIA-Generated-Pagination-top-1"
28
- data-ouia-component-type="PF5/Pagination"
28
+ data-ouia-component-type="PF6/Pagination"
29
29
  data-ouia-safe="true"
30
30
  id="options-menu-top-pagination"
31
- style="--pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
31
+ style="--pf-v6-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
32
32
  >
33
33
  <div
34
- class="pf-v5-c-pagination__total-items"
34
+ class="pf-v6-c-pagination__total-items"
35
35
  >
36
36
  <b>
37
37
  1
@@ -46,74 +46,72 @@ exports[`DataViewToolbar component should render correctly 1`] = `
46
46
  </b>
47
47
 
48
48
  </div>
49
- <div>
50
- <button
51
- aria-expanded="false"
52
- aria-haspopup="listbox"
53
- class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
54
- id="options-menu-top-toggle"
55
- type="button"
49
+ <button
50
+ aria-expanded="false"
51
+ aria-haspopup="listbox"
52
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
53
+ id="options-menu-top-toggle"
54
+ type="button"
55
+ >
56
+ <span
57
+ class="pf-v6-c-menu-toggle__text"
58
+ >
59
+ <b>
60
+ 1
61
+ -
62
+ 10
63
+ </b>
64
+
65
+ of
66
+
67
+ <b>
68
+ 0
69
+ </b>
70
+
71
+ </span>
72
+ <span
73
+ class="pf-v6-c-menu-toggle__controls"
56
74
  >
57
75
  <span
58
- class="pf-v5-c-menu-toggle__text"
59
- >
60
- <b>
61
- 1
62
- -
63
- 10
64
- </b>
65
-
66
- of
67
-
68
- <b>
69
- 0
70
- </b>
71
-
72
- </span>
73
- <span
74
- class="pf-v5-c-menu-toggle__controls"
76
+ class="pf-v6-c-menu-toggle__toggle-icon"
75
77
  >
76
- <span
77
- class="pf-v5-c-menu-toggle__toggle-icon"
78
+ <svg
79
+ aria-hidden="true"
80
+ class="pf-v6-svg"
81
+ fill="currentColor"
82
+ height="1em"
83
+ role="img"
84
+ viewBox="0 0 320 512"
85
+ width="1em"
78
86
  >
79
- <svg
80
- aria-hidden="true"
81
- class="pf-v5-svg"
82
- fill="currentColor"
83
- height="1em"
84
- role="img"
85
- viewBox="0 0 320 512"
86
- width="1em"
87
- >
88
- <path
89
- d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
90
- />
91
- </svg>
92
- </span>
87
+ <path
88
+ d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
89
+ />
90
+ </svg>
93
91
  </span>
94
- </button>
95
- </div>
92
+ </span>
93
+ </button>
96
94
  <nav
97
95
  aria-label="Pagination"
98
- class="pf-v5-c-pagination__nav"
96
+ class="pf-v6-c-pagination__nav"
99
97
  >
100
98
  <div
101
- class="pf-v5-c-pagination__nav-control pf-m-first"
99
+ class="pf-v6-c-pagination__nav-control pf-m-first"
102
100
  >
103
101
  <button
104
- aria-disabled="true"
102
+ aria-disabled="false"
105
103
  aria-label="Go to first page"
106
- class="pf-v5-c-button pf-m-plain pf-m-disabled"
104
+ class="pf-v6-c-button pf-m-plain"
107
105
  data-action="first"
108
106
  data-ouia-component-id="OUIA-Generated-Button-plain-1"
109
- data-ouia-component-type="PF5/Button"
107
+ data-ouia-component-type="PF6/Button"
110
108
  data-ouia-safe="true"
111
109
  disabled=""
112
110
  type="button"
113
111
  >
114
112
  <svg
115
113
  aria-hidden="true"
116
- class="pf-v5-svg"
114
+ class="pf-v6-svg"
117
115
  fill="currentColor"
118
116
  height="1em"
119
117
  role="img"
@@ -127,22 +125,22 @@ exports[`DataViewToolbar component should render correctly 1`] = `
127
125
  </button>
128
126
  </div>
129
127
  <div
130
- class="pf-v5-c-pagination__nav-control"
128
+ class="pf-v6-c-pagination__nav-control"
131
129
  >
132
130
  <button
133
- aria-disabled="true"
131
+ aria-disabled="false"
134
132
  aria-label="Go to previous page"
135
- class="pf-v5-c-button pf-m-plain pf-m-disabled"
133
+ class="pf-v6-c-button pf-m-plain"
136
134
  data-action="previous"
137
135
  data-ouia-component-id="OUIA-Generated-Button-plain-2"
138
- data-ouia-component-type="PF5/Button"
136
+ data-ouia-component-type="PF6/Button"
139
137
  data-ouia-safe="true"
140
138
  disabled=""
141
139
  type="button"
142
140
  >
143
141
  <svg
144
142
  aria-hidden="true"
145
- class="pf-v5-svg"
143
+ class="pf-v6-svg"
146
144
  fill="currentColor"
147
145
  height="1em"
148
146
  role="img"
@@ -156,16 +154,16 @@ exports[`DataViewToolbar component should render correctly 1`] = `
156
154
  </button>
157
155
  </div>
158
156
  <div
159
- class="pf-v5-c-pagination__nav-page-select"
157
+ class="pf-v6-c-pagination__nav-page-select"
160
158
  >
161
159
  <span
162
- class="pf-v5-c-form-control"
160
+ class="pf-v6-c-form-control"
163
161
  >
164
162
  <input
165
163
  aria-invalid="false"
166
164
  aria-label="Current page"
167
165
  data-ouia-component-id="OUIA-Generated-TextInputBase-1"
168
- data-ouia-component-type="PF5/TextInput"
166
+ data-ouia-component-type="PF6/TextInput"
169
167
  data-ouia-safe="true"
170
168
  max="2"
171
169
  min="1"
@@ -175,21 +173,21 @@ exports[`DataViewToolbar component should render correctly 1`] = `
175
173
  </span>
176
174
  </div>
177
175
  <div
178
- class="pf-v5-c-pagination__nav-control"
176
+ class="pf-v6-c-pagination__nav-control"
179
177
  >
180
178
  <button
181
179
  aria-disabled="false"
182
180
  aria-label="Go to next page"
183
- class="pf-v5-c-button pf-m-plain"
181
+ class="pf-v6-c-button pf-m-plain"
184
182
  data-action="next"
185
183
  data-ouia-component-id="OUIA-Generated-Button-plain-3"
186
- data-ouia-component-type="PF5/Button"
184
+ data-ouia-component-type="PF6/Button"
187
185
  data-ouia-safe="true"
188
186
  type="button"
189
187
  >
190
188
  <svg
191
189
  aria-hidden="true"
192
- class="pf-v5-svg"
190
+ class="pf-v6-svg"
193
191
  fill="currentColor"
194
192
  height="1em"
195
193
  role="img"
@@ -203,21 +201,21 @@ exports[`DataViewToolbar component should render correctly 1`] = `
203
201
  </button>
204
202
  </div>
205
203
  <div
206
- class="pf-v5-c-pagination__nav-control pf-m-last"
204
+ class="pf-v6-c-pagination__nav-control pf-m-last"
207
205
  >
208
206
  <button
209
207
  aria-disabled="false"
210
208
  aria-label="Go to last page"
211
- class="pf-v5-c-button pf-m-plain"
209
+ class="pf-v6-c-button pf-m-plain"
212
210
  data-action="last"
213
211
  data-ouia-component-id="OUIA-Generated-Button-plain-4"
214
- data-ouia-component-type="PF5/Button"
212
+ data-ouia-component-type="PF6/Button"
215
213
  data-ouia-safe="true"
216
214
  type="button"
217
215
  >
218
216
  <svg
219
217
  aria-hidden="true"
220
- class="pf-v5-svg"
218
+ class="pf-v6-svg"
221
219
  fill="currentColor"
222
220
  height="1em"
223
221
  role="img"
@@ -236,11 +234,11 @@ exports[`DataViewToolbar component should render correctly 1`] = `
236
234
  </div>
237
235
  </div>
238
236
  <div
239
- class="pf-v5-c-toolbar__content pf-m-hidden"
237
+ class="pf-v6-c-toolbar__content pf-m-hidden"
240
238
  hidden=""
241
239
  >
242
240
  <div
243
- class="pf-v5-c-toolbar__group"
241
+ class="pf-v6-c-toolbar__group"
244
242
  />
245
243
  </div>
246
244
  </div>
@@ -248,32 +246,32 @@ exports[`DataViewToolbar component should render correctly 1`] = `
248
246
  </body>,
249
247
  "container": <div>
250
248
  <div
251
- class="pf-v5-c-toolbar"
249
+ class="pf-v6-c-toolbar"
252
250
  data-ouia-component-id="DataViewToolbar"
253
- data-ouia-component-type="PF5/Toolbar"
251
+ data-ouia-component-type="PF6/Toolbar"
254
252
  data-ouia-safe="true"
255
253
  id="pf-random-id-0"
256
254
  >
257
255
  <div
258
- class="pf-v5-c-toolbar__content"
256
+ class="pf-v6-c-toolbar__content"
259
257
  >
260
258
  <div
261
- class="pf-v5-c-toolbar__content-section"
259
+ class="pf-v6-c-toolbar__content-section"
262
260
  >
263
261
  <div
264
- class="pf-v5-c-toolbar__item pf-m-pagination"
262
+ class="pf-v6-c-toolbar__item pf-m-pagination"
265
263
  data-ouia-component-id="DataViewToolbar-pagination"
266
264
  >
267
265
  <div
268
- class="pf-v5-c-pagination"
266
+ class="pf-v6-c-pagination"
269
267
  data-ouia-component-id="OUIA-Generated-Pagination-top-1"
270
- data-ouia-component-type="PF5/Pagination"
268
+ data-ouia-component-type="PF6/Pagination"
271
269
  data-ouia-safe="true"
272
270
  id="options-menu-top-pagination"
273
- style="--pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
271
+ style="--pf-v6-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
274
272
  >
275
273
  <div
276
- class="pf-v5-c-pagination__total-items"
274
+ class="pf-v6-c-pagination__total-items"
277
275
  >
278
276
  <b>
279
277
  1
@@ -288,74 +286,72 @@ exports[`DataViewToolbar component should render correctly 1`] = `
288
286
  </b>
289
287
 
290
288
  </div>
291
- <div>
292
- <button
293
- aria-expanded="false"
294
- aria-haspopup="listbox"
295
- class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
296
- id="options-menu-top-toggle"
297
- type="button"
289
+ <button
290
+ aria-expanded="false"
291
+ aria-haspopup="listbox"
292
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
293
+ id="options-menu-top-toggle"
294
+ type="button"
295
+ >
296
+ <span
297
+ class="pf-v6-c-menu-toggle__text"
298
+ >
299
+ <b>
300
+ 1
301
+ -
302
+ 10
303
+ </b>
304
+
305
+ of
306
+
307
+ <b>
308
+ 0
309
+ </b>
310
+
311
+ </span>
312
+ <span
313
+ class="pf-v6-c-menu-toggle__controls"
298
314
  >
299
315
  <span
300
- class="pf-v5-c-menu-toggle__text"
301
- >
302
- <b>
303
- 1
304
- -
305
- 10
306
- </b>
307
-
308
- of
309
-
310
- <b>
311
- 0
312
- </b>
313
-
314
- </span>
315
- <span
316
- class="pf-v5-c-menu-toggle__controls"
316
+ class="pf-v6-c-menu-toggle__toggle-icon"
317
317
  >
318
- <span
319
- class="pf-v5-c-menu-toggle__toggle-icon"
318
+ <svg
319
+ aria-hidden="true"
320
+ class="pf-v6-svg"
321
+ fill="currentColor"
322
+ height="1em"
323
+ role="img"
324
+ viewBox="0 0 320 512"
325
+ width="1em"
320
326
  >
321
- <svg
322
- aria-hidden="true"
323
- class="pf-v5-svg"
324
- fill="currentColor"
325
- height="1em"
326
- role="img"
327
- viewBox="0 0 320 512"
328
- width="1em"
329
- >
330
- <path
331
- d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
332
- />
333
- </svg>
334
- </span>
327
+ <path
328
+ d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
329
+ />
330
+ </svg>
335
331
  </span>
336
- </button>
337
- </div>
332
+ </span>
333
+ </button>
338
334
  <nav
339
335
  aria-label="Pagination"
340
- class="pf-v5-c-pagination__nav"
336
+ class="pf-v6-c-pagination__nav"
341
337
  >
342
338
  <div
343
- class="pf-v5-c-pagination__nav-control pf-m-first"
339
+ class="pf-v6-c-pagination__nav-control pf-m-first"
344
340
  >
345
341
  <button
346
- aria-disabled="true"
342
+ aria-disabled="false"
347
343
  aria-label="Go to first page"
348
- class="pf-v5-c-button pf-m-plain pf-m-disabled"
344
+ class="pf-v6-c-button pf-m-plain"
349
345
  data-action="first"
350
346
  data-ouia-component-id="OUIA-Generated-Button-plain-1"
351
- data-ouia-component-type="PF5/Button"
347
+ data-ouia-component-type="PF6/Button"
352
348
  data-ouia-safe="true"
353
349
  disabled=""
354
350
  type="button"
355
351
  >
356
352
  <svg
357
353
  aria-hidden="true"
358
- class="pf-v5-svg"
354
+ class="pf-v6-svg"
359
355
  fill="currentColor"
360
356
  height="1em"
361
357
  role="img"
@@ -369,22 +365,22 @@ exports[`DataViewToolbar component should render correctly 1`] = `
369
365
  </button>
370
366
  </div>
371
367
  <div
372
- class="pf-v5-c-pagination__nav-control"
368
+ class="pf-v6-c-pagination__nav-control"
373
369
  >
374
370
  <button
375
- aria-disabled="true"
371
+ aria-disabled="false"
376
372
  aria-label="Go to previous page"
377
- class="pf-v5-c-button pf-m-plain pf-m-disabled"
373
+ class="pf-v6-c-button pf-m-plain"
378
374
  data-action="previous"
379
375
  data-ouia-component-id="OUIA-Generated-Button-plain-2"
380
- data-ouia-component-type="PF5/Button"
376
+ data-ouia-component-type="PF6/Button"
381
377
  data-ouia-safe="true"
382
378
  disabled=""
383
379
  type="button"
384
380
  >
385
381
  <svg
386
382
  aria-hidden="true"
387
- class="pf-v5-svg"
383
+ class="pf-v6-svg"
388
384
  fill="currentColor"
389
385
  height="1em"
390
386
  role="img"
@@ -398,16 +394,16 @@ exports[`DataViewToolbar component should render correctly 1`] = `
398
394
  </button>
399
395
  </div>
400
396
  <div
401
- class="pf-v5-c-pagination__nav-page-select"
397
+ class="pf-v6-c-pagination__nav-page-select"
402
398
  >
403
399
  <span
404
- class="pf-v5-c-form-control"
400
+ class="pf-v6-c-form-control"
405
401
  >
406
402
  <input
407
403
  aria-invalid="false"
408
404
  aria-label="Current page"
409
405
  data-ouia-component-id="OUIA-Generated-TextInputBase-1"
410
- data-ouia-component-type="PF5/TextInput"
406
+ data-ouia-component-type="PF6/TextInput"
411
407
  data-ouia-safe="true"
412
408
  max="2"
413
409
  min="1"
@@ -417,21 +413,21 @@ exports[`DataViewToolbar component should render correctly 1`] = `
417
413
  </span>
418
414
  </div>
419
415
  <div
420
- class="pf-v5-c-pagination__nav-control"
416
+ class="pf-v6-c-pagination__nav-control"
421
417
  >
422
418
  <button
423
419
  aria-disabled="false"
424
420
  aria-label="Go to next page"
425
- class="pf-v5-c-button pf-m-plain"
421
+ class="pf-v6-c-button pf-m-plain"
426
422
  data-action="next"
427
423
  data-ouia-component-id="OUIA-Generated-Button-plain-3"
428
- data-ouia-component-type="PF5/Button"
424
+ data-ouia-component-type="PF6/Button"
429
425
  data-ouia-safe="true"
430
426
  type="button"
431
427
  >
432
428
  <svg
433
429
  aria-hidden="true"
434
- class="pf-v5-svg"
430
+ class="pf-v6-svg"
435
431
  fill="currentColor"
436
432
  height="1em"
437
433
  role="img"
@@ -445,21 +441,21 @@ exports[`DataViewToolbar component should render correctly 1`] = `
445
441
  </button>
446
442
  </div>
447
443
  <div
448
- class="pf-v5-c-pagination__nav-control pf-m-last"
444
+ class="pf-v6-c-pagination__nav-control pf-m-last"
449
445
  >
450
446
  <button
451
447
  aria-disabled="false"
452
448
  aria-label="Go to last page"
453
- class="pf-v5-c-button pf-m-plain"
449
+ class="pf-v6-c-button pf-m-plain"
454
450
  data-action="last"
455
451
  data-ouia-component-id="OUIA-Generated-Button-plain-4"
456
- data-ouia-component-type="PF5/Button"
452
+ data-ouia-component-type="PF6/Button"
457
453
  data-ouia-safe="true"
458
454
  type="button"
459
455
  >
460
456
  <svg
461
457
  aria-hidden="true"
462
- class="pf-v5-svg"
458
+ class="pf-v6-svg"
463
459
  fill="currentColor"
464
460
  height="1em"
465
461
  role="img"
@@ -478,11 +474,11 @@ exports[`DataViewToolbar component should render correctly 1`] = `
478
474
  </div>
479
475
  </div>
480
476
  <div
481
- class="pf-v5-c-toolbar__content pf-m-hidden"
477
+ class="pf-v6-c-toolbar__content pf-m-hidden"
482
478
  hidden=""
483
479
  >
484
480
  <div
485
- class="pf-v5-c-toolbar__group"
481
+ class="pf-v6-c-toolbar__group"
486
482
  />
487
483
  </div>
488
484
  </div>