@redhat-cloud-services/frontend-components 5.0.1 → 6.0.0-beta.0

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 (271) hide show
  1. package/Battery/Battery.d.ts +2 -2
  2. package/Battery/Battery.js +2 -2
  3. package/Battery/Battery.js.map +1 -1
  4. package/Battery/CriticalBattery.d.ts +2 -2
  5. package/Battery/CriticalBattery.js +2 -2
  6. package/Battery/CriticalBattery.js.map +1 -1
  7. package/Battery/HighBattery.d.ts +2 -2
  8. package/Battery/HighBattery.js +2 -2
  9. package/Battery/HighBattery.js.map +1 -1
  10. package/Battery/LowBattery.d.ts +2 -2
  11. package/Battery/LowBattery.js +2 -2
  12. package/Battery/LowBattery.js.map +1 -1
  13. package/Battery/MediumBattery.d.ts +2 -2
  14. package/Battery/MediumBattery.js +2 -2
  15. package/Battery/MediumBattery.js.map +1 -1
  16. package/Battery/NullBattery.js +2 -2
  17. package/Battery/NullBattery.js.map +1 -1
  18. package/Battery/index.d.ts +1 -1
  19. package/Battery/index.js +1 -1
  20. package/Battery/index.js.map +1 -1
  21. package/BulkSelect/BulkSelect.js +2 -2
  22. package/BulkSelect/BulkSelect.js.map +1 -1
  23. package/BulkSelect/bulk-select.css +2 -2
  24. package/BulkSelect/bulk-select.scss +2 -2
  25. package/ConditionalFilter/CheckboxFilter.js +2 -2
  26. package/ConditionalFilter/CheckboxFilter.js.map +1 -1
  27. package/ConditionalFilter/ConditionalFilter.js +2 -2
  28. package/ConditionalFilter/ConditionalFilter.js.map +1 -1
  29. package/ConditionalFilter/GroupFilter.js +18 -10
  30. package/ConditionalFilter/GroupFilter.js.map +1 -1
  31. package/ConditionalFilter/RadioFilter.js +1 -1
  32. package/ConditionalFilter/RadioFilter.js.map +1 -1
  33. package/ConditionalFilter/conditional-filter.css +18 -18
  34. package/ConditionalFilter/conditional-filter.scss +16 -16
  35. package/ConditionalFilter/group-filter.css +9 -9
  36. package/ConditionalFilter/group-filter.scss +9 -9
  37. package/ConditionalFilter/groupFilterConstants.js +2 -2
  38. package/CullingInfo/CullingInformation.css +4 -4
  39. package/CullingInfo/CullingInformation.scss +4 -4
  40. package/DownloadButton/DownloadButton.js +1 -1
  41. package/DownloadButton/DownloadButton.js.map +1 -1
  42. package/EmptyTable/EmptyTable.css +2 -2
  43. package/EmptyTable/EmptyTable.scss +2 -2
  44. package/ErrorState/ErrorState.js +1 -1
  45. package/ErrorState/ErrorState.js.map +1 -1
  46. package/FilterChips/FilterChips.js +2 -2
  47. package/FilterChips/FilterChips.js.map +1 -1
  48. package/FilterChips/filter-chips.css +4 -4
  49. package/FilterChips/filter-chips.scss +4 -4
  50. package/FilterHooks/tagFilterHook.css +3 -3
  51. package/FilterHooks/tagFilterHook.scss +3 -3
  52. package/Filters/FilterDropdown.js +1 -1
  53. package/Filters/FilterDropdown.js.map +1 -1
  54. package/Filters/filter-dropdown.css +2 -2
  55. package/Filters/filter-dropdown.scss +1 -1
  56. package/InsightsLabel/InsightsLabel.js +1 -1
  57. package/InsightsLabel/InsightsLabel.js.map +1 -1
  58. package/InvalidObject/InvalidObject.d.ts +2 -2
  59. package/InvalidObject/InvalidObject.js +2 -2
  60. package/InvalidObject/InvalidObject.js.map +1 -1
  61. package/InvalidObject/index.d.ts +1 -1
  62. package/InvalidObject/index.js +1 -1
  63. package/InvalidObject/index.js.map +1 -1
  64. package/Inventory/AppInfo.js +1 -1
  65. package/Inventory/DetailWrapper.js +1 -1
  66. package/Inventory/InventoryDetail.js +1 -1
  67. package/Inventory/InventoryDetailHead.js +1 -1
  68. package/Inventory/InventoryTable.js +1 -1
  69. package/Inventory/TagWithDialog.js +1 -1
  70. package/Main/Main.js +1 -1
  71. package/Main/main.css +2 -2
  72. package/Main/main.scss +2 -2
  73. package/Maintenance/Maintenance.js +1 -3
  74. package/Maintenance/Maintenance.js.map +1 -1
  75. package/Maintenance/maintenance.css +4 -4
  76. package/Maintenance/maintenance.scss +4 -4
  77. package/NoRegisteredSystems/NoRegisteredSystems.js +1 -3
  78. package/NoRegisteredSystems/NoRegisteredSystems.js.map +1 -1
  79. package/NotAuthorized/NotAuthorized.d.ts +2 -2
  80. package/NotAuthorized/NotAuthorized.js +3 -3
  81. package/NotAuthorized/NotAuthorized.js.map +1 -1
  82. package/NotAuthorized/index.d.ts +1 -1
  83. package/NotAuthorized/index.js +1 -1
  84. package/NotAuthorized/index.js.map +1 -1
  85. package/NotConnected/NotConnected.js +1 -3
  86. package/NotConnected/NotConnected.js.map +1 -1
  87. package/OpenSourceBadge/OpenSourceBadge.js +2 -3
  88. package/OpenSourceBadge/OpenSourceBadge.js.map +1 -1
  89. package/PageHeader/PageHeader.js +1 -1
  90. package/PageHeader/PageHeaderTitle.js +1 -1
  91. package/PageHeader/page-header.css +2 -2
  92. package/PageHeader/page-header.scss +4 -4
  93. package/PrimaryToolbar/Actions.js +1 -1
  94. package/PrimaryToolbar/Actions.js.map +1 -1
  95. package/PrimaryToolbar/PrimaryToolbar.js +1 -1
  96. package/PrimaryToolbar/PrimaryToolbar.js.map +1 -1
  97. package/PrimaryToolbar/SortBy.js +1 -1
  98. package/PrimaryToolbar/SortBy.js.map +1 -1
  99. package/PrimaryToolbar/primary-toolbar.css +2 -2
  100. package/PrimaryToolbar/primary-toolbar.scss +2 -2
  101. package/Reboot/reboot.css +1 -1
  102. package/Reboot/reboot.scss +1 -1
  103. package/Section/section.css +1 -1
  104. package/Section/section.scss +1 -1
  105. package/SeverityLine/severity-line.css +7 -7
  106. package/SeverityLine/severity-line.scss +7 -7
  107. package/SimpleTableFilter/SimpleTableFilter.js +1 -1
  108. package/SimpleTableFilter/SimpleTableFilter.js.map +1 -1
  109. package/SimpleTableFilter/simple-table-filter.scss +0 -1
  110. package/Skeleton/skeleton.css +4 -10
  111. package/Skeleton/skeleton.scss +21 -15
  112. package/Spinner/Spinner.js +1 -1
  113. package/Spinner/spinner.css +2 -2
  114. package/Spinner/spinner.scss +2 -2
  115. package/TabLayout/tab-layout.css +4 -4
  116. package/TabLayout/tab-layout.scss +4 -4
  117. package/TableToolbar/TableToolbar.css +5 -5
  118. package/TableToolbar/TableToolbar.scss +5 -5
  119. package/TagModal/TableWithFilter.d.ts +1 -1
  120. package/TagModal/TableWithFilter.js +1 -2
  121. package/TagModal/TableWithFilter.js.map +1 -1
  122. package/TagModal/TagModal.js +1 -1
  123. package/TagModal/TagModal.js.map +1 -1
  124. package/TagModal/tagModal.css +1 -1
  125. package/TagModal/tagModal.scss +1 -1
  126. package/TreeTable/decorator.js +2 -2
  127. package/TreeTable/decorator.js.map +1 -1
  128. package/TreeTable/styles.css +116 -116
  129. package/TreeTable/styles.scss +49 -49
  130. package/Truncate/Truncate.js +1 -1
  131. package/esm/Battery/Battery.d.ts +2 -2
  132. package/esm/Battery/Battery.js +2 -2
  133. package/esm/Battery/Battery.js.map +1 -1
  134. package/esm/Battery/CriticalBattery.d.ts +2 -2
  135. package/esm/Battery/CriticalBattery.js +2 -2
  136. package/esm/Battery/CriticalBattery.js.map +1 -1
  137. package/esm/Battery/HighBattery.d.ts +2 -2
  138. package/esm/Battery/HighBattery.js +2 -2
  139. package/esm/Battery/HighBattery.js.map +1 -1
  140. package/esm/Battery/LowBattery.d.ts +2 -2
  141. package/esm/Battery/LowBattery.js +2 -2
  142. package/esm/Battery/LowBattery.js.map +1 -1
  143. package/esm/Battery/MediumBattery.d.ts +2 -2
  144. package/esm/Battery/MediumBattery.js +2 -2
  145. package/esm/Battery/MediumBattery.js.map +1 -1
  146. package/esm/Battery/NullBattery.js +2 -2
  147. package/esm/Battery/NullBattery.js.map +1 -1
  148. package/esm/Battery/index.d.ts +1 -1
  149. package/esm/Battery/index.js +1 -1
  150. package/esm/Battery/index.js.map +1 -1
  151. package/esm/BulkSelect/BulkSelect.js +3 -3
  152. package/esm/BulkSelect/BulkSelect.js.map +1 -1
  153. package/esm/BulkSelect/bulk-select.css +2 -2
  154. package/esm/BulkSelect/bulk-select.scss +2 -2
  155. package/esm/ConditionalFilter/CheckboxFilter.js +2 -2
  156. package/esm/ConditionalFilter/CheckboxFilter.js.map +1 -1
  157. package/esm/ConditionalFilter/ConditionalFilter.js +2 -2
  158. package/esm/ConditionalFilter/ConditionalFilter.js.map +1 -1
  159. package/esm/ConditionalFilter/GroupFilter.js +14 -6
  160. package/esm/ConditionalFilter/GroupFilter.js.map +1 -1
  161. package/esm/ConditionalFilter/RadioFilter.js +1 -1
  162. package/esm/ConditionalFilter/RadioFilter.js.map +1 -1
  163. package/esm/ConditionalFilter/conditional-filter.css +18 -18
  164. package/esm/ConditionalFilter/conditional-filter.scss +16 -16
  165. package/esm/ConditionalFilter/group-filter.css +9 -9
  166. package/esm/ConditionalFilter/group-filter.scss +9 -9
  167. package/esm/ConditionalFilter/groupFilterConstants.js +2 -2
  168. package/esm/CullingInfo/CullingInformation.css +4 -4
  169. package/esm/CullingInfo/CullingInformation.scss +4 -4
  170. package/esm/DownloadButton/DownloadButton.js +1 -1
  171. package/esm/DownloadButton/DownloadButton.js.map +1 -1
  172. package/esm/EmptyTable/EmptyTable.css +2 -2
  173. package/esm/EmptyTable/EmptyTable.scss +2 -2
  174. package/esm/ErrorState/ErrorState.js +1 -1
  175. package/esm/ErrorState/ErrorState.js.map +1 -1
  176. package/esm/FilterChips/FilterChips.js +2 -2
  177. package/esm/FilterChips/FilterChips.js.map +1 -1
  178. package/esm/FilterChips/filter-chips.css +4 -4
  179. package/esm/FilterChips/filter-chips.scss +4 -4
  180. package/esm/FilterHooks/tagFilterHook.css +3 -3
  181. package/esm/FilterHooks/tagFilterHook.scss +3 -3
  182. package/esm/Filters/FilterDropdown.js +1 -1
  183. package/esm/Filters/FilterDropdown.js.map +1 -1
  184. package/esm/Filters/filter-dropdown.css +2 -2
  185. package/esm/Filters/filter-dropdown.scss +1 -1
  186. package/esm/InsightsLabel/InsightsLabel.js +1 -1
  187. package/esm/InsightsLabel/InsightsLabel.js.map +1 -1
  188. package/esm/InvalidObject/InvalidObject.d.ts +2 -2
  189. package/esm/InvalidObject/InvalidObject.js +2 -2
  190. package/esm/InvalidObject/InvalidObject.js.map +1 -1
  191. package/esm/InvalidObject/index.d.ts +1 -1
  192. package/esm/InvalidObject/index.js +1 -1
  193. package/esm/InvalidObject/index.js.map +1 -1
  194. package/esm/Inventory/AppInfo.js +1 -1
  195. package/esm/Inventory/DetailWrapper.js +1 -1
  196. package/esm/Inventory/InventoryDetail.js +1 -1
  197. package/esm/Inventory/InventoryDetailHead.js +1 -1
  198. package/esm/Inventory/InventoryTable.js +1 -1
  199. package/esm/Inventory/TagWithDialog.js +1 -1
  200. package/esm/Main/Main.js +1 -1
  201. package/esm/Main/main.css +2 -2
  202. package/esm/Main/main.scss +2 -2
  203. package/esm/Maintenance/Maintenance.js +1 -3
  204. package/esm/Maintenance/Maintenance.js.map +1 -1
  205. package/esm/Maintenance/maintenance.css +4 -4
  206. package/esm/Maintenance/maintenance.scss +4 -4
  207. package/esm/NoRegisteredSystems/NoRegisteredSystems.js +1 -3
  208. package/esm/NoRegisteredSystems/NoRegisteredSystems.js.map +1 -1
  209. package/esm/NotAuthorized/NotAuthorized.d.ts +2 -2
  210. package/esm/NotAuthorized/NotAuthorized.js +3 -3
  211. package/esm/NotAuthorized/NotAuthorized.js.map +1 -1
  212. package/esm/NotAuthorized/index.d.ts +1 -1
  213. package/esm/NotAuthorized/index.js +1 -1
  214. package/esm/NotAuthorized/index.js.map +1 -1
  215. package/esm/NotConnected/NotConnected.js +1 -3
  216. package/esm/NotConnected/NotConnected.js.map +1 -1
  217. package/esm/OpenSourceBadge/OpenSourceBadge.js +2 -3
  218. package/esm/OpenSourceBadge/OpenSourceBadge.js.map +1 -1
  219. package/esm/PageHeader/PageHeader.js +1 -1
  220. package/esm/PageHeader/PageHeaderTitle.js +1 -1
  221. package/esm/PageHeader/page-header.css +2 -2
  222. package/esm/PageHeader/page-header.scss +4 -4
  223. package/esm/PrimaryToolbar/Actions.js +1 -1
  224. package/esm/PrimaryToolbar/Actions.js.map +1 -1
  225. package/esm/PrimaryToolbar/PrimaryToolbar.js +1 -1
  226. package/esm/PrimaryToolbar/PrimaryToolbar.js.map +1 -1
  227. package/esm/PrimaryToolbar/SortBy.js +1 -1
  228. package/esm/PrimaryToolbar/SortBy.js.map +1 -1
  229. package/esm/PrimaryToolbar/primary-toolbar.css +2 -2
  230. package/esm/PrimaryToolbar/primary-toolbar.scss +2 -2
  231. package/esm/Reboot/reboot.css +1 -1
  232. package/esm/Reboot/reboot.scss +1 -1
  233. package/esm/Section/section.css +1 -1
  234. package/esm/Section/section.scss +1 -1
  235. package/esm/SeverityLine/severity-line.css +7 -7
  236. package/esm/SeverityLine/severity-line.scss +7 -7
  237. package/esm/SimpleTableFilter/SimpleTableFilter.js +1 -1
  238. package/esm/SimpleTableFilter/SimpleTableFilter.js.map +1 -1
  239. package/esm/SimpleTableFilter/simple-table-filter.scss +0 -1
  240. package/esm/Skeleton/skeleton.css +4 -10
  241. package/esm/Skeleton/skeleton.scss +21 -15
  242. package/esm/Spinner/Spinner.js +1 -1
  243. package/esm/Spinner/spinner.css +2 -2
  244. package/esm/Spinner/spinner.scss +2 -2
  245. package/esm/TabLayout/tab-layout.css +4 -4
  246. package/esm/TabLayout/tab-layout.scss +4 -4
  247. package/esm/TableToolbar/TableToolbar.css +5 -5
  248. package/esm/TableToolbar/TableToolbar.scss +5 -5
  249. package/esm/TagModal/TableWithFilter.d.ts +1 -1
  250. package/esm/TagModal/TableWithFilter.js +1 -2
  251. package/esm/TagModal/TableWithFilter.js.map +1 -1
  252. package/esm/TagModal/TagModal.js +1 -1
  253. package/esm/TagModal/TagModal.js.map +1 -1
  254. package/esm/TagModal/tagModal.css +1 -1
  255. package/esm/TagModal/tagModal.scss +1 -1
  256. package/esm/TreeTable/decorator.js +2 -2
  257. package/esm/TreeTable/decorator.js.map +1 -1
  258. package/esm/TreeTable/styles.css +116 -116
  259. package/esm/TreeTable/styles.scss +49 -49
  260. package/esm/Truncate/Truncate.js +1 -1
  261. package/esm/index.css +190 -196
  262. package/esm/useScreenSize/breakpoints.js +16 -12
  263. package/esm/useScreenSize/breakpoints.js.map +1 -1
  264. package/esm/useScreenSize/getVariant.d.ts +1 -1
  265. package/esm/useScreenSize/useScreenSize.d.ts +1 -1
  266. package/index.css +190 -196
  267. package/package.json +10 -9
  268. package/useScreenSize/breakpoints.js +16 -12
  269. package/useScreenSize/breakpoints.js.map +1 -1
  270. package/useScreenSize/getVariant.d.ts +1 -1
  271. package/useScreenSize/useScreenSize.d.ts +1 -1
package/TreeTable/styles.css CHANGED
@@ -1,156 +1,156 @@
1
- .pf-v5-c-treeview {
2
- --pf-v5-c-treeview--th--Padding: var(--pf-v5-global--spacer--md);
3
- --pf-v5-c-treeview--td--Padding: var(--pf-v5-global--spacer--md);
4
- --pf-v5-c-treeview--cell--Padding: var(--pf-v5-global--spacer--md);
5
- --pf-v5-c-treeview__toggle-button--Padding: var(--pf-v5-c-treeview--td--Padding);
6
- --pf-v5-c-treeview__control-toggle--Width: 42px;
7
- --pf-v5-c-treeview__control-check--Width: 22px;
8
- --pf-v5-c-treeview--td--level-2--PaddingLeft: calc(var(--pf-v5-c-treeview--td--Padding) * 3);
9
- --pf-v5-c-treeview--td--level-3--PaddingLeft: calc(var(--pf-v5-c-treeview--td--Padding) * 5);
10
- --pf-v5-c-treeview--level--PaddingLeft: var(--pf-v5-global--spacer--xl);
11
- --pf-v5-c-treeview__aria-level--GridColumn: 1;
12
- --pf-v5-c-treeview--tr--Display: table-row;
13
- --pf-v5-c-treeview--tr--Visibility: visible;
1
+ .pf-v6-c-treeview {
2
+ --pf-v6-c-treeview--th--Padding: var(--pf-t--global--spacer--md);
3
+ --pf-v6-c-treeview--td--Padding: var(--pf-t--global--spacer--md);
4
+ --pf-v6-c-treeview--cell--Padding: var(--pf-t--global--spacer--md);
5
+ --pf-v6-c-treeview__toggle-button--Padding: var(--pf-v6-c-treeview--td--Padding);
6
+ --pf-v6-c-treeview__control-toggle--Width: 42px;
7
+ --pf-v6-c-treeview__control-check--Width: 22px;
8
+ --pf-v6-c-treeview--td--level-2--PaddingLeft: calc(var(--pf-v6-c-treeview--td--Padding) * 3);
9
+ --pf-v6-c-treeview--td--level-3--PaddingLeft: calc(var(--pf-v6-c-treeview--td--Padding) * 5);
10
+ --pf-v6-c-treeview--level--PaddingLeft: var(--pf-t--global--spacer--xl);
11
+ --pf-v6-c-treeview__aria-level--GridColumn: 1;
12
+ --pf-v6-c-treeview--tr--Display: table-row;
13
+ --pf-v6-c-treeview--tr--Visibility: visible;
14
14
  width: 100%;
15
15
  border-collapse: collapse;
16
16
  --background: #fff;
17
17
  --background-base: #ddd;
18
18
  }
19
- .pf-v5-c-treeview th,
20
- .pf-v5-c-treeview td {
21
- padding: var(--pf-v5-c-treeview--cell--Padding);
19
+ .pf-v6-c-treeview th,
20
+ .pf-v6-c-treeview td {
21
+ padding: var(--pf-v6-c-treeview--cell--Padding);
22
22
  text-align: left;
23
23
  vertical-align: baseline;
24
24
  }
25
- .pf-v5-c-treeview tr {
25
+ .pf-v6-c-treeview tr {
26
26
  border-bottom: 1px solid #ddd;
27
27
  }
28
- .pf-v5-c-treeview tbody tr {
28
+ .pf-v6-c-treeview tbody tr {
29
29
  display: none;
30
30
  visibility: hidden;
31
31
  }
32
- .pf-v5-c-treeview [aria-level="1"] {
32
+ .pf-v6-c-treeview [aria-level="1"] {
33
33
  display: table-row;
34
34
  visibility: visible;
35
- --pf-v5-c-treeview--tr--Display: table-row;
36
- --pf-v5-c-treeview--tr--Visibility: visible;
35
+ --pf-v6-c-treeview--tr--Display: table-row;
36
+ --pf-v6-c-treeview--tr--Visibility: visible;
37
37
  }
38
- .pf-v5-c-treeview .pf-m-hidden,
39
- .pf-v5-c-treeview tr.pf-m-hidden,
40
- .pf-v5-c-treeview td.pf-m-hidden,
41
- .pf-v5-c-treeview th.pf-m-hidden {
38
+ .pf-v6-c-treeview .pf-m-hidden,
39
+ .pf-v6-c-treeview tr.pf-m-hidden,
40
+ .pf-v6-c-treeview td.pf-m-hidden,
41
+ .pf-v6-c-treeview th.pf-m-hidden {
42
42
  display: none;
43
43
  visibility: hidden;
44
44
  }
45
- .pf-v5-c-treeview tr.pf-m-visible {
45
+ .pf-v6-c-treeview tr.pf-m-visible {
46
46
  display: table-row;
47
47
  visibility: visible;
48
48
  }
49
- .pf-v5-c-treeview td.pf-m-visible,
50
- .pf-v5-c-treeview th.pf-m-visible {
49
+ .pf-v6-c-treeview td.pf-m-visible,
50
+ .pf-v6-c-treeview th.pf-m-visible {
51
51
  display: table-cell;
52
52
  visibility: visible;
53
53
  }
54
- .pf-v5-c-treeview .pf-v5-c-treeview__check,
55
- .pf-v5-c-treeview .pf-v5-c-treeview__action {
54
+ .pf-v6-c-treeview .pf-v6-c-treeview__check,
55
+ .pf-v6-c-treeview .pf-v6-c-treeview__action {
56
56
  width: 1px;
57
57
  }
58
- .pf-v5-c-treeview th.pf-v5-c-treeview__title-cell {
58
+ .pf-v6-c-treeview th.pf-v6-c-treeview__title-cell {
59
59
  padding-left: 0;
60
60
  }
61
- .pf-v5-c-treeview tbody .pf-v5-c-treeview__check + .pf-v5-c-treeview__title-cell {
61
+ .pf-v6-c-treeview tbody .pf-v6-c-treeview__check + .pf-v6-c-treeview__title-cell {
62
62
  padding-left: 0;
63
63
  }
64
- .pf-v5-c-treeview .pf-v5-c-treeview__toggle-icon {
64
+ .pf-v6-c-treeview .pf-v6-c-treeview__toggle-icon {
65
65
  transition: 0.2s;
66
66
  }
67
- .pf-v5-c-treeview .pf-v5-c-treeview__action {
67
+ .pf-v6-c-treeview .pf-v6-c-treeview__action {
68
68
  text-align: right;
69
69
  }
70
- .pf-v5-c-treeview tr {
70
+ .pf-v6-c-treeview tr {
71
71
  background: var(--background);
72
72
  }
73
73
 
74
- .pf-v5-c-treeview tr[aria-level="1"] .pf-v5-c-treeview__title-cell {
75
- padding-left: calc(var(--pf-v5-c-treeview--level--PaddingLeft) * 0);
74
+ .pf-v6-c-treeview tr[aria-level="1"] .pf-v6-c-treeview__title-cell {
75
+ padding-left: calc(var(--pf-v6-c-treeview--level--PaddingLeft) * 0);
76
76
  }
77
- .pf-v5-c-treeview tr[aria-level="2"] .pf-v5-c-treeview__title-cell {
78
- padding-left: calc(var(--pf-v5-c-treeview--level--PaddingLeft) * 1);
77
+ .pf-v6-c-treeview tr[aria-level="2"] .pf-v6-c-treeview__title-cell {
78
+ padding-left: calc(var(--pf-v6-c-treeview--level--PaddingLeft) * 1);
79
79
  }
80
- .pf-v5-c-treeview tr[aria-level="3"] .pf-v5-c-treeview__title-cell {
81
- padding-left: calc(var(--pf-v5-c-treeview--level--PaddingLeft) * 2);
80
+ .pf-v6-c-treeview tr[aria-level="3"] .pf-v6-c-treeview__title-cell {
81
+ padding-left: calc(var(--pf-v6-c-treeview--level--PaddingLeft) * 2);
82
82
  }
83
- .pf-v5-c-treeview tr[aria-level="4"] .pf-v5-c-treeview__title-cell {
84
- padding-left: calc(var(--pf-v5-c-treeview--level--PaddingLeft) * 3);
83
+ .pf-v6-c-treeview tr[aria-level="4"] .pf-v6-c-treeview__title-cell {
84
+ padding-left: calc(var(--pf-v6-c-treeview--level--PaddingLeft) * 3);
85
85
  }
86
- .pf-v5-c-treeview tr[aria-level="5"] .pf-v5-c-treeview__title-cell {
87
- padding-left: calc(var(--pf-v5-c-treeview--level--PaddingLeft) * 4);
86
+ .pf-v6-c-treeview tr[aria-level="5"] .pf-v6-c-treeview__title-cell {
87
+ padding-left: calc(var(--pf-v6-c-treeview--level--PaddingLeft) * 4);
88
88
  }
89
- .pf-v5-c-treeview tr[aria-level="6"] .pf-v5-c-treeview__title-cell {
90
- padding-left: calc(var(--pf-v5-c-treeview--level--PaddingLeft) * 5);
89
+ .pf-v6-c-treeview tr[aria-level="6"] .pf-v6-c-treeview__title-cell {
90
+ padding-left: calc(var(--pf-v6-c-treeview--level--PaddingLeft) * 5);
91
91
  }
92
- .pf-v5-c-treeview tr[aria-level="7"] .pf-v5-c-treeview__title-cell {
93
- padding-left: calc(var(--pf-v5-c-treeview--level--PaddingLeft) * 6);
92
+ .pf-v6-c-treeview tr[aria-level="7"] .pf-v6-c-treeview__title-cell {
93
+ padding-left: calc(var(--pf-v6-c-treeview--level--PaddingLeft) * 6);
94
94
  }
95
- .pf-v5-c-treeview tr[aria-level="8"] .pf-v5-c-treeview__title-cell {
96
- padding-left: calc(var(--pf-v5-c-treeview--level--PaddingLeft) * 7);
95
+ .pf-v6-c-treeview tr[aria-level="8"] .pf-v6-c-treeview__title-cell {
96
+ padding-left: calc(var(--pf-v6-c-treeview--level--PaddingLeft) * 7);
97
97
  }
98
- .pf-v5-c-treeview tr[aria-level="9"] .pf-v5-c-treeview__title-cell {
99
- padding-left: calc(var(--pf-v5-c-treeview--level--PaddingLeft) * 8);
98
+ .pf-v6-c-treeview tr[aria-level="9"] .pf-v6-c-treeview__title-cell {
99
+ padding-left: calc(var(--pf-v6-c-treeview--level--PaddingLeft) * 8);
100
100
  }
101
- .pf-v5-c-treeview tr[aria-level="10"] .pf-v5-c-treeview__title-cell {
102
- padding-left: calc(var(--pf-v5-c-treeview--level--PaddingLeft) * 9);
101
+ .pf-v6-c-treeview tr[aria-level="10"] .pf-v6-c-treeview__title-cell {
102
+ padding-left: calc(var(--pf-v6-c-treeview--level--PaddingLeft) * 9);
103
103
  }
104
- .pf-v5-c-treeview tbody tr {
104
+ .pf-v6-c-treeview tbody tr {
105
105
  display: none;
106
106
  }
107
- .pf-v5-c-treeview [aria-level="1"] {
107
+ .pf-v6-c-treeview [aria-level="1"] {
108
108
  display: table-row;
109
109
  }
110
- .pf-v5-c-treeview [aria-level="1"].pf-m-expanded ~ [aria-level="2"] {
110
+ .pf-v6-c-treeview [aria-level="1"].pf-m-expanded ~ [aria-level="2"] {
111
111
  display: table-row;
112
112
  }
113
- .pf-v5-c-treeview [aria-level="2"].pf-m-expanded ~ [aria-level="3"] {
113
+ .pf-v6-c-treeview [aria-level="2"].pf-m-expanded ~ [aria-level="3"] {
114
114
  display: table-row;
115
115
  }
116
- .pf-v5-c-treeview [aria-level="3"].pf-m-expanded ~ [aria-level="4"] {
116
+ .pf-v6-c-treeview [aria-level="3"].pf-m-expanded ~ [aria-level="4"] {
117
117
  display: table-row;
118
118
  }
119
- .pf-v5-c-treeview [aria-level="4"].pf-m-expanded ~ [aria-level="5"] {
119
+ .pf-v6-c-treeview [aria-level="4"].pf-m-expanded ~ [aria-level="5"] {
120
120
  display: table-row;
121
121
  }
122
- .pf-v5-c-treeview [aria-level="5"].pf-m-expanded ~ [aria-level="6"] {
122
+ .pf-v6-c-treeview [aria-level="5"].pf-m-expanded ~ [aria-level="6"] {
123
123
  display: table-row;
124
124
  }
125
- .pf-v5-c-treeview [aria-level="6"].pf-m-expanded ~ [aria-level="7"] {
125
+ .pf-v6-c-treeview [aria-level="6"].pf-m-expanded ~ [aria-level="7"] {
126
126
  display: table-row;
127
127
  }
128
- .pf-v5-c-treeview [aria-level="7"].pf-m-expanded ~ [aria-level="8"] {
128
+ .pf-v6-c-treeview [aria-level="7"].pf-m-expanded ~ [aria-level="8"] {
129
129
  display: table-row;
130
130
  }
131
- .pf-v5-c-treeview [aria-level="8"].pf-m-expanded ~ [aria-level="9"] {
131
+ .pf-v6-c-treeview [aria-level="8"].pf-m-expanded ~ [aria-level="9"] {
132
132
  display: table-row;
133
133
  }
134
- .pf-v5-c-treeview [aria-level="9"].pf-m-expanded ~ [aria-level="10"] {
134
+ .pf-v6-c-treeview [aria-level="9"].pf-m-expanded ~ [aria-level="10"] {
135
135
  display: table-row;
136
136
  }
137
- .pf-v5-c-treeview [aria-level="10"].pf-m-expanded ~ [aria-level="11"] {
137
+ .pf-v6-c-treeview [aria-level="10"].pf-m-expanded ~ [aria-level="11"] {
138
138
  display: table-row;
139
139
  }
140
- .pf-v5-c-treeview tr.pf-m-expanded .pf-v5-c-treeview__toggle-icon {
140
+ .pf-v6-c-treeview tr.pf-m-expanded .pf-v6-c-treeview__toggle-icon {
141
141
  transform: rotate(90deg);
142
142
  }
143
143
 
144
- .pf-v5-c-treeview__control {
144
+ .pf-v6-c-treeview__control {
145
145
  display: grid;
146
146
  align-items: baseline;
147
147
  }
148
148
 
149
- .pf-v5-c-treeview__control-toggle {
149
+ .pf-v6-c-treeview__control-toggle {
150
150
  grid-area: 1/toggle;
151
151
  }
152
152
 
153
- .pf-v5-c-treeview__control-text {
153
+ .pf-v6-c-treeview__control-text {
154
154
  grid-area: 1/text;
155
155
  max-width: 100%;
156
156
  overflow: hidden;
@@ -158,180 +158,180 @@
158
158
  text-overflow: ellipsis;
159
159
  }
160
160
 
161
- .pf-v5-c-treeview__check {
161
+ .pf-v6-c-treeview__check {
162
162
  grid-row-start: 1;
163
163
  grid-column-start: 2;
164
164
  }
165
165
 
166
- .pf-v5-c-treeview.pf-m-expandable .pf-v5-c-treeview__control {
167
- grid-template-columns: [toggle] var(--pf-v5-c-treeview__control-toggle--Width) [text] auto;
166
+ .pf-v6-c-treeview.pf-m-expandable .pf-v6-c-treeview__control {
167
+ grid-template-columns: [toggle] var(--pf-v6-c-treeview__control-toggle--Width) [text] auto;
168
168
  }
169
169
 
170
170
  @media (max-width: 2000px) {
171
- .pf-v5-c-treeview.pf-m-grid {
171
+ .pf-v6-c-treeview.pf-m-grid {
172
172
  width: 480px;
173
173
  background: lightgray;
174
174
  padding: 12px;
175
175
  }
176
- .pf-v5-c-treeview.pf-m-grid,
177
- .pf-v5-c-treeview.pf-m-grid tr {
176
+ .pf-v6-c-treeview.pf-m-grid,
177
+ .pf-v6-c-treeview.pf-m-grid tr {
178
178
  display: grid;
179
179
  }
180
- .pf-v5-c-treeview.pf-m-grid thead {
180
+ .pf-v6-c-treeview.pf-m-grid thead {
181
181
  display: none;
182
182
  }
183
- .pf-v5-c-treeview.pf-m-grid tbody {
183
+ .pf-v6-c-treeview.pf-m-grid tbody {
184
184
  display: grid;
185
185
  }
186
- .pf-v5-c-treeview.pf-m-grid td,
187
- .pf-v5-c-treeview.pf-m-grid th {
186
+ .pf-v6-c-treeview.pf-m-grid td,
187
+ .pf-v6-c-treeview.pf-m-grid th {
188
188
  display: grid;
189
189
  grid-template-columns: 1fr 1.5fr;
190
190
  grid-column: 1;
191
191
  padding-left: 0;
192
192
  font-weight: normal;
193
193
  }
194
- .pf-v5-c-treeview.pf-m-grid [data-label]::before {
194
+ .pf-v6-c-treeview.pf-m-grid [data-label]::before {
195
195
  content: attr(data-label);
196
196
  grid-column: 1;
197
197
  font-weight: bold;
198
198
  }
199
- .pf-v5-c-treeview.pf-m-grid [data-label] {
200
- grid-column-gap: var(--pf-v5-global--spacer--md);
199
+ .pf-v6-c-treeview.pf-m-grid [data-label] {
200
+ grid-column-gap: var(--pf-t--global--spacer--md);
201
201
  padding-top: 8px;
202
202
  padding-bottom: 8px;
203
203
  }
204
- .pf-v5-c-treeview.pf-m-grid [data-label] * {
204
+ .pf-v6-c-treeview.pf-m-grid [data-label] * {
205
205
  grid-column: 2;
206
206
  }
207
- .pf-v5-c-treeview.pf-m-grid .pf-v5-c-treeview__check,
208
- .pf-v5-c-treeview.pf-m-grid .pf-v5-c-treeview__action {
207
+ .pf-v6-c-treeview.pf-m-grid .pf-v6-c-treeview__check,
208
+ .pf-v6-c-treeview.pf-m-grid .pf-v6-c-treeview__action {
209
209
  display: inline-block;
210
210
  width: auto;
211
211
  grid-row: 1;
212
212
  align-self: baseline;
213
213
  padding: 0;
214
214
  }
215
- .pf-v5-c-treeview.pf-m-grid .pf-v5-c-treeview__check {
215
+ .pf-v6-c-treeview.pf-m-grid .pf-v6-c-treeview__check {
216
216
  grid-column: 3;
217
217
  }
218
- .pf-v5-c-treeview.pf-m-grid .pf-v5-c-treeview__action {
218
+ .pf-v6-c-treeview.pf-m-grid .pf-v6-c-treeview__action {
219
219
  grid-column: 4;
220
220
  }
221
- .pf-v5-c-treeview.pf-m-grid .pf-v5-c-treeview__control {
221
+ .pf-v6-c-treeview.pf-m-grid .pf-v6-c-treeview__control {
222
222
  display: block;
223
223
  }
224
- .pf-v5-c-treeview.pf-m-grid .pf-v5-c-treeview__control .pf-v5-c-treeview__toggle {
224
+ .pf-v6-c-treeview.pf-m-grid .pf-v6-c-treeview__control .pf-v6-c-treeview__toggle {
225
225
  display: none;
226
226
  }
227
- .pf-v5-c-treeview.pf-m-grid [aria-level] .pf-v5-c-treeview__title-cell {
227
+ .pf-v6-c-treeview.pf-m-grid [aria-level] .pf-v6-c-treeview__title-cell {
228
228
  padding-left: 0;
229
229
  }
230
- .pf-v5-c-treeview.pf-m-grid tr {
230
+ .pf-v6-c-treeview.pf-m-grid tr {
231
231
  grid-template-columns: 1fr;
232
232
  grid-auto-columns: max-content;
233
- padding: var(--pf-v5-global--spacer--md);
233
+ padding: var(--pf-t--global--spacer--md);
234
234
  background: rgba(255, 255, 255, 0.5);
235
235
  display: none;
236
236
  visibility: hidden;
237
237
  }
238
238
  }
239
239
 
240
- .pf-v5-c-treeview.pf-m-grid tr {
240
+ .pf-v6-c-treeview.pf-m-grid tr {
241
241
  display: none;
242
242
  }
243
243
  @media (max-width: 2000px) {
244
- .pf-v5-c-treeview.pf-m-grid .pf-m-level-1 [aria-level="1"] {
244
+ .pf-v6-c-treeview.pf-m-grid .pf-m-level-1 [aria-level="1"] {
245
245
  display: grid;
246
246
  visibility: visible;
247
247
  }
248
- .pf-v5-c-treeview.pf-m-grid .pf-m-level-2 tr[aria-level="1"].pf-m-expanded ~ tr[aria-level="2"] {
248
+ .pf-v6-c-treeview.pf-m-grid .pf-m-level-2 tr[aria-level="1"].pf-m-expanded ~ tr[aria-level="2"] {
249
249
  background: lightsalmon;
250
250
  display: grid;
251
251
  visibility: visible;
252
252
  }
253
- .pf-v5-c-treeview.pf-m-grid .pf-m-level-2 tr[aria-level="1"].pf-m-expanded ~ tr[aria-level="1"] ~ tr[aria-level="2"] {
253
+ .pf-v6-c-treeview.pf-m-grid .pf-m-level-2 tr[aria-level="1"].pf-m-expanded ~ tr[aria-level="1"] ~ tr[aria-level="2"] {
254
254
  display: none;
255
255
  visibility: hidden;
256
256
  }
257
- .pf-v5-c-treeview.pf-m-grid .pf-m-level-3 tr[aria-level="2"].pf-m-expanded ~ tr[aria-level="3"] {
257
+ .pf-v6-c-treeview.pf-m-grid .pf-m-level-3 tr[aria-level="2"].pf-m-expanded ~ tr[aria-level="3"] {
258
258
  background: lightsalmon;
259
259
  display: grid;
260
260
  visibility: visible;
261
261
  }
262
- .pf-v5-c-treeview.pf-m-grid .pf-m-level-3 tr[aria-level="2"].pf-m-expanded ~ tr[aria-level="2"] ~ tr[aria-level="3"] {
262
+ .pf-v6-c-treeview.pf-m-grid .pf-m-level-3 tr[aria-level="2"].pf-m-expanded ~ tr[aria-level="2"] ~ tr[aria-level="3"] {
263
263
  display: none;
264
264
  visibility: hidden;
265
265
  }
266
- .pf-v5-c-treeview.pf-m-grid .pf-m-level-4 tr[aria-level="3"].pf-m-expanded ~ tr[aria-level="4"] {
266
+ .pf-v6-c-treeview.pf-m-grid .pf-m-level-4 tr[aria-level="3"].pf-m-expanded ~ tr[aria-level="4"] {
267
267
  background: lightsalmon;
268
268
  display: grid;
269
269
  visibility: visible;
270
270
  }
271
- .pf-v5-c-treeview.pf-m-grid .pf-m-level-4 tr[aria-level="3"].pf-m-expanded ~ tr[aria-level="3"] ~ tr[aria-level="4"] {
271
+ .pf-v6-c-treeview.pf-m-grid .pf-m-level-4 tr[aria-level="3"].pf-m-expanded ~ tr[aria-level="3"] ~ tr[aria-level="4"] {
272
272
  display: none;
273
273
  visibility: hidden;
274
274
  }
275
- .pf-v5-c-treeview.pf-m-grid .pf-m-level-5 tr[aria-level="4"].pf-m-expanded ~ tr[aria-level="5"] {
275
+ .pf-v6-c-treeview.pf-m-grid .pf-m-level-5 tr[aria-level="4"].pf-m-expanded ~ tr[aria-level="5"] {
276
276
  background: lightsalmon;
277
277
  display: grid;
278
278
  visibility: visible;
279
279
  }
280
- .pf-v5-c-treeview.pf-m-grid .pf-m-level-5 tr[aria-level="4"].pf-m-expanded ~ tr[aria-level="4"] ~ tr[aria-level="5"] {
280
+ .pf-v6-c-treeview.pf-m-grid .pf-m-level-5 tr[aria-level="4"].pf-m-expanded ~ tr[aria-level="4"] ~ tr[aria-level="5"] {
281
281
  display: none;
282
282
  visibility: hidden;
283
283
  }
284
- .pf-v5-c-treeview.pf-m-grid .pf-m-level-6 tr[aria-level="5"].pf-m-expanded ~ tr[aria-level="6"] {
284
+ .pf-v6-c-treeview.pf-m-grid .pf-m-level-6 tr[aria-level="5"].pf-m-expanded ~ tr[aria-level="6"] {
285
285
  background: lightsalmon;
286
286
  display: grid;
287
287
  visibility: visible;
288
288
  }
289
- .pf-v5-c-treeview.pf-m-grid .pf-m-level-6 tr[aria-level="5"].pf-m-expanded ~ tr[aria-level="5"] ~ tr[aria-level="6"] {
289
+ .pf-v6-c-treeview.pf-m-grid .pf-m-level-6 tr[aria-level="5"].pf-m-expanded ~ tr[aria-level="5"] ~ tr[aria-level="6"] {
290
290
  display: none;
291
291
  visibility: hidden;
292
292
  }
293
- .pf-v5-c-treeview.pf-m-grid .pf-m-level-7 tr[aria-level="6"].pf-m-expanded ~ tr[aria-level="7"] {
293
+ .pf-v6-c-treeview.pf-m-grid .pf-m-level-7 tr[aria-level="6"].pf-m-expanded ~ tr[aria-level="7"] {
294
294
  background: lightsalmon;
295
295
  display: grid;
296
296
  visibility: visible;
297
297
  }
298
- .pf-v5-c-treeview.pf-m-grid .pf-m-level-7 tr[aria-level="6"].pf-m-expanded ~ tr[aria-level="6"] ~ tr[aria-level="7"] {
298
+ .pf-v6-c-treeview.pf-m-grid .pf-m-level-7 tr[aria-level="6"].pf-m-expanded ~ tr[aria-level="6"] ~ tr[aria-level="7"] {
299
299
  display: none;
300
300
  visibility: hidden;
301
301
  }
302
- .pf-v5-c-treeview.pf-m-grid .pf-m-level-8 tr[aria-level="7"].pf-m-expanded ~ tr[aria-level="8"] {
302
+ .pf-v6-c-treeview.pf-m-grid .pf-m-level-8 tr[aria-level="7"].pf-m-expanded ~ tr[aria-level="8"] {
303
303
  background: lightsalmon;
304
304
  display: grid;
305
305
  visibility: visible;
306
306
  }
307
- .pf-v5-c-treeview.pf-m-grid .pf-m-level-8 tr[aria-level="7"].pf-m-expanded ~ tr[aria-level="7"] ~ tr[aria-level="8"] {
307
+ .pf-v6-c-treeview.pf-m-grid .pf-m-level-8 tr[aria-level="7"].pf-m-expanded ~ tr[aria-level="7"] ~ tr[aria-level="8"] {
308
308
  display: none;
309
309
  visibility: hidden;
310
310
  }
311
- .pf-v5-c-treeview.pf-m-grid .pf-m-level-9 tr[aria-level="8"].pf-m-expanded ~ tr[aria-level="9"] {
311
+ .pf-v6-c-treeview.pf-m-grid .pf-m-level-9 tr[aria-level="8"].pf-m-expanded ~ tr[aria-level="9"] {
312
312
  background: lightsalmon;
313
313
  display: grid;
314
314
  visibility: visible;
315
315
  }
316
- .pf-v5-c-treeview.pf-m-grid .pf-m-level-9 tr[aria-level="8"].pf-m-expanded ~ tr[aria-level="8"] ~ tr[aria-level="9"] {
316
+ .pf-v6-c-treeview.pf-m-grid .pf-m-level-9 tr[aria-level="8"].pf-m-expanded ~ tr[aria-level="8"] ~ tr[aria-level="9"] {
317
317
  display: none;
318
318
  visibility: hidden;
319
319
  }
320
- .pf-v5-c-treeview.pf-m-grid .pf-m-level-10 tr[aria-level="9"].pf-m-expanded ~ tr[aria-level="10"] {
320
+ .pf-v6-c-treeview.pf-m-grid .pf-m-level-10 tr[aria-level="9"].pf-m-expanded ~ tr[aria-level="10"] {
321
321
  background: lightsalmon;
322
322
  display: grid;
323
323
  visibility: visible;
324
324
  }
325
- .pf-v5-c-treeview.pf-m-grid .pf-m-level-10 tr[aria-level="9"].pf-m-expanded ~ tr[aria-level="9"] ~ tr[aria-level="10"] {
325
+ .pf-v6-c-treeview.pf-m-grid .pf-m-level-10 tr[aria-level="9"].pf-m-expanded ~ tr[aria-level="9"] ~ tr[aria-level="10"] {
326
326
  display: none;
327
327
  visibility: hidden;
328
328
  }
329
- .pf-v5-c-treeview.pf-m-grid .pf-m-level-11 tr[aria-level="10"].pf-m-expanded ~ tr[aria-level="11"] {
329
+ .pf-v6-c-treeview.pf-m-grid .pf-m-level-11 tr[aria-level="10"].pf-m-expanded ~ tr[aria-level="11"] {
330
330
  background: lightsalmon;
331
331
  display: grid;
332
332
  visibility: visible;
333
333
  }
334
- .pf-v5-c-treeview.pf-m-grid .pf-m-level-11 tr[aria-level="10"].pf-m-expanded ~ tr[aria-level="10"] ~ tr[aria-level="11"] {
334
+ .pf-v6-c-treeview.pf-m-grid .pf-m-level-11 tr[aria-level="10"].pf-m-expanded ~ tr[aria-level="10"] ~ tr[aria-level="11"] {
335
335
  display: none;
336
336
  visibility: hidden;
337
337
  }