@patternfly/patternfly 6.0.0-alpha.33 → 6.0.0-alpha.38

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 (59) hide show
  1. package/CODE_OF_CONDUCT.md +1 -2
  2. package/assets/images/PF-HorizontalLogo-Color.svg +29 -0
  3. package/assets/images/PF-HorizontalLogo-Reverse.svg +28 -0
  4. package/assets/images/PF-IconLogo-color.svg +17 -0
  5. package/base/patternfly-variables.css +2 -0
  6. package/base/tokens/_tokens-default.scss +2 -0
  7. package/components/Backdrop/backdrop.css +6 -2
  8. package/components/Backdrop/backdrop.scss +5 -2
  9. package/components/Banner/banner.css +4 -0
  10. package/components/Banner/banner.scss +5 -0
  11. package/components/Card/card.css +3 -0
  12. package/components/Card/card.scss +8 -0
  13. package/components/EmptyState/empty-state.css +57 -34
  14. package/components/EmptyState/empty-state.scss +63 -34
  15. package/components/ExpandableSection/expandable-section.css +10 -17
  16. package/components/ExpandableSection/expandable-section.scss +13 -20
  17. package/components/Form/form.css +6 -0
  18. package/components/Form/form.scss +4 -1
  19. package/components/MenuToggle/menu-toggle.css +1 -0
  20. package/components/MenuToggle/menu-toggle.scss +2 -0
  21. package/components/Popover/popover.css +0 -2
  22. package/components/Popover/popover.scss +2 -2
  23. package/components/SimpleList/simple-list.css +35 -52
  24. package/components/SimpleList/simple-list.scss +41 -51
  25. package/components/Table/table.scss +1 -0
  26. package/components/Tooltip/tooltip.css +0 -2
  27. package/components/Tooltip/tooltip.scss +3 -3
  28. package/components/Truncate/truncate.css +4 -0
  29. package/components/Truncate/truncate.scss +3 -0
  30. package/docs/components/Accordion/examples/Accordion.md +6 -6
  31. package/docs/components/Alert/examples/Alert.md +2 -2
  32. package/docs/components/Brand/examples/Brand.md +9 -33
  33. package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  34. package/docs/components/Card/examples/Card.md +18 -20
  35. package/docs/components/Check/examples/Check.md +1 -0
  36. package/docs/components/CodeBlock/examples/CodeBlock.md +4 -4
  37. package/docs/components/Content/examples/Content.md +5 -5
  38. package/docs/components/EmptyState/examples/EmptyState.md +45 -1
  39. package/docs/components/ExpandableSection/examples/ExpandableSection.md +2 -4
  40. package/docs/components/InlineEdit/examples/InlineEdit.md +3 -1
  41. package/docs/components/Label/examples/Label.md +11 -11
  42. package/docs/components/Nav/examples/Navigation.css +18 -2
  43. package/docs/components/Nav/examples/Navigation.md +1 -1
  44. package/docs/components/Radio/examples/Radio.md +1 -1
  45. package/docs/components/SimpleList/examples/SimpleList.md +3 -3
  46. package/docs/components/Table/examples/Table.md +8 -8
  47. package/docs/components/Truncate/examples/Truncate.css +2 -2
  48. package/docs/layouts/Flex/examples/Flex.md +11 -11
  49. package/package.json +32 -32
  50. package/patternfly-base-no-globals-theme-dark-unversioned.css +2 -0
  51. package/patternfly-base-no-globals.css +2 -0
  52. package/patternfly-base-theme-dark-unversioned.css +2 -0
  53. package/patternfly-base.css +2 -0
  54. package/patternfly-no-globals.css +128 -113
  55. package/patternfly-theme-dark-unversioned.css +128 -113
  56. package/patternfly.css +128 -113
  57. package/patternfly.min.css +1 -1
  58. package/patternfly.min.css.map +1 -1
  59. package/components/SimpleList/themes/dark/simple-list.scss +0 -14
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": "6.0.0-alpha.33",
4
+ "version": "6.0.0-alpha.38",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -32,40 +32,40 @@
32
32
  "prepare": "husky install"
33
33
  },
34
34
  "devDependencies": {
35
- "@babel/core": "^7.22.9",
36
- "@babel/eslint-parser": "^7.22.9",
35
+ "@babel/core": "^7.23.5",
36
+ "@babel/eslint-parser": "^7.23.3",
37
37
  "@babel/plugin-proposal-class-properties": "^7.18.6",
38
38
  "@babel/plugin-proposal-optional-chaining": "^7.21.0",
39
39
  "@babel/plugin-proposal-private-methods": "^7.18.6",
40
40
  "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
41
- "@babel/plugin-transform-react-jsx": "^7.22.5",
42
- "@babel/preset-env": "^7.22.9",
43
- "@babel/preset-react": "^7.22.5",
44
- "@commitlint/cli": "^17.6.7",
45
- "@commitlint/config-conventional": "^17.6.7",
41
+ "@babel/plugin-transform-react-jsx": "^7.23.4",
42
+ "@babel/preset-env": "^7.23.5",
43
+ "@babel/preset-react": "^7.23.3",
44
+ "@commitlint/cli": "^18.4.3",
45
+ "@commitlint/config-conventional": "^18.4.3",
46
46
  "@fortawesome/fontawesome": "^1.1.8",
47
- "@octokit/rest": "^20.0.1",
48
- "@patternfly/documentation-framework": "5.3.8",
47
+ "@octokit/rest": "^20.0.2",
48
+ "@patternfly/documentation-framework": "5.3.9",
49
49
  "@patternfly/patternfly-a11y": "4.3.1",
50
- "@patternfly/react-code-editor": "5.1.1",
51
- "@patternfly/react-core": "5.1.1",
52
- "@patternfly/react-table": "5.1.1",
50
+ "@patternfly/react-code-editor": "5.1.2",
51
+ "@patternfly/react-core": "5.1.2",
52
+ "@patternfly/react-table": "5.1.2",
53
53
  "@starptech/prettyhtml": "^0.10.0",
54
54
  "backstopjs": "^6.2.2",
55
55
  "cheerio": "^1.0.0-rc.12",
56
- "commander": "^11.0.0",
56
+ "commander": "^11.1.0",
57
57
  "cssnano": "^6.0.1",
58
- "eslint": "^8.46.0",
58
+ "eslint": "^8.54.0",
59
59
  "eslint-config-standard": "^17.1.0",
60
60
  "eslint-config-standard-jsx": "^11.0.0",
61
61
  "eslint-config-standard-react": "^13.0.0",
62
- "eslint-plugin-import": "^2.28.0",
63
- "eslint-plugin-n": "^16.0.1",
62
+ "eslint-plugin-import": "^2.29.0",
63
+ "eslint-plugin-n": "^16.3.1",
64
64
  "eslint-plugin-node": "^11.1.0",
65
65
  "eslint-plugin-promise": "^6.1.1",
66
- "eslint-plugin-react": "^7.33.1",
66
+ "eslint-plugin-react": "^7.33.2",
67
67
  "eslint-plugin-react-hooks": "^4.6.0",
68
- "glob": "^10.3.3",
68
+ "glob": "^10.3.10",
69
69
  "gulp": "^4.0.2",
70
70
  "gulp-cli": "^2.3.0",
71
71
  "gulp-iconfont": "^11.0.1",
@@ -74,27 +74,27 @@
74
74
  "gulp-rename": "^2.0.0",
75
75
  "gulp-sourcemaps": "^3.0.0",
76
76
  "husky": "^8.0.3",
77
- "lint-staged": "^13.2.3",
78
- "node-plop": "^0.31.1",
79
- "postcss": "^8.4.27",
77
+ "lint-staged": "^15.1.0",
78
+ "node-plop": "^0.32.0",
79
+ "postcss": "^8.4.31",
80
80
  "postcss-css-variables": "^0.19.0",
81
- "postcss-preset-env": "^9.1.0",
82
- "prettier": "^3.0.0",
81
+ "postcss-preset-env": "^9.3.0",
82
+ "prettier": "^3.1.0",
83
83
  "react": "^18.2.0",
84
84
  "react-dom": "^18.2.0",
85
- "remark-parse": "^10.0.2",
86
- "remark-stringify": "^10.0.3",
85
+ "remark-parse": "^11.0.0",
86
+ "remark-stringify": "^11.0.0",
87
87
  "rimraf": "*",
88
- "sass": "^1.64.2",
88
+ "sass": "^1.69.5",
89
89
  "sass-graph": "^4.0.1",
90
- "stylelint": "^15.10.2",
91
- "stylelint-config-recess-order": "^4.3.0",
90
+ "stylelint": "^15.11.0",
91
+ "stylelint-config-recess-order": "^4.4.0",
92
92
  "stylelint-config-standard": "^34.0.0",
93
- "stylelint-config-standard-scss": "^10.0.0",
93
+ "stylelint-config-standard-scss": "^11.1.0",
94
94
  "stylelint-use-logical-spec": "^5.0.0",
95
95
  "surge": "^0.23.1",
96
- "unified": "^10.1.2",
97
- "webpack": "^5.88.2"
96
+ "unified": "^11.0.4",
97
+ "webpack": "^5.89.0"
98
98
  },
99
99
  "resolutions": {
100
100
  "@babel/preset-env": "7.18.2",
package/patternfly-base-no-globals-theme-dark-unversioned.css CHANGED
@@ -441,6 +441,7 @@ html .ws-preview {
441
441
  --pf-t--global--border--width--300: 3px;
442
442
  --pf-t--global--border--width--200: 2px;
443
443
  --pf-t--global--border--width--100: 1px;
444
+ --pf-t--global--icon--size--500: 96px;
444
445
  --pf-t--global--icon--size--400: 56px;
445
446
  --pf-t--global--icon--size--300: 22px;
446
447
  --pf-t--global--icon--size--250: 16px;
@@ -557,6 +558,7 @@ html .ws-preview {
557
558
  --pf-t--global--icon--color--300: var(--pf-t--color--white);
558
559
  --pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
559
560
  --pf-t--global--icon--color--100: var(--pf-t--color--gray--90);
561
+ --pf-t--global--icon--size--3xl: var(--pf-t--global--icon--size--500);
560
562
  --pf-t--global--icon--size--2xl: var(--pf-t--global--icon--size--400);
561
563
  --pf-t--global--icon--size--xl: var(--pf-t--global--icon--size--300);
562
564
  --pf-t--global--icon--size--lg: var(--pf-t--global--icon--size--250);
package/patternfly-base-no-globals.css CHANGED
@@ -441,6 +441,7 @@ html .ws-preview {
441
441
  --pf-t--global--border--width--300: 3px;
442
442
  --pf-t--global--border--width--200: 2px;
443
443
  --pf-t--global--border--width--100: 1px;
444
+ --pf-t--global--icon--size--500: 96px;
444
445
  --pf-t--global--icon--size--400: 56px;
445
446
  --pf-t--global--icon--size--300: 22px;
446
447
  --pf-t--global--icon--size--250: 16px;
@@ -557,6 +558,7 @@ html .ws-preview {
557
558
  --pf-t--global--icon--color--300: var(--pf-t--color--white);
558
559
  --pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
559
560
  --pf-t--global--icon--color--100: var(--pf-t--color--gray--90);
561
+ --pf-t--global--icon--size--3xl: var(--pf-t--global--icon--size--500);
560
562
  --pf-t--global--icon--size--2xl: var(--pf-t--global--icon--size--400);
561
563
  --pf-t--global--icon--size--xl: var(--pf-t--global--icon--size--300);
562
564
  --pf-t--global--icon--size--lg: var(--pf-t--global--icon--size--250);
package/patternfly-base-theme-dark-unversioned.css CHANGED
@@ -441,6 +441,7 @@ html .ws-preview {
441
441
  --pf-t--global--border--width--300: 3px;
442
442
  --pf-t--global--border--width--200: 2px;
443
443
  --pf-t--global--border--width--100: 1px;
444
+ --pf-t--global--icon--size--500: 96px;
444
445
  --pf-t--global--icon--size--400: 56px;
445
446
  --pf-t--global--icon--size--300: 22px;
446
447
  --pf-t--global--icon--size--250: 16px;
@@ -557,6 +558,7 @@ html .ws-preview {
557
558
  --pf-t--global--icon--color--300: var(--pf-t--color--white);
558
559
  --pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
559
560
  --pf-t--global--icon--color--100: var(--pf-t--color--gray--90);
561
+ --pf-t--global--icon--size--3xl: var(--pf-t--global--icon--size--500);
560
562
  --pf-t--global--icon--size--2xl: var(--pf-t--global--icon--size--400);
561
563
  --pf-t--global--icon--size--xl: var(--pf-t--global--icon--size--300);
562
564
  --pf-t--global--icon--size--lg: var(--pf-t--global--icon--size--250);
package/patternfly-base.css CHANGED
@@ -441,6 +441,7 @@ html .ws-preview {
441
441
  --pf-t--global--border--width--300: 3px;
442
442
  --pf-t--global--border--width--200: 2px;
443
443
  --pf-t--global--border--width--100: 1px;
444
+ --pf-t--global--icon--size--500: 96px;
444
445
  --pf-t--global--icon--size--400: 56px;
445
446
  --pf-t--global--icon--size--300: 22px;
446
447
  --pf-t--global--icon--size--250: 16px;
@@ -557,6 +558,7 @@ html .ws-preview {
557
558
  --pf-t--global--icon--color--300: var(--pf-t--color--white);
558
559
  --pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
559
560
  --pf-t--global--icon--color--100: var(--pf-t--color--gray--90);
561
+ --pf-t--global--icon--size--3xl: var(--pf-t--global--icon--size--500);
560
562
  --pf-t--global--icon--size--2xl: var(--pf-t--global--icon--size--400);
561
563
  --pf-t--global--icon--size--xl: var(--pf-t--global--icon--size--300);
562
564
  --pf-t--global--icon--size--lg: var(--pf-t--global--icon--size--250);
package/patternfly-no-globals.css CHANGED
@@ -499,6 +499,7 @@ html .ws-preview {
499
499
  --pf-t--global--border--width--300: 3px;
500
500
  --pf-t--global--border--width--200: 2px;
501
501
  --pf-t--global--border--width--100: 1px;
502
+ --pf-t--global--icon--size--500: 96px;
502
503
  --pf-t--global--icon--size--400: 56px;
503
504
  --pf-t--global--icon--size--300: 22px;
504
505
  --pf-t--global--icon--size--250: 16px;
@@ -615,6 +616,7 @@ html .ws-preview {
615
616
  --pf-t--global--icon--color--300: var(--pf-t--color--white);
616
617
  --pf-t--global--icon--color--200: var(--pf-t--color--gray--50);
617
618
  --pf-t--global--icon--color--100: var(--pf-t--color--gray--90);
619
+ --pf-t--global--icon--size--3xl: var(--pf-t--global--icon--size--500);
618
620
  --pf-t--global--icon--size--2xl: var(--pf-t--global--icon--size--400);
619
621
  --pf-t--global--icon--size--xl: var(--pf-t--global--icon--size--300);
620
622
  --pf-t--global--icon--size--lg: var(--pf-t--global--icon--size--250);
@@ -7337,10 +7339,14 @@ html .ws-preview {
7337
7339
  }
7338
7340
  }
7339
7341
 
7342
+ :root,
7340
7343
  .pf-v5-c-backdrop {
7341
7344
  --pf-v5-c-backdrop--Position: fixed;
7342
- --pf-v5-c-backdrop--ZIndex: var(--pf-v5-global--ZIndex--lg);
7343
- --pf-v5-c-backdrop--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-transparent-100);
7345
+ --pf-v5-c-backdrop--ZIndex: var(--pf-t--global--Zindex--lg);
7346
+ --pf-v5-c-backdrop--BackgroundColor: var(--pf-t--global--background--color--backdrop--default);
7347
+ }
7348
+
7349
+ .pf-v5-c-backdrop {
7344
7350
  position: var(--pf-v5-c-backdrop--Position);
7345
7351
  inset-block-start: 0;
7346
7352
  inset-inline-start: 0;
@@ -7539,6 +7545,10 @@ html .ws-preview {
7539
7545
  --pf-v5-c-banner--BackgroundColor: var(--pf-v5-c-banner--m-info--BackgroundColor);
7540
7546
  --pf-v5-c-banner--Color: var(--pf-v5-c-banner--m-info--Color);
7541
7547
  }
7548
+ .pf-v5-c-banner.pf-m-custom {
7549
+ --pf-v5-c-banner--BackgroundColor: var(--pf-v5-c-banner--m-custom--BackgroundColor);
7550
+ --pf-v5-c-banner--Color: var(--pf-v5-c-banner--m-custom--Color);
7551
+ }
7542
7552
  .pf-v5-c-banner.pf-m-red {
7543
7553
  --pf-v5-c-banner--BackgroundColor: var(--pf-v5-c-banner--m-red--BackgroundColor);
7544
7554
  --pf-v5-c-banner--Color: var(--pf-v5-c-banner--m-red--Color);
@@ -8628,6 +8638,9 @@ button.pf-v5-c-breadcrumb__link {
8628
8638
  background-color: var(--pf-v5-c-card--BackgroundColor);
8629
8639
  box-shadow: var(--pf-v5-c-card--BoxShadow);
8630
8640
  }
8641
+ .pf-v5-c-card.pf-m-selectable .pf-v5-c-card__selectable-actions :is(.pf-v5-c-check, .pf-v5-c-radio) {
8642
+ gap: 0;
8643
+ }
8631
8644
  .pf-v5-c-card.pf-m-selectable, .pf-v5-c-card.pf-m-clickable {
8632
8645
  isolation: isolate;
8633
8646
  box-shadow: none;
@@ -14791,44 +14804,52 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14791
14804
  background: transparent;
14792
14805
  }
14793
14806
 
14794
- .pf-v5-c-empty-state {
14795
- --pf-v5-c-empty-state--PaddingTop: var(--pf-v5-global--spacer--xl);
14796
- --pf-v5-c-empty-state--PaddingRight: var(--pf-v5-global--spacer--xl);
14797
- --pf-v5-c-empty-state--PaddingBottom: var(--pf-v5-global--spacer--xl);
14798
- --pf-v5-c-empty-state--PaddingLeft: var(--pf-v5-global--spacer--xl);
14799
- --pf-v5-c-empty-state--m-xs--PaddingTop: var(--pf-v5-global--spacer--md);
14800
- --pf-v5-c-empty-state--m-xs--PaddingRight: var(--pf-v5-global--spacer--md);
14801
- --pf-v5-c-empty-state--m-xs--PaddingBottom: var(--pf-v5-global--spacer--md);
14802
- --pf-v5-c-empty-state--m-xs--PaddingLeft: var(--pf-v5-global--spacer--md);
14807
+ :root {
14808
+ --pf-v5-c-empty-state--PaddingTop: var(--pf-t--global--spacer--xl);
14809
+ --pf-v5-c-empty-state--PaddingRight: var(--pf-t--global--spacer--xl);
14810
+ --pf-v5-c-empty-state--PaddingBottom: var(--pf-t--global--spacer--xl);
14811
+ --pf-v5-c-empty-state--PaddingLeft: var(--pf-t--global--spacer--xl);
14812
+ --pf-v5-c-empty-state--m-xs--PaddingTop: var(--pf-t--global--spacer--md);
14813
+ --pf-v5-c-empty-state--m-xs--PaddingRight: var(--pf-t--global--spacer--md);
14814
+ --pf-v5-c-empty-state--m-xs--PaddingBottom: var(--pf-t--global--spacer--md);
14815
+ --pf-v5-c-empty-state--m-xs--PaddingLeft: var(--pf-t--global--spacer--md);
14803
14816
  --pf-v5-c-empty-state__content--MaxWidth: none;
14804
14817
  --pf-v5-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
14805
14818
  --pf-v5-c-empty-state--m-sm__content--MaxWidth: 25rem;
14806
14819
  --pf-v5-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
14807
- --pf-v5-c-empty-state__icon--MarginBottom: var(--pf-v5-global--spacer--lg);
14808
- --pf-v5-c-empty-state__icon--FontSize: var(--pf-v5-global--icon--FontSize--xl);
14809
- --pf-v5-c-empty-state__icon--Color: var(--pf-v5-global--icon--Color--light);
14810
- --pf-v5-c-empty-state--m-xs__icon--MarginBottom: var(--pf-v5-global--spacer--md);
14811
- --pf-v5-c-empty-state--m-xl__icon--MarginBottom: var(--pf-v5-global--spacer--xl);
14812
- --pf-v5-c-empty-state--m-xl__icon--FontSize: 6.25rem;
14813
- --pf-v5-c-empty-state__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading);
14814
- --pf-v5-c-empty-state__title-text--FontSize: var(--pf-v5-global--FontSize--xl);
14815
- --pf-v5-c-empty-state__title-text--FontWeight: var(--pf-v5-global--FontWeight--normal);
14816
- --pf-v5-c-empty-state__title-text--LineHeight: var(--pf-v5-global--LineHeight--md);
14817
- --pf-v5-c-empty-state--m-xs__title-text--FontSize: var(--pf-v5-global--FontSize--md);
14818
- --pf-v5-c-empty-state--m-xl__title-text--FontSize: var(--pf-v5-global--FontSize--4xl);
14819
- --pf-v5-c-empty-state--m-xl__title-text--LineHeight: var(--pf-v5-global--LineHeight--sm);
14820
- --pf-v5-c-empty-state__body--MarginTop: var(--pf-v5-global--spacer--md);
14821
- --pf-v5-c-empty-state__body--Color: var(--pf-v5-global--Color--200);
14822
- --pf-v5-c-empty-state--body--FontSize: var(--pf-v5-global--FontSize--md);
14823
- --pf-v5-c-empty-state--m-xs__body--FontSize: var(--pf-v5-global--FontSize--sm);
14824
- --pf-v5-c-empty-state--m-xs__body--MarginTop: var(--pf-v5-global--spacer--md);
14825
- --pf-v5-c-empty-state--m-xl__body--FontSize: var(--pf-v5-global--FontSize--xl);
14826
- --pf-v5-c-empty-state--m-xl__body--MarginTop: var(--pf-v5-global--spacer--lg);
14827
- --pf-v5-c-empty-state__footer--RowGap: var(--pf-v5-global--spacer--sm);
14828
- --pf-v5-c-empty-state__footer--MarginTop: var(--pf-v5-global--spacer--xl);
14829
- --pf-v5-c-empty-state--m-xs__footer--MarginTop: var(--pf-v5-global--spacer--md);
14830
- --pf-v5-c-empty-state__actions--RowGap: var(--pf-v5-global--spacer--xs);
14831
- --pf-v5-c-empty-state__actions--ColumnGap: var(--pf-v5-global--spacer--xs);
14820
+ --pf-v5-c-empty-state__icon--MarginBottom: var(--pf-t--global--spacer--lg);
14821
+ --pf-v5-c-empty-state__icon--FontSize: var(--pf-t--global--icon--size--2xl);
14822
+ --pf-v5-c-empty-state__icon--Color: var(--pf-t--global--icon--color--subtle);
14823
+ --pf-v5-c-empty-state--m-xs__icon--MarginBottom: var(--pf-t--global--spacer--lg);
14824
+ --pf-v5-c-empty-state--m-xl__icon--MarginBottom: var(--pf-t--global--spacer--xl);
14825
+ --pf-v5-c-empty-state--m-xl__icon--FontSize: var(--pf-t--global--icon--size--3xl);
14826
+ --pf-v5-c-empty-state--m-danger__icon--Color: var(--pf-t--global--icon--color--status--danger--default);
14827
+ --pf-v5-c-empty-state--m-warning__icon--Color: var(--pf-t--global--icon--color--status--warning--default);
14828
+ --pf-v5-c-empty-state--m-success__icon--Color: var(--pf-t--global--icon--color--status--success--default);
14829
+ --pf-v5-c-empty-state--m-info__icon--Color: var(--pf-t--global--icon--color--status--info--default);
14830
+ --pf-v5-c-empty-state--m-custom__icon--Color: var(--pf-t--global--icon--color--status--custom--default);
14831
+ --pf-v5-c-empty-state__title-text--FontFamily: var(--pf-t--global--font--family--heading);
14832
+ --pf-v5-c-empty-state__title-text--FontSize: var(--pf-t--global--font--size--heading--md);
14833
+ --pf-v5-c-empty-state__title-text--FontWeight: var(--pf-t--global--font--weight--heading);
14834
+ --pf-v5-c-empty-state__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
14835
+ --pf-v5-c-empty-state--m-xs__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
14836
+ --pf-v5-c-empty-state--m-xl__title-text--FontSize: var(--pf-t--global--font--size--heading--2xl);
14837
+ --pf-v5-c-empty-state--m-xl__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
14838
+ --pf-v5-c-empty-state__body--MarginTop: var(--pf-t--global--spacer--md);
14839
+ --pf-v5-c-empty-state__body--Color: var(--pf-t--global--text--color--subtle);
14840
+ --pf-v5-c-empty-state--body--FontSize: var(--pf-t--global--font--size--body--lg);
14841
+ --pf-v5-c-empty-state--m-xs__body--FontSize: var(--pf-t--global--font--size--body--lg);
14842
+ --pf-v5-c-empty-state--m-xs__body--MarginTop: var(--pf-t--global--spacer--md);
14843
+ --pf-v5-c-empty-state--m-xl__body--FontSize: var(--pf-t--global--font--size--body--lg);
14844
+ --pf-v5-c-empty-state--m-xl__body--MarginTop: var(--pf-t--global--spacer--xl);
14845
+ --pf-v5-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--sm);
14846
+ --pf-v5-c-empty-state__footer--MarginTop: var(--pf-t--global--spacer--xl);
14847
+ --pf-v5-c-empty-state--m-xs__footer--MarginTop: var(--pf-t--global--spacer--md);
14848
+ --pf-v5-c-empty-state__actions--RowGap: var(--pf-t--global--spacer--sm);
14849
+ --pf-v5-c-empty-state__actions--ColumnGap: var(--pf-t--global--spacer--md);
14850
+ }
14851
+
14852
+ .pf-v5-c-empty-state {
14832
14853
  display: flex;
14833
14854
  align-items: center;
14834
14855
  justify-content: center;
@@ -14867,6 +14888,21 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14867
14888
  .pf-v5-c-empty-state.pf-m-full-height {
14868
14889
  height: 100%;
14869
14890
  }
14891
+ .pf-v5-c-empty-state.pf-m-danger {
14892
+ --pf-v5-c-empty-state__icon--Color: var(--pf-v5-c-empty-state--m-danger__icon--Color);
14893
+ }
14894
+ .pf-v5-c-empty-state.pf-m-warning {
14895
+ --pf-v5-c-empty-state__icon--Color: var(--pf-v5-c-empty-state--m-warning__icon--Color);
14896
+ }
14897
+ .pf-v5-c-empty-state.pf-m-success {
14898
+ --pf-v5-c-empty-state__icon--Color: var(--pf-v5-c-empty-state--m-success__icon--Color);
14899
+ }
14900
+ .pf-v5-c-empty-state.pf-m-info {
14901
+ --pf-v5-c-empty-state__icon--Color: var(--pf-v5-c-empty-state--m-info__icon--Color);
14902
+ }
14903
+ .pf-v5-c-empty-state.pf-m-custom {
14904
+ --pf-v5-c-empty-state__icon--Color: var(--pf-v5-c-empty-state--m-custom__icon--Color);
14905
+ }
14870
14906
 
14871
14907
  .pf-v5-c-empty-state__content {
14872
14908
  max-width: var(--pf-v5-c-empty-state__content--MaxWidth);
@@ -14912,11 +14948,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14912
14948
  --pf-v5-c-expandable-section__toggle--PaddingRight: var(--pf-t--global--spacer--md);
14913
14949
  --pf-v5-c-expandable-section__toggle--PaddingBottom: var(--pf-t--global--spacer--sm);
14914
14950
  --pf-v5-c-expandable-section__toggle--PaddingLeft: var(--pf-t--global--spacer--sm);
14915
- --pf-v5-c-expandable-section__toggle--Color: var(--pf-t--global--color--brand--default);
14916
- --pf-v5-c-expandable-section__toggle--hover--Color: var(--pf-t--global--color--brand--hover);
14917
- --pf-v5-c-expandable-section__toggle--active--Color: var(--pf-t--global--color--brand--hover);
14918
- --pf-v5-c-expandable-section__toggle--focus--Color: var(--pf-t--global--color--brand--hover);
14919
- --pf-v5-c-expandable-section__toggle--m-expanded--Color: var(--pf-t--global--color--brand--hover);
14920
14951
  --pf-v5-c-expandable-section__toggle--BackgroundColor: transparent;
14921
14952
  --pf-v5-c-expandable-section__toggle--ColumnGap: calc(var(--pf-t--global--spacer--xs) + var(--pf-t--global--spacer--sm));
14922
14953
  --pf-v5-c-expandable-section__toggle-icon--MinWidth: 1em;
@@ -14926,6 +14957,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14926
14957
  --pf-v5-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
14927
14958
  --pf-v5-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
14928
14959
  --pf-v5-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
14960
+ --pf-v5-c-expandable-section__toggle-text--Color: var(--pf-t--global--color--brand--default);
14961
+ --pf-v5-c-expandable-section__toggle-text--hover--Color: var(--pf-t--global--color--brand--hover);
14962
+ --pf-v5-c-expandable-section--m-expanded__toggle-text--Color: var(--pf-t--global--color--brand--hover);
14929
14963
  --pf-v5-c-expandable-section__content--PaddingTop: var(--pf-t--global--spacer--sm);
14930
14964
  --pf-v5-c-expandable-section__content--PaddingRight: var(--pf-t--global--spacer--sm);
14931
14965
  --pf-v5-c-expandable-section__content--PaddingBottom: var(--pf-t--global--spacer--sm);
@@ -14960,7 +14994,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14960
14994
  }
14961
14995
 
14962
14996
  .pf-v5-c-expandable-section.pf-m-expanded {
14963
- --pf-v5-c-expandable-section__toggle--Color: var(--pf-v5-c-expandable-section__toggle--m-expanded--Color);
14997
+ --pf-v5-c-expandable-section__toggle-text--Color: var(--pf-v5-c-expandable-section--m-expanded__toggle-text--Color);
14964
14998
  --pf-v5-c-expandable-section__toggle-icon--Rotate: var(--pf-v5-c-expandable-section--m-expanded__toggle-icon--Rotate);
14965
14999
  --pf-v5-c-expandable-section__toggle-icon--m-expand-top--Rotate: var(--pf-v5-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate);
14966
15000
  --pf-v5-c-expandable-section--m-display-lg--after--BackgroundColor: var(--pf-v5-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor);
@@ -15015,23 +15049,14 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15015
15049
  padding-block-end: var(--pf-v5-c-expandable-section__toggle--PaddingBottom);
15016
15050
  padding-inline-start: var(--pf-v5-c-expandable-section__toggle--PaddingLeft);
15017
15051
  padding-inline-end: var(--pf-v5-c-expandable-section__toggle--PaddingRight);
15018
- color: var(--pf-v5-c-expandable-section__toggle--Color);
15019
15052
  background-color: var(--pf-v5-c-expandable-section__toggle--BackgroundColor);
15020
15053
  border: none;
15021
15054
  border-radius: var(--pf-v5-c-expandable-section__toggle--BorderRadius, 0);
15022
15055
  }
15023
- .pf-v5-c-expandable-section__toggle:hover {
15024
- --pf-v5-c-expandable-section__toggle--Color: var(--pf-v5-c-expandable-section__toggle--hover--Color);
15056
+ .pf-v5-c-expandable-section__toggle:is(:hover, :focus) {
15057
+ --pf-v5-c-expandable-section__toggle-text--Color: var(--pf-v5-c-expandable-section__toggle-text--hover--Color);
15025
15058
  --pf-v5-c-expandable-section__toggle--BackgroundColor: var(--pf-v5-c-expandable-section__toggle--hover--BackgroundColor, initial);
15026
15059
  }
15027
- .pf-v5-c-expandable-section__toggle:active, .pf-v5-c-expandable-section__toggle.pf-m-active {
15028
- --pf-v5-c-expandable-section__toggle--Color: var(--pf-v5-c-expandable-section__toggle--active--Color);
15029
- --pf-v5-c-expandable-section__toggle--BackgroundColor: var(--pf-v5-c-expandable-section__toggle--active--BackgroundColor, initial);
15030
- }
15031
- .pf-v5-c-expandable-section__toggle:focus {
15032
- --pf-v5-c-expandable-section__toggle--Color: var(--pf-v5-c-expandable-section__toggle--focus--Color);
15033
- --pf-v5-c-expandable-section__toggle--BackgroundColor: var(--pf-v5-c-expandable-section__toggle--focus--BackgroundColor, initial);
15034
- }
15035
15060
 
15036
15061
  .pf-v5-c-expandable-section__toggle-icon {
15037
15062
  min-width: var(--pf-v5-c-expandable-section__toggle-icon--MinWidth);
@@ -15047,6 +15072,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15047
15072
  --pf-v5-c-expandable-section__toggle-icon--Rotate: var(--pf-v5-c-expandable-section__toggle-icon--m-expand-top--Rotate);
15048
15073
  }
15049
15074
 
15075
+ .pf-v5-c-expandable-section__toggle-text {
15076
+ color: var(--pf-v5-c-expandable-section__toggle-text--Color);
15077
+ }
15078
+
15050
15079
  .pf-v5-c-expandable-section__content {
15051
15080
  max-width: var(--pf-v5-c-expandable-section__content--MaxWidth);
15052
15081
  padding-block-start: var(--pf-v5-c-expandable-section__content--PaddingTop);
@@ -15368,6 +15397,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15368
15397
  max-width: var(--pf-v5-c-form--m-limit-width--MaxWidth);
15369
15398
  }
15370
15399
 
15400
+ .pf-v5-c-form__group {
15401
+ min-width: 0;
15402
+ }
15371
15403
  .pf-v5-c-form__group.pf-m-action {
15372
15404
  margin-block-start: var(--pf-v5-c-form__group--m-action--MarginTop);
15373
15405
  overflow: hidden;
@@ -15456,6 +15488,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15456
15488
  --pf-v5-c-form__group-label-help--Color: var(--pf-v5-c-form__group-label-help--focus--Color);
15457
15489
  }
15458
15490
 
15491
+ .pf-v5-c-form__group-control {
15492
+ min-width: 0;
15493
+ }
15459
15494
  .pf-v5-c-form__group-control.pf-m-inline {
15460
15495
  display: flex;
15461
15496
  flex-flow: row wrap;
@@ -19248,6 +19283,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
19248
19283
  align-self: stretch;
19249
19284
  }
19250
19285
  .pf-v5-c-menu-toggle.pf-m-split-button > .pf-v5-c-check .pf-v5-c-check__input {
19286
+ --pf-v5-c-check__input--TranslateY: 0;
19251
19287
  align-self: center;
19252
19288
  }
19253
19289
  .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled)) > *::after {
@@ -23023,12 +23059,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23023
23059
 
23024
23060
  .pf-v5-c-popover__arrow {
23025
23061
  position: absolute;
23026
- /* stylelint-disable liberty/use-logical-spec */
23027
23062
  top: var(--pf-v5-c-popover__arrow--Top, auto);
23028
23063
  right: var(--pf-v5-c-popover__arrow--Right, auto);
23029
23064
  bottom: var(--pf-v5-c-popover__arrow--Bottom, auto);
23030
23065
  left: var(--pf-v5-c-popover__arrow--Left, auto);
23031
- /* stylelint-enable */
23032
23066
  width: var(--pf-v5-c-popover__arrow--Width);
23033
23067
  height: var(--pf-v5-c-popover__arrow--Height);
23034
23068
  pointer-events: none;
@@ -24851,34 +24885,31 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
24851
24885
  --pf-v5-c-sidebar__panel--FlexBasis: 100%;
24852
24886
  }
24853
24887
  }
24854
- .pf-v5-c-simple-list {
24855
- --pf-v5-c-simple-list__item-link--PaddingTop: var(--pf-v5-global--spacer--xs);
24856
- --pf-v5-c-simple-list__item-link--PaddingRight: var(--pf-v5-global--spacer--md);
24857
- --pf-v5-c-simple-list__item-link--PaddingBottom: var(--pf-v5-global--spacer--xs);
24858
- --pf-v5-c-simple-list__item-link--PaddingLeft: var(--pf-v5-global--spacer--md);
24859
- --pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
24860
- --pf-v5-c-simple-list__item-link--Color: var(--pf-v5-global--Color--100);
24861
- --pf-v5-c-simple-list__item-link--FontSize: var(--pf-v5-global--FontSize--sm);
24862
- --pf-v5-c-simple-list__item-link--FontWeight: var(--pf-v5-global--FontWeight--normal);
24863
- --pf-v5-c-simple-list__item-link--m-current--Color: var(--pf-v5-global--link--Color);
24864
- --pf-v5-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
24865
- --pf-v5-c-simple-list__item-link--m-current--FontWeight: var(--pf-v5-global--FontWeight--normal);
24866
- --pf-v5-c-simple-list__item-link--hover--Color: var(--pf-v5-global--Color--100);
24867
- --pf-v5-c-simple-list__item-link--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
24868
- --pf-v5-c-simple-list__item-link--focus--Color: var(--pf-v5-global--Color--100);
24869
- --pf-v5-c-simple-list__item-link--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
24870
- --pf-v5-c-simple-list__item-link--focus--FontWeight: var(--pf-v5-global--FontWeight--normal);
24871
- --pf-v5-c-simple-list__item-link--active--Color: var(--pf-v5-global--Color--100);
24872
- --pf-v5-c-simple-list__item-link--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
24873
- --pf-v5-c-simple-list__item-link--active--FontWeight: var(--pf-v5-global--FontWeight--normal);
24874
- --pf-v5-c-simple-list__title--PaddingTop: var(--pf-v5-global--spacer--sm);
24875
- --pf-v5-c-simple-list__title--PaddingRight: var(--pf-v5-global--spacer--md);
24876
- --pf-v5-c-simple-list__title--PaddingBottom: var(--pf-v5-global--spacer--sm);
24877
- --pf-v5-c-simple-list__title--PaddingLeft: var(--pf-v5-global--spacer--md);
24878
- --pf-v5-c-simple-list__title--FontSize: var(--pf-v5-global--FontSize--sm);
24879
- --pf-v5-c-simple-list__title--Color: var(--pf-v5-global--Color--dark-200);
24880
- --pf-v5-c-simple-list__title--FontWeight: var(--pf-v5-global--FontWeight--bold);
24881
- --pf-v5-c-simple-list__section--section--MarginTop: var(--pf-v5-global--spacer--sm);
24888
+ :root, .pf-v5-c-simple-list {
24889
+ --pf-v5-c-simple-list__item-link--PaddingTop: var(--pf-t--global--spacer--xs);
24890
+ --pf-v5-c-simple-list__item-link--PaddingRight: var(--pf-t--global--spacer--md);
24891
+ --pf-v5-c-simple-list__item-link--PaddingBottom: var(--pf-t--global--spacer--xs);
24892
+ --pf-v5-c-simple-list__item-link--PaddingLeft: var(--pf-t--global--spacer--md);
24893
+ --pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
24894
+ --pf-v5-c-simple-list__item-link--Color: var(--pf-t--global--text--color--subtle);
24895
+ --pf-v5-c-simple-list__item-link--FontSize: var(--pf-t--global--font--size--body);
24896
+ --pf-v5-c-simple-list__item-link--m-current--Color: var(--pf-t--global--text--color--regular);
24897
+ --pf-v5-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--selected);
24898
+ --pf-v5-c-simple-list__item-link--hover--Color: var(--pf-t--global--text--color--subtle);
24899
+ --pf-v5-c-simple-list__item-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
24900
+ --pf-v5-c-simple-list__item-link--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
24901
+ --pf-v5-c-simple-list__item-link--BorderRadius: var(--pf-t--global--border--radius--tiny);
24902
+ --pf-v5-c-simple-list__item-link--m-link--Color: var(--pf-t--global--text--color--link--default);
24903
+ --pf-v5-c-simple-list__item-link--m-link--m-current--Color: var(--pf-t--global--text--color--link--hover);
24904
+ --pf-v5-c-simple-list__item-link--m-link--hover--Color: var(--pf-t--global--text--color--link--hover);
24905
+ --pf-v5-c-simple-list__title--PaddingTop: var(--pf-t--global--spacer--sm);
24906
+ --pf-v5-c-simple-list__title--PaddingRight: var(--pf-t--global--spacer--md);
24907
+ --pf-v5-c-simple-list__title--PaddingBottom: var(--pf-t--global--spacer--sm);
24908
+ --pf-v5-c-simple-list__title--PaddingLeft: var(--pf-t--global--spacer--md);
24909
+ --pf-v5-c-simple-list__title--FontSize: var(--pf-t--global--font--size--body--sm);
24910
+ --pf-v5-c-simple-list__title--Color: var(--pf-t--global--text--color--regular);
24911
+ --pf-v5-c-simple-list__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
24912
+ --pf-v5-c-simple-list__section--section--MarginTop: var(--pf-t--global--spacer--sm);
24882
24913
  }
24883
24914
 
24884
24915
  .pf-v5-c-simple-list__item-link {
@@ -24889,31 +24920,28 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
24889
24920
  padding-inline-start: var(--pf-v5-c-simple-list__item-link--PaddingLeft);
24890
24921
  padding-inline-end: var(--pf-v5-c-simple-list__item-link--PaddingRight);
24891
24922
  font-size: var(--pf-v5-c-simple-list__item-link--FontSize);
24892
- font-weight: var(--pf-v5-c-simple-list__item-link--FontWeight);
24893
24923
  color: var(--pf-v5-c-simple-list__item-link--Color);
24894
24924
  text-align: start;
24925
+ text-decoration: none;
24895
24926
  background-color: var(--pf-v5-c-simple-list__item-link--BackgroundColor);
24896
24927
  border: none;
24928
+ border-radius: var(--pf-v5-c-simple-list__item-link--BorderRadius);
24929
+ }
24930
+ .pf-v5-c-simple-list__item-link.pf-m-link {
24931
+ --pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--m-link--Color);
24932
+ --pf-v5-c-simple-list__item-link--hover--Color: var(--pf-v5-c-simple-list__item-link--m-link--m-current--Color);
24933
+ --pf-v5-c-simple-list__item-link--m-current--Color: var(--pf-v5-c-simple-list__item-link--m-link--hover--Color);
24897
24934
  }
24898
- .pf-v5-c-simple-list__item-link:hover {
24935
+ .pf-v5-c-simple-list__item-link:hover, .pf-v5-c-simple-list__item-link:focus {
24899
24936
  --pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-c-simple-list__item-link--hover--BackgroundColor);
24900
24937
  --pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--hover--Color);
24901
24938
  text-decoration: none;
24902
- }
24903
- .pf-v5-c-simple-list__item-link:focus {
24904
- --pf-v5-c-simple-list__item-link--FontWeight: var(--pf-v5-c-simple-list__item-link--focus--FontWeight);
24905
- --pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-c-simple-list__item-link--focus--BackgroundColor);
24906
- --pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--focus--Color);
24907
- }
24908
- .pf-v5-c-simple-list__item-link:active {
24909
- --pf-v5-c-simple-list__item-link--FontWeight: var(--pf-v5-c-simple-list__item-link--active--FontWeight);
24910
- --pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-c-simple-list__item-link--active--BackgroundColor);
24911
- --pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--active--Color);
24939
+ mix-blend-mode: var(--pf-v5-c-simple-list__item-link--MixBlendMode);
24912
24940
  }
24913
24941
  .pf-v5-c-simple-list__item-link.pf-m-current {
24914
- --pf-v5-c-simple-list__item-link--FontWeight: var(--pf-v5-c-simple-list__item-link--m-current--FontWeight);
24915
24942
  --pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-c-simple-list__item-link--m-current--BackgroundColor);
24916
24943
  --pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--m-current--Color);
24944
+ mix-blend-mode: var(--pf-v5-c-simple-list__item-link--MixBlendMode);
24917
24945
  }
24918
24946
 
24919
24947
  .pf-v5-c-simple-list__title {
@@ -24930,21 +24958,6 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
24930
24958
  margin-block-start: var(--pf-v5-c-simple-list__section--section--MarginTop);
24931
24959
  }
24932
24960
 
24933
- :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
24934
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
24935
- }
24936
-
24937
- :where(.pf-v5-theme-dark) .pf-v5-c-simple-list {
24938
- --pf-v5-c-simple-list__item-link--m-current--Color: var(--pf-v5-global--active-color--100);
24939
- --pf-v5-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
24940
- --pf-v5-c-simple-list__item-link--hover--Color: var(--pf-v5-global--Color--100);
24941
- --pf-v5-c-simple-list__item-link--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
24942
- --pf-v5-c-simple-list__item-link--focus--Color: var(--pf-v5-global--Color--100);
24943
- --pf-v5-c-simple-list__item-link--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
24944
- --pf-v5-c-simple-list__item-link--active--Color: var(--pf-v5-global--Color--100);
24945
- --pf-v5-c-simple-list__item-link--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
24946
- }
24947
-
24948
24961
  .pf-v5-c-skeleton {
24949
24962
  --pf-v5-c-skeleton--BackgroundColor: var(--pf-v5-global--palette--black-150);
24950
24963
  --pf-v5-c-skeleton--Width: auto;
@@ -30758,12 +30771,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
30758
30771
 
30759
30772
  .pf-v5-c-tooltip__arrow {
30760
30773
  position: absolute;
30761
- /* stylelint-disable liberty/use-logical-spec */
30762
30774
  top: var(--pf-v5-c-tooltip__arrow--Top, auto);
30763
30775
  right: var(--pf-v5-c-tooltip__arrow--Right, auto);
30764
30776
  bottom: var(--pf-v5-c-tooltip__arrow--Bottom, auto);
30765
30777
  left: var(--pf-v5-c-tooltip__arrow--Left, auto);
30766
- /* stylelint-enable */
30767
30778
  width: var(--pf-v5-c-tooltip__arrow--Width);
30768
30779
  height: var(--pf-v5-c-tooltip__arrow--Height);
30769
30780
  pointer-events: none;
@@ -30772,9 +30783,13 @@ svg.pf-v5-c-spinner.pf-m-xl {
30772
30783
  transform: translateX(var(--pf-v5-c-tooltip__arrow--TranslateX, 0)) translateY(var(--pf-v5-c-tooltip__arrow--TranslateY, 0)) rotate(var(--pf-v5-c-tooltip__arrow--Rotate, 0));
30773
30784
  }
30774
30785
 
30786
+ :root,
30775
30787
  .pf-v5-c-truncate {
30776
30788
  --pf-v5-c-truncate--MinWidth: 12ch;
30777
30789
  --pf-v5-c-truncate__start--MinWidth: 6ch;
30790
+ }
30791
+
30792
+ .pf-v5-c-truncate {
30778
30793
  display: inline-grid;
30779
30794
  grid-auto-flow: column;
30780
30795
  align-items: baseline;