@patternfly/react-core 6.1.0-prerelease.15 → 6.1.0-prerelease.16

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 (126) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/components/package.json +1 -1
  3. package/deprecated/package.json +1 -1
  4. package/dist/dynamic/components/AboutModal/package.json +1 -1
  5. package/dist/dynamic/components/Accordion/package.json +1 -1
  6. package/dist/dynamic/components/ActionList/package.json +1 -1
  7. package/dist/dynamic/components/Alert/package.json +1 -1
  8. package/dist/dynamic/components/Avatar/package.json +1 -1
  9. package/dist/dynamic/components/BackToTop/package.json +1 -1
  10. package/dist/dynamic/components/Backdrop/package.json +1 -1
  11. package/dist/dynamic/components/BackgroundImage/package.json +1 -1
  12. package/dist/dynamic/components/Badge/package.json +1 -1
  13. package/dist/dynamic/components/Banner/package.json +1 -1
  14. package/dist/dynamic/components/Brand/package.json +1 -1
  15. package/dist/dynamic/components/Breadcrumb/package.json +1 -1
  16. package/dist/dynamic/components/Button/package.json +1 -1
  17. package/dist/dynamic/components/CalendarMonth/package.json +1 -1
  18. package/dist/dynamic/components/Card/package.json +1 -1
  19. package/dist/dynamic/components/Checkbox/package.json +1 -1
  20. package/dist/dynamic/components/ClipboardCopy/package.json +1 -1
  21. package/dist/dynamic/components/CodeBlock/package.json +1 -1
  22. package/dist/dynamic/components/Content/package.json +1 -1
  23. package/dist/dynamic/components/DataList/package.json +1 -1
  24. package/dist/dynamic/components/DatePicker/package.json +1 -1
  25. package/dist/dynamic/components/DescriptionList/package.json +1 -1
  26. package/dist/dynamic/components/Divider/package.json +1 -1
  27. package/dist/dynamic/components/Drawer/package.json +1 -1
  28. package/dist/dynamic/components/Dropdown/package.json +1 -1
  29. package/dist/dynamic/components/DualListSelector/package.json +1 -1
  30. package/dist/dynamic/components/EmptyState/package.json +1 -1
  31. package/dist/dynamic/components/ExpandableSection/package.json +1 -1
  32. package/dist/dynamic/components/FileUpload/package.json +1 -1
  33. package/dist/dynamic/components/Form/package.json +1 -1
  34. package/dist/dynamic/components/FormSelect/package.json +1 -1
  35. package/dist/dynamic/components/HelperText/package.json +1 -1
  36. package/dist/dynamic/components/Hint/package.json +1 -1
  37. package/dist/dynamic/components/Icon/package.json +1 -1
  38. package/dist/dynamic/components/InputGroup/package.json +1 -1
  39. package/dist/dynamic/components/JumpLinks/package.json +1 -1
  40. package/dist/dynamic/components/Label/package.json +1 -1
  41. package/dist/dynamic/components/List/package.json +1 -1
  42. package/dist/dynamic/components/LoginPage/package.json +1 -1
  43. package/dist/dynamic/components/Masthead/package.json +1 -1
  44. package/dist/dynamic/components/Menu/package.json +1 -1
  45. package/dist/dynamic/components/MenuToggle/package.json +1 -1
  46. package/dist/dynamic/components/Modal/package.json +1 -1
  47. package/dist/dynamic/components/MultipleFileUpload/package.json +1 -1
  48. package/dist/dynamic/components/Nav/package.json +1 -1
  49. package/dist/dynamic/components/NotificationBadge/package.json +1 -1
  50. package/dist/dynamic/components/NotificationDrawer/package.json +1 -1
  51. package/dist/dynamic/components/NumberInput/package.json +1 -1
  52. package/dist/dynamic/components/OverflowMenu/package.json +1 -1
  53. package/dist/dynamic/components/Page/package.json +1 -1
  54. package/dist/dynamic/components/Pagination/package.json +1 -1
  55. package/dist/dynamic/components/Panel/package.json +1 -1
  56. package/dist/dynamic/components/Popover/package.json +1 -1
  57. package/dist/dynamic/components/Progress/package.json +1 -1
  58. package/dist/dynamic/components/ProgressStepper/package.json +1 -1
  59. package/dist/dynamic/components/Radio/package.json +1 -1
  60. package/dist/dynamic/components/SearchInput/package.json +1 -1
  61. package/dist/dynamic/components/Select/package.json +1 -1
  62. package/dist/dynamic/components/Sidebar/package.json +1 -1
  63. package/dist/dynamic/components/SimpleList/package.json +1 -1
  64. package/dist/dynamic/components/Skeleton/package.json +1 -1
  65. package/dist/dynamic/components/SkipToContent/package.json +1 -1
  66. package/dist/dynamic/components/Slider/package.json +1 -1
  67. package/dist/dynamic/components/Spinner/package.json +1 -1
  68. package/dist/dynamic/components/Switch/package.json +1 -1
  69. package/dist/dynamic/components/Tabs/package.json +1 -1
  70. package/dist/dynamic/components/TextArea/package.json +1 -1
  71. package/dist/dynamic/components/TextInput/package.json +1 -1
  72. package/dist/dynamic/components/TextInputGroup/package.json +1 -1
  73. package/dist/dynamic/components/TimePicker/package.json +1 -1
  74. package/dist/dynamic/components/Timestamp/package.json +1 -1
  75. package/dist/dynamic/components/Title/package.json +1 -1
  76. package/dist/dynamic/components/ToggleGroup/package.json +1 -1
  77. package/dist/dynamic/components/Toolbar/package.json +1 -1
  78. package/dist/dynamic/components/Tooltip/package.json +1 -1
  79. package/dist/dynamic/components/TreeView/package.json +1 -1
  80. package/dist/dynamic/components/Truncate/package.json +1 -1
  81. package/dist/dynamic/components/Wizard/hooks/package.json +1 -1
  82. package/dist/dynamic/components/Wizard/package.json +1 -1
  83. package/dist/dynamic/deprecated/components/Chip/package.json +1 -1
  84. package/dist/dynamic/deprecated/components/DragDrop/package.json +1 -1
  85. package/dist/dynamic/deprecated/components/DualListSelector/package.json +1 -1
  86. package/dist/dynamic/deprecated/components/Modal/package.json +1 -1
  87. package/dist/dynamic/deprecated/components/Tile/package.json +1 -1
  88. package/dist/dynamic/deprecated/components/Wizard/package.json +1 -1
  89. package/dist/dynamic/deprecated/components/package.json +1 -1
  90. package/dist/dynamic/helpers/FocusTrap/FocusTrap/package.json +1 -1
  91. package/dist/dynamic/helpers/GenerateId/GenerateId/package.json +1 -1
  92. package/dist/dynamic/helpers/KeyboardHandler/package.json +1 -1
  93. package/dist/dynamic/helpers/OUIA/ouia/package.json +1 -1
  94. package/dist/dynamic/helpers/Popper/Popper/package.json +1 -1
  95. package/dist/dynamic/helpers/constants/package.json +1 -1
  96. package/dist/dynamic/helpers/datetimeUtils/package.json +1 -1
  97. package/dist/dynamic/helpers/fileUtils/package.json +1 -1
  98. package/dist/dynamic/helpers/htmlConstants/package.json +1 -1
  99. package/dist/dynamic/helpers/package.json +1 -1
  100. package/dist/dynamic/helpers/resizeObserver/package.json +1 -1
  101. package/dist/dynamic/helpers/typeUtils/package.json +1 -1
  102. package/dist/dynamic/helpers/useInterval/package.json +1 -1
  103. package/dist/dynamic/helpers/useIsomorphicLayout/package.json +1 -1
  104. package/dist/dynamic/helpers/useUnmountEffect/package.json +1 -1
  105. package/dist/dynamic/helpers/util/package.json +1 -1
  106. package/dist/dynamic/layouts/Bullseye/package.json +1 -1
  107. package/dist/dynamic/layouts/Flex/package.json +1 -1
  108. package/dist/dynamic/layouts/Gallery/package.json +1 -1
  109. package/dist/dynamic/layouts/Grid/package.json +1 -1
  110. package/dist/dynamic/layouts/Level/package.json +1 -1
  111. package/dist/dynamic/layouts/Split/package.json +1 -1
  112. package/dist/dynamic/layouts/Stack/package.json +1 -1
  113. package/dist/dynamic/styles/package.json +1 -1
  114. package/dist/umd/assets/{output-DHZCvbdd.css → output-Cpfcd7qd.css} +1464 -1464
  115. package/helpers/package.json +1 -1
  116. package/layouts/package.json +1 -1
  117. package/next/package.json +1 -1
  118. package/package.json +2 -2
  119. package/src/components/LoginPage/examples/LoginPage.md +1 -1
  120. package/src/components/LoginPage/examples/LoginPageBasic.tsx +2 -2
  121. package/src/components/LoginPage/examples/LoginPageLanguageSelect.tsx +2 -2
  122. package/src/components/LoginPage/examples/LoginPageShowHidePassword.tsx +2 -2
  123. package/src/demos/CustomMenus/ApplicationLauncher.md +1 -1
  124. package/src/demos/CustomMenus/CustomMenus.md +1 -1
  125. package/src/demos/CustomMenus/examples/ApplicationLauncherDemo.tsx +2 -2
  126. package/src/demos/assets/PF-IconLogo.svg +17 -0
@@ -198,214 +198,6 @@
198
198
  column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
199
199
  }
200
200
 
201
- .pf-v6-c-alert {
202
- --pf-v6-c-alert--BoxShadow: var(--pf-t--global--box-shadow--lg);
203
- --pf-v6-c-alert--BackgroundColor: var(--pf-t--global--background--color--floating--default);
204
- --pf-v6-c-alert--GridTemplateColumns: max-content 1fr max-content;
205
- --pf-v6-c-alert--GridTemplateAreas:
206
- "icon title action"
207
- ". description description"
208
- ". actiongroup actiongroup";
209
- --pf-v6-c-alert--BorderWidth: var(--pf-t--global--border--width--box--status--default);
210
- --pf-v6-c-alert--BorderColor: transparent;
211
- --pf-v6-c-alert--BorderRadius: var(--pf-t--global--border--radius--medium);
212
- --pf-v6-c-alert--PaddingBlockStart: var(--pf-t--global--spacer--md);
213
- --pf-v6-c-alert--PaddingInlineEnd: var(--pf-t--global--spacer--md);
214
- --pf-v6-c-alert--PaddingBlockEnd: var(--pf-t--global--spacer--md);
215
- --pf-v6-c-alert--PaddingInlineStart: var(--pf-t--global--spacer--md);
216
- --pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
217
- --pf-v6-c-alert__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
218
- --pf-v6-c-alert__toggle--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
219
- --pf-v6-c-alert__toggle--MarginInlineStart: calc(-1 * var(--pf-t--global--spacer--action--horizontal--plain--default));
220
- --pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
221
- --pf-v6-c-alert__toggle-icon--Rotate: 0;
222
- --pf-v6-c-alert__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
223
- --pf-v6-c-alert__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
224
- --pf-v6-c-alert__icon--Color: var(--pf-t--global--icon--color--regular);
225
- --pf-v6-c-alert__icon--MarginBlockStart: 0.25rem;
226
- --pf-v6-c-alert__icon--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
227
- --pf-v6-c-alert__icon--FontSize: var(--pf-t--global--icon--size--md);
228
- --pf-v6-c-alert__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
229
- --pf-v6-c-alert__title--Color: var(--pf-t--global--text--color--regular);
230
- --pf-v6-c-alert__title--max-lines: 1;
231
- --pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
232
- --pf-v6-c-alert__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
233
- --pf-v6-c-alert__action--TranslateY: 0.125rem;
234
- --pf-v6-c-alert__action--MarginInlineEnd: calc(var(--pf-t--global--spacer--sm) * -1);
235
- --pf-v6-c-alert__description--PaddingBlockStart: var(--pf-t--global--spacer--xs);
236
- --pf-v6-c-alert__action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--sm);
237
- --pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__action-group--PaddingBlockStart-base);
238
- --pf-v6-c-alert__description--action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--sm);
239
- --pf-v6-c-alert__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart-base);
240
- --pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
241
- --pf-v6-c-alert--m-custom--BorderColor: var(--pf-t--global--border--color--status--custom--default);
242
- --pf-v6-c-alert--m-custom__icon--Color: var(--pf-t--global--icon--color--status--custom--default);
243
- --pf-v6-c-alert--m-custom__title--Color: var(--pf-t--global--text--color--regular);
244
- --pf-v6-c-alert--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
245
- --pf-v6-c-alert--m-success__icon--Color: var(--pf-t--global--icon--color--status--success--default);
246
- --pf-v6-c-alert--m-success__title--Color: var(--pf-t--global--text--color--regular);
247
- --pf-v6-c-alert--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
248
- --pf-v6-c-alert--m-danger__icon--Color: var(--pf-t--global--icon--color--status--danger--default);
249
- --pf-v6-c-alert--m-danger__title--Color: var(--pf-t--global--text--color--regular);
250
- --pf-v6-c-alert--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
251
- --pf-v6-c-alert--m-warning__icon--Color: var(--pf-t--global--icon--color--status--warning--default);
252
- --pf-v6-c-alert--m-warning__title--Color: var(--pf-t--global--text--color--regular);
253
- --pf-v6-c-alert--m-info--BorderColor: var(--pf-t--global--border--color--status--info--default);
254
- --pf-v6-c-alert--m-info__icon--Color: var(--pf-t--global--icon--color--status--info--default);
255
- --pf-v6-c-alert--m-info__title--Color: var(--pf-t--global--text--color--regular);
256
- --pf-v6-c-alert--m-inline--BackgroundColor: var(--pf-t--global--background--color--primary--default);
257
- --pf-v6-c-alert--m-inline--BoxShadow: none;
258
- --pf-v6-c-alert--m-inline--m-plain--BorderWidth: 0;
259
- --pf-v6-c-alert--m-inline--m-plain--BackgroundColor: transparent;
260
- --pf-v6-c-alert--m-inline--m-plain--PaddingBlockStart: 0;
261
- --pf-v6-c-alert--m-inline--m-plain--PaddingInlineEnd: 0;
262
- --pf-v6-c-alert--m-inline--m-plain--PaddingBlockEnd: 0;
263
- --pf-v6-c-alert--m-inline--m-plain--PaddingInlineStart: 0;
264
- --pf-v6-c-alert--m-expandable--GridTemplateColumns: auto max-content 1fr max-content;
265
- --pf-v6-c-alert--m-expandable--GridTemplateAreas:
266
- "toggle icon title action"
267
- ". . description description"
268
- ". . actiongroup actiongroup";
269
- --pf-v6-c-alert--m-expandable__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__action-group--PaddingBlockStart-base);
270
- --pf-v6-c-alert--m-expanded__toggle-icon--Rotate: 90deg;
271
- --pf-v6-c-alert--m-expanded__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart-base);
272
- }
273
-
274
- .pf-v6-c-alert {
275
- position: relative;
276
- display: grid;
277
- grid-template-areas: var(--pf-v6-c-alert--GridTemplateAreas);
278
- grid-template-columns: var(--pf-v6-c-alert--GridTemplateColumns);
279
- padding-block-start: var(--pf-v6-c-alert--PaddingBlockStart);
280
- padding-block-end: var(--pf-v6-c-alert--PaddingBlockEnd);
281
- padding-inline-start: var(--pf-v6-c-alert--PaddingInlineStart);
282
- padding-inline-end: var(--pf-v6-c-alert--PaddingInlineEnd);
283
- font-size: var(--pf-v6-c-alert--FontSize);
284
- background-color: var(--pf-v6-c-alert--BackgroundColor);
285
- border: var(--pf-v6-c-alert--BorderWidth) solid var(--pf-v6-c-alert--BorderColor);
286
- border-radius: var(--pf-v6-c-alert--BorderRadius);
287
- box-shadow: var(--pf-v6-c-alert--BoxShadow);
288
- }
289
-
290
- .pf-v6-c-alert.pf-m-custom {
291
- --pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-custom--BorderColor);
292
- --pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-custom__icon--Color);
293
- --pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-custom__title--Color);
294
- }
295
-
296
- .pf-v6-c-alert.pf-m-success {
297
- --pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-success--BorderColor);
298
- --pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-success__icon--Color);
299
- --pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-success__title--Color);
300
- }
301
-
302
- .pf-v6-c-alert.pf-m-danger {
303
- --pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-danger--BorderColor);
304
- --pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-danger__icon--Color);
305
- --pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-danger__title--Color);
306
- }
307
-
308
- .pf-v6-c-alert.pf-m-warning {
309
- --pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-warning--BorderColor);
310
- --pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-warning__icon--Color);
311
- --pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-warning__title--Color);
312
- }
313
-
314
- .pf-v6-c-alert.pf-m-info {
315
- --pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-info--BorderColor);
316
- --pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-info__icon--Color);
317
- --pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-info__title--Color);
318
- }
319
-
320
- .pf-v6-c-alert.pf-m-inline {
321
- --pf-v6-c-alert--BoxShadow: var(--pf-v6-c-alert--m-inline--BoxShadow);
322
- --pf-v6-c-alert--BackgroundColor: var(--pf-v6-c-alert--m-inline--BackgroundColor);
323
- }
324
-
325
- .pf-v6-c-alert.pf-m-plain {
326
- --pf-v6-c-alert--BorderWidth: var(--pf-v6-c-alert--m-inline--m-plain--BorderWidth);
327
- --pf-v6-c-alert--BackgroundColor: var(--pf-v6-c-alert--m-inline--m-plain--BackgroundColor);
328
- --pf-v6-c-alert--PaddingBlockStart: var(--pf-v6-c-alert--m-inline--m-plain--PaddingBlockStart);
329
- --pf-v6-c-alert--PaddingInlineEnd: var(--pf-v6-c-alert--m-inline--m-plain--PaddingInlineEnd);
330
- --pf-v6-c-alert--PaddingBlockEnd: var(--pf-v6-c-alert--m-inline--m-plain--PaddingBlockEnd);
331
- --pf-v6-c-alert--PaddingInlineStart: var(--pf-v6-c-alert--m-inline--m-plain--PaddingInlineStart);
332
- }
333
-
334
- .pf-v6-c-alert.pf-m-expandable {
335
- --pf-v6-c-alert--GridTemplateColumns: var(--pf-v6-c-alert--m-expandable--GridTemplateColumns);
336
- --pf-v6-c-alert--GridTemplateAreas: var(--pf-v6-c-alert--m-expandable--GridTemplateAreas);
337
- --pf-v6-c-alert__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert--m-expandable__description--action-group--PaddingBlockStart);
338
- }
339
-
340
- .pf-v6-c-alert.pf-m-expanded {
341
- --pf-v6-c-alert__toggle-icon--Rotate: var(--pf-v6-c-alert--m-expanded__toggle-icon--Rotate);
342
- --pf-v6-c-alert__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert--m-expanded__description--action-group--PaddingBlockStart);
343
- }
344
-
345
- .pf-v6-c-alert__toggle {
346
- margin-block-start: var(--pf-v6-c-alert__toggle--MarginBlockStart);
347
- margin-block-end: var(--pf-v6-c-alert__toggle--MarginBlockEnd);
348
- margin-inline-start: var(--pf-v6-c-alert__toggle--MarginInlineStart);
349
- margin-inline-end: var(--pf-v6-c-alert__toggle--MarginInlineEnd);
350
- }
351
-
352
- .pf-v6-c-alert__toggle-icon {
353
- display: inline-block;
354
- transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
355
- transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
356
- }
357
-
358
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
359
- scale: -1 1;
360
- }
361
-
362
- .pf-v6-c-alert__icon {
363
- grid-area: icon;
364
- margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
365
- font-size: var(--pf-v6-c-alert__icon--FontSize);
366
- color: var(--pf-v6-c-alert__icon--Color);
367
- }
368
-
369
- .pf-v6-c-alert__title {
370
- grid-area: title;
371
- font-weight: var(--pf-v6-c-alert__title--FontWeight);
372
- color: var(--pf-v6-c-alert__title--Color);
373
- word-break: break-word;
374
- }
375
-
376
- .pf-v6-c-alert__title.pf-m-truncate {
377
- display: -webkit-box;
378
- -webkit-box-orient: vertical;
379
- -webkit-line-clamp: var(--pf-v6-c-alert__title--max-lines);
380
- overflow: hidden;
381
- }
382
-
383
- .pf-v6-c-alert__description {
384
- grid-area: description;
385
- padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
386
- word-break: break-word;
387
- }
388
-
389
- .pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
390
- --pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
391
- }
392
-
393
- .pf-v6-c-alert__action {
394
- grid-area: action;
395
- margin-block-start: var(--pf-v6-c-alert__action--MarginBlockStart);
396
- margin-block-end: var(--pf-v6-c-alert__action--MarginBlockEnd);
397
- margin-inline-end: var(--pf-v6-c-alert__action--MarginInlineEnd);
398
- }
399
-
400
- .pf-v6-c-alert__action-group {
401
- grid-area: actiongroup;
402
- padding-block-start: var(--pf-v6-c-alert__action-group--PaddingBlockStart);
403
- }
404
-
405
- .pf-v6-c-alert__action-group > .pf-v6-c-button:not(:last-child) {
406
- margin-inline-end: var(--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd);
407
- }
408
-
409
201
  .pf-v6-c-avatar {
410
202
  --pf-v6-c-avatar--BorderColor: transparent;
411
203
  --pf-v6-c-avatar--BorderWidth: 0;
@@ -656,54 +448,262 @@
656
448
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-2xl, var(--pf-v6-c-avatar--m-xl--Height-on-xl, var(--pf-v6-c-avatar--m-xl--Height-on-lg, var(--pf-v6-c-avatar--m-xl--Height-on-md, var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height))))));
657
449
  }
658
450
  }
659
- .pf-v6-c-back-to-top {
660
- --pf-v6-c-back-to-top--InsetInlineEnd: var(--pf-t--global--spacer--2xl);
661
- --pf-v6-c-back-to-top--InsetBlockEnd: var(--pf-t--global--spacer--lg);
662
- --pf-v6-c-back-to-top--md--InsetBlockEnd: var(--pf-t--global--spacer--2xl);
663
- --pf-v6-c-back-to-top--c-button--FontSize: var(--pf-t--global--font--size--body--sm);
664
- --pf-v6-c-back-to-top--c-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
665
- --pf-v6-c-back-to-top--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
666
- --pf-v6-c-back-to-top--c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
667
- --pf-v6-c-back-to-top--c-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
668
- --pf-v6-c-back-to-top--c-button--BoxShadow: var(--pf-t--global--box-shadow--sm);
669
- }
670
-
671
- @media (min-width: 48rem) {
672
- .pf-v6-c-back-to-top {
673
- --pf-v6-c-back-to-top--InsetBlockEnd: var(--pf-v6-c-back-to-top--md--InsetBlockEnd);
674
- }
675
- }
676
- .pf-v6-c-back-to-top {
677
- position: absolute;
678
- inset-block-end: var(--pf-v6-c-back-to-top--InsetBlockEnd);
679
- inset-inline-end: var(--pf-v6-c-back-to-top--InsetInlineEnd);
680
- }
681
-
682
- .pf-v6-c-back-to-top.pf-m-hidden {
683
- display: none;
684
- }
685
-
686
- .pf-v6-c-back-to-top .pf-v6-c-button {
687
- --pf-v6-c-button--FontSize: var(--pf-v6-c-back-to-top--c-button--FontSize);
688
- --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-back-to-top--c-button--PaddingBlockStart);
689
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-back-to-top--c-button--PaddingInlineEnd);
690
- --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-back-to-top--c-button--PaddingBlockEnd);
691
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-back-to-top--c-button--PaddingInlineStart);
692
- box-shadow: var(--pf-v6-c-back-to-top--c-button--BoxShadow);
693
- }
694
-
695
- .pf-v6-c-backdrop {
696
- --pf-v6-c-backdrop--Position: fixed;
697
- --pf-v6-c-backdrop--ZIndex: var(--pf-t--global--z-index--lg);
698
- --pf-v6-c-backdrop--BackgroundColor: var(--pf-t--global--background--color--backdrop--default);
699
- }
700
-
701
- .pf-v6-c-backdrop {
702
- position: var(--pf-v6-c-backdrop--Position);
703
- inset-block-start: 0;
704
- inset-inline-start: 0;
705
- z-index: var(--pf-v6-c-backdrop--ZIndex);
706
- width: 100%;
451
+ .pf-v6-c-alert {
452
+ --pf-v6-c-alert--BoxShadow: var(--pf-t--global--box-shadow--lg);
453
+ --pf-v6-c-alert--BackgroundColor: var(--pf-t--global--background--color--floating--default);
454
+ --pf-v6-c-alert--GridTemplateColumns: max-content 1fr max-content;
455
+ --pf-v6-c-alert--GridTemplateAreas:
456
+ "icon title action"
457
+ ". description description"
458
+ ". actiongroup actiongroup";
459
+ --pf-v6-c-alert--BorderWidth: var(--pf-t--global--border--width--box--status--default);
460
+ --pf-v6-c-alert--BorderColor: transparent;
461
+ --pf-v6-c-alert--BorderRadius: var(--pf-t--global--border--radius--medium);
462
+ --pf-v6-c-alert--PaddingBlockStart: var(--pf-t--global--spacer--md);
463
+ --pf-v6-c-alert--PaddingInlineEnd: var(--pf-t--global--spacer--md);
464
+ --pf-v6-c-alert--PaddingBlockEnd: var(--pf-t--global--spacer--md);
465
+ --pf-v6-c-alert--PaddingInlineStart: var(--pf-t--global--spacer--md);
466
+ --pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
467
+ --pf-v6-c-alert__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
468
+ --pf-v6-c-alert__toggle--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
469
+ --pf-v6-c-alert__toggle--MarginInlineStart: calc(-1 * var(--pf-t--global--spacer--action--horizontal--plain--default));
470
+ --pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
471
+ --pf-v6-c-alert__toggle-icon--Rotate: 0;
472
+ --pf-v6-c-alert__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
473
+ --pf-v6-c-alert__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
474
+ --pf-v6-c-alert__icon--Color: var(--pf-t--global--icon--color--regular);
475
+ --pf-v6-c-alert__icon--MarginBlockStart: 0.25rem;
476
+ --pf-v6-c-alert__icon--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
477
+ --pf-v6-c-alert__icon--FontSize: var(--pf-t--global--icon--size--md);
478
+ --pf-v6-c-alert__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
479
+ --pf-v6-c-alert__title--Color: var(--pf-t--global--text--color--regular);
480
+ --pf-v6-c-alert__title--max-lines: 1;
481
+ --pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
482
+ --pf-v6-c-alert__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
483
+ --pf-v6-c-alert__action--TranslateY: 0.125rem;
484
+ --pf-v6-c-alert__action--MarginInlineEnd: calc(var(--pf-t--global--spacer--sm) * -1);
485
+ --pf-v6-c-alert__description--PaddingBlockStart: var(--pf-t--global--spacer--xs);
486
+ --pf-v6-c-alert__action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--sm);
487
+ --pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__action-group--PaddingBlockStart-base);
488
+ --pf-v6-c-alert__description--action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--sm);
489
+ --pf-v6-c-alert__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart-base);
490
+ --pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
491
+ --pf-v6-c-alert--m-custom--BorderColor: var(--pf-t--global--border--color--status--custom--default);
492
+ --pf-v6-c-alert--m-custom__icon--Color: var(--pf-t--global--icon--color--status--custom--default);
493
+ --pf-v6-c-alert--m-custom__title--Color: var(--pf-t--global--text--color--regular);
494
+ --pf-v6-c-alert--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
495
+ --pf-v6-c-alert--m-success__icon--Color: var(--pf-t--global--icon--color--status--success--default);
496
+ --pf-v6-c-alert--m-success__title--Color: var(--pf-t--global--text--color--regular);
497
+ --pf-v6-c-alert--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
498
+ --pf-v6-c-alert--m-danger__icon--Color: var(--pf-t--global--icon--color--status--danger--default);
499
+ --pf-v6-c-alert--m-danger__title--Color: var(--pf-t--global--text--color--regular);
500
+ --pf-v6-c-alert--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
501
+ --pf-v6-c-alert--m-warning__icon--Color: var(--pf-t--global--icon--color--status--warning--default);
502
+ --pf-v6-c-alert--m-warning__title--Color: var(--pf-t--global--text--color--regular);
503
+ --pf-v6-c-alert--m-info--BorderColor: var(--pf-t--global--border--color--status--info--default);
504
+ --pf-v6-c-alert--m-info__icon--Color: var(--pf-t--global--icon--color--status--info--default);
505
+ --pf-v6-c-alert--m-info__title--Color: var(--pf-t--global--text--color--regular);
506
+ --pf-v6-c-alert--m-inline--BackgroundColor: var(--pf-t--global--background--color--primary--default);
507
+ --pf-v6-c-alert--m-inline--BoxShadow: none;
508
+ --pf-v6-c-alert--m-inline--m-plain--BorderWidth: 0;
509
+ --pf-v6-c-alert--m-inline--m-plain--BackgroundColor: transparent;
510
+ --pf-v6-c-alert--m-inline--m-plain--PaddingBlockStart: 0;
511
+ --pf-v6-c-alert--m-inline--m-plain--PaddingInlineEnd: 0;
512
+ --pf-v6-c-alert--m-inline--m-plain--PaddingBlockEnd: 0;
513
+ --pf-v6-c-alert--m-inline--m-plain--PaddingInlineStart: 0;
514
+ --pf-v6-c-alert--m-expandable--GridTemplateColumns: auto max-content 1fr max-content;
515
+ --pf-v6-c-alert--m-expandable--GridTemplateAreas:
516
+ "toggle icon title action"
517
+ ". . description description"
518
+ ". . actiongroup actiongroup";
519
+ --pf-v6-c-alert--m-expandable__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__action-group--PaddingBlockStart-base);
520
+ --pf-v6-c-alert--m-expanded__toggle-icon--Rotate: 90deg;
521
+ --pf-v6-c-alert--m-expanded__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart-base);
522
+ }
523
+
524
+ .pf-v6-c-alert {
525
+ position: relative;
526
+ display: grid;
527
+ grid-template-areas: var(--pf-v6-c-alert--GridTemplateAreas);
528
+ grid-template-columns: var(--pf-v6-c-alert--GridTemplateColumns);
529
+ padding-block-start: var(--pf-v6-c-alert--PaddingBlockStart);
530
+ padding-block-end: var(--pf-v6-c-alert--PaddingBlockEnd);
531
+ padding-inline-start: var(--pf-v6-c-alert--PaddingInlineStart);
532
+ padding-inline-end: var(--pf-v6-c-alert--PaddingInlineEnd);
533
+ font-size: var(--pf-v6-c-alert--FontSize);
534
+ background-color: var(--pf-v6-c-alert--BackgroundColor);
535
+ border: var(--pf-v6-c-alert--BorderWidth) solid var(--pf-v6-c-alert--BorderColor);
536
+ border-radius: var(--pf-v6-c-alert--BorderRadius);
537
+ box-shadow: var(--pf-v6-c-alert--BoxShadow);
538
+ }
539
+
540
+ .pf-v6-c-alert.pf-m-custom {
541
+ --pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-custom--BorderColor);
542
+ --pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-custom__icon--Color);
543
+ --pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-custom__title--Color);
544
+ }
545
+
546
+ .pf-v6-c-alert.pf-m-success {
547
+ --pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-success--BorderColor);
548
+ --pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-success__icon--Color);
549
+ --pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-success__title--Color);
550
+ }
551
+
552
+ .pf-v6-c-alert.pf-m-danger {
553
+ --pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-danger--BorderColor);
554
+ --pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-danger__icon--Color);
555
+ --pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-danger__title--Color);
556
+ }
557
+
558
+ .pf-v6-c-alert.pf-m-warning {
559
+ --pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-warning--BorderColor);
560
+ --pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-warning__icon--Color);
561
+ --pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-warning__title--Color);
562
+ }
563
+
564
+ .pf-v6-c-alert.pf-m-info {
565
+ --pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-info--BorderColor);
566
+ --pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-info__icon--Color);
567
+ --pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-info__title--Color);
568
+ }
569
+
570
+ .pf-v6-c-alert.pf-m-inline {
571
+ --pf-v6-c-alert--BoxShadow: var(--pf-v6-c-alert--m-inline--BoxShadow);
572
+ --pf-v6-c-alert--BackgroundColor: var(--pf-v6-c-alert--m-inline--BackgroundColor);
573
+ }
574
+
575
+ .pf-v6-c-alert.pf-m-plain {
576
+ --pf-v6-c-alert--BorderWidth: var(--pf-v6-c-alert--m-inline--m-plain--BorderWidth);
577
+ --pf-v6-c-alert--BackgroundColor: var(--pf-v6-c-alert--m-inline--m-plain--BackgroundColor);
578
+ --pf-v6-c-alert--PaddingBlockStart: var(--pf-v6-c-alert--m-inline--m-plain--PaddingBlockStart);
579
+ --pf-v6-c-alert--PaddingInlineEnd: var(--pf-v6-c-alert--m-inline--m-plain--PaddingInlineEnd);
580
+ --pf-v6-c-alert--PaddingBlockEnd: var(--pf-v6-c-alert--m-inline--m-plain--PaddingBlockEnd);
581
+ --pf-v6-c-alert--PaddingInlineStart: var(--pf-v6-c-alert--m-inline--m-plain--PaddingInlineStart);
582
+ }
583
+
584
+ .pf-v6-c-alert.pf-m-expandable {
585
+ --pf-v6-c-alert--GridTemplateColumns: var(--pf-v6-c-alert--m-expandable--GridTemplateColumns);
586
+ --pf-v6-c-alert--GridTemplateAreas: var(--pf-v6-c-alert--m-expandable--GridTemplateAreas);
587
+ --pf-v6-c-alert__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert--m-expandable__description--action-group--PaddingBlockStart);
588
+ }
589
+
590
+ .pf-v6-c-alert.pf-m-expanded {
591
+ --pf-v6-c-alert__toggle-icon--Rotate: var(--pf-v6-c-alert--m-expanded__toggle-icon--Rotate);
592
+ --pf-v6-c-alert__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert--m-expanded__description--action-group--PaddingBlockStart);
593
+ }
594
+
595
+ .pf-v6-c-alert__toggle {
596
+ margin-block-start: var(--pf-v6-c-alert__toggle--MarginBlockStart);
597
+ margin-block-end: var(--pf-v6-c-alert__toggle--MarginBlockEnd);
598
+ margin-inline-start: var(--pf-v6-c-alert__toggle--MarginInlineStart);
599
+ margin-inline-end: var(--pf-v6-c-alert__toggle--MarginInlineEnd);
600
+ }
601
+
602
+ .pf-v6-c-alert__toggle-icon {
603
+ display: inline-block;
604
+ transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
605
+ transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
606
+ }
607
+
608
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
609
+ scale: -1 1;
610
+ }
611
+
612
+ .pf-v6-c-alert__icon {
613
+ grid-area: icon;
614
+ margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
615
+ font-size: var(--pf-v6-c-alert__icon--FontSize);
616
+ color: var(--pf-v6-c-alert__icon--Color);
617
+ }
618
+
619
+ .pf-v6-c-alert__title {
620
+ grid-area: title;
621
+ font-weight: var(--pf-v6-c-alert__title--FontWeight);
622
+ color: var(--pf-v6-c-alert__title--Color);
623
+ word-break: break-word;
624
+ }
625
+
626
+ .pf-v6-c-alert__title.pf-m-truncate {
627
+ display: -webkit-box;
628
+ -webkit-box-orient: vertical;
629
+ -webkit-line-clamp: var(--pf-v6-c-alert__title--max-lines);
630
+ overflow: hidden;
631
+ }
632
+
633
+ .pf-v6-c-alert__description {
634
+ grid-area: description;
635
+ padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
636
+ word-break: break-word;
637
+ }
638
+
639
+ .pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
640
+ --pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
641
+ }
642
+
643
+ .pf-v6-c-alert__action {
644
+ grid-area: action;
645
+ margin-block-start: var(--pf-v6-c-alert__action--MarginBlockStart);
646
+ margin-block-end: var(--pf-v6-c-alert__action--MarginBlockEnd);
647
+ margin-inline-end: var(--pf-v6-c-alert__action--MarginInlineEnd);
648
+ }
649
+
650
+ .pf-v6-c-alert__action-group {
651
+ grid-area: actiongroup;
652
+ padding-block-start: var(--pf-v6-c-alert__action-group--PaddingBlockStart);
653
+ }
654
+
655
+ .pf-v6-c-alert__action-group > .pf-v6-c-button:not(:last-child) {
656
+ margin-inline-end: var(--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd);
657
+ }
658
+
659
+ .pf-v6-c-back-to-top {
660
+ --pf-v6-c-back-to-top--InsetInlineEnd: var(--pf-t--global--spacer--2xl);
661
+ --pf-v6-c-back-to-top--InsetBlockEnd: var(--pf-t--global--spacer--lg);
662
+ --pf-v6-c-back-to-top--md--InsetBlockEnd: var(--pf-t--global--spacer--2xl);
663
+ --pf-v6-c-back-to-top--c-button--FontSize: var(--pf-t--global--font--size--body--sm);
664
+ --pf-v6-c-back-to-top--c-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
665
+ --pf-v6-c-back-to-top--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
666
+ --pf-v6-c-back-to-top--c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
667
+ --pf-v6-c-back-to-top--c-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
668
+ --pf-v6-c-back-to-top--c-button--BoxShadow: var(--pf-t--global--box-shadow--sm);
669
+ }
670
+
671
+ @media (min-width: 48rem) {
672
+ .pf-v6-c-back-to-top {
673
+ --pf-v6-c-back-to-top--InsetBlockEnd: var(--pf-v6-c-back-to-top--md--InsetBlockEnd);
674
+ }
675
+ }
676
+ .pf-v6-c-back-to-top {
677
+ position: absolute;
678
+ inset-block-end: var(--pf-v6-c-back-to-top--InsetBlockEnd);
679
+ inset-inline-end: var(--pf-v6-c-back-to-top--InsetInlineEnd);
680
+ }
681
+
682
+ .pf-v6-c-back-to-top.pf-m-hidden {
683
+ display: none;
684
+ }
685
+
686
+ .pf-v6-c-back-to-top .pf-v6-c-button {
687
+ --pf-v6-c-button--FontSize: var(--pf-v6-c-back-to-top--c-button--FontSize);
688
+ --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-back-to-top--c-button--PaddingBlockStart);
689
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-back-to-top--c-button--PaddingInlineEnd);
690
+ --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-back-to-top--c-button--PaddingBlockEnd);
691
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-back-to-top--c-button--PaddingInlineStart);
692
+ box-shadow: var(--pf-v6-c-back-to-top--c-button--BoxShadow);
693
+ }
694
+
695
+ .pf-v6-c-backdrop {
696
+ --pf-v6-c-backdrop--Position: fixed;
697
+ --pf-v6-c-backdrop--ZIndex: var(--pf-t--global--z-index--lg);
698
+ --pf-v6-c-backdrop--BackgroundColor: var(--pf-t--global--background--color--backdrop--default);
699
+ }
700
+
701
+ .pf-v6-c-backdrop {
702
+ position: var(--pf-v6-c-backdrop--Position);
703
+ inset-block-start: 0;
704
+ inset-inline-start: 0;
705
+ z-index: var(--pf-v6-c-backdrop--ZIndex);
706
+ width: 100%;
707
707
  height: 100%;
708
708
  background-color: var(--pf-v6-c-backdrop--BackgroundColor);
709
709
  }
@@ -740,146 +740,6 @@
740
740
  --pf-v6-c-background-image--BackgroundPosition: bottom left;
741
741
  }
742
742
 
743
- .pf-v6-c-badge {
744
- --pf-v6-c-badge--BorderColor: transparent;
745
- --pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
746
- --pf-v6-c-badge--BorderRadius: var(--pf-t--global--border--radius--pill);
747
- --pf-v6-c-badge--FontSize: var(--pf-t--global--font--size--body--sm);
748
- --pf-v6-c-badge--FontWeight: var(--pf-t--global--font--weight--body--bold);
749
- --pf-v6-c-badge--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
750
- --pf-v6-c-badge--PaddingInlineStart: var(--pf-t--global--spacer--sm);
751
- --pf-v6-c-badge--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
752
- --pf-v6-c-badge--MinWidth: var(--pf-t--global--spacer--xl);
753
- --pf-v6-c-badge__toggle-icon--MarginInlineStart: var(--pf-t--global--spacer--xs);
754
- --pf-v6-c-badge__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
755
- --pf-v6-c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
756
- --pf-v6-c-badge--m-read--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
757
- --pf-v6-c-badge--m-read__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
758
- --pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
759
- --pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
760
- --pf-v6-c-badge--m-unread__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
761
- --pf-v6-c-badge--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
762
- --pf-v6-c-badge--m-disabled--BorderColor: var(--pf-t--global--border--color--disabled);
763
- --pf-v6-c-badge--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
764
- }
765
-
766
- .pf-v6-c-badge {
767
- position: relative;
768
- display: inline-block;
769
- min-width: var(--pf-v6-c-badge--MinWidth);
770
- padding-inline-start: var(--pf-v6-c-badge--PaddingInlineStart);
771
- padding-inline-end: var(--pf-v6-c-badge--PaddingInlineEnd);
772
- font-size: var(--pf-v6-c-badge--FontSize);
773
- font-weight: var(--pf-v6-c-badge--FontWeight);
774
- color: var(--pf-v6-c-badge--Color);
775
- text-align: center;
776
- white-space: nowrap;
777
- background-color: var(--pf-v6-c-badge--BackgroundColor);
778
- border-radius: var(--pf-v6-c-badge--BorderRadius);
779
- }
780
-
781
- .pf-v6-c-badge::after {
782
- position: absolute;
783
- inset: 0;
784
- pointer-events: none;
785
- content: "";
786
- border: var(--pf-v6-c-badge--BorderWidth) solid var(--pf-v6-c-badge--BorderColor);
787
- border-radius: inherit;
788
- }
789
-
790
- .pf-v6-c-badge.pf-m-read {
791
- --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
792
- --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
793
- --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-read__toggle-icon--Color);
794
- }
795
-
796
- .pf-v6-c-badge.pf-m-unread {
797
- --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-unread--Color);
798
- --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-unread--BackgroundColor);
799
- --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-unread__toggle-icon--Color);
800
- }
801
-
802
- .pf-v6-c-badge.pf-m-disabled {
803
- --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-disabled--Color);
804
- --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-disabled--BackgroundColor);
805
- }
806
-
807
- .pf-v6-c-badge.pf-m-disabled::after {
808
- border-color: var(--pf-v6-c-badge--m-disabled--BorderColor);
809
- }
810
-
811
- .pf-v6-c-badge__toggle-icon {
812
- margin-inline-start: var(--pf-v6-c-badge__toggle-icon--MarginInlineStart);
813
- color: var(--pf-v6-c-badge__toggle-icon--Color);
814
- }
815
-
816
- .pf-v6-c-brand {
817
- --pf-v6-c-brand--Width: auto;
818
- --pf-v6-c-brand--Height: auto;
819
- }
820
-
821
- .pf-v6-c-brand {
822
- width: var(--pf-v6-c-brand--Width--base);
823
- height: var(--pf-v6-c-brand--Height--base);
824
- --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width);
825
- --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
826
- }
827
-
828
- @media (min-width: 36rem) {
829
- .pf-v6-c-brand {
830
- --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width));
831
- }
832
- }
833
- @media (min-width: 48rem) {
834
- .pf-v6-c-brand {
835
- --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width)));
836
- }
837
- }
838
- @media (min-width: 62rem) {
839
- .pf-v6-c-brand {
840
- --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width))));
841
- }
842
- }
843
- @media (min-width: 75rem) {
844
- .pf-v6-c-brand {
845
- --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-xl, var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width)))));
846
- }
847
- }
848
- @media (min-width: 90.625rem) {
849
- .pf-v6-c-brand {
850
- --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-2xl, var(--pf-v6-c-brand--Width-on-xl, var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width))))));
851
- }
852
- }
853
- @media (min-width: 36rem) {
854
- .pf-v6-c-brand {
855
- --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height));
856
- }
857
- }
858
- @media (min-width: 48rem) {
859
- .pf-v6-c-brand {
860
- --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height)));
861
- }
862
- }
863
- @media (min-width: 62rem) {
864
- .pf-v6-c-brand {
865
- --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-lg, var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height))));
866
- }
867
- }
868
- @media (min-width: 75rem) {
869
- .pf-v6-c-brand {
870
- --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-xl, var(--pf-v6-c-brand--Height-on-lg, var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height)))));
871
- }
872
- }
873
- @media (min-width: 90.625rem) {
874
- .pf-v6-c-brand {
875
- --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-2xl, var(--pf-v6-c-brand--Height-on-xl, var(--pf-v6-c-brand--Height-on-lg, var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height))))));
876
- }
877
- }
878
- .pf-v6-c-brand.pf-m-picture {
879
- display: inline-flex;
880
- max-width: 100%;
881
- }
882
-
883
743
  .pf-v6-c-banner {
884
744
  --pf-v6-c-banner--PaddingBlockStart: var(--pf-t--global--spacer--xs);
885
745
  --pf-v6-c-banner--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -1039,79 +899,219 @@
1039
899
  cursor: not-allowed;
1040
900
  }
1041
901
 
1042
- .pf-v6-c-breadcrumb {
1043
- --pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
1044
- --pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
1045
- --pf-v6-c-breadcrumb__item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
1046
- --pf-v6-c-breadcrumb__item-divider--Color: var(--pf-t--global--icon--color--regular);
1047
- --pf-v6-c-breadcrumb__item-divider--MarginInlineEnd: var(--pf-t--global--spacer--sm);
1048
- --pf-v6-c-breadcrumb__item-divider--FontSize: var( --pf-t--global--font--size--body--sm);
1049
- --pf-v6-c-breadcrumb__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
1050
- --pf-v6-c-breadcrumb__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
1051
- --pf-v6-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
1052
- --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
1053
- --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
1054
- --pf-v6-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
1055
- --pf-v6-c-breadcrumb__link--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
1056
- --pf-v6-c-breadcrumb__link--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
1057
- --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
1058
- --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
1059
- --pf-v6-c-breadcrumb__heading--FontSize: var( --pf-t--global--font--size--body--sm);
1060
- --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
1061
- --pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
1062
- --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
1063
- --pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
1064
- }
1065
-
1066
- .pf-v6-c-breadcrumb {
1067
- display: inline-flex;
902
+ .pf-v6-c-badge {
903
+ --pf-v6-c-badge--BorderColor: transparent;
904
+ --pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
905
+ --pf-v6-c-badge--BorderRadius: var(--pf-t--global--border--radius--pill);
906
+ --pf-v6-c-badge--FontSize: var(--pf-t--global--font--size--body--sm);
907
+ --pf-v6-c-badge--FontWeight: var(--pf-t--global--font--weight--body--bold);
908
+ --pf-v6-c-badge--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
909
+ --pf-v6-c-badge--PaddingInlineStart: var(--pf-t--global--spacer--sm);
910
+ --pf-v6-c-badge--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
911
+ --pf-v6-c-badge--MinWidth: var(--pf-t--global--spacer--xl);
912
+ --pf-v6-c-badge__toggle-icon--MarginInlineStart: var(--pf-t--global--spacer--xs);
913
+ --pf-v6-c-badge__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
914
+ --pf-v6-c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
915
+ --pf-v6-c-badge--m-read--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
916
+ --pf-v6-c-badge--m-read__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
917
+ --pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
918
+ --pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
919
+ --pf-v6-c-badge--m-unread__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
920
+ --pf-v6-c-badge--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
921
+ --pf-v6-c-badge--m-disabled--BorderColor: var(--pf-t--global--border--color--disabled);
922
+ --pf-v6-c-badge--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
1068
923
  }
1069
924
 
1070
- .pf-v6-c-breadcrumb__list {
1071
- display: flex;
1072
- flex-wrap: wrap;
1073
- align-items: center;
925
+ .pf-v6-c-badge {
926
+ position: relative;
927
+ display: inline-block;
928
+ min-width: var(--pf-v6-c-badge--MinWidth);
929
+ padding-inline-start: var(--pf-v6-c-badge--PaddingInlineStart);
930
+ padding-inline-end: var(--pf-v6-c-badge--PaddingInlineEnd);
931
+ font-size: var(--pf-v6-c-badge--FontSize);
932
+ font-weight: var(--pf-v6-c-badge--FontWeight);
933
+ color: var(--pf-v6-c-badge--Color);
934
+ text-align: center;
935
+ white-space: nowrap;
936
+ background-color: var(--pf-v6-c-badge--BackgroundColor);
937
+ border-radius: var(--pf-v6-c-badge--BorderRadius);
1074
938
  }
1075
939
 
1076
- .pf-v6-c-breadcrumb__item {
1077
- display: flex;
1078
- align-items: baseline;
1079
- font-size: var(--pf-v6-c-breadcrumb__item--FontSize);
1080
- font-weight: var(--pf-v6-c-breadcrumb__item--FontWeight);
1081
- line-height: var(--pf-v6-c-breadcrumb__item--LineHeight);
1082
- white-space: nowrap;
1083
- list-style: none;
940
+ .pf-v6-c-badge::after {
941
+ position: absolute;
942
+ inset: 0;
943
+ pointer-events: none;
944
+ content: "";
945
+ border: var(--pf-v6-c-badge--BorderWidth) solid var(--pf-v6-c-badge--BorderColor);
946
+ border-radius: inherit;
1084
947
  }
1085
948
 
1086
- .pf-v6-c-breadcrumb__item:first-child:has(.pf-v6-c-breadcrumb__link) {
1087
- --pf-v6-c-breadcrumb__link--PaddingInlineStart: 0;
949
+ .pf-v6-c-badge.pf-m-read {
950
+ --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
951
+ --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
952
+ --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-read__toggle-icon--Color);
1088
953
  }
1089
954
 
1090
- .pf-v6-c-breadcrumb__item:not(:last-child) {
1091
- margin-inline-end: var(--pf-v6-c-breadcrumb__item--MarginInlineEnd);
955
+ .pf-v6-c-badge.pf-m-unread {
956
+ --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-unread--Color);
957
+ --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-unread--BackgroundColor);
958
+ --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-unread__toggle-icon--Color);
1092
959
  }
1093
960
 
1094
- .pf-v6-c-breadcrumb__item-divider {
1095
- margin-inline-end: var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd);
1096
- font-size: var(--pf-v6-c-breadcrumb__item-divider--FontSize);
1097
- line-height: 1;
1098
- color: var(--pf-v6-c-breadcrumb__item-divider--Color);
961
+ .pf-v6-c-badge.pf-m-disabled {
962
+ --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-disabled--Color);
963
+ --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-disabled--BackgroundColor);
1099
964
  }
1100
965
 
1101
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
1102
- scale: -1 1;
966
+ .pf-v6-c-badge.pf-m-disabled::after {
967
+ border-color: var(--pf-v6-c-badge--m-disabled--BorderColor);
1103
968
  }
1104
969
 
1105
- .pf-v6-c-breadcrumb__link {
1106
- padding-inline-start: var(--pf-v6-c-breadcrumb__link--PaddingInlineStart);
1107
- padding-inline-end: var(--pf-v6-c-breadcrumb__link--PaddingInlineEnd);
1108
- font-size: inherit;
1109
- font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
1110
- line-height: inherit;
1111
- color: var(--pf-v6-c-breadcrumb__link--Color);
1112
- text-decoration: var(--pf-v6-c-breadcrumb__link--TextDecorationLine) var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
1113
- word-break: break-word;
1114
- background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
970
+ .pf-v6-c-badge__toggle-icon {
971
+ margin-inline-start: var(--pf-v6-c-badge__toggle-icon--MarginInlineStart);
972
+ color: var(--pf-v6-c-badge__toggle-icon--Color);
973
+ }
974
+
975
+ .pf-v6-c-brand {
976
+ --pf-v6-c-brand--Width: auto;
977
+ --pf-v6-c-brand--Height: auto;
978
+ }
979
+
980
+ .pf-v6-c-brand {
981
+ width: var(--pf-v6-c-brand--Width--base);
982
+ height: var(--pf-v6-c-brand--Height--base);
983
+ --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width);
984
+ --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
985
+ }
986
+
987
+ @media (min-width: 36rem) {
988
+ .pf-v6-c-brand {
989
+ --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width));
990
+ }
991
+ }
992
+ @media (min-width: 48rem) {
993
+ .pf-v6-c-brand {
994
+ --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width)));
995
+ }
996
+ }
997
+ @media (min-width: 62rem) {
998
+ .pf-v6-c-brand {
999
+ --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width))));
1000
+ }
1001
+ }
1002
+ @media (min-width: 75rem) {
1003
+ .pf-v6-c-brand {
1004
+ --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-xl, var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width)))));
1005
+ }
1006
+ }
1007
+ @media (min-width: 90.625rem) {
1008
+ .pf-v6-c-brand {
1009
+ --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-2xl, var(--pf-v6-c-brand--Width-on-xl, var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width))))));
1010
+ }
1011
+ }
1012
+ @media (min-width: 36rem) {
1013
+ .pf-v6-c-brand {
1014
+ --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height));
1015
+ }
1016
+ }
1017
+ @media (min-width: 48rem) {
1018
+ .pf-v6-c-brand {
1019
+ --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height)));
1020
+ }
1021
+ }
1022
+ @media (min-width: 62rem) {
1023
+ .pf-v6-c-brand {
1024
+ --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-lg, var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height))));
1025
+ }
1026
+ }
1027
+ @media (min-width: 75rem) {
1028
+ .pf-v6-c-brand {
1029
+ --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-xl, var(--pf-v6-c-brand--Height-on-lg, var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height)))));
1030
+ }
1031
+ }
1032
+ @media (min-width: 90.625rem) {
1033
+ .pf-v6-c-brand {
1034
+ --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-2xl, var(--pf-v6-c-brand--Height-on-xl, var(--pf-v6-c-brand--Height-on-lg, var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height))))));
1035
+ }
1036
+ }
1037
+ .pf-v6-c-brand.pf-m-picture {
1038
+ display: inline-flex;
1039
+ max-width: 100%;
1040
+ }
1041
+
1042
+ .pf-v6-c-breadcrumb {
1043
+ --pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
1044
+ --pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
1045
+ --pf-v6-c-breadcrumb__item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
1046
+ --pf-v6-c-breadcrumb__item-divider--Color: var(--pf-t--global--icon--color--regular);
1047
+ --pf-v6-c-breadcrumb__item-divider--MarginInlineEnd: var(--pf-t--global--spacer--sm);
1048
+ --pf-v6-c-breadcrumb__item-divider--FontSize: var( --pf-t--global--font--size--body--sm);
1049
+ --pf-v6-c-breadcrumb__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
1050
+ --pf-v6-c-breadcrumb__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
1051
+ --pf-v6-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
1052
+ --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
1053
+ --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
1054
+ --pf-v6-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
1055
+ --pf-v6-c-breadcrumb__link--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
1056
+ --pf-v6-c-breadcrumb__link--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
1057
+ --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
1058
+ --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
1059
+ --pf-v6-c-breadcrumb__heading--FontSize: var( --pf-t--global--font--size--body--sm);
1060
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
1061
+ --pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
1062
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
1063
+ --pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
1064
+ }
1065
+
1066
+ .pf-v6-c-breadcrumb {
1067
+ display: inline-flex;
1068
+ }
1069
+
1070
+ .pf-v6-c-breadcrumb__list {
1071
+ display: flex;
1072
+ flex-wrap: wrap;
1073
+ align-items: center;
1074
+ }
1075
+
1076
+ .pf-v6-c-breadcrumb__item {
1077
+ display: flex;
1078
+ align-items: baseline;
1079
+ font-size: var(--pf-v6-c-breadcrumb__item--FontSize);
1080
+ font-weight: var(--pf-v6-c-breadcrumb__item--FontWeight);
1081
+ line-height: var(--pf-v6-c-breadcrumb__item--LineHeight);
1082
+ white-space: nowrap;
1083
+ list-style: none;
1084
+ }
1085
+
1086
+ .pf-v6-c-breadcrumb__item:first-child:has(.pf-v6-c-breadcrumb__link) {
1087
+ --pf-v6-c-breadcrumb__link--PaddingInlineStart: 0;
1088
+ }
1089
+
1090
+ .pf-v6-c-breadcrumb__item:not(:last-child) {
1091
+ margin-inline-end: var(--pf-v6-c-breadcrumb__item--MarginInlineEnd);
1092
+ }
1093
+
1094
+ .pf-v6-c-breadcrumb__item-divider {
1095
+ margin-inline-end: var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd);
1096
+ font-size: var(--pf-v6-c-breadcrumb__item-divider--FontSize);
1097
+ line-height: 1;
1098
+ color: var(--pf-v6-c-breadcrumb__item-divider--Color);
1099
+ }
1100
+
1101
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
1102
+ scale: -1 1;
1103
+ }
1104
+
1105
+ .pf-v6-c-breadcrumb__link {
1106
+ padding-inline-start: var(--pf-v6-c-breadcrumb__link--PaddingInlineStart);
1107
+ padding-inline-end: var(--pf-v6-c-breadcrumb__link--PaddingInlineEnd);
1108
+ font-size: inherit;
1109
+ font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
1110
+ line-height: inherit;
1111
+ color: var(--pf-v6-c-breadcrumb__link--Color);
1112
+ text-decoration: var(--pf-v6-c-breadcrumb__link--TextDecorationLine) var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
1113
+ word-break: break-word;
1114
+ background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
1115
1115
  }
1116
1116
 
1117
1117
  .pf-v6-c-breadcrumb__link:is(:hover, :focus) {
@@ -2022,102 +2022,284 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2022
2022
  pointer-events: none;
2023
2023
  }
2024
2024
 
2025
- .pf-v6-c-card {
2026
- --pf-v6-c-card--BackgroundColor: var(--pf-t--global--background--color--primary--default);
2027
- --pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--default);
2028
- --pf-v6-c-card--BorderStyle: solid;
2029
- --pf-v6-c-card--BorderWidth: var(--pf-t--global--border--width--box--default);
2030
- --pf-v6-c-card--BorderRadius: var(--pf-t--global--border--radius--medium);
2031
- --pf-v6-c-card--first-child--PaddingBlockStart: var(--pf-t--global--spacer--lg);
2032
- --pf-v6-c-card--child--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
2033
- --pf-v6-c-card--child--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
2034
- --pf-v6-c-card--child--PaddingInlineStart: var(--pf-t--global--spacer--lg);
2035
- --pf-v6-c-card--c-divider--child--PaddingBlockStart: var(--pf-t--global--spacer--lg);
2036
- --pf-v6-c-card__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--md);
2037
- --pf-v6-c-card__title-text--Color: var(--pf-t--global--text--color--regular);
2038
- --pf-v6-c-card__title-text--FontFamily: var(--pf-t--global--font--family--heading);
2039
- --pf-v6-c-card__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
2040
- --pf-v6-c-card__title-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
2041
- --pf-v6-c-card__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
2042
- --pf-v6-c-card--c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
2043
- --pf-v6-c-card__body--FontSize: var(--pf-t--global--font--size--body--default);
2044
- --pf-v6-c-card__footer--FontSize: var(--pf-t--global--font--size--body--default);
2045
- --pf-v6-c-card__footer--Color: var(--pf-t--global--text--color--subtle);
2046
- --pf-v6-c-card__actions--PaddingInlineStart: var(--pf-t--global--spacer--md);
2047
- --pf-v6-c-card__actions--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
2048
- --pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
2049
- --pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
2050
- --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
2051
- --pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
2052
- --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
2053
- --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
2054
- --pf-v6-c-card__header-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
2055
- --pf-v6-c-card__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
2056
- --pf-v6-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
2057
- --pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--BorderWidth);
2058
- --pf-v6-c-card--m-clickable--m-current--BorderColor: var(--pf-t--global--border--color--clicked);
2059
- --pf-v6-c-card--m-clickable--m-current--BorderWidth: var(--pf-t--global--border--width--box--clicked);
2060
- --pf-v6-c-card--m-selectable--m-selected--BorderColor: var(--pf-t--global--border--color--clicked);
2061
- --pf-v6-c-card--m-selectable--m-selected--BorderWidth: var(--pf-t--global--border--width--box--clicked);
2062
- --pf-v6-c-card--m-selectable--hover--BorderColor: var(--pf-t--global--border--color--hover);
2063
- --pf-v6-c-card--m-selectable--focus--BorderColor: var(--pf-t--global--border--color--hover);
2064
- --pf-v6-c-card--m-selectable--focus--BorderWidth: var(--pf-t--global--border--width--box--hover);
2065
- --pf-v6-c-card--m-selectable--m-selected--focus--BorderColor: var(--pf-t--global--border--color--clicked);
2066
- --pf-v6-c-card--m-selectable--m-selected--focus--BorderWidth: var(--pf-t--global--border--width--box--clicked);
2067
- --pf-v6-c-card--m-selectable--m-disabled__title-text--Color: var(--pf-t--global--text--color--on-disabled);
2068
- --pf-v6-c-card--m-selectable--m-disabled__body--Color: var(--pf-t--global--text--color--on-disabled);
2069
- --pf-v6-c-card--m-selectable--m-disabled__footer--Color: var(--pf-t--global--text--color--on-disabled);
2070
- --pf-v6-c-card--m-selectable--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
2071
- --pf-v6-c-card--m-selectable--m-disabled--BorderColor: transparent;
2072
- --pf-v6-c-card--m-selectable--m-clickable--m-current--BorderColor: var(--pf-t--global--border--color--clicked);
2073
- --pf-v6-c-card--m-selectable--m-clickable--m-current--BorderWidth: var(--pf-t--global--border--width--box--clicked);
2074
- --pf-v6-c-card--m-compact__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
2075
- --pf-v6-c-card--m-compact__body--FontSize: var(--pf-t--global--font--size--body--default);
2076
- --pf-v6-c-card--m-compact__footer--FontSize: var(--pf-t--global--font--size--body--sm);
2077
- --pf-v6-c-card--m-compact--first-child--PaddingBlockStart: var(--pf-t--global--spacer--md);
2078
- --pf-v6-c-card--m-compact--child--PaddingInlineEnd: var(--pf-t--global--spacer--md);
2079
- --pf-v6-c-card--m-compact--child--PaddingBlockEnd: var(--pf-t--global--spacer--md);
2080
- --pf-v6-c-card--m-compact--child--PaddingInlineStart: var(--pf-t--global--spacer--md);
2081
- --pf-v6-c-card--m-compact--c-divider--child--PaddingBlockStart: var(--pf-t--global--spacer--md);
2082
- --pf-v6-c-card--m-compact__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
2083
- --pf-v6-c-card--m-display-lg__title-text--FontSize: var(--pf-t--global--font--size--heading--md);
2084
- --pf-v6-c-card--m-display-lg__body--FontSize: var(--pf-t--global--font--size--body--lg);
2085
- --pf-v6-c-card--m-display-lg__footer--FontSize: var(--pf-t--global--font--size--body--default);
2086
- --pf-v6-c-card--m-display-lg--first-child--PaddingBlockStart: var(--pf-t--global--spacer--xl);
2087
- --pf-v6-c-card--m-display-lg--child--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
2088
- --pf-v6-c-card--m-display-lg--child--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
2089
- --pf-v6-c-card--m-display-lg--child--PaddingInlineStart: var(--pf-t--global--spacer--xl);
2090
- --pf-v6-c-card--m-display-lg--c-divider--child--PaddingBlockStart: var(--pf-t--global--spacer--xl);
2091
- --pf-v6-c-card--m-display-lg__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
2092
- --pf-v6-c-card--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
2093
- --pf-v6-c-card--m-secondary--BorderColor: transparent;
2094
- --pf-v6-c-card--m-full-height--Height: 100%;
2095
- --pf-v6-c-card--m-plain--BorderColor: transparent;
2096
- --pf-v6-c-card--m-plain--BackgroundColor: transparent;
2097
- --pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineEnd: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
2098
- --pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
2025
+ .pf-v6-c-check {
2026
+ --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
2027
+ --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
2028
+ --pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
2029
+ --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
2030
+ --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
2031
+ --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
2032
+ --pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
2033
+ --pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
2034
+ --pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
2035
+ --pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
2036
+ --pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
2037
+ --pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
2038
+ --pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
2039
+ --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
2099
2040
  }
2100
2041
 
2101
- .pf-v6-c-card {
2102
- position: relative;
2103
- display: flex;
2104
- flex-direction: column;
2105
- overflow: auto;
2106
- background-color: var(--pf-v6-c-card--BackgroundColor);
2107
- border: 0;
2108
- border-radius: var(--pf-v6-c-card--BorderRadius);
2042
+ .pf-v6-c-check {
2043
+ display: grid;
2044
+ grid-template-columns: auto 1fr;
2045
+ grid-gap: var(--pf-v6-c-check--GridGap);
2046
+ accent-color: var(--pf-v6-c-check--AccentColor);
2109
2047
  }
2110
2048
 
2111
- .pf-v6-c-card::before {
2112
- position: absolute;
2113
- inset: 0;
2114
- pointer-events: none;
2115
- content: "";
2116
- border: var(--pf-v6-c-card--BorderColor) var(--pf-v6-c-card--BorderStyle) var(--pf-v6-c-card--BorderWidth);
2117
- border-radius: inherit;
2049
+ .pf-v6-c-check.pf-m-standalone {
2050
+ display: inline-grid;
2051
+ grid-template-columns: auto;
2052
+ min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
2118
2053
  }
2119
2054
 
2120
- .pf-v6-c-card.pf-m-selectable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check, .pf-v6-c-radio) {
2055
+ .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
2056
+ align-self: center;
2057
+ transform: none;
2058
+ }
2059
+
2060
+ .pf-v6-c-check__input {
2061
+ align-self: start;
2062
+ font-size: var(--pf-v6-c-check__label--FontSize);
2063
+ line-height: var(--pf-v6-c-check__label--LineHeight);
2064
+ transform: translateY(var(--pf-v6-c-check__input--TranslateY));
2065
+ }
2066
+
2067
+ .pf-v6-c-check__label {
2068
+ font-size: var(--pf-v6-c-check__label--FontSize);
2069
+ font-weight: var(--pf-v6-c-check__label--FontWeight);
2070
+ line-height: var(--pf-v6-c-check__label--LineHeight);
2071
+ color: var(--pf-v6-c-check__label--Color);
2072
+ }
2073
+
2074
+ .pf-v6-c-check__description {
2075
+ grid-column: 2;
2076
+ font-size: var(--pf-v6-c-check__description--FontSize);
2077
+ color: var(--pf-v6-c-check__description--Color);
2078
+ }
2079
+
2080
+ .pf-v6-c-check__body {
2081
+ grid-column: 2;
2082
+ }
2083
+
2084
+ .pf-v6-c-check__label,
2085
+ .pf-v6-c-check__input {
2086
+ justify-self: start;
2087
+ }
2088
+
2089
+ label.pf-v6-c-check, .pf-v6-c-check__label,
2090
+ .pf-v6-c-check__input {
2091
+ cursor: pointer;
2092
+ }
2093
+
2094
+ .pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
2095
+ .pf-v6-c-check__input:disabled,
2096
+ .pf-v6-c-check__input.pf-m-disabled {
2097
+ --pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
2098
+ cursor: not-allowed;
2099
+ }
2100
+
2101
+ .pf-v6-c-check__label-required {
2102
+ margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
2103
+ font-size: var(--pf-v6-c-check__label-required--FontSize);
2104
+ color: var(--pf-v6-c-check__label-required--Color);
2105
+ }
2106
+
2107
+ .pf-v6-c-clipboard-copy {
2108
+ --pf-v6-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
2109
+ --pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
2110
+ --pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart: var(--pf-t--global--spacer--xs);
2111
+ --pf-v6-c-clipboard-copy__expandable-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
2112
+ --pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
2113
+ --pf-v6-c-clipboard-copy__expandable-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
2114
+ --pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
2115
+ --pf-v6-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
2116
+ --pf-v6-c-clipboard-copy__expandable-content--BorderBlockStartWidth: var(--pf-t--global--border--width--control--default);
2117
+ --pf-v6-c-clipboard-copy__expandable-content--BorderInlineEndWidth: var(--pf-t--global--border--width--control--default);
2118
+ --pf-v6-c-clipboard-copy__expandable-content--BorderBlockEndWidth: var(--pf-t--global--border--width--control--default);
2119
+ --pf-v6-c-clipboard-copy__expandable-content--BorderInlineStartWidth: var(--pf-t--global--border--width--control--default);
2120
+ --pf-v6-c-clipboard-copy__expandable-content--BorderColor: var(--pf-t--global--border--color--default);
2121
+ --pf-v6-c-clipboard-copy__expandable-content--BorderRadius: var(--pf-t--global--border--radius--small);
2122
+ --pf-v6-c-clipboard-copy__expandable-content--OutlineOffset: var(--pf-t--global--spacer--xs);
2123
+ --pf-v6-c-clipboard-copy__group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
2124
+ --pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart: var(--pf-t--global--spacer--xs);
2125
+ --pf-v6-c-clipboard-copy--m-inline--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
2126
+ --pf-v6-c-clipboard-copy--m-inline--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
2127
+ --pf-v6-c-clipboard-copy__actions--Gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
2128
+ --pf-v6-c-clipboard-copy__actions--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--compact);
2129
+ --pf-v6-c-clipboard-copy__actions-item--button--Color: var(--pf-t--global--icon--color--subtle);
2130
+ --pf-v6-c-clipboard-copy__actions-item--button--hover--Color: var(--pf-t--global--icon--color--regular);
2131
+ --pf-v6-c-clipboard-copy__text--m-code--FontFamily: var(--pf-t--global--font--family--mono);
2132
+ --pf-v6-c-clipboard-copy__text--m-code--FontSize: var(--pf-t--global--font--size--body--default);
2133
+ }
2134
+
2135
+ .pf-v6-c-clipboard-copy.pf-m-expanded .pf-v6-c-clipboard-copy__toggle-icon {
2136
+ transform: rotate(var(--pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate));
2137
+ }
2138
+
2139
+ .pf-v6-c-clipboard-copy.pf-m-inline {
2140
+ display: inline;
2141
+ padding-inline-start: var(--pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart);
2142
+ padding-inline-end: var(--pf-v6-c-clipboard-copy--m-inline--PaddingInlineEnd);
2143
+ white-space: nowrap;
2144
+ background-color: var(--pf-v6-c-clipboard-copy--m-inline--BackgroundColor);
2145
+ }
2146
+
2147
+ .pf-v6-c-clipboard-copy.pf-m-inline.pf-m-block {
2148
+ display: block;
2149
+ }
2150
+
2151
+ .pf-v6-c-clipboard-copy__group {
2152
+ display: flex;
2153
+ gap: var(--pf-v6-c-clipboard-copy__group--Gap);
2154
+ }
2155
+
2156
+ .pf-v6-c-clipboard-copy__toggle-icon {
2157
+ transition: var(--pf-v6-c-clipboard-copy__toggle-icon--Transition);
2158
+ }
2159
+
2160
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-clipboard-copy__toggle-icon {
2161
+ scale: -1 1;
2162
+ }
2163
+
2164
+ .pf-v6-c-clipboard-copy__expandable-content {
2165
+ padding-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockStart);
2166
+ padding-block-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockEnd);
2167
+ padding-inline-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart);
2168
+ padding-inline-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd);
2169
+ margin-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart);
2170
+ word-wrap: break-word;
2171
+ background-color: var(--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor);
2172
+ background-clip: padding-box;
2173
+ border: solid var(--pf-v6-c-clipboard-copy__expandable-content--BorderColor);
2174
+ border-block-start-width: var(--pf-v6-c-clipboard-copy__expandable-content--BorderBlockStartWidth);
2175
+ border-block-end-width: var(--pf-v6-c-clipboard-copy__expandable-content--BorderBlockEndWidth);
2176
+ border-inline-start-width: var(--pf-v6-c-clipboard-copy__expandable-content--BorderInlineStartWidth);
2177
+ border-inline-end-width: var(--pf-v6-c-clipboard-copy__expandable-content--BorderInlineEndWidth);
2178
+ border-radius: var(--pf-v6-c-clipboard-copy__expandable-content--BorderRadius);
2179
+ box-shadow: var(--pf-v6-c-clipboard-copy__expandable-content--BoxShadow);
2180
+ }
2181
+
2182
+ .pf-v6-c-clipboard-copy__expandable-content pre {
2183
+ white-space: pre-wrap;
2184
+ }
2185
+
2186
+ .pf-v6-c-clipboard-copy__text {
2187
+ word-break: break-word;
2188
+ white-space: normal;
2189
+ }
2190
+
2191
+ .pf-v6-c-clipboard-copy__text.pf-m-code {
2192
+ font-family: var(--pf-v6-c-clipboard-copy__text--m-code--FontFamily);
2193
+ font-size: var(--pf-v6-c-clipboard-copy__text--m-code--FontSize);
2194
+ }
2195
+
2196
+ .pf-v6-c-clipboard-copy__actions {
2197
+ display: inline-flex;
2198
+ gap: var(--pf-v6-c-clipboard-copy__actions--Gap);
2199
+ margin-inline-start: var(--pf-v6-c-clipboard-copy__actions--MarginInlineStart);
2200
+ }
2201
+
2202
+ .pf-v6-c-clipboard-copy__actions-item .pf-v6-c-button.pf-m-plain {
2203
+ --pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--Color);
2204
+ --pf-v6-c-button--m-plain--hover__icon--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--hover--Color);
2205
+ }
2206
+
2207
+ .pf-v6-c-card {
2208
+ --pf-v6-c-card--BackgroundColor: var(--pf-t--global--background--color--primary--default);
2209
+ --pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--default);
2210
+ --pf-v6-c-card--BorderStyle: solid;
2211
+ --pf-v6-c-card--BorderWidth: var(--pf-t--global--border--width--box--default);
2212
+ --pf-v6-c-card--BorderRadius: var(--pf-t--global--border--radius--medium);
2213
+ --pf-v6-c-card--first-child--PaddingBlockStart: var(--pf-t--global--spacer--lg);
2214
+ --pf-v6-c-card--child--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
2215
+ --pf-v6-c-card--child--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
2216
+ --pf-v6-c-card--child--PaddingInlineStart: var(--pf-t--global--spacer--lg);
2217
+ --pf-v6-c-card--c-divider--child--PaddingBlockStart: var(--pf-t--global--spacer--lg);
2218
+ --pf-v6-c-card__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--md);
2219
+ --pf-v6-c-card__title-text--Color: var(--pf-t--global--text--color--regular);
2220
+ --pf-v6-c-card__title-text--FontFamily: var(--pf-t--global--font--family--heading);
2221
+ --pf-v6-c-card__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
2222
+ --pf-v6-c-card__title-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
2223
+ --pf-v6-c-card__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
2224
+ --pf-v6-c-card--c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
2225
+ --pf-v6-c-card__body--FontSize: var(--pf-t--global--font--size--body--default);
2226
+ --pf-v6-c-card__footer--FontSize: var(--pf-t--global--font--size--body--default);
2227
+ --pf-v6-c-card__footer--Color: var(--pf-t--global--text--color--subtle);
2228
+ --pf-v6-c-card__actions--PaddingInlineStart: var(--pf-t--global--spacer--md);
2229
+ --pf-v6-c-card__actions--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
2230
+ --pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
2231
+ --pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
2232
+ --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
2233
+ --pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
2234
+ --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
2235
+ --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
2236
+ --pf-v6-c-card__header-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
2237
+ --pf-v6-c-card__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
2238
+ --pf-v6-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
2239
+ --pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--BorderWidth);
2240
+ --pf-v6-c-card--m-clickable--m-current--BorderColor: var(--pf-t--global--border--color--clicked);
2241
+ --pf-v6-c-card--m-clickable--m-current--BorderWidth: var(--pf-t--global--border--width--box--clicked);
2242
+ --pf-v6-c-card--m-selectable--m-selected--BorderColor: var(--pf-t--global--border--color--clicked);
2243
+ --pf-v6-c-card--m-selectable--m-selected--BorderWidth: var(--pf-t--global--border--width--box--clicked);
2244
+ --pf-v6-c-card--m-selectable--hover--BorderColor: var(--pf-t--global--border--color--hover);
2245
+ --pf-v6-c-card--m-selectable--focus--BorderColor: var(--pf-t--global--border--color--hover);
2246
+ --pf-v6-c-card--m-selectable--focus--BorderWidth: var(--pf-t--global--border--width--box--hover);
2247
+ --pf-v6-c-card--m-selectable--m-selected--focus--BorderColor: var(--pf-t--global--border--color--clicked);
2248
+ --pf-v6-c-card--m-selectable--m-selected--focus--BorderWidth: var(--pf-t--global--border--width--box--clicked);
2249
+ --pf-v6-c-card--m-selectable--m-disabled__title-text--Color: var(--pf-t--global--text--color--on-disabled);
2250
+ --pf-v6-c-card--m-selectable--m-disabled__body--Color: var(--pf-t--global--text--color--on-disabled);
2251
+ --pf-v6-c-card--m-selectable--m-disabled__footer--Color: var(--pf-t--global--text--color--on-disabled);
2252
+ --pf-v6-c-card--m-selectable--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
2253
+ --pf-v6-c-card--m-selectable--m-disabled--BorderColor: transparent;
2254
+ --pf-v6-c-card--m-selectable--m-clickable--m-current--BorderColor: var(--pf-t--global--border--color--clicked);
2255
+ --pf-v6-c-card--m-selectable--m-clickable--m-current--BorderWidth: var(--pf-t--global--border--width--box--clicked);
2256
+ --pf-v6-c-card--m-compact__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
2257
+ --pf-v6-c-card--m-compact__body--FontSize: var(--pf-t--global--font--size--body--default);
2258
+ --pf-v6-c-card--m-compact__footer--FontSize: var(--pf-t--global--font--size--body--sm);
2259
+ --pf-v6-c-card--m-compact--first-child--PaddingBlockStart: var(--pf-t--global--spacer--md);
2260
+ --pf-v6-c-card--m-compact--child--PaddingInlineEnd: var(--pf-t--global--spacer--md);
2261
+ --pf-v6-c-card--m-compact--child--PaddingBlockEnd: var(--pf-t--global--spacer--md);
2262
+ --pf-v6-c-card--m-compact--child--PaddingInlineStart: var(--pf-t--global--spacer--md);
2263
+ --pf-v6-c-card--m-compact--c-divider--child--PaddingBlockStart: var(--pf-t--global--spacer--md);
2264
+ --pf-v6-c-card--m-compact__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
2265
+ --pf-v6-c-card--m-display-lg__title-text--FontSize: var(--pf-t--global--font--size--heading--md);
2266
+ --pf-v6-c-card--m-display-lg__body--FontSize: var(--pf-t--global--font--size--body--lg);
2267
+ --pf-v6-c-card--m-display-lg__footer--FontSize: var(--pf-t--global--font--size--body--default);
2268
+ --pf-v6-c-card--m-display-lg--first-child--PaddingBlockStart: var(--pf-t--global--spacer--xl);
2269
+ --pf-v6-c-card--m-display-lg--child--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
2270
+ --pf-v6-c-card--m-display-lg--child--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
2271
+ --pf-v6-c-card--m-display-lg--child--PaddingInlineStart: var(--pf-t--global--spacer--xl);
2272
+ --pf-v6-c-card--m-display-lg--c-divider--child--PaddingBlockStart: var(--pf-t--global--spacer--xl);
2273
+ --pf-v6-c-card--m-display-lg__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
2274
+ --pf-v6-c-card--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
2275
+ --pf-v6-c-card--m-secondary--BorderColor: transparent;
2276
+ --pf-v6-c-card--m-full-height--Height: 100%;
2277
+ --pf-v6-c-card--m-plain--BorderColor: transparent;
2278
+ --pf-v6-c-card--m-plain--BackgroundColor: transparent;
2279
+ --pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineEnd: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
2280
+ --pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
2281
+ }
2282
+
2283
+ .pf-v6-c-card {
2284
+ position: relative;
2285
+ display: flex;
2286
+ flex-direction: column;
2287
+ overflow: auto;
2288
+ background-color: var(--pf-v6-c-card--BackgroundColor);
2289
+ border: 0;
2290
+ border-radius: var(--pf-v6-c-card--BorderRadius);
2291
+ }
2292
+
2293
+ .pf-v6-c-card::before {
2294
+ position: absolute;
2295
+ inset: 0;
2296
+ pointer-events: none;
2297
+ content: "";
2298
+ border: var(--pf-v6-c-card--BorderColor) var(--pf-v6-c-card--BorderStyle) var(--pf-v6-c-card--BorderWidth);
2299
+ border-radius: inherit;
2300
+ }
2301
+
2302
+ .pf-v6-c-card.pf-m-selectable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check, .pf-v6-c-radio) {
2121
2303
  gap: 0;
2122
2304
  }
2123
2305
 
@@ -2385,188 +2567,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2385
2567
  color: var(--pf-v6-c-card__footer--Color);
2386
2568
  }
2387
2569
 
2388
- .pf-v6-c-check {
2389
- --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
2390
- --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
2391
- --pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
2392
- --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
2393
- --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
2394
- --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
2395
- --pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
2396
- --pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
2397
- --pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
2398
- --pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
2399
- --pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
2400
- --pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
2401
- --pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
2402
- --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
2403
- }
2404
-
2405
- .pf-v6-c-check {
2406
- display: grid;
2407
- grid-template-columns: auto 1fr;
2408
- grid-gap: var(--pf-v6-c-check--GridGap);
2409
- accent-color: var(--pf-v6-c-check--AccentColor);
2410
- }
2411
-
2412
- .pf-v6-c-check.pf-m-standalone {
2413
- display: inline-grid;
2414
- grid-template-columns: auto;
2415
- min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
2416
- }
2417
-
2418
- .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
2419
- align-self: center;
2420
- transform: none;
2421
- }
2422
-
2423
- .pf-v6-c-check__input {
2424
- align-self: start;
2425
- font-size: var(--pf-v6-c-check__label--FontSize);
2426
- line-height: var(--pf-v6-c-check__label--LineHeight);
2427
- transform: translateY(var(--pf-v6-c-check__input--TranslateY));
2428
- }
2429
-
2430
- .pf-v6-c-check__label {
2431
- font-size: var(--pf-v6-c-check__label--FontSize);
2432
- font-weight: var(--pf-v6-c-check__label--FontWeight);
2433
- line-height: var(--pf-v6-c-check__label--LineHeight);
2434
- color: var(--pf-v6-c-check__label--Color);
2435
- }
2436
-
2437
- .pf-v6-c-check__description {
2438
- grid-column: 2;
2439
- font-size: var(--pf-v6-c-check__description--FontSize);
2440
- color: var(--pf-v6-c-check__description--Color);
2441
- }
2442
-
2443
- .pf-v6-c-check__body {
2444
- grid-column: 2;
2445
- }
2446
-
2447
- .pf-v6-c-check__label,
2448
- .pf-v6-c-check__input {
2449
- justify-self: start;
2450
- }
2451
-
2452
- label.pf-v6-c-check, .pf-v6-c-check__label,
2453
- .pf-v6-c-check__input {
2454
- cursor: pointer;
2455
- }
2456
-
2457
- .pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
2458
- .pf-v6-c-check__input:disabled,
2459
- .pf-v6-c-check__input.pf-m-disabled {
2460
- --pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
2461
- cursor: not-allowed;
2462
- }
2463
-
2464
- .pf-v6-c-check__label-required {
2465
- margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
2466
- font-size: var(--pf-v6-c-check__label-required--FontSize);
2467
- color: var(--pf-v6-c-check__label-required--Color);
2468
- }
2469
-
2470
- .pf-v6-c-clipboard-copy {
2471
- --pf-v6-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
2472
- --pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
2473
- --pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart: var(--pf-t--global--spacer--xs);
2474
- --pf-v6-c-clipboard-copy__expandable-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
2475
- --pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
2476
- --pf-v6-c-clipboard-copy__expandable-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
2477
- --pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
2478
- --pf-v6-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
2479
- --pf-v6-c-clipboard-copy__expandable-content--BorderBlockStartWidth: var(--pf-t--global--border--width--control--default);
2480
- --pf-v6-c-clipboard-copy__expandable-content--BorderInlineEndWidth: var(--pf-t--global--border--width--control--default);
2481
- --pf-v6-c-clipboard-copy__expandable-content--BorderBlockEndWidth: var(--pf-t--global--border--width--control--default);
2482
- --pf-v6-c-clipboard-copy__expandable-content--BorderInlineStartWidth: var(--pf-t--global--border--width--control--default);
2483
- --pf-v6-c-clipboard-copy__expandable-content--BorderColor: var(--pf-t--global--border--color--default);
2484
- --pf-v6-c-clipboard-copy__expandable-content--BorderRadius: var(--pf-t--global--border--radius--small);
2485
- --pf-v6-c-clipboard-copy__expandable-content--OutlineOffset: var(--pf-t--global--spacer--xs);
2486
- --pf-v6-c-clipboard-copy__group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
2487
- --pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart: var(--pf-t--global--spacer--xs);
2488
- --pf-v6-c-clipboard-copy--m-inline--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
2489
- --pf-v6-c-clipboard-copy--m-inline--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
2490
- --pf-v6-c-clipboard-copy__actions--Gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
2491
- --pf-v6-c-clipboard-copy__actions--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--compact);
2492
- --pf-v6-c-clipboard-copy__actions-item--button--Color: var(--pf-t--global--icon--color--subtle);
2493
- --pf-v6-c-clipboard-copy__actions-item--button--hover--Color: var(--pf-t--global--icon--color--regular);
2494
- --pf-v6-c-clipboard-copy__text--m-code--FontFamily: var(--pf-t--global--font--family--mono);
2495
- --pf-v6-c-clipboard-copy__text--m-code--FontSize: var(--pf-t--global--font--size--body--default);
2496
- }
2497
-
2498
- .pf-v6-c-clipboard-copy.pf-m-expanded .pf-v6-c-clipboard-copy__toggle-icon {
2499
- transform: rotate(var(--pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate));
2500
- }
2501
-
2502
- .pf-v6-c-clipboard-copy.pf-m-inline {
2503
- display: inline;
2504
- padding-inline-start: var(--pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart);
2505
- padding-inline-end: var(--pf-v6-c-clipboard-copy--m-inline--PaddingInlineEnd);
2506
- white-space: nowrap;
2507
- background-color: var(--pf-v6-c-clipboard-copy--m-inline--BackgroundColor);
2508
- }
2509
-
2510
- .pf-v6-c-clipboard-copy.pf-m-inline.pf-m-block {
2511
- display: block;
2512
- }
2513
-
2514
- .pf-v6-c-clipboard-copy__group {
2515
- display: flex;
2516
- gap: var(--pf-v6-c-clipboard-copy__group--Gap);
2517
- }
2518
-
2519
- .pf-v6-c-clipboard-copy__toggle-icon {
2520
- transition: var(--pf-v6-c-clipboard-copy__toggle-icon--Transition);
2521
- }
2522
-
2523
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-clipboard-copy__toggle-icon {
2524
- scale: -1 1;
2525
- }
2526
-
2527
- .pf-v6-c-clipboard-copy__expandable-content {
2528
- padding-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockStart);
2529
- padding-block-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockEnd);
2530
- padding-inline-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart);
2531
- padding-inline-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd);
2532
- margin-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart);
2533
- word-wrap: break-word;
2534
- background-color: var(--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor);
2535
- background-clip: padding-box;
2536
- border: solid var(--pf-v6-c-clipboard-copy__expandable-content--BorderColor);
2537
- border-block-start-width: var(--pf-v6-c-clipboard-copy__expandable-content--BorderBlockStartWidth);
2538
- border-block-end-width: var(--pf-v6-c-clipboard-copy__expandable-content--BorderBlockEndWidth);
2539
- border-inline-start-width: var(--pf-v6-c-clipboard-copy__expandable-content--BorderInlineStartWidth);
2540
- border-inline-end-width: var(--pf-v6-c-clipboard-copy__expandable-content--BorderInlineEndWidth);
2541
- border-radius: var(--pf-v6-c-clipboard-copy__expandable-content--BorderRadius);
2542
- box-shadow: var(--pf-v6-c-clipboard-copy__expandable-content--BoxShadow);
2543
- }
2544
-
2545
- .pf-v6-c-clipboard-copy__expandable-content pre {
2546
- white-space: pre-wrap;
2547
- }
2548
-
2549
- .pf-v6-c-clipboard-copy__text {
2550
- word-break: break-word;
2551
- white-space: normal;
2552
- }
2553
-
2554
- .pf-v6-c-clipboard-copy__text.pf-m-code {
2555
- font-family: var(--pf-v6-c-clipboard-copy__text--m-code--FontFamily);
2556
- font-size: var(--pf-v6-c-clipboard-copy__text--m-code--FontSize);
2557
- }
2558
-
2559
- .pf-v6-c-clipboard-copy__actions {
2560
- display: inline-flex;
2561
- gap: var(--pf-v6-c-clipboard-copy__actions--Gap);
2562
- margin-inline-start: var(--pf-v6-c-clipboard-copy__actions--MarginInlineStart);
2563
- }
2564
-
2565
- .pf-v6-c-clipboard-copy__actions-item .pf-v6-c-button.pf-m-plain {
2566
- --pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--Color);
2567
- --pf-v6-c-button--m-plain--hover__icon--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--hover--Color);
2568
- }
2569
-
2570
2570
  .pf-v6-c-code-block {
2571
2571
  --pf-v6-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
2572
2572
  --pf-v6-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
@@ -2908,6 +2908,67 @@ ul) {
2908
2908
  grid-column: 2;
2909
2909
  }
2910
2910
  }
2911
+ .pf-v6-c-date-picker {
2912
+ --pf-v6-c-date-picker--m-top__calendar--InsetBlockStart: 0;
2913
+ --pf-v6-c-date-picker--m-top__calendar--TranslateY: calc(-100% - var(--pf-t--global--spacer--xs));
2914
+ --pf-v6-c-date-picker__helper-text--MarginBlockStart: var(--pf-t--global--spacer--sm);
2915
+ --pf-v6-c-date-picker__input--c-form-control--Width: calc(var(--pf-v6-c-date-picker__input--c-form-control--width-chars) * 1ch + var(--pf-v6-c-date-picker__input--c-form-control--width-base));
2916
+ --pf-v6-c-date-picker__input--c-form-control--width-base: calc(var(--pf-t--global--spacer--xl) + var(--pf-t--global--spacer--sm));
2917
+ --pf-v6-c-date-picker__input--c-form-control--width-chars: 11;
2918
+ --pf-v6-c-date-picker__calendar--BackgroundColor: var(--pf-t--global--background--color--floating--default);
2919
+ --pf-v6-c-date-picker__calendar--BoxShadow: var(--pf-t--global--box-shadow--md);
2920
+ --pf-v6-c-date-picker__calendar--ZIndex: var(--pf-t--global--z-index--sm);
2921
+ --pf-v6-c-date-picker__calendar--InsetBlockStart: calc(100% + var(--pf-t--global--spacer--xs));
2922
+ --pf-v6-c-date-picker__calendar--InsetInlineEnd: auto;
2923
+ --pf-v6-c-date-picker__calendar--InsetInlineStart: 0;
2924
+ --pf-v6-c-date-picker__calendar--m-align-right--InsetInlineEnd: 0;
2925
+ --pf-v6-c-date-picker__calendar--m-align-right--InsetInlineStart: auto;
2926
+ }
2927
+
2928
+ .pf-v6-c-date-picker {
2929
+ position: relative;
2930
+ display: inline-block;
2931
+ }
2932
+
2933
+ .pf-v6-c-date-picker__helper-text {
2934
+ margin-block-start: var(--pf-v6-c-date-picker__helper-text--MarginBlockStart);
2935
+ }
2936
+
2937
+ .pf-v6-c-date-picker__input .pf-v6-c-form-control {
2938
+ width: var(--pf-v6-c-date-picker__input--c-form-control--Width);
2939
+ }
2940
+
2941
+ .pf-v6-c-date-picker__calendar {
2942
+ position: absolute;
2943
+ inset-block-start: var(--pf-v6-c-date-picker__calendar--InsetBlockStart);
2944
+ inset-inline-start: var(--pf-v6-c-date-picker__calendar--InsetInlineStart);
2945
+ inset-inline-end: var(--pf-v6-c-date-picker__calendar--InsetInlineEnd);
2946
+ z-index: var(--pf-v6-c-date-picker__calendar--ZIndex);
2947
+ background-color: var(--pf-v6-c-date-picker__calendar--BackgroundColor);
2948
+ box-shadow: var(--pf-v6-c-date-picker__calendar--BoxShadow);
2949
+ }
2950
+
2951
+ .pf-v6-c-date-picker__calendar.pf-m-align-right {
2952
+ --pf-v6-c-date-picker__calendar--InsetInlineEnd: var(--pf-v6-c-date-picker__calendar--m-align-right--InsetInlineEnd);
2953
+ --pf-v6-c-date-picker__calendar--InsetInlineStart: var(--pf-v6-c-date-picker__calendar--m-align-right--InsetInlineStart);
2954
+ }
2955
+
2956
+ .pf-v6-c-date-picker.pf-m-top .pf-v6-c-date-picker__calendar {
2957
+ --pf-v6-c-date-picker__calendar--InsetBlockStart: var(--pf-v6-c-date-picker--m-top__calendar--InsetBlockStart);
2958
+ transform: translateY(var(--pf-v6-c-date-picker--m-top__calendar--TranslateY));
2959
+ }
2960
+
2961
+ .pf-v6-c-date-picker__calendar.pf-m-static {
2962
+ --pf-v6-c-date-picker--m-top__calendar--TranslateY: 0;
2963
+ position: static;
2964
+ inset-block-start: auto;
2965
+ inset-block-end: auto;
2966
+ inset-inline-start: auto;
2967
+ inset-inline-end: auto;
2968
+ z-index: auto;
2969
+ min-width: min-content;
2970
+ }
2971
+
2911
2972
  @media screen and (min-width: 48rem) {
2912
2973
  .pf-v6-c-data-list:not([class*=pf-m-grid]) {
2913
2974
  --pf-v6-c-data-list__cell--cell--PaddingBlockStart: var(--pf-v6-c-data-list__cell--cell--md--PaddingBlockStart);
@@ -3760,67 +3821,6 @@ ul) {
3760
3821
  padding: 0;
3761
3822
  }
3762
3823
 
3763
- .pf-v6-c-date-picker {
3764
- --pf-v6-c-date-picker--m-top__calendar--InsetBlockStart: 0;
3765
- --pf-v6-c-date-picker--m-top__calendar--TranslateY: calc(-100% - var(--pf-t--global--spacer--xs));
3766
- --pf-v6-c-date-picker__helper-text--MarginBlockStart: var(--pf-t--global--spacer--sm);
3767
- --pf-v6-c-date-picker__input--c-form-control--Width: calc(var(--pf-v6-c-date-picker__input--c-form-control--width-chars) * 1ch + var(--pf-v6-c-date-picker__input--c-form-control--width-base));
3768
- --pf-v6-c-date-picker__input--c-form-control--width-base: calc(var(--pf-t--global--spacer--xl) + var(--pf-t--global--spacer--sm));
3769
- --pf-v6-c-date-picker__input--c-form-control--width-chars: 11;
3770
- --pf-v6-c-date-picker__calendar--BackgroundColor: var(--pf-t--global--background--color--floating--default);
3771
- --pf-v6-c-date-picker__calendar--BoxShadow: var(--pf-t--global--box-shadow--md);
3772
- --pf-v6-c-date-picker__calendar--ZIndex: var(--pf-t--global--z-index--sm);
3773
- --pf-v6-c-date-picker__calendar--InsetBlockStart: calc(100% + var(--pf-t--global--spacer--xs));
3774
- --pf-v6-c-date-picker__calendar--InsetInlineEnd: auto;
3775
- --pf-v6-c-date-picker__calendar--InsetInlineStart: 0;
3776
- --pf-v6-c-date-picker__calendar--m-align-right--InsetInlineEnd: 0;
3777
- --pf-v6-c-date-picker__calendar--m-align-right--InsetInlineStart: auto;
3778
- }
3779
-
3780
- .pf-v6-c-date-picker {
3781
- position: relative;
3782
- display: inline-block;
3783
- }
3784
-
3785
- .pf-v6-c-date-picker__helper-text {
3786
- margin-block-start: var(--pf-v6-c-date-picker__helper-text--MarginBlockStart);
3787
- }
3788
-
3789
- .pf-v6-c-date-picker__input .pf-v6-c-form-control {
3790
- width: var(--pf-v6-c-date-picker__input--c-form-control--Width);
3791
- }
3792
-
3793
- .pf-v6-c-date-picker__calendar {
3794
- position: absolute;
3795
- inset-block-start: var(--pf-v6-c-date-picker__calendar--InsetBlockStart);
3796
- inset-inline-start: var(--pf-v6-c-date-picker__calendar--InsetInlineStart);
3797
- inset-inline-end: var(--pf-v6-c-date-picker__calendar--InsetInlineEnd);
3798
- z-index: var(--pf-v6-c-date-picker__calendar--ZIndex);
3799
- background-color: var(--pf-v6-c-date-picker__calendar--BackgroundColor);
3800
- box-shadow: var(--pf-v6-c-date-picker__calendar--BoxShadow);
3801
- }
3802
-
3803
- .pf-v6-c-date-picker__calendar.pf-m-align-right {
3804
- --pf-v6-c-date-picker__calendar--InsetInlineEnd: var(--pf-v6-c-date-picker__calendar--m-align-right--InsetInlineEnd);
3805
- --pf-v6-c-date-picker__calendar--InsetInlineStart: var(--pf-v6-c-date-picker__calendar--m-align-right--InsetInlineStart);
3806
- }
3807
-
3808
- .pf-v6-c-date-picker.pf-m-top .pf-v6-c-date-picker__calendar {
3809
- --pf-v6-c-date-picker__calendar--InsetBlockStart: var(--pf-v6-c-date-picker--m-top__calendar--InsetBlockStart);
3810
- transform: translateY(var(--pf-v6-c-date-picker--m-top__calendar--TranslateY));
3811
- }
3812
-
3813
- .pf-v6-c-date-picker__calendar.pf-m-static {
3814
- --pf-v6-c-date-picker--m-top__calendar--TranslateY: 0;
3815
- position: static;
3816
- inset-block-start: auto;
3817
- inset-block-end: auto;
3818
- inset-inline-start: auto;
3819
- inset-inline-end: auto;
3820
- z-index: auto;
3821
- min-width: min-content;
3822
- }
3823
-
3824
3824
  .pf-v6-c-description-list {
3825
3825
  --pf-v6-c-description-list--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
3826
3826
  --pf-v6-c-description-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
@@ -12312,526 +12312,146 @@ ul.pf-v6-c-list {
12312
12312
  --pf-v6-c-page__main-breadcrumb--PaddingBlockEnd: var(--pf-v6-c-page__main-breadcrumb--m-sticky-top--PaddingBlockEnd);
12313
12313
  }
12314
12314
  }
12315
- @media (min-height: 60rem) {
12316
- .pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height, .pf-v6-c-page__main-group.pf-m-sticky-top-on-xl-height .pf-v6-c-page__main-breadcrumb:last-child {
12317
- --pf-v6-c-page__main-breadcrumb--PaddingBlockEnd: var(--pf-v6-c-page__main-breadcrumb--m-sticky-top--PaddingBlockEnd);
12318
- }
12319
- }
12320
- @media (min-height: 80rem) {
12321
- .pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height, .pf-v6-c-page__main-group.pf-m-sticky-top-on-2xl-height .pf-v6-c-page__main-breadcrumb:last-child {
12322
- --pf-v6-c-page__main-breadcrumb--PaddingBlockEnd: var(--pf-v6-c-page__main-breadcrumb--m-sticky-top--PaddingBlockEnd);
12323
- }
12324
- }
12325
- .pf-v6-c-page__main-tabs {
12326
- padding-block-start: var(--pf-v6-c-page__main-tabs--PaddingBlockStart);
12327
- padding-block-end: var(--pf-v6-c-page__main-tabs--PaddingBlockEnd);
12328
- padding-inline-start: var(--pf-v6-c-page__main-tabs--PaddingInlineStart);
12329
- padding-inline-end: var(--pf-v6-c-page__main-tabs--PaddingInlineEnd);
12330
- background-color: var(--pf-v6-c-page__main-tabs--BackgroundColor);
12331
- }
12332
-
12333
- .pf-v6-c-page__main-breadcrumb + .pf-v6-c-page__main-tabs {
12334
- --pf-v6-c-page__main-tabs--PaddingBlockStart: var(--pf-v6-c-page__main-breadcrumb--page__main-tabs--PaddingBlockStart);
12335
- }
12336
-
12337
- .pf-v6-c-page__main-section.pf-m-fill,
12338
- .pf-v6-c-page__main-group.pf-m-fill,
12339
- .pf-v6-c-page__main-wizard.pf-m-fill {
12340
- flex-grow: 1;
12341
- }
12342
-
12343
- .pf-v6-c-page__main-section.pf-m-no-fill,
12344
- .pf-v6-c-page__main-group.pf-m-no-fill,
12345
- .pf-v6-c-page__main-wizard.pf-m-no-fill {
12346
- flex-grow: 0;
12347
- }
12348
-
12349
- .pf-v6-c-page__main-section {
12350
- gap: var(--pf-v6-c-page__main-section--RowGap);
12351
- padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12352
- padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12353
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12354
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12355
- background-color: var(--pf-v6-c-page__main-section--BackgroundColor);
12356
- }
12357
-
12358
- .pf-v6-c-page__main-section.pf-m-secondary {
12359
- --pf-v6-c-page__main-section--BackgroundColor: var(--pf-v6-c-page__main-section--m-secondary--BackgroundColor);
12360
- }
12361
-
12362
- .pf-v6-c-page__main-section.pf-m-padding {
12363
- padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12364
- padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12365
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12366
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12367
- }
12368
-
12369
- .pf-v6-c-page__main-section.pf-m-no-padding {
12370
- padding: 0;
12371
- }
12372
-
12373
- @media (min-width: 36rem) {
12374
- .pf-v6-c-page__main-section.pf-m-padding-on-sm {
12375
- padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12376
- padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12377
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12378
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12379
- }
12380
- .pf-v6-c-page__main-section.pf-m-no-padding-on-sm {
12381
- padding: 0;
12382
- }
12383
- }
12384
- @media (min-width: 48rem) {
12385
- .pf-v6-c-page__main-section.pf-m-padding-on-md {
12386
- padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12387
- padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12388
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12389
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12390
- }
12391
- .pf-v6-c-page__main-section.pf-m-no-padding-on-md {
12392
- padding: 0;
12393
- }
12394
- }
12395
- @media (min-width: 62rem) {
12396
- .pf-v6-c-page__main-section.pf-m-padding-on-lg {
12397
- padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12398
- padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12399
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12400
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12401
- }
12402
- .pf-v6-c-page__main-section.pf-m-no-padding-on-lg {
12403
- padding: 0;
12404
- }
12405
- }
12406
- @media (min-width: 75rem) {
12407
- .pf-v6-c-page__main-section.pf-m-padding-on-xl {
12408
- padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12409
- padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12410
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12411
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12412
- }
12413
- .pf-v6-c-page__main-section.pf-m-no-padding-on-xl {
12414
- padding: 0;
12415
- }
12416
- }
12417
- @media (min-width: 90.625rem) {
12418
- .pf-v6-c-page__main-section.pf-m-padding-on-2xl {
12419
- padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12420
- padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12421
- padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12422
- padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12423
- }
12424
- .pf-v6-c-page__main-section.pf-m-no-padding-on-2xl {
12425
- padding: 0;
12426
- }
12427
- }
12428
- .pf-v6-c-page__main-wizard {
12429
- flex: 1 1;
12430
- min-height: 0;
12431
- background-color: var(--pf-v6-c-page__main-wizard--BackgroundColor);
12432
- border-block-start: var(--pf-v6-c-page__main-wizard--BorderBlockStartWidth) solid var(--pf-v6-c-page__main-wizard--BorderBlockStartColor);
12433
- }
12434
-
12435
- .pf-v6-c-page__main-wizard:first-child {
12436
- --pf-v6-c-page__main-wizard--BorderBlockStartWidth: 0;
12437
- }
12438
-
12439
- .pf-v6-c-page__main-wizard .pf-v6-c-page__main-body {
12440
- min-height: 0;
12441
- }
12442
-
12443
- .pf-v6-c-page__main-group {
12444
- flex-shrink: 0;
12445
- }
12446
-
12447
- .pf-v6-c-page__drawer .pf-v6-c-page__main-container {
12448
- align-self: revert;
12449
- }
12450
-
12451
- .pf-v6-c-page__drawer .pf-v6-c-page__main-container.pf-m-fill {
12452
- flex-grow: 1;
12453
- }
12454
-
12455
- .pf-v6-c-pagination {
12456
- --pf-v6-c-pagination--inset: 0;
12457
- --pf-v6-c-pagination--ColumnGap: var(--pf-t--global--spacer--lg);
12458
- --pf-v6-c-pagination--m-page-insets--inset: var(--pf-t--global--spacer--lg);
12459
- --pf-v6-c-pagination__nav--Display: none;
12460
- --pf-v6-c-pagination--m-display-summary__nav--Display: none;
12461
- --pf-v6-c-pagination--m-display-full__nav--Display: inline-flex;
12462
- --pf-v6-c-pagination__nav--ColumnGap: var(--pf-t--global--spacer--sm);
12463
- --pf-v6-c-pagination__nav-page-select--FontSize: var(--pf-t--global--font--size--body--default);
12464
- --pf-v6-c-pagination__nav-page-select--ColumnGap: var(--pf-t--global--spacer--sm);
12465
- --pf-v6-c-pagination__nav-page-select--c-form-control--width-base: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-t--global--border--width--control--default) * 2);
12466
- --pf-v6-c-pagination__nav-page-select--c-form-control--width-chars: 2;
12467
- --pf-v6-c-pagination__nav-page-select--c-form-control--Width: calc(var(--pf-v6-c-pagination__nav-page-select--c-form-control--width-base) + (var(--pf-v6-c-pagination__nav-page-select--c-form-control--width-chars) * 1ch));
12468
- --pf-v6-c-pagination__total-items--Display: block;
12469
- --pf-v6-c-pagination--m-display-summary__total-items--Display: block;
12470
- --pf-v6-c-pagination--m-display-full__total-items--Display: none;
12471
- --pf-v6-c-pagination--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
12472
- --pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
12473
- --pf-v6-c-pagination--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--md);
12474
- --pf-v6-c-pagination--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
12475
- --pf-v6-c-pagination--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--lg);
12476
- --pf-v6-c-pagination--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
12477
- --pf-v6-c-pagination--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
12478
- --pf-v6-c-pagination--m-sticky--InsetBlockStart: 0;
12479
- --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
12480
- --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
12481
- --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
12482
- --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
12483
- --pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--sm);
12484
- --pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
12485
- --pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--sm);
12486
- --pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
12487
- --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
12488
- --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
12489
- --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
12490
- --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
12491
- --pf-v6-c-pagination__page-menu--Display--base: block;
12492
- --pf-v6-c-pagination__page-menu--Display: none;
12493
- --pf-v6-c-pagination--m-display-summary__page-menu--Display: none;
12494
- --pf-v6-c-pagination--m-display-full__page-menu--Display: var(--pf-v6-c-pagination__page-menu--Display--base);
12495
- --pf-v6-c-pagination--m-bottom__page-menu--Display: var(--pf-v6-c-pagination__page-menu--Display--base);
12496
- --pf-v6-c-pagination__page-menu--md--Display: var(--pf-v6-c-pagination__page-menu--Display--base);
12497
- }
12498
-
12499
- @media screen and (min-width: 48rem) {
12500
- .pf-v6-c-pagination {
12501
- --pf-v6-c-pagination--m-bottom--BoxShadow: none;
12502
- --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
12503
- --pf-v6-c-pagination__nav--Display: inline-flex;
12504
- --pf-v6-c-pagination__total-items--Display: none;
12505
- }
12506
- }
12507
- @media screen and (min-width: 75rem) {
12508
- .pf-v6-c-pagination {
12509
- --pf-v6-c-pagination__scroll-button--Width: var(--pf-v6-c-pagination__scroll-button--xl--Width);
12510
- }
12511
- }
12512
- .pf-v6-c-pagination {
12513
- display: flex;
12514
- flex-wrap: wrap;
12515
- column-gap: var(--pf-v6-c-pagination--ColumnGap);
12516
- align-items: center;
12517
- justify-content: flex-end;
12518
- padding-inline-start: var(--pf-v6-c-pagination--inset);
12519
- padding-inline-end: var(--pf-v6-c-pagination--inset);
12520
- }
12521
-
12522
- .pf-v6-c-pagination .pf-v6-c-pagination__page-menu {
12523
- display: var(--pf-v6-c-pagination__page-menu--Display);
12524
- }
12525
-
12526
- .pf-v6-c-pagination.pf-m-bottom {
12527
- --pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow);
12528
- --pf-v6-c-pagination--m-sticky--InsetBlockStart: auto;
12529
- position: sticky;
12530
- inset-block-end: var(--pf-v6-c-pagination--m-bottom--InsetBlockEnd);
12531
- justify-content: center;
12532
- padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart);
12533
- padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd);
12534
- padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
12535
- padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
12536
- background-color: var(--pf-v6-c-pagination--m-bottom--BackgroundColor);
12537
- box-shadow: var(--pf-v6-c-pagination--m-bottom--BoxShadow);
12538
- }
12539
-
12540
- .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
12541
- .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
12542
- .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-page-select {
12543
- display: none;
12544
- }
12545
-
12546
- .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__page-menu {
12547
- position: absolute;
12548
- display: var(--pf-v6-c-pagination--m-bottom__page-menu--Display);
12549
- }
12550
-
12551
- .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav {
12552
- display: flex;
12553
- flex-basis: 100%;
12554
- justify-content: space-between;
12555
- }
12556
-
12557
- @media screen and (min-width: 48rem) {
12558
- .pf-v6-c-pagination.pf-m-bottom {
12559
- --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
12560
- --pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
12561
- --pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
12562
- position: relative;
12563
- justify-content: flex-end;
12564
- padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
12565
- padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
12566
- padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
12567
- padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
12568
- }
12569
- .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
12570
- .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
12571
- .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-page-select {
12572
- display: block;
12573
- }
12574
- .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-page-select {
12575
- display: inline-flex;
12576
- }
12577
- .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__page-menu {
12578
- position: relative;
12579
- }
12580
- .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav {
12581
- display: inline-flex;
12582
- flex-basis: auto;
12583
- }
12584
- }
12585
- .pf-v6-c-pagination.pf-m-static {
12586
- position: relative;
12587
- padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
12588
- padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
12589
- padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
12590
- padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
12591
- box-shadow: none;
12592
- }
12593
-
12594
- .pf-v6-c-pagination.pf-m-sticky {
12595
- --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
12596
- position: sticky;
12597
- inset-block-start: var(--pf-v6-c-pagination--m-sticky--InsetBlockStart);
12598
- z-index: var(--pf-v6-c-pagination--m-sticky--ZIndex);
12599
- padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart);
12600
- padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd);
12601
- padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
12602
- padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
12603
- background-color: var(--pf-v6-c-pagination--m-sticky--BackgroundColor);
12604
- box-shadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
12605
- }
12606
-
12607
- .pf-v6-c-pagination.pf-m-page-insets {
12608
- --pf-v6-c-pagination--inset: var(--pf-v6-c-pagination--m-page-insets--inset);
12609
- }
12610
-
12611
- .pf-v6-c-pagination__nav {
12612
- display: var(--pf-v6-c-pagination__nav--Display);
12613
- column-gap: var(--pf-v6-c-pagination__nav--ColumnGap);
12614
- justify-content: flex-end;
12615
- }
12616
-
12617
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-pagination__nav-control {
12618
- scale: -1 1;
12619
- }
12620
-
12621
- .pf-v6-c-pagination__nav-page-select {
12622
- display: flex;
12623
- column-gap: var(--pf-v6-c-pagination__nav-page-select--ColumnGap);
12624
- align-items: center;
12625
- }
12626
-
12627
- .pf-v6-c-pagination__nav-page-select > * {
12628
- font-size: var(--pf-v6-c-pagination__nav-page-select--FontSize);
12629
- white-space: nowrap;
12630
- }
12631
-
12632
- .pf-v6-c-pagination__nav-page-select .pf-v6-c-form-control {
12633
- width: var(--pf-v6-c-pagination__nav-page-select--c-form-control--Width);
12634
- }
12635
-
12636
- .pf-v6-c-pagination__nav-page-select .pf-v6-c-form-control > :is(input) {
12637
- appearance: textfield;
12638
- }
12639
-
12640
- .pf-v6-c-pagination__nav-page-select .pf-v6-c-form-control > :is(input)::-webkit-inner-spin-button, .pf-v6-c-pagination__nav-page-select .pf-v6-c-form-control > :is(input)::-webkit-outer-spin-button {
12641
- margin: 0;
12642
- appearance: none;
12315
+ @media (min-height: 60rem) {
12316
+ .pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height, .pf-v6-c-page__main-group.pf-m-sticky-top-on-xl-height .pf-v6-c-page__main-breadcrumb:last-child {
12317
+ --pf-v6-c-page__main-breadcrumb--PaddingBlockEnd: var(--pf-v6-c-page__main-breadcrumb--m-sticky-top--PaddingBlockEnd);
12318
+ }
12643
12319
  }
12644
-
12645
- .pf-v6-c-pagination__total-items {
12646
- display: var(--pf-v6-c-pagination__total-items--Display);
12320
+ @media (min-height: 80rem) {
12321
+ .pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height, .pf-v6-c-page__main-group.pf-m-sticky-top-on-2xl-height .pf-v6-c-page__main-breadcrumb:last-child {
12322
+ --pf-v6-c-page__main-breadcrumb--PaddingBlockEnd: var(--pf-v6-c-page__main-breadcrumb--m-sticky-top--PaddingBlockEnd);
12323
+ }
12647
12324
  }
12648
-
12649
- .pf-v6-c-pagination.pf-m-display-summary {
12650
- --pf-v6-c-pagination__nav--Display: var(--pf-v6-c-pagination--m-display-summary__nav--Display);
12651
- --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination--m-display-summary__page-menu--Display);
12652
- --pf-v6-c-pagination__total-items--Display: var(--pf-v6-c-pagination--m-display-summary__total-items--Display);
12325
+ .pf-v6-c-page__main-tabs {
12326
+ padding-block-start: var(--pf-v6-c-page__main-tabs--PaddingBlockStart);
12327
+ padding-block-end: var(--pf-v6-c-page__main-tabs--PaddingBlockEnd);
12328
+ padding-inline-start: var(--pf-v6-c-page__main-tabs--PaddingInlineStart);
12329
+ padding-inline-end: var(--pf-v6-c-page__main-tabs--PaddingInlineEnd);
12330
+ background-color: var(--pf-v6-c-page__main-tabs--BackgroundColor);
12653
12331
  }
12654
12332
 
12655
- .pf-v6-c-pagination.pf-m-display-full {
12656
- --pf-v6-c-pagination__nav--Display: var(--pf-v6-c-pagination--m-display-full__nav--Display);
12657
- --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination--m-display-full__page-menu--Display);
12658
- --pf-v6-c-pagination__total-items--Display: var(--pf-v6-c-pagination--m-display-full__total-items--Display);
12333
+ .pf-v6-c-page__main-breadcrumb + .pf-v6-c-page__main-tabs {
12334
+ --pf-v6-c-page__main-tabs--PaddingBlockStart: var(--pf-v6-c-page__main-breadcrumb--page__main-tabs--PaddingBlockStart);
12659
12335
  }
12660
12336
 
12661
- .pf-v6-c-pagination.pf-m-inset-none {
12662
- --pf-v6-c-pagination--inset: 0;
12337
+ .pf-v6-c-page__main-section.pf-m-fill,
12338
+ .pf-v6-c-page__main-group.pf-m-fill,
12339
+ .pf-v6-c-page__main-wizard.pf-m-fill {
12340
+ flex-grow: 1;
12663
12341
  }
12664
12342
 
12665
- .pf-v6-c-pagination.pf-m-inset-sm {
12666
- --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--sm);
12343
+ .pf-v6-c-page__main-section.pf-m-no-fill,
12344
+ .pf-v6-c-page__main-group.pf-m-no-fill,
12345
+ .pf-v6-c-page__main-wizard.pf-m-no-fill {
12346
+ flex-grow: 0;
12667
12347
  }
12668
12348
 
12669
- .pf-v6-c-pagination.pf-m-inset-md {
12670
- --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--md);
12349
+ .pf-v6-c-page__main-section {
12350
+ gap: var(--pf-v6-c-page__main-section--RowGap);
12351
+ padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12352
+ padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12353
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12354
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12355
+ background-color: var(--pf-v6-c-page__main-section--BackgroundColor);
12671
12356
  }
12672
12357
 
12673
- .pf-v6-c-pagination.pf-m-inset-lg {
12674
- --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--lg);
12358
+ .pf-v6-c-page__main-section.pf-m-secondary {
12359
+ --pf-v6-c-page__main-section--BackgroundColor: var(--pf-v6-c-page__main-section--m-secondary--BackgroundColor);
12675
12360
  }
12676
12361
 
12677
- .pf-v6-c-pagination.pf-m-inset-xl {
12678
- --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--xl);
12362
+ .pf-v6-c-page__main-section.pf-m-padding {
12363
+ padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12364
+ padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12365
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12366
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12679
12367
  }
12680
12368
 
12681
- .pf-v6-c-pagination.pf-m-inset-2xl {
12682
- --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--2xl);
12369
+ .pf-v6-c-page__main-section.pf-m-no-padding {
12370
+ padding: 0;
12683
12371
  }
12684
12372
 
12685
12373
  @media (min-width: 36rem) {
12686
- .pf-v6-c-pagination.pf-m-display-summary-on-sm {
12687
- --pf-v6-c-pagination__nav--Display: var(--pf-v6-c-pagination--m-display-summary__nav--Display);
12688
- --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination--m-display-summary__page-menu--Display);
12689
- --pf-v6-c-pagination__total-items--Display: var(--pf-v6-c-pagination--m-display-summary__total-items--Display);
12690
- }
12691
- .pf-v6-c-pagination.pf-m-display-full-on-sm {
12692
- --pf-v6-c-pagination__nav--Display: var(--pf-v6-c-pagination--m-display-full__nav--Display);
12693
- --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination--m-display-full__page-menu--Display);
12694
- --pf-v6-c-pagination__total-items--Display: var(--pf-v6-c-pagination--m-display-full__total-items--Display);
12695
- }
12696
- .pf-v6-c-pagination.pf-m-inset-none-on-sm {
12697
- --pf-v6-c-pagination--inset: 0;
12698
- }
12699
- .pf-v6-c-pagination.pf-m-inset-sm-on-sm {
12700
- --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--sm);
12701
- }
12702
- .pf-v6-c-pagination.pf-m-inset-md-on-sm {
12703
- --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--md);
12704
- }
12705
- .pf-v6-c-pagination.pf-m-inset-lg-on-sm {
12706
- --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--lg);
12707
- }
12708
- .pf-v6-c-pagination.pf-m-inset-xl-on-sm {
12709
- --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--xl);
12374
+ .pf-v6-c-page__main-section.pf-m-padding-on-sm {
12375
+ padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12376
+ padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12377
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12378
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12710
12379
  }
12711
- .pf-v6-c-pagination.pf-m-inset-2xl-on-sm {
12712
- --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--2xl);
12380
+ .pf-v6-c-page__main-section.pf-m-no-padding-on-sm {
12381
+ padding: 0;
12713
12382
  }
12714
12383
  }
12715
12384
  @media (min-width: 48rem) {
12716
- .pf-v6-c-pagination.pf-m-display-summary-on-md {
12717
- --pf-v6-c-pagination__nav--Display: var(--pf-v6-c-pagination--m-display-summary__nav--Display);
12718
- --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination--m-display-summary__page-menu--Display);
12719
- --pf-v6-c-pagination__total-items--Display: var(--pf-v6-c-pagination--m-display-summary__total-items--Display);
12720
- }
12721
- .pf-v6-c-pagination.pf-m-display-full-on-md {
12722
- --pf-v6-c-pagination__nav--Display: var(--pf-v6-c-pagination--m-display-full__nav--Display);
12723
- --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination--m-display-full__page-menu--Display);
12724
- --pf-v6-c-pagination__total-items--Display: var(--pf-v6-c-pagination--m-display-full__total-items--Display);
12725
- }
12726
- .pf-v6-c-pagination.pf-m-inset-none-on-md {
12727
- --pf-v6-c-pagination--inset: 0;
12728
- }
12729
- .pf-v6-c-pagination.pf-m-inset-sm-on-md {
12730
- --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--sm);
12731
- }
12732
- .pf-v6-c-pagination.pf-m-inset-md-on-md {
12733
- --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--md);
12734
- }
12735
- .pf-v6-c-pagination.pf-m-inset-lg-on-md {
12736
- --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--lg);
12737
- }
12738
- .pf-v6-c-pagination.pf-m-inset-xl-on-md {
12739
- --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--xl);
12385
+ .pf-v6-c-page__main-section.pf-m-padding-on-md {
12386
+ padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12387
+ padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12388
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12389
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12740
12390
  }
12741
- .pf-v6-c-pagination.pf-m-inset-2xl-on-md {
12742
- --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--2xl);
12391
+ .pf-v6-c-page__main-section.pf-m-no-padding-on-md {
12392
+ padding: 0;
12743
12393
  }
12744
12394
  }
12745
12395
  @media (min-width: 62rem) {
12746
- .pf-v6-c-pagination.pf-m-display-summary-on-lg {
12747
- --pf-v6-c-pagination__nav--Display: var(--pf-v6-c-pagination--m-display-summary__nav--Display);
12748
- --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination--m-display-summary__page-menu--Display);
12749
- --pf-v6-c-pagination__total-items--Display: var(--pf-v6-c-pagination--m-display-summary__total-items--Display);
12750
- }
12751
- .pf-v6-c-pagination.pf-m-display-full-on-lg {
12752
- --pf-v6-c-pagination__nav--Display: var(--pf-v6-c-pagination--m-display-full__nav--Display);
12753
- --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination--m-display-full__page-menu--Display);
12754
- --pf-v6-c-pagination__total-items--Display: var(--pf-v6-c-pagination--m-display-full__total-items--Display);
12755
- }
12756
- .pf-v6-c-pagination.pf-m-inset-none-on-lg {
12757
- --pf-v6-c-pagination--inset: 0;
12758
- }
12759
- .pf-v6-c-pagination.pf-m-inset-sm-on-lg {
12760
- --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--sm);
12761
- }
12762
- .pf-v6-c-pagination.pf-m-inset-md-on-lg {
12763
- --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--md);
12764
- }
12765
- .pf-v6-c-pagination.pf-m-inset-lg-on-lg {
12766
- --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--lg);
12767
- }
12768
- .pf-v6-c-pagination.pf-m-inset-xl-on-lg {
12769
- --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--xl);
12396
+ .pf-v6-c-page__main-section.pf-m-padding-on-lg {
12397
+ padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12398
+ padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12399
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12400
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12770
12401
  }
12771
- .pf-v6-c-pagination.pf-m-inset-2xl-on-lg {
12772
- --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--2xl);
12402
+ .pf-v6-c-page__main-section.pf-m-no-padding-on-lg {
12403
+ padding: 0;
12773
12404
  }
12774
12405
  }
12775
12406
  @media (min-width: 75rem) {
12776
- .pf-v6-c-pagination.pf-m-display-summary-on-xl {
12777
- --pf-v6-c-pagination__nav--Display: var(--pf-v6-c-pagination--m-display-summary__nav--Display);
12778
- --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination--m-display-summary__page-menu--Display);
12779
- --pf-v6-c-pagination__total-items--Display: var(--pf-v6-c-pagination--m-display-summary__total-items--Display);
12780
- }
12781
- .pf-v6-c-pagination.pf-m-display-full-on-xl {
12782
- --pf-v6-c-pagination__nav--Display: var(--pf-v6-c-pagination--m-display-full__nav--Display);
12783
- --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination--m-display-full__page-menu--Display);
12784
- --pf-v6-c-pagination__total-items--Display: var(--pf-v6-c-pagination--m-display-full__total-items--Display);
12785
- }
12786
- .pf-v6-c-pagination.pf-m-inset-none-on-xl {
12787
- --pf-v6-c-pagination--inset: 0;
12788
- }
12789
- .pf-v6-c-pagination.pf-m-inset-sm-on-xl {
12790
- --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--sm);
12791
- }
12792
- .pf-v6-c-pagination.pf-m-inset-md-on-xl {
12793
- --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--md);
12794
- }
12795
- .pf-v6-c-pagination.pf-m-inset-lg-on-xl {
12796
- --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--lg);
12797
- }
12798
- .pf-v6-c-pagination.pf-m-inset-xl-on-xl {
12799
- --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--xl);
12407
+ .pf-v6-c-page__main-section.pf-m-padding-on-xl {
12408
+ padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12409
+ padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12410
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12411
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12800
12412
  }
12801
- .pf-v6-c-pagination.pf-m-inset-2xl-on-xl {
12802
- --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--2xl);
12413
+ .pf-v6-c-page__main-section.pf-m-no-padding-on-xl {
12414
+ padding: 0;
12803
12415
  }
12804
12416
  }
12805
12417
  @media (min-width: 90.625rem) {
12806
- .pf-v6-c-pagination.pf-m-display-summary-on-2xl {
12807
- --pf-v6-c-pagination__nav--Display: var(--pf-v6-c-pagination--m-display-summary__nav--Display);
12808
- --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination--m-display-summary__page-menu--Display);
12809
- --pf-v6-c-pagination__total-items--Display: var(--pf-v6-c-pagination--m-display-summary__total-items--Display);
12810
- }
12811
- .pf-v6-c-pagination.pf-m-display-full-on-2xl {
12812
- --pf-v6-c-pagination__nav--Display: var(--pf-v6-c-pagination--m-display-full__nav--Display);
12813
- --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination--m-display-full__page-menu--Display);
12814
- --pf-v6-c-pagination__total-items--Display: var(--pf-v6-c-pagination--m-display-full__total-items--Display);
12815
- }
12816
- .pf-v6-c-pagination.pf-m-inset-none-on-2xl {
12817
- --pf-v6-c-pagination--inset: 0;
12818
- }
12819
- .pf-v6-c-pagination.pf-m-inset-sm-on-2xl {
12820
- --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--sm);
12821
- }
12822
- .pf-v6-c-pagination.pf-m-inset-md-on-2xl {
12823
- --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--md);
12824
- }
12825
- .pf-v6-c-pagination.pf-m-inset-lg-on-2xl {
12826
- --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--lg);
12827
- }
12828
- .pf-v6-c-pagination.pf-m-inset-xl-on-2xl {
12829
- --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--xl);
12418
+ .pf-v6-c-page__main-section.pf-m-padding-on-2xl {
12419
+ padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12420
+ padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12421
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12422
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12830
12423
  }
12831
- .pf-v6-c-pagination.pf-m-inset-2xl-on-2xl {
12832
- --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--2xl);
12424
+ .pf-v6-c-page__main-section.pf-m-no-padding-on-2xl {
12425
+ padding: 0;
12833
12426
  }
12834
12427
  }
12428
+ .pf-v6-c-page__main-wizard {
12429
+ flex: 1 1;
12430
+ min-height: 0;
12431
+ background-color: var(--pf-v6-c-page__main-wizard--BackgroundColor);
12432
+ border-block-start: var(--pf-v6-c-page__main-wizard--BorderBlockStartWidth) solid var(--pf-v6-c-page__main-wizard--BorderBlockStartColor);
12433
+ }
12434
+
12435
+ .pf-v6-c-page__main-wizard:first-child {
12436
+ --pf-v6-c-page__main-wizard--BorderBlockStartWidth: 0;
12437
+ }
12438
+
12439
+ .pf-v6-c-page__main-wizard .pf-v6-c-page__main-body {
12440
+ min-height: 0;
12441
+ }
12442
+
12443
+ .pf-v6-c-page__main-group {
12444
+ flex-shrink: 0;
12445
+ }
12446
+
12447
+ .pf-v6-c-page__drawer .pf-v6-c-page__main-container {
12448
+ align-self: revert;
12449
+ }
12450
+
12451
+ .pf-v6-c-page__drawer .pf-v6-c-page__main-container.pf-m-fill {
12452
+ flex-grow: 1;
12453
+ }
12454
+
12835
12455
  .pf-v6-c-popover {
12836
12456
  --pf-v6-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
12837
12457
  --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
@@ -13154,85 +12774,465 @@ ul.pf-v6-c-list {
13154
12774
  grid-column: 2/3;
13155
12775
  }
13156
12776
 
13157
- .pf-v6-c-progress.pf-m-outside, .pf-v6-c-progress.pf-m-singleline {
13158
- grid-template-columns: 1fr fit-content(50%);
12777
+ .pf-v6-c-progress.pf-m-outside, .pf-v6-c-progress.pf-m-singleline {
12778
+ grid-template-columns: 1fr fit-content(50%);
12779
+ }
12780
+
12781
+ .pf-v6-c-progress.pf-m-success {
12782
+ --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-success__indicator--BackgroundColor);
12783
+ --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-success__status-icon--Color);
12784
+ --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-success--m-inside__measure--Color);
12785
+ }
12786
+
12787
+ .pf-v6-c-progress.pf-m-warning {
12788
+ --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-warning__indicator--BackgroundColor);
12789
+ --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-warning__status-icon--Color);
12790
+ --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-warning--m-inside__measure--Color);
12791
+ }
12792
+
12793
+ .pf-v6-c-progress.pf-m-danger {
12794
+ --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-danger__indicator--BackgroundColor);
12795
+ --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-danger__status-icon--Color);
12796
+ --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-danger--m-inside__measure--Color);
12797
+ }
12798
+
12799
+ .pf-v6-c-progress__description {
12800
+ grid-column: 1/2;
12801
+ word-break: break-word;
12802
+ }
12803
+
12804
+ .pf-v6-c-progress__description.pf-m-truncate {
12805
+ overflow: hidden;
12806
+ text-overflow: ellipsis;
12807
+ white-space: nowrap;
12808
+ }
12809
+
12810
+ .pf-v6-c-progress__status {
12811
+ display: flex;
12812
+ grid-row: 1/2;
12813
+ grid-column: 2/3;
12814
+ gap: var(--pf-v6-c-progress__status--Gap);
12815
+ align-items: flex-start;
12816
+ justify-content: flex-end;
12817
+ text-align: end;
12818
+ word-break: break-word;
12819
+ }
12820
+
12821
+ .pf-v6-c-progress__status-icon {
12822
+ color: var(--pf-v6-c-progress__status-icon--Color);
12823
+ }
12824
+
12825
+ .pf-v6-c-progress__bar::before,
12826
+ .pf-v6-c-progress__indicator {
12827
+ inset-block-start: 0;
12828
+ inset-inline-start: 0;
12829
+ }
12830
+
12831
+ .pf-v6-c-progress__bar {
12832
+ position: relative;
12833
+ grid-row: 2/3;
12834
+ grid-column: 1/3;
12835
+ align-self: center;
12836
+ height: var(--pf-v6-c-progress__bar--Height);
12837
+ background-color: var(--pf-v6-c-progress__bar--BackgroundColor);
12838
+ }
12839
+
12840
+ .pf-v6-c-progress__indicator {
12841
+ position: absolute;
12842
+ height: var(--pf-v6-c-progress__indicator--Height);
12843
+ background-color: var(--pf-v6-c-progress__indicator--BackgroundColor);
12844
+ }
12845
+
12846
+ .pf-v6-c-progress__helper-text {
12847
+ grid-row: 3/4;
12848
+ grid-column: 1/3;
12849
+ margin-block-start: var(--pf-v6-c-progress__helper-text--MarginBlockStart);
12850
+ }
12851
+
12852
+ .pf-v6-c-progress__measure {
12853
+ font-variant-numeric: tabular-nums;
12854
+ }
12855
+
12856
+ .pf-v6-c-pagination {
12857
+ --pf-v6-c-pagination--inset: 0;
12858
+ --pf-v6-c-pagination--ColumnGap: var(--pf-t--global--spacer--lg);
12859
+ --pf-v6-c-pagination--m-page-insets--inset: var(--pf-t--global--spacer--lg);
12860
+ --pf-v6-c-pagination__nav--Display: none;
12861
+ --pf-v6-c-pagination--m-display-summary__nav--Display: none;
12862
+ --pf-v6-c-pagination--m-display-full__nav--Display: inline-flex;
12863
+ --pf-v6-c-pagination__nav--ColumnGap: var(--pf-t--global--spacer--sm);
12864
+ --pf-v6-c-pagination__nav-page-select--FontSize: var(--pf-t--global--font--size--body--default);
12865
+ --pf-v6-c-pagination__nav-page-select--ColumnGap: var(--pf-t--global--spacer--sm);
12866
+ --pf-v6-c-pagination__nav-page-select--c-form-control--width-base: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-t--global--border--width--control--default) * 2);
12867
+ --pf-v6-c-pagination__nav-page-select--c-form-control--width-chars: 2;
12868
+ --pf-v6-c-pagination__nav-page-select--c-form-control--Width: calc(var(--pf-v6-c-pagination__nav-page-select--c-form-control--width-base) + (var(--pf-v6-c-pagination__nav-page-select--c-form-control--width-chars) * 1ch));
12869
+ --pf-v6-c-pagination__total-items--Display: block;
12870
+ --pf-v6-c-pagination--m-display-summary__total-items--Display: block;
12871
+ --pf-v6-c-pagination--m-display-full__total-items--Display: none;
12872
+ --pf-v6-c-pagination--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
12873
+ --pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
12874
+ --pf-v6-c-pagination--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--md);
12875
+ --pf-v6-c-pagination--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
12876
+ --pf-v6-c-pagination--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--lg);
12877
+ --pf-v6-c-pagination--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
12878
+ --pf-v6-c-pagination--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
12879
+ --pf-v6-c-pagination--m-sticky--InsetBlockStart: 0;
12880
+ --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
12881
+ --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
12882
+ --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
12883
+ --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
12884
+ --pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--sm);
12885
+ --pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
12886
+ --pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--sm);
12887
+ --pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
12888
+ --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
12889
+ --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
12890
+ --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
12891
+ --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
12892
+ --pf-v6-c-pagination__page-menu--Display--base: block;
12893
+ --pf-v6-c-pagination__page-menu--Display: none;
12894
+ --pf-v6-c-pagination--m-display-summary__page-menu--Display: none;
12895
+ --pf-v6-c-pagination--m-display-full__page-menu--Display: var(--pf-v6-c-pagination__page-menu--Display--base);
12896
+ --pf-v6-c-pagination--m-bottom__page-menu--Display: var(--pf-v6-c-pagination__page-menu--Display--base);
12897
+ --pf-v6-c-pagination__page-menu--md--Display: var(--pf-v6-c-pagination__page-menu--Display--base);
12898
+ }
12899
+
12900
+ @media screen and (min-width: 48rem) {
12901
+ .pf-v6-c-pagination {
12902
+ --pf-v6-c-pagination--m-bottom--BoxShadow: none;
12903
+ --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
12904
+ --pf-v6-c-pagination__nav--Display: inline-flex;
12905
+ --pf-v6-c-pagination__total-items--Display: none;
12906
+ }
12907
+ }
12908
+ @media screen and (min-width: 75rem) {
12909
+ .pf-v6-c-pagination {
12910
+ --pf-v6-c-pagination__scroll-button--Width: var(--pf-v6-c-pagination__scroll-button--xl--Width);
12911
+ }
12912
+ }
12913
+ .pf-v6-c-pagination {
12914
+ display: flex;
12915
+ flex-wrap: wrap;
12916
+ column-gap: var(--pf-v6-c-pagination--ColumnGap);
12917
+ align-items: center;
12918
+ justify-content: flex-end;
12919
+ padding-inline-start: var(--pf-v6-c-pagination--inset);
12920
+ padding-inline-end: var(--pf-v6-c-pagination--inset);
12921
+ }
12922
+
12923
+ .pf-v6-c-pagination .pf-v6-c-pagination__page-menu {
12924
+ display: var(--pf-v6-c-pagination__page-menu--Display);
12925
+ }
12926
+
12927
+ .pf-v6-c-pagination.pf-m-bottom {
12928
+ --pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow);
12929
+ --pf-v6-c-pagination--m-sticky--InsetBlockStart: auto;
12930
+ position: sticky;
12931
+ inset-block-end: var(--pf-v6-c-pagination--m-bottom--InsetBlockEnd);
12932
+ justify-content: center;
12933
+ padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart);
12934
+ padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd);
12935
+ padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
12936
+ padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
12937
+ background-color: var(--pf-v6-c-pagination--m-bottom--BackgroundColor);
12938
+ box-shadow: var(--pf-v6-c-pagination--m-bottom--BoxShadow);
12939
+ }
12940
+
12941
+ .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
12942
+ .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
12943
+ .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-page-select {
12944
+ display: none;
12945
+ }
12946
+
12947
+ .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__page-menu {
12948
+ position: absolute;
12949
+ display: var(--pf-v6-c-pagination--m-bottom__page-menu--Display);
12950
+ }
12951
+
12952
+ .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav {
12953
+ display: flex;
12954
+ flex-basis: 100%;
12955
+ justify-content: space-between;
12956
+ }
12957
+
12958
+ @media screen and (min-width: 48rem) {
12959
+ .pf-v6-c-pagination.pf-m-bottom {
12960
+ --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
12961
+ --pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
12962
+ --pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
12963
+ position: relative;
12964
+ justify-content: flex-end;
12965
+ padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
12966
+ padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
12967
+ padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
12968
+ padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
12969
+ }
12970
+ .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
12971
+ .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
12972
+ .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-page-select {
12973
+ display: block;
12974
+ }
12975
+ .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-page-select {
12976
+ display: inline-flex;
12977
+ }
12978
+ .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__page-menu {
12979
+ position: relative;
12980
+ }
12981
+ .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav {
12982
+ display: inline-flex;
12983
+ flex-basis: auto;
12984
+ }
12985
+ }
12986
+ .pf-v6-c-pagination.pf-m-static {
12987
+ position: relative;
12988
+ padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
12989
+ padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
12990
+ padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
12991
+ padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
12992
+ box-shadow: none;
12993
+ }
12994
+
12995
+ .pf-v6-c-pagination.pf-m-sticky {
12996
+ --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
12997
+ position: sticky;
12998
+ inset-block-start: var(--pf-v6-c-pagination--m-sticky--InsetBlockStart);
12999
+ z-index: var(--pf-v6-c-pagination--m-sticky--ZIndex);
13000
+ padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart);
13001
+ padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd);
13002
+ padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
13003
+ padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
13004
+ background-color: var(--pf-v6-c-pagination--m-sticky--BackgroundColor);
13005
+ box-shadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
13006
+ }
13007
+
13008
+ .pf-v6-c-pagination.pf-m-page-insets {
13009
+ --pf-v6-c-pagination--inset: var(--pf-v6-c-pagination--m-page-insets--inset);
13010
+ }
13011
+
13012
+ .pf-v6-c-pagination__nav {
13013
+ display: var(--pf-v6-c-pagination__nav--Display);
13014
+ column-gap: var(--pf-v6-c-pagination__nav--ColumnGap);
13015
+ justify-content: flex-end;
13016
+ }
13017
+
13018
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-pagination__nav-control {
13019
+ scale: -1 1;
13020
+ }
13021
+
13022
+ .pf-v6-c-pagination__nav-page-select {
13023
+ display: flex;
13024
+ column-gap: var(--pf-v6-c-pagination__nav-page-select--ColumnGap);
13025
+ align-items: center;
13026
+ }
13027
+
13028
+ .pf-v6-c-pagination__nav-page-select > * {
13029
+ font-size: var(--pf-v6-c-pagination__nav-page-select--FontSize);
13030
+ white-space: nowrap;
13031
+ }
13032
+
13033
+ .pf-v6-c-pagination__nav-page-select .pf-v6-c-form-control {
13034
+ width: var(--pf-v6-c-pagination__nav-page-select--c-form-control--Width);
13159
13035
  }
13160
13036
 
13161
- .pf-v6-c-progress.pf-m-success {
13162
- --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-success__indicator--BackgroundColor);
13163
- --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-success__status-icon--Color);
13164
- --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-success--m-inside__measure--Color);
13037
+ .pf-v6-c-pagination__nav-page-select .pf-v6-c-form-control > :is(input) {
13038
+ appearance: textfield;
13165
13039
  }
13166
13040
 
13167
- .pf-v6-c-progress.pf-m-warning {
13168
- --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-warning__indicator--BackgroundColor);
13169
- --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-warning__status-icon--Color);
13170
- --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-warning--m-inside__measure--Color);
13041
+ .pf-v6-c-pagination__nav-page-select .pf-v6-c-form-control > :is(input)::-webkit-inner-spin-button, .pf-v6-c-pagination__nav-page-select .pf-v6-c-form-control > :is(input)::-webkit-outer-spin-button {
13042
+ margin: 0;
13043
+ appearance: none;
13171
13044
  }
13172
13045
 
13173
- .pf-v6-c-progress.pf-m-danger {
13174
- --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-danger__indicator--BackgroundColor);
13175
- --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-danger__status-icon--Color);
13176
- --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-danger--m-inside__measure--Color);
13046
+ .pf-v6-c-pagination__total-items {
13047
+ display: var(--pf-v6-c-pagination__total-items--Display);
13177
13048
  }
13178
13049
 
13179
- .pf-v6-c-progress__description {
13180
- grid-column: 1/2;
13181
- word-break: break-word;
13050
+ .pf-v6-c-pagination.pf-m-display-summary {
13051
+ --pf-v6-c-pagination__nav--Display: var(--pf-v6-c-pagination--m-display-summary__nav--Display);
13052
+ --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination--m-display-summary__page-menu--Display);
13053
+ --pf-v6-c-pagination__total-items--Display: var(--pf-v6-c-pagination--m-display-summary__total-items--Display);
13182
13054
  }
13183
13055
 
13184
- .pf-v6-c-progress__description.pf-m-truncate {
13185
- overflow: hidden;
13186
- text-overflow: ellipsis;
13187
- white-space: nowrap;
13056
+ .pf-v6-c-pagination.pf-m-display-full {
13057
+ --pf-v6-c-pagination__nav--Display: var(--pf-v6-c-pagination--m-display-full__nav--Display);
13058
+ --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination--m-display-full__page-menu--Display);
13059
+ --pf-v6-c-pagination__total-items--Display: var(--pf-v6-c-pagination--m-display-full__total-items--Display);
13188
13060
  }
13189
13061
 
13190
- .pf-v6-c-progress__status {
13191
- display: flex;
13192
- grid-row: 1/2;
13193
- grid-column: 2/3;
13194
- gap: var(--pf-v6-c-progress__status--Gap);
13195
- align-items: flex-start;
13196
- justify-content: flex-end;
13197
- text-align: end;
13198
- word-break: break-word;
13062
+ .pf-v6-c-pagination.pf-m-inset-none {
13063
+ --pf-v6-c-pagination--inset: 0;
13199
13064
  }
13200
13065
 
13201
- .pf-v6-c-progress__status-icon {
13202
- color: var(--pf-v6-c-progress__status-icon--Color);
13066
+ .pf-v6-c-pagination.pf-m-inset-sm {
13067
+ --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--sm);
13203
13068
  }
13204
13069
 
13205
- .pf-v6-c-progress__bar::before,
13206
- .pf-v6-c-progress__indicator {
13207
- inset-block-start: 0;
13208
- inset-inline-start: 0;
13070
+ .pf-v6-c-pagination.pf-m-inset-md {
13071
+ --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--md);
13209
13072
  }
13210
13073
 
13211
- .pf-v6-c-progress__bar {
13212
- position: relative;
13213
- grid-row: 2/3;
13214
- grid-column: 1/3;
13215
- align-self: center;
13216
- height: var(--pf-v6-c-progress__bar--Height);
13217
- background-color: var(--pf-v6-c-progress__bar--BackgroundColor);
13074
+ .pf-v6-c-pagination.pf-m-inset-lg {
13075
+ --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--lg);
13218
13076
  }
13219
13077
 
13220
- .pf-v6-c-progress__indicator {
13221
- position: absolute;
13222
- height: var(--pf-v6-c-progress__indicator--Height);
13223
- background-color: var(--pf-v6-c-progress__indicator--BackgroundColor);
13078
+ .pf-v6-c-pagination.pf-m-inset-xl {
13079
+ --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--xl);
13224
13080
  }
13225
13081
 
13226
- .pf-v6-c-progress__helper-text {
13227
- grid-row: 3/4;
13228
- grid-column: 1/3;
13229
- margin-block-start: var(--pf-v6-c-progress__helper-text--MarginBlockStart);
13082
+ .pf-v6-c-pagination.pf-m-inset-2xl {
13083
+ --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--2xl);
13230
13084
  }
13231
13085
 
13232
- .pf-v6-c-progress__measure {
13233
- font-variant-numeric: tabular-nums;
13086
+ @media (min-width: 36rem) {
13087
+ .pf-v6-c-pagination.pf-m-display-summary-on-sm {
13088
+ --pf-v6-c-pagination__nav--Display: var(--pf-v6-c-pagination--m-display-summary__nav--Display);
13089
+ --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination--m-display-summary__page-menu--Display);
13090
+ --pf-v6-c-pagination__total-items--Display: var(--pf-v6-c-pagination--m-display-summary__total-items--Display);
13091
+ }
13092
+ .pf-v6-c-pagination.pf-m-display-full-on-sm {
13093
+ --pf-v6-c-pagination__nav--Display: var(--pf-v6-c-pagination--m-display-full__nav--Display);
13094
+ --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination--m-display-full__page-menu--Display);
13095
+ --pf-v6-c-pagination__total-items--Display: var(--pf-v6-c-pagination--m-display-full__total-items--Display);
13096
+ }
13097
+ .pf-v6-c-pagination.pf-m-inset-none-on-sm {
13098
+ --pf-v6-c-pagination--inset: 0;
13099
+ }
13100
+ .pf-v6-c-pagination.pf-m-inset-sm-on-sm {
13101
+ --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--sm);
13102
+ }
13103
+ .pf-v6-c-pagination.pf-m-inset-md-on-sm {
13104
+ --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--md);
13105
+ }
13106
+ .pf-v6-c-pagination.pf-m-inset-lg-on-sm {
13107
+ --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--lg);
13108
+ }
13109
+ .pf-v6-c-pagination.pf-m-inset-xl-on-sm {
13110
+ --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--xl);
13111
+ }
13112
+ .pf-v6-c-pagination.pf-m-inset-2xl-on-sm {
13113
+ --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--2xl);
13114
+ }
13115
+ }
13116
+ @media (min-width: 48rem) {
13117
+ .pf-v6-c-pagination.pf-m-display-summary-on-md {
13118
+ --pf-v6-c-pagination__nav--Display: var(--pf-v6-c-pagination--m-display-summary__nav--Display);
13119
+ --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination--m-display-summary__page-menu--Display);
13120
+ --pf-v6-c-pagination__total-items--Display: var(--pf-v6-c-pagination--m-display-summary__total-items--Display);
13121
+ }
13122
+ .pf-v6-c-pagination.pf-m-display-full-on-md {
13123
+ --pf-v6-c-pagination__nav--Display: var(--pf-v6-c-pagination--m-display-full__nav--Display);
13124
+ --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination--m-display-full__page-menu--Display);
13125
+ --pf-v6-c-pagination__total-items--Display: var(--pf-v6-c-pagination--m-display-full__total-items--Display);
13126
+ }
13127
+ .pf-v6-c-pagination.pf-m-inset-none-on-md {
13128
+ --pf-v6-c-pagination--inset: 0;
13129
+ }
13130
+ .pf-v6-c-pagination.pf-m-inset-sm-on-md {
13131
+ --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--sm);
13132
+ }
13133
+ .pf-v6-c-pagination.pf-m-inset-md-on-md {
13134
+ --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--md);
13135
+ }
13136
+ .pf-v6-c-pagination.pf-m-inset-lg-on-md {
13137
+ --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--lg);
13138
+ }
13139
+ .pf-v6-c-pagination.pf-m-inset-xl-on-md {
13140
+ --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--xl);
13141
+ }
13142
+ .pf-v6-c-pagination.pf-m-inset-2xl-on-md {
13143
+ --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--2xl);
13144
+ }
13145
+ }
13146
+ @media (min-width: 62rem) {
13147
+ .pf-v6-c-pagination.pf-m-display-summary-on-lg {
13148
+ --pf-v6-c-pagination__nav--Display: var(--pf-v6-c-pagination--m-display-summary__nav--Display);
13149
+ --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination--m-display-summary__page-menu--Display);
13150
+ --pf-v6-c-pagination__total-items--Display: var(--pf-v6-c-pagination--m-display-summary__total-items--Display);
13151
+ }
13152
+ .pf-v6-c-pagination.pf-m-display-full-on-lg {
13153
+ --pf-v6-c-pagination__nav--Display: var(--pf-v6-c-pagination--m-display-full__nav--Display);
13154
+ --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination--m-display-full__page-menu--Display);
13155
+ --pf-v6-c-pagination__total-items--Display: var(--pf-v6-c-pagination--m-display-full__total-items--Display);
13156
+ }
13157
+ .pf-v6-c-pagination.pf-m-inset-none-on-lg {
13158
+ --pf-v6-c-pagination--inset: 0;
13159
+ }
13160
+ .pf-v6-c-pagination.pf-m-inset-sm-on-lg {
13161
+ --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--sm);
13162
+ }
13163
+ .pf-v6-c-pagination.pf-m-inset-md-on-lg {
13164
+ --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--md);
13165
+ }
13166
+ .pf-v6-c-pagination.pf-m-inset-lg-on-lg {
13167
+ --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--lg);
13168
+ }
13169
+ .pf-v6-c-pagination.pf-m-inset-xl-on-lg {
13170
+ --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--xl);
13171
+ }
13172
+ .pf-v6-c-pagination.pf-m-inset-2xl-on-lg {
13173
+ --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--2xl);
13174
+ }
13175
+ }
13176
+ @media (min-width: 75rem) {
13177
+ .pf-v6-c-pagination.pf-m-display-summary-on-xl {
13178
+ --pf-v6-c-pagination__nav--Display: var(--pf-v6-c-pagination--m-display-summary__nav--Display);
13179
+ --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination--m-display-summary__page-menu--Display);
13180
+ --pf-v6-c-pagination__total-items--Display: var(--pf-v6-c-pagination--m-display-summary__total-items--Display);
13181
+ }
13182
+ .pf-v6-c-pagination.pf-m-display-full-on-xl {
13183
+ --pf-v6-c-pagination__nav--Display: var(--pf-v6-c-pagination--m-display-full__nav--Display);
13184
+ --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination--m-display-full__page-menu--Display);
13185
+ --pf-v6-c-pagination__total-items--Display: var(--pf-v6-c-pagination--m-display-full__total-items--Display);
13186
+ }
13187
+ .pf-v6-c-pagination.pf-m-inset-none-on-xl {
13188
+ --pf-v6-c-pagination--inset: 0;
13189
+ }
13190
+ .pf-v6-c-pagination.pf-m-inset-sm-on-xl {
13191
+ --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--sm);
13192
+ }
13193
+ .pf-v6-c-pagination.pf-m-inset-md-on-xl {
13194
+ --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--md);
13195
+ }
13196
+ .pf-v6-c-pagination.pf-m-inset-lg-on-xl {
13197
+ --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--lg);
13198
+ }
13199
+ .pf-v6-c-pagination.pf-m-inset-xl-on-xl {
13200
+ --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--xl);
13201
+ }
13202
+ .pf-v6-c-pagination.pf-m-inset-2xl-on-xl {
13203
+ --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--2xl);
13204
+ }
13205
+ }
13206
+ @media (min-width: 90.625rem) {
13207
+ .pf-v6-c-pagination.pf-m-display-summary-on-2xl {
13208
+ --pf-v6-c-pagination__nav--Display: var(--pf-v6-c-pagination--m-display-summary__nav--Display);
13209
+ --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination--m-display-summary__page-menu--Display);
13210
+ --pf-v6-c-pagination__total-items--Display: var(--pf-v6-c-pagination--m-display-summary__total-items--Display);
13211
+ }
13212
+ .pf-v6-c-pagination.pf-m-display-full-on-2xl {
13213
+ --pf-v6-c-pagination__nav--Display: var(--pf-v6-c-pagination--m-display-full__nav--Display);
13214
+ --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination--m-display-full__page-menu--Display);
13215
+ --pf-v6-c-pagination__total-items--Display: var(--pf-v6-c-pagination--m-display-full__total-items--Display);
13216
+ }
13217
+ .pf-v6-c-pagination.pf-m-inset-none-on-2xl {
13218
+ --pf-v6-c-pagination--inset: 0;
13219
+ }
13220
+ .pf-v6-c-pagination.pf-m-inset-sm-on-2xl {
13221
+ --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--sm);
13222
+ }
13223
+ .pf-v6-c-pagination.pf-m-inset-md-on-2xl {
13224
+ --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--md);
13225
+ }
13226
+ .pf-v6-c-pagination.pf-m-inset-lg-on-2xl {
13227
+ --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--lg);
13228
+ }
13229
+ .pf-v6-c-pagination.pf-m-inset-xl-on-2xl {
13230
+ --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--xl);
13231
+ }
13232
+ .pf-v6-c-pagination.pf-m-inset-2xl-on-2xl {
13233
+ --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--2xl);
13234
+ }
13234
13235
  }
13235
-
13236
13236
  .pf-v6-c-progress-stepper {
13237
13237
  --pf-v6-c-progress-stepper--m-vertical--GridAutoFlow: row;
13238
13238
  --pf-v6-c-progress-stepper--m-vertical--GridTemplateColumns: auto 1fr;
@@ -18126,6 +18126,48 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18126
18126
  display: inline-flex;
18127
18127
  }
18128
18128
  }
18129
+ .pf-v6-c-number-input {
18130
+ --pf-v6-c-number-input__unit--c-input-group--MarginInlineStart: var(--pf-t--global--spacer--sm);
18131
+ --pf-v6-c-number-input__icon--FontSize: var(--pf-t--global--font--size--xs);
18132
+ --pf-v6-c-number-input--c-form-control--width-base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-t--global--border--width--box--default) * 2);
18133
+ --pf-v6-c-number-input--c-form-control--width-icon: var(--pf-t--global--spacer--xl);
18134
+ --pf-v6-c-number-input--c-form-control--width-chars: 4;
18135
+ --pf-v6-c-number-input--c-form-control--Width:
18136
+ calc(
18137
+ calc(
18138
+ var(--pf-v6-c-number-input--c-form-control--width-base) + var(--pf-v6-c-number-input--c-form-control--width-chars) * 1ch
18139
+ ) + var(--pf-v6-c-number-input--c-form-control--width-icon)
18140
+ );
18141
+ }
18142
+
18143
+ .pf-v6-c-number-input {
18144
+ display: inline-flex;
18145
+ align-items: center;
18146
+ }
18147
+
18148
+ .pf-v6-c-number-input .pf-v6-c-form-control {
18149
+ width: var(--pf-v6-c-number-input--c-form-control--Width);
18150
+ }
18151
+
18152
+ .pf-v6-c-number-input .pf-v6-c-form-control > :is(input) {
18153
+ text-align: end;
18154
+ appearance: textfield;
18155
+ }
18156
+
18157
+ .pf-v6-c-number-input .pf-v6-c-form-control > :is(input)::-webkit-inner-spin-button, .pf-v6-c-number-input .pf-v6-c-form-control > :is(input)::-webkit-outer-spin-button {
18158
+ margin: 0;
18159
+ appearance: none;
18160
+ }
18161
+
18162
+ .pf-v6-c-input-group + .pf-v6-c-number-input__unit,
18163
+ .pf-v6-c-number-input__unit + .pf-v6-c-input-group {
18164
+ margin-inline-start: var(--pf-v6-c-number-input__unit--c-input-group--MarginInlineStart);
18165
+ }
18166
+
18167
+ .pf-v6-c-number-input__icon {
18168
+ font-size: var(--pf-v6-c-number-input__icon--FontSize);
18169
+ }
18170
+
18129
18171
  .pf-v6-c-tooltip {
18130
18172
  --pf-v6-c-tooltip--MaxWidth: 18.75rem;
18131
18173
  --pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
@@ -18257,48 +18299,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18257
18299
  transform: translateX(var(--pf-v6-c-tooltip__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-tooltip__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-tooltip__arrow--Rotate, 0));
18258
18300
  }
18259
18301
 
18260
- .pf-v6-c-number-input {
18261
- --pf-v6-c-number-input__unit--c-input-group--MarginInlineStart: var(--pf-t--global--spacer--sm);
18262
- --pf-v6-c-number-input__icon--FontSize: var(--pf-t--global--font--size--xs);
18263
- --pf-v6-c-number-input--c-form-control--width-base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-t--global--border--width--box--default) * 2);
18264
- --pf-v6-c-number-input--c-form-control--width-icon: var(--pf-t--global--spacer--xl);
18265
- --pf-v6-c-number-input--c-form-control--width-chars: 4;
18266
- --pf-v6-c-number-input--c-form-control--Width:
18267
- calc(
18268
- calc(
18269
- var(--pf-v6-c-number-input--c-form-control--width-base) + var(--pf-v6-c-number-input--c-form-control--width-chars) * 1ch
18270
- ) + var(--pf-v6-c-number-input--c-form-control--width-icon)
18271
- );
18272
- }
18273
-
18274
- .pf-v6-c-number-input {
18275
- display: inline-flex;
18276
- align-items: center;
18277
- }
18278
-
18279
- .pf-v6-c-number-input .pf-v6-c-form-control {
18280
- width: var(--pf-v6-c-number-input--c-form-control--Width);
18281
- }
18282
-
18283
- .pf-v6-c-number-input .pf-v6-c-form-control > :is(input) {
18284
- text-align: end;
18285
- appearance: textfield;
18286
- }
18287
-
18288
- .pf-v6-c-number-input .pf-v6-c-form-control > :is(input)::-webkit-inner-spin-button, .pf-v6-c-number-input .pf-v6-c-form-control > :is(input)::-webkit-outer-spin-button {
18289
- margin: 0;
18290
- appearance: none;
18291
- }
18292
-
18293
- .pf-v6-c-input-group + .pf-v6-c-number-input__unit,
18294
- .pf-v6-c-number-input__unit + .pf-v6-c-input-group {
18295
- margin-inline-start: var(--pf-v6-c-number-input__unit--c-input-group--MarginInlineStart);
18296
- }
18297
-
18298
- .pf-v6-c-number-input__icon {
18299
- font-size: var(--pf-v6-c-number-input__icon--FontSize);
18300
- }
18301
-
18302
18302
  .pf-v6-c-tree-view {
18303
18303
  --pf-v6-c-tree-view__node--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth));
18304
18304
  --pf-v6-c-tree-view__node--nested-indent--base: calc(var(--pf-v6-c-tree-view__node--indent--base) - var(--pf-t--global--spacer--md));
@@ -19310,6 +19310,54 @@ label.pf-v6-c-tree-view__node-text {
19310
19310
  border-block-start: var(--pf-v6-c-wizard__footer--BorderBlockStartWidth) solid var(--pf-v6-c-wizard__footer--BorderBlockStartColor);
19311
19311
  }
19312
19312
 
19313
+ .pf-v6-c-truncate {
19314
+ --pf-v6-c-truncate--MinWidth: 6ch;
19315
+ --pf-v6-c-truncate__start--MinWidth: 6ch;
19316
+ }
19317
+
19318
+ .pf-v6-c-truncate {
19319
+ display: inline-grid;
19320
+ grid-auto-flow: column;
19321
+ align-items: baseline;
19322
+ min-width: var(--pf-v6-c-truncate--MinWidth);
19323
+ }
19324
+
19325
+ .pf-v6-c-truncate__start,
19326
+ .pf-v6-c-truncate__end {
19327
+ overflow: hidden;
19328
+ text-overflow: ellipsis;
19329
+ white-space: pre;
19330
+ }
19331
+
19332
+ .pf-v6-c-truncate__start {
19333
+ min-width: var(--pf-v6-c-truncate__start--MinWidth);
19334
+ }
19335
+
19336
+ .pf-v6-c-truncate__end {
19337
+ direction: rtl;
19338
+ }
19339
+
19340
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-truncate__end {
19341
+ direction: ltr;
19342
+ }
19343
+
19344
+ .pf-v6-c-truncate__start + .pf-v6-c-truncate__end {
19345
+ overflow: visible;
19346
+ direction: ltr;
19347
+ }
19348
+
19349
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-truncate__start + .pf-v6-c-truncate__end {
19350
+ direction: rtl;
19351
+ }
19352
+
19353
+ @supports (-webkit-hyphens: none) {
19354
+ .pf-v6-c-truncate__end {
19355
+ direction: ltr;
19356
+ }
19357
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-truncate__end {
19358
+ direction: rtl;
19359
+ }
19360
+ }
19313
19361
  .pf-v6-c-panel {
19314
19362
  --pf-v6-c-panel--Width: auto;
19315
19363
  --pf-v6-c-panel--MinWidth: auto;
@@ -19534,67 +19582,6 @@ label.pf-v6-c-tree-view__node-text {
19534
19582
  --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--active--BoxShadow);
19535
19583
  }
19536
19584
 
19537
- .pf-v6-c-truncate {
19538
- --pf-v6-c-truncate--MinWidth: 6ch;
19539
- --pf-v6-c-truncate__start--MinWidth: 6ch;
19540
- }
19541
-
19542
- .pf-v6-c-truncate {
19543
- display: inline-grid;
19544
- grid-auto-flow: column;
19545
- align-items: baseline;
19546
- min-width: var(--pf-v6-c-truncate--MinWidth);
19547
- }
19548
-
19549
- .pf-v6-c-truncate__start,
19550
- .pf-v6-c-truncate__end {
19551
- overflow: hidden;
19552
- text-overflow: ellipsis;
19553
- white-space: pre;
19554
- }
19555
-
19556
- .pf-v6-c-truncate__start {
19557
- min-width: var(--pf-v6-c-truncate__start--MinWidth);
19558
- }
19559
-
19560
- .pf-v6-c-truncate__end {
19561
- direction: rtl;
19562
- }
19563
-
19564
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-truncate__end {
19565
- direction: ltr;
19566
- }
19567
-
19568
- .pf-v6-c-truncate__start + .pf-v6-c-truncate__end {
19569
- overflow: visible;
19570
- direction: ltr;
19571
- }
19572
-
19573
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-truncate__start + .pf-v6-c-truncate__end {
19574
- direction: rtl;
19575
- }
19576
-
19577
- @supports (-webkit-hyphens: none) {
19578
- .pf-v6-c-truncate__end {
19579
- direction: ltr;
19580
- }
19581
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-truncate__end {
19582
- direction: rtl;
19583
- }
19584
- }
19585
- .pf-v6-l-bullseye {
19586
- --pf-v6-l-bullseye--Padding: 0;
19587
- }
19588
-
19589
- .pf-v6-l-bullseye {
19590
- display: flex;
19591
- align-items: center;
19592
- justify-content: center;
19593
- height: 100%;
19594
- padding: var(--pf-v6-l-bullseye--Padding);
19595
- margin: 0;
19596
- }
19597
-
19598
19585
  .pf-v6-l-flex {
19599
19586
  --pf-v6-l-flex--Display: flex;
19600
19587
  --pf-v6-l-flex--FlexWrap: wrap;
@@ -22091,6 +22078,19 @@ label.pf-v6-c-tree-view__node-text {
22091
22078
  --pf-v6-l-flex--spacer--column: 0;
22092
22079
  }
22093
22080
  }
22081
+ .pf-v6-l-bullseye {
22082
+ --pf-v6-l-bullseye--Padding: 0;
22083
+ }
22084
+
22085
+ .pf-v6-l-bullseye {
22086
+ display: flex;
22087
+ align-items: center;
22088
+ justify-content: center;
22089
+ height: 100%;
22090
+ padding: var(--pf-v6-l-bullseye--Padding);
22091
+ margin: 0;
22092
+ }
22093
+
22094
22094
  .pf-v6-l-gallery {
22095
22095
  --pf-v6-l-gallery--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
22096
22096
  --pf-v6-l-gallery--GridTemplateColumns--min: 250px;
@@ -22357,6 +22357,43 @@ label.pf-v6-c-tree-view__node-text {
22357
22357
  font-size: var(--pf-v6-c-about-modal-box__close--c-button--FontSize);
22358
22358
  }
22359
22359
 
22360
+ .pf-v6-l-level {
22361
+ --pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
22362
+ }
22363
+
22364
+ .pf-v6-l-level {
22365
+ display: flex;
22366
+ flex-wrap: wrap;
22367
+ align-items: center;
22368
+ justify-content: space-between;
22369
+ }
22370
+
22371
+ .pf-v6-l-level.pf-m-gutter {
22372
+ gap: var(--pf-v6-l-level--m-gutter--Gap);
22373
+ }
22374
+
22375
+ .pf-v6-l-split {
22376
+ --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
22377
+ }
22378
+
22379
+ .pf-v6-l-split {
22380
+ display: flex;
22381
+ padding: 0;
22382
+ margin: 0;
22383
+ }
22384
+
22385
+ .pf-v6-l-split.pf-m-wrap {
22386
+ flex-wrap: wrap;
22387
+ }
22388
+
22389
+ .pf-v6-l-split__item.pf-m-fill, .pf-v6-l-split > .pf-m-fill {
22390
+ flex-grow: 1;
22391
+ }
22392
+
22393
+ .pf-v6-l-split.pf-m-gutter {
22394
+ gap: var(--pf-v6-l-stack--m-gutter--Gap);
22395
+ }
22396
+
22360
22397
  .pf-v6-l-grid {
22361
22398
  --pf-v6-l-grid--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
22362
22399
  --pf-v6-l-grid__item--GridColumnStart: auto;
@@ -23344,43 +23381,6 @@ label.pf-v6-c-tree-view__node-text {
23344
23381
  grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
23345
23382
  }
23346
23383
 
23347
- .pf-v6-l-level {
23348
- --pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
23349
- }
23350
-
23351
- .pf-v6-l-level {
23352
- display: flex;
23353
- flex-wrap: wrap;
23354
- align-items: center;
23355
- justify-content: space-between;
23356
- }
23357
-
23358
- .pf-v6-l-level.pf-m-gutter {
23359
- gap: var(--pf-v6-l-level--m-gutter--Gap);
23360
- }
23361
-
23362
- .pf-v6-l-split {
23363
- --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
23364
- }
23365
-
23366
- .pf-v6-l-split {
23367
- display: flex;
23368
- padding: 0;
23369
- margin: 0;
23370
- }
23371
-
23372
- .pf-v6-l-split.pf-m-wrap {
23373
- flex-wrap: wrap;
23374
- }
23375
-
23376
- .pf-v6-l-split__item.pf-m-fill, .pf-v6-l-split > .pf-m-fill {
23377
- flex-grow: 1;
23378
- }
23379
-
23380
- .pf-v6-l-split.pf-m-gutter {
23381
- gap: var(--pf-v6-l-stack--m-gutter--Gap);
23382
- }
23383
-
23384
23384
  .pf-v6-l-stack {
23385
23385
  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
23386
23386
  }