@patternfly/patternfly 5.1.0-prerelease.4 → 5.1.0-prerelease.6

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 (58) hide show
  1. package/components/DataList/data-list-grid.css +0 -28
  2. package/components/DataList/data-list.css +0 -28
  3. package/components/Dropdown/dropdown.css +2 -2
  4. package/components/Dropdown/dropdown.scss +2 -2
  5. package/components/FormControl/form-control.css +3 -2
  6. package/components/FormControl/form-control.scss +3 -2
  7. package/components/Label/label-group.css +1 -1
  8. package/components/Label/label-group.scss +1 -1
  9. package/components/NumberInput/number-input.css +1 -1
  10. package/components/Pagination/pagination.css +1 -1
  11. package/components/ProgressStepper/progress-stepper.css +1 -1
  12. package/components/ProgressStepper/progress-stepper.scss +1 -1
  13. package/components/Sidebar/sidebar.css +2 -2
  14. package/components/Sidebar/sidebar.scss +2 -2
  15. package/components/Table/table-grid.css +0 -24
  16. package/docs/components/AppLauncher/deprecated/application-launcher.md +155 -70
  17. package/docs/components/Breadcrumb/examples/Breadcrumb.md +11 -5
  18. package/docs/components/Card/examples/Card.md +152 -64
  19. package/docs/components/ContextSelector/deprecated/context-selector.md +198 -96
  20. package/docs/components/DataList/examples/DataList.md +391 -136
  21. package/docs/components/Dropdown/deprecated/Dropdown.md +881 -367
  22. package/docs/components/DualListSelector/examples/DualListSelector.md +368 -128
  23. package/docs/components/FormControl/examples/FormControl.md +2 -1
  24. package/docs/components/Hint/examples/Hint.md +57 -24
  25. package/docs/components/InlineEdit/examples/InlineEdit.md +46 -16
  26. package/docs/components/LogViewer/examples/LogViewer.md +40 -30
  27. package/docs/components/Menu/examples/Menu.md +41 -20
  28. package/docs/components/MenuToggle/examples/MenuToggle.md +1 -1
  29. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +619 -240
  30. package/docs/components/OptionsMenu/deprecated/options-menu.md +403 -160
  31. package/docs/components/OverflowMenu/examples/overflow-menu.md +45 -34
  32. package/docs/components/Pagination/examples/Pagination.md +195 -65
  33. package/docs/components/ProgressStepper/examples/ProgressStepper.md +50 -0
  34. package/docs/components/Select/deprecated/Select.css +3 -3
  35. package/docs/components/Select/deprecated/Select.md +40 -52
  36. package/docs/components/Table/examples/Table.md +4546 -1668
  37. package/docs/components/Tabs/examples/Tabs.md +1094 -438
  38. package/docs/components/Toolbar/examples/Toolbar.md +142 -68
  39. package/docs/components/TreeView/examples/TreeView.md +23 -8
  40. package/docs/demos/Card/examples/Card.md +46 -21
  41. package/docs/demos/CardView/examples/CardView.md +182 -74
  42. package/docs/demos/ContextSelector/examples/ContextSelector.md +95 -47
  43. package/docs/demos/Dashboard/examples/Dashboard.md +15 -6
  44. package/docs/demos/DataList/examples/DataList.md +163 -70
  45. package/docs/demos/DescriptionList/examples/DescriptionList.md +20 -9
  46. package/docs/demos/Drawer/examples/Drawer.md +20 -9
  47. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +803 -338
  48. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +241 -101
  49. package/docs/demos/Table/examples/Table.md +1422 -607
  50. package/docs/demos/Tabs/examples/Tabs.md +113 -48
  51. package/docs/demos/Toolbar/examples/Toolbar.md +318 -123
  52. package/package.json +37 -37
  53. package/patternfly-no-globals.css +10 -61
  54. package/patternfly-theme-dark-unversioned.css +10 -61
  55. package/patternfly.css +10 -61
  56. package/patternfly.min.css +1 -1
  57. package/patternfly.min.css.map +1 -1
  58. package/sass-utilities/placeholders.scss +1 -1
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "5.1.0-prerelease.4",
4
+ "version": "5.1.0-prerelease.6",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -12,6 +12,7 @@
12
12
  "build:pficons": "gulp pfIcons",
13
13
  "build:pficonfont": "gulp pfIconFont",
14
14
  "clean": "gulp clean",
15
+ "superclean": "npm install && npm run clean && git clean -dfx",
15
16
  "dev": "gulp develop",
16
17
  "develop": "gulp develop",
17
18
  "format": "prettier --trailing-comma es5 --no-semi --single-quote --write src/**/*.js",
@@ -29,39 +30,39 @@
29
30
  "prepare": "husky install"
30
31
  },
31
32
  "devDependencies": {
32
- "@babel/core": "^7.20.12",
33
- "@babel/eslint-parser": "^7.19.1",
33
+ "@babel/core": "^7.22.9",
34
+ "@babel/eslint-parser": "^7.22.9",
34
35
  "@babel/plugin-proposal-class-properties": "^7.18.6",
35
- "@babel/plugin-proposal-optional-chaining": "^7.20.7",
36
+ "@babel/plugin-proposal-optional-chaining": "^7.21.0",
36
37
  "@babel/plugin-proposal-private-methods": "^7.18.6",
37
- "@babel/plugin-proposal-private-property-in-object": "^7.20.5",
38
- "@babel/plugin-transform-react-jsx": "^7.20.13",
39
- "@babel/preset-env": "^7.20.2",
40
- "@babel/preset-react": "^7.18.6",
41
- "@commitlint/cli": "^17.4.2",
42
- "@commitlint/config-conventional": "^17.4.2",
38
+ "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
39
+ "@babel/plugin-transform-react-jsx": "^7.22.5",
40
+ "@babel/preset-env": "^7.22.9",
41
+ "@babel/preset-react": "^7.22.5",
42
+ "@commitlint/cli": "^17.6.7",
43
+ "@commitlint/config-conventional": "^17.6.7",
43
44
  "@fortawesome/fontawesome": "^1.1.8",
44
- "@octokit/rest": "^19.0.7",
45
- "@patternfly/documentation-framework": "5.0.7",
45
+ "@octokit/rest": "^20.0.1",
46
+ "@patternfly/documentation-framework": "5.1.3",
46
47
  "@patternfly/patternfly-a11y": "4.3.1",
47
- "@patternfly/react-code-editor": "5.0.0-alpha.116",
48
- "@patternfly/react-core": "5.0.0-alpha.115",
49
- "@patternfly/react-table": "5.0.0-alpha.117",
48
+ "@patternfly/react-code-editor": "5.0.0",
49
+ "@patternfly/react-core": "5.0.0",
50
+ "@patternfly/react-table": "5.0.0",
50
51
  "@starptech/prettyhtml": "^0.10.0",
51
52
  "cheerio": "^1.0.0-rc.12",
52
- "commander": "^10.0.0",
53
- "cssnano": "^5.1.14",
54
- "eslint": "^8.33.0",
55
- "eslint-config-standard": "^17.0.0",
53
+ "commander": "^11.0.0",
54
+ "cssnano": "^6.0.1",
55
+ "eslint": "^8.46.0",
56
+ "eslint-config-standard": "^17.1.0",
56
57
  "eslint-config-standard-jsx": "^11.0.0",
57
58
  "eslint-config-standard-react": "^13.0.0",
58
- "eslint-plugin-import": "^2.27.5",
59
- "eslint-plugin-n": "^15.6.1",
59
+ "eslint-plugin-import": "^2.28.0",
60
+ "eslint-plugin-n": "^16.0.1",
60
61
  "eslint-plugin-node": "^11.1.0",
61
62
  "eslint-plugin-promise": "^6.1.1",
62
- "eslint-plugin-react": "^7.32.2",
63
+ "eslint-plugin-react": "^7.33.1",
63
64
  "eslint-plugin-react-hooks": "^4.6.0",
64
- "glob": "^8.1.0",
65
+ "glob": "^10.3.3",
65
66
  "gulp": "^4.0.2",
66
67
  "gulp-cli": "^2.3.0",
67
68
  "gulp-iconfont": "^11.0.1",
@@ -70,27 +71,26 @@
70
71
  "gulp-rename": "^2.0.0",
71
72
  "gulp-sourcemaps": "^3.0.0",
72
73
  "husky": "^8.0.3",
73
- "lint-staged": "^13.1.1",
74
+ "lint-staged": "^13.2.3",
74
75
  "node-plop": "^0.31.1",
75
- "postcss": "^8.4.21",
76
- "postcss-css-variables": "^0.18.0",
77
- "postcss-preset-env": "^8.0.1",
78
- "prettier": "^2.8.4",
76
+ "postcss": "^8.4.27",
77
+ "postcss-css-variables": "^0.19.0",
78
+ "postcss-preset-env": "^9.1.0",
79
+ "prettier": "^3.0.0",
79
80
  "react": "^18.2.0",
80
81
  "react-dom": "^18.2.0",
81
- "remark-parse": "^10.0.1",
82
- "remark-stringify": "^10.0.2",
82
+ "remark-parse": "^10.0.2",
83
+ "remark-stringify": "^10.0.3",
83
84
  "rimraf": "*",
84
- "sass": "^1.58.3",
85
+ "sass": "^1.64.2",
85
86
  "sass-graph": "^4.0.1",
86
- "stylelint": "^15.2.0",
87
- "stylelint-config-recess-order": "^4.0.0",
88
- "stylelint-config-standard": "^30.0.1",
89
- "stylelint-config-standard-scss": "^7.0.1",
90
- "stylelint-value-no-unknown-custom-properties": "^4.0.0",
87
+ "stylelint": "^15.10.2",
88
+ "stylelint-config-recess-order": "^4.3.0",
89
+ "stylelint-config-standard": "^34.0.0",
90
+ "stylelint-config-standard-scss": "^10.0.0",
91
91
  "surge": "^0.23.1",
92
92
  "unified": "^10.1.2",
93
- "webpack": "^5.75.0"
93
+ "webpack": "^5.88.2"
94
94
  },
95
95
  "resolutions": {
96
96
  "@babel/preset-env": "7.18.2",
@@ -79,8 +79,8 @@
79
79
  appearance: textfield;
80
80
  }
81
81
  .pf-v5-c-number-input .pf-v5-c-form-control > :is(input)::-webkit-inner-spin-button, .pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control > :is(input)::-webkit-inner-spin-button, .pf-v5-c-number-input .pf-v5-c-form-control > :is(input)::-webkit-outer-spin-button, .pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control > :is(input)::-webkit-outer-spin-button {
82
- appearance: none;
83
82
  margin: 0;
83
+ appearance: none;
84
84
  }
85
85
 
86
86
  :where(:root) {
@@ -9263,8 +9263,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9263
9263
  flex-wrap: wrap;
9264
9264
  padding-bottom: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
9265
9265
  }
9266
- }
9267
- @media screen and (min-width: 768px) {
9268
9266
  .pf-v5-c-data-list:not([class*=pf-m-grid]) .pf-v5-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
9269
9267
  margin-right: var(--pf-v5-c-data-list__cell--MarginRight);
9270
9268
  }
@@ -9290,8 +9288,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9290
9288
  .pf-v5-c-data-list:not([class*=pf-m-grid]) .pf-v5-c-data-list__cell.pf-m-flex-5 {
9291
9289
  flex-grow: 5;
9292
9290
  }
9293
- }
9294
- @media screen and (min-width: 768px) {
9295
9291
  .pf-v5-c-data-list:not([class*=pf-m-grid]) .pf-v5-c-data-list__expandable-content {
9296
9292
  max-height: initial;
9297
9293
  overflow-y: visible;
@@ -9325,8 +9321,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9325
9321
  flex-wrap: wrap;
9326
9322
  padding-bottom: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
9327
9323
  }
9328
- }
9329
- @media screen and (min-width: 0) {
9330
9324
  .pf-v5-c-data-list.pf-m-grid-none .pf-v5-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
9331
9325
  margin-right: var(--pf-v5-c-data-list__cell--MarginRight);
9332
9326
  }
@@ -9352,8 +9346,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9352
9346
  .pf-v5-c-data-list.pf-m-grid-none .pf-v5-c-data-list__cell.pf-m-flex-5 {
9353
9347
  flex-grow: 5;
9354
9348
  }
9355
- }
9356
- @media screen and (min-width: 0) {
9357
9349
  .pf-v5-c-data-list.pf-m-grid-none .pf-v5-c-data-list__expandable-content {
9358
9350
  max-height: initial;
9359
9351
  overflow-y: visible;
@@ -9387,8 +9379,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9387
9379
  flex-wrap: wrap;
9388
9380
  padding-bottom: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
9389
9381
  }
9390
- }
9391
- @media screen and (min-width: 576px) {
9392
9382
  .pf-v5-c-data-list.pf-m-grid-sm .pf-v5-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
9393
9383
  margin-right: var(--pf-v5-c-data-list__cell--MarginRight);
9394
9384
  }
@@ -9414,8 +9404,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9414
9404
  .pf-v5-c-data-list.pf-m-grid-sm .pf-v5-c-data-list__cell.pf-m-flex-5 {
9415
9405
  flex-grow: 5;
9416
9406
  }
9417
- }
9418
- @media screen and (min-width: 576px) {
9419
9407
  .pf-v5-c-data-list.pf-m-grid-sm .pf-v5-c-data-list__expandable-content {
9420
9408
  max-height: initial;
9421
9409
  overflow-y: visible;
@@ -9449,8 +9437,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9449
9437
  flex-wrap: wrap;
9450
9438
  padding-bottom: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
9451
9439
  }
9452
- }
9453
- @media screen and (min-width: 768px) {
9454
9440
  .pf-v5-c-data-list.pf-m-grid-md .pf-v5-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
9455
9441
  margin-right: var(--pf-v5-c-data-list__cell--MarginRight);
9456
9442
  }
@@ -9476,8 +9462,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9476
9462
  .pf-v5-c-data-list.pf-m-grid-md .pf-v5-c-data-list__cell.pf-m-flex-5 {
9477
9463
  flex-grow: 5;
9478
9464
  }
9479
- }
9480
- @media screen and (min-width: 768px) {
9481
9465
  .pf-v5-c-data-list.pf-m-grid-md .pf-v5-c-data-list__expandable-content {
9482
9466
  max-height: initial;
9483
9467
  overflow-y: visible;
@@ -9511,8 +9495,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9511
9495
  flex-wrap: wrap;
9512
9496
  padding-bottom: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
9513
9497
  }
9514
- }
9515
- @media screen and (min-width: 992px) {
9516
9498
  .pf-v5-c-data-list.pf-m-grid-lg .pf-v5-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
9517
9499
  margin-right: var(--pf-v5-c-data-list__cell--MarginRight);
9518
9500
  }
@@ -9538,8 +9520,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9538
9520
  .pf-v5-c-data-list.pf-m-grid-lg .pf-v5-c-data-list__cell.pf-m-flex-5 {
9539
9521
  flex-grow: 5;
9540
9522
  }
9541
- }
9542
- @media screen and (min-width: 992px) {
9543
9523
  .pf-v5-c-data-list.pf-m-grid-lg .pf-v5-c-data-list__expandable-content {
9544
9524
  max-height: initial;
9545
9525
  overflow-y: visible;
@@ -9573,8 +9553,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9573
9553
  flex-wrap: wrap;
9574
9554
  padding-bottom: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
9575
9555
  }
9576
- }
9577
- @media screen and (min-width: 1200px) {
9578
9556
  .pf-v5-c-data-list.pf-m-grid-xl .pf-v5-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
9579
9557
  margin-right: var(--pf-v5-c-data-list__cell--MarginRight);
9580
9558
  }
@@ -9600,8 +9578,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9600
9578
  .pf-v5-c-data-list.pf-m-grid-xl .pf-v5-c-data-list__cell.pf-m-flex-5 {
9601
9579
  flex-grow: 5;
9602
9580
  }
9603
- }
9604
- @media screen and (min-width: 1200px) {
9605
9581
  .pf-v5-c-data-list.pf-m-grid-xl .pf-v5-c-data-list__expandable-content {
9606
9582
  max-height: initial;
9607
9583
  overflow-y: visible;
@@ -9635,8 +9611,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9635
9611
  flex-wrap: wrap;
9636
9612
  padding-bottom: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
9637
9613
  }
9638
- }
9639
- @media screen and (min-width: 1450px) {
9640
9614
  .pf-v5-c-data-list.pf-m-grid-2xl .pf-v5-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
9641
9615
  margin-right: var(--pf-v5-c-data-list__cell--MarginRight);
9642
9616
  }
@@ -9662,8 +9636,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9662
9636
  .pf-v5-c-data-list.pf-m-grid-2xl .pf-v5-c-data-list__cell.pf-m-flex-5 {
9663
9637
  flex-grow: 5;
9664
9638
  }
9665
- }
9666
- @media screen and (min-width: 1450px) {
9667
9639
  .pf-v5-c-data-list.pf-m-grid-2xl .pf-v5-c-data-list__expandable-content {
9668
9640
  max-height: initial;
9669
9641
  overflow-y: visible;
@@ -13322,7 +13294,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13322
13294
  --pf-v5-c-dropdown--m-full-height__toggle--PaddingLeft: var(--pf-v5-global--spacer--lg);
13323
13295
  position: relative;
13324
13296
  display: inline-flex;
13325
- align-items: start;
13297
+ align-items: flex-start;
13326
13298
  max-width: 100%;
13327
13299
  }
13328
13300
  .pf-v5-c-dropdown .pf-v5-c-divider {
@@ -13786,7 +13758,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
13786
13758
  }
13787
13759
  .pf-v5-c-dropdown__menu-item.pf-m-icon.pf-m-description {
13788
13760
  flex-direction: column;
13789
- align-items: start;
13761
+ align-items: flex-start;
13790
13762
  }
13791
13763
  .pf-v5-c-dropdown__menu-item.pf-m-icon .pf-v5-c-dropdown__menu-item-main {
13792
13764
  display: flex;
@@ -14842,6 +14814,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14842
14814
  .pf-v5-c-form-control.pf-m-disabled {
14843
14815
  --pf-v5-c-form-control--BackgroundColor: var(--pf-v5-c-form-control--m-disabled--BackgroundColor);
14844
14816
  --pf-v5-c-form-control--Color: var(--pf-v5-c-form-control--m-disabled--Color);
14817
+ --pf-v5-c-form-control--m-placeholder--Color: var(--pf-v5-c-form-control--m-disabled--Color);
14845
14818
  --pf-v5-c-form-control__toggle-icon--Color: var(--pf-v5-c-form-control--m-disabled__toggle-icon--Color);
14846
14819
  --pf-v5-c-form-control--before--BorderStyle: none;
14847
14820
  --pf-v5-c-form-control--after--BorderStyle: none;
@@ -14893,10 +14866,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14893
14866
  .pf-v5-c-form-control.pf-m-placeholder > select {
14894
14867
  --pf-v5-c-form-control--Color: var(--pf-v5-c-form-control--m-placeholder--Color);
14895
14868
  }
14896
- .pf-v5-c-form-control.pf-m-placeholder > select > * {
14869
+ .pf-v5-c-form-control.pf-m-placeholder > select * {
14897
14870
  --pf-v5-c-form-control--Color: var(--pf-v5-c-form-control--m-placeholder--child--Color);
14898
14871
  }
14899
- .pf-v5-c-form-control.pf-m-placeholder > select > *:disabled {
14872
+ .pf-v5-c-form-control.pf-m-placeholder > select *:disabled {
14900
14873
  color: revert;
14901
14874
  }
14902
14875
  .pf-v5-c-form-control > textarea {
@@ -16266,7 +16239,7 @@ button.pf-v5-c-label__content:focus {
16266
16239
 
16267
16240
  .pf-v5-c-label-group__close {
16268
16241
  display: flex;
16269
- align-self: start;
16242
+ align-self: flex-start;
16270
16243
  margin-top: var(--pf-v5-c-label-group__close--MarginTop);
16271
16244
  margin-right: var(--pf-v5-c-label-group__close--MarginRight);
16272
16245
  margin-bottom: var(--pf-v5-c-label-group__close--MarginBottom);
@@ -22444,7 +22417,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22444
22417
  --pf-v5-c-progress-stepper--m-center__step-description--MarginRight: 0;
22445
22418
  --pf-v5-c-progress-stepper--m-center__step-description--MarginLeft: 0;
22446
22419
  --pf-v5-c-progress-stepper--GridTemplateRows: auto 1fr;
22447
- --pf-v5-c-progress-stepper__step-connector--JustifyContent: start;
22420
+ --pf-v5-c-progress-stepper__step-connector--JustifyContent: flex-start;
22448
22421
  --pf-v5-c-progress-stepper__step-icon--ZIndex: var(--pf-v5-global--ZIndex--xs);
22449
22422
  --pf-v5-c-progress-stepper__step-icon--Width: 1.75rem;
22450
22423
  --pf-v5-c-progress-stepper__step-icon--Height: var(--pf-v5-c-progress-stepper__step-icon--Width);
@@ -23668,7 +23641,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
23668
23641
  --pf-v5-c-sidebar__main--FlexDirection: column;
23669
23642
  --pf-v5-c-sidebar__main--md--FlexDirection: row;
23670
23643
  --pf-v5-c-sidebar__main--AlignItems: stretch;
23671
- --pf-v5-c-sidebar__main--md--AlignItems: start;
23644
+ --pf-v5-c-sidebar__main--md--AlignItems: flex-start;
23672
23645
  --pf-v5-c-sidebar__main--child--MarginTop: 0;
23673
23646
  --pf-v5-c-sidebar--m-gutter__main--Gap: var(--pf-v5-c-sidebar--inset);
23674
23647
  --pf-v5-c-sidebar__main--m-border--before--Display: none;
@@ -23684,7 +23657,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
23684
23657
  --pf-v5-c-sidebar--m-stack__panel--Top: 0;
23685
23658
  --pf-v5-c-sidebar--m-stack__panel--BoxShadow: var(--pf-v5-c-sidebar__panel--BoxShadow--base);
23686
23659
  --pf-v5-c-sidebar--m-stack--m-panel-right__panel--Order: -1;
23687
- --pf-v5-c-sidebar--m-split__main--AlignItems: start;
23660
+ --pf-v5-c-sidebar--m-split__main--AlignItems: flex-start;
23688
23661
  --pf-v5-c-sidebar--m-split__main--FlexDirection: row;
23689
23662
  --pf-v5-c-sidebar--m-split__panel--Position: static;
23690
23663
  --pf-v5-c-sidebar--m-split__panel--Top: auto;
@@ -25390,16 +25363,12 @@ svg.pf-v5-c-spinner.pf-m-xl {
25390
25363
  grid-column: 2;
25391
25364
  grid-row: 2;
25392
25365
  }
25393
- }
25394
- @media screen and (max-width: 768px) {
25395
25366
  .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__toggle-icon {
25396
25367
  transition: var(--pf-v5-c-table__toggle__icon--Transition);
25397
25368
  }
25398
25369
  .pf-v5-c-button.pf-m-expanded > .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__toggle-icon {
25399
25370
  transform: rotate(var(--pf-v5-c-table__toggle--m-expanded__icon--Rotate));
25400
25371
  }
25401
- }
25402
- @media screen and (max-width: 768px) {
25403
25372
  .pf-m-grid-md.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-nowrap {
25404
25373
  --pf-v5-c-table--cell--Overflow: auto;
25405
25374
  }
@@ -25410,8 +25379,6 @@ svg.pf-v5-c-spinner.pf-m-xl {
25410
25379
  .pf-m-grid-md.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-truncate {
25411
25380
  --pf-v5-c-table--cell--MaxWidth: 100%;
25412
25381
  }
25413
- }
25414
- @media screen and (max-width: 768px) {
25415
25382
  .pf-m-grid-md.pf-v5-c-table [class*=pf-m-width] {
25416
25383
  --pf-v5-c-table--cell--Width: auto;
25417
25384
  }
@@ -25702,16 +25669,12 @@ svg.pf-v5-c-spinner.pf-m-xl {
25702
25669
  grid-column: 2;
25703
25670
  grid-row: 2;
25704
25671
  }
25705
- }
25706
- @media screen and (max-width: 992px) {
25707
25672
  .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__toggle-icon {
25708
25673
  transition: var(--pf-v5-c-table__toggle__icon--Transition);
25709
25674
  }
25710
25675
  .pf-v5-c-button.pf-m-expanded > .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__toggle-icon {
25711
25676
  transform: rotate(var(--pf-v5-c-table__toggle--m-expanded__icon--Rotate));
25712
25677
  }
25713
- }
25714
- @media screen and (max-width: 992px) {
25715
25678
  .pf-m-grid-lg.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-nowrap {
25716
25679
  --pf-v5-c-table--cell--Overflow: auto;
25717
25680
  }
@@ -25722,8 +25685,6 @@ svg.pf-v5-c-spinner.pf-m-xl {
25722
25685
  .pf-m-grid-lg.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-truncate {
25723
25686
  --pf-v5-c-table--cell--MaxWidth: 100%;
25724
25687
  }
25725
- }
25726
- @media screen and (max-width: 992px) {
25727
25688
  .pf-m-grid-lg.pf-v5-c-table [class*=pf-m-width] {
25728
25689
  --pf-v5-c-table--cell--Width: auto;
25729
25690
  }
@@ -26014,16 +25975,12 @@ svg.pf-v5-c-spinner.pf-m-xl {
26014
25975
  grid-column: 2;
26015
25976
  grid-row: 2;
26016
25977
  }
26017
- }
26018
- @media screen and (max-width: 1200px) {
26019
25978
  .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__toggle-icon {
26020
25979
  transition: var(--pf-v5-c-table__toggle__icon--Transition);
26021
25980
  }
26022
25981
  .pf-v5-c-button.pf-m-expanded > .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__toggle-icon {
26023
25982
  transform: rotate(var(--pf-v5-c-table__toggle--m-expanded__icon--Rotate));
26024
25983
  }
26025
- }
26026
- @media screen and (max-width: 1200px) {
26027
25984
  .pf-m-grid-xl.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-nowrap {
26028
25985
  --pf-v5-c-table--cell--Overflow: auto;
26029
25986
  }
@@ -26034,8 +25991,6 @@ svg.pf-v5-c-spinner.pf-m-xl {
26034
25991
  .pf-m-grid-xl.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-truncate {
26035
25992
  --pf-v5-c-table--cell--MaxWidth: 100%;
26036
25993
  }
26037
- }
26038
- @media screen and (max-width: 1200px) {
26039
25994
  .pf-m-grid-xl.pf-v5-c-table [class*=pf-m-width] {
26040
25995
  --pf-v5-c-table--cell--Width: auto;
26041
25996
  }
@@ -26326,16 +26281,12 @@ svg.pf-v5-c-spinner.pf-m-xl {
26326
26281
  grid-column: 2;
26327
26282
  grid-row: 2;
26328
26283
  }
26329
- }
26330
- @media screen and (max-width: 1450px) {
26331
26284
  .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__toggle-icon {
26332
26285
  transition: var(--pf-v5-c-table__toggle__icon--Transition);
26333
26286
  }
26334
26287
  .pf-v5-c-button.pf-m-expanded > .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__toggle-icon {
26335
26288
  transform: rotate(var(--pf-v5-c-table__toggle--m-expanded__icon--Rotate));
26336
26289
  }
26337
- }
26338
- @media screen and (max-width: 1450px) {
26339
26290
  .pf-m-grid-2xl.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-nowrap {
26340
26291
  --pf-v5-c-table--cell--Overflow: auto;
26341
26292
  }
@@ -26346,8 +26297,6 @@ svg.pf-v5-c-spinner.pf-m-xl {
26346
26297
  .pf-m-grid-2xl.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-truncate {
26347
26298
  --pf-v5-c-table--cell--MaxWidth: 100%;
26348
26299
  }
26349
- }
26350
- @media screen and (max-width: 1450px) {
26351
26300
  .pf-m-grid-2xl.pf-v5-c-table [class*=pf-m-width] {
26352
26301
  --pf-v5-c-table--cell--Width: auto;
26353
26302
  }