@patternfly/react-styles 6.5.0-prerelease.9 → 6.5.0

package/CHANGELOG.md

@@ -3,6 +3,126 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 6.5.0 (2026-05-20)
+
+### Reverts
+
+- Revert "chore(release): releasing packages [ci skip]" ([7185856](https://github.com/patternfly/patternfly-react/commit/7185856d4985da5129bbabd6c460049e7048dd2a))
+
+# [6.5.0-prerelease.29](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.5.0-prerelease.28...@patternfly/react-styles@6.5.0-prerelease.29) (2026-05-19)
+
+### Features
+
+- **ver:** bump core to .93 ([#12429](https://github.com/patternfly/patternfly-react/issues/12429)) ([bdbbf84](https://github.com/patternfly/patternfly-react/commit/bdbbf84d9b4bc6f4434b51d99ca5db0563841af8))
+
+# [6.5.0-prerelease.28](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.5.0-prerelease.27...@patternfly/react-styles@6.5.0-prerelease.28) (2026-05-14)
+
+### Features
+
+- **ver:** core bump ([#12427](https://github.com/patternfly/patternfly-react/issues/12427)) ([71b2433](https://github.com/patternfly/patternfly-react/commit/71b243388f761946db0043da8c288df1a1e9b70a))
+
+# [6.5.0-prerelease.27](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.5.0-prerelease.26...@patternfly/react-styles@6.5.0-prerelease.27) (2026-05-13)
+
+**Note:** Version bump only for package @patternfly/react-styles
+
+# [6.5.0-prerelease.26](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.5.0-prerelease.25...@patternfly/react-styles@6.5.0-prerelease.26) (2026-05-12)
+
+### Features
+
+- **Compass:** remove background props, update structure ([#12408](https://github.com/patternfly/patternfly-react/issues/12408)) ([5564f73](https://github.com/patternfly/patternfly-react/commit/5564f730fb899c3f8968cbcc567cbded2def367e))
+
+# [6.5.0-prerelease.25](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.5.0-prerelease.24...@patternfly/react-styles@6.5.0-prerelease.25) (2026-05-12)
+
+### Features
+
+- **react-charts:** add high contrast ([#12419](https://github.com/patternfly/patternfly-react/issues/12419)) ([e9c801c](https://github.com/patternfly/patternfly-react/commit/e9c801c84067fb9ed42d10d19deadf8dfca55289))
+
+# [6.5.0-prerelease.24](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.5.0-prerelease.23...@patternfly/react-styles@6.5.0-prerelease.24) (2026-05-08)
+
+### Features
+
+- **Hero:** glass styling update ([#12412](https://github.com/patternfly/patternfly-react/issues/12412)) ([bea138e](https://github.com/patternfly/patternfly-react/commit/bea138ecd4d33a2f591dac628b875b295ec71c31))
+
+# [6.5.0-prerelease.23](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.5.0-prerelease.22...@patternfly/react-styles@6.5.0-prerelease.23) (2026-05-08)
+
+### Features
+
+- **Page:** add dynamic sticky section support ([#12409](https://github.com/patternfly/patternfly-react/issues/12409)) ([97b29d3](https://github.com/patternfly/patternfly-react/commit/97b29d3fafc14ee01f0bbf0d2bdbc527d62f2a16))
+
+# [6.5.0-prerelease.22](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.5.0-prerelease.21...@patternfly/react-styles@6.5.0-prerelease.22) (2026-05-07)
+
+### Features
+
+- **Pagination:** added dynamic sticky and plain ([#12388](https://github.com/patternfly/patternfly-react/issues/12388)) ([7c4f9df](https://github.com/patternfly/patternfly-react/commit/7c4f9dfac4c4a63deecd9fb4d517c5713a617f9e))
+
+# [6.5.0-prerelease.21](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.5.0-prerelease.20...@patternfly/react-styles@6.5.0-prerelease.21) (2026-04-28)
+
+### Features
+
+- **Compass:** added responsive docked compass ([#12382](https://github.com/patternfly/patternfly-react/issues/12382)) ([ccad519](https://github.com/patternfly/patternfly-react/commit/ccad5191fb4ee814a555a8fb73fcdc4b878463ea))
+
+# [6.5.0-prerelease.20](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.5.0-prerelease.19...@patternfly/react-styles@6.5.0-prerelease.20) (2026-04-24)
+
+### Features
+
+- **ToggleGroup:** added full width variant ([#12374](https://github.com/patternfly/patternfly-react/issues/12374)) ([bf01ade](https://github.com/patternfly/patternfly-react/commit/bf01adecddf38e4d5fc3bc49d68ec9982dc97485))
+
+# [6.5.0-prerelease.19](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.5.0-prerelease.18...@patternfly/react-styles@6.5.0-prerelease.19) (2026-04-24)
+
+### Features
+
+- **Panel, CompassPanel:** Removed CompassPanel component. Updated Panel component for use in with compass ([#12372](https://github.com/patternfly/patternfly-react/issues/12372)) ([51f4467](https://github.com/patternfly/patternfly-react/commit/51f44678475ed6cbfab6b5cdbad712a5e2535235))
+
+# [6.5.0-prerelease.18](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.5.0-prerelease.17...@patternfly/react-styles@6.5.0-prerelease.18) (2026-04-20)
+
+**Note:** Version bump only for package @patternfly/react-styles
+
+# [6.5.0-prerelease.17](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.5.0-prerelease.16...@patternfly/react-styles@6.5.0-prerelease.17) (2026-04-13)
+
+### Features
+
+- **Accordion:** Added isPlain and isNoPlainOnGlass prop to Accordion ([#12288](https://github.com/patternfly/patternfly-react/issues/12288)) ([55ffb51](https://github.com/patternfly/patternfly-react/commit/55ffb51760542045f9b7dac0af584cee4a3eff4e))
+
+# [6.5.0-prerelease.16](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.5.0-prerelease.15...@patternfly/react-styles@6.5.0-prerelease.16) (2026-04-06)
+
+### Features
+
+- **Page:** added styles for glass ([#12293](https://github.com/patternfly/patternfly-react/issues/12293)) ([1f7485b](https://github.com/patternfly/patternfly-react/commit/1f7485b291b5da4bb80c596a5efcc19217cabc2c))
+
+# [6.5.0-prerelease.15](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.5.0-prerelease.14...@patternfly/react-styles@6.5.0-prerelease.15) (2026-04-01)
+
+### Bug Fixes
+
+- **deps:** update dependency @patternfly/patternfly to v6.5.0-prerelease.62 ([#12301](https://github.com/patternfly/patternfly-react/issues/12301)) ([34b99cc](https://github.com/patternfly/patternfly-react/commit/34b99cc84c56def47cb3ec00ee99472ae72b0bd3))
+
+# [6.5.0-prerelease.14](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.5.0-prerelease.13...@patternfly/react-styles@6.5.0-prerelease.14) (2026-03-19)
+
+### Bug Fixes
+
+- bump pf-core version 6.5.0-prerelease.55 ([#12282](https://github.com/patternfly/patternfly-react/issues/12282)) ([852ae9a](https://github.com/patternfly/patternfly-react/commit/852ae9aacb9256d10701973c306a4480b663f583))
+
+# [6.5.0-prerelease.13](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.5.0-prerelease.12...@patternfly/react-styles@6.5.0-prerelease.13) (2026-02-24)
+
+### Bug Fixes
+
+- **deps:** update dependency @patternfly/patternfly to v6.5.0-prerelease.43 ([#12230](https://github.com/patternfly/patternfly-react/issues/12230)) ([82687ad](https://github.com/patternfly/patternfly-react/commit/82687ad20da22eef09581ea50266feb21d85ea8a))
+
+# [6.5.0-prerelease.12](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.5.0-prerelease.11...@patternfly/react-styles@6.5.0-prerelease.12) (2026-02-18)
+
+### Features
+
+- **icons:** add swap support for mapped rh-ui icons ([#12245](https://github.com/patternfly/patternfly-react/issues/12245)) ([a81ce0e](https://github.com/patternfly/patternfly-react/commit/a81ce0e1b6fdd7a3e85cdd70e5bb667dc7d82801))
+
+# [6.5.0-prerelease.11](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.5.0-prerelease.10...@patternfly/react-styles@6.5.0-prerelease.11) (2026-02-05)
+
+### Features
+
+- **TreeView:** add support for disabled TreeViewListItems ([#12140](https://github.com/patternfly/patternfly-react/issues/12140)) ([3514831](https://github.com/patternfly/patternfly-react/commit/35148312f5d9ce4e706ad36b801455fc987842bb))
+
+# [6.5.0-prerelease.10](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.5.0-prerelease.9...@patternfly/react-styles@6.5.0-prerelease.10) (2026-01-09)
+
+**Note:** Version bump only for package @patternfly/react-styles
+
 # [6.5.0-prerelease.9](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.5.0-prerelease.6...@patternfly/react-styles@6.5.0-prerelease.9) (2025-12-16)
 
 ### Features

package/README.md

@@ -4,7 +4,7 @@ Library that provides CSS-in-JS capabilities
 
 #### Example 
 
-```jsx
+```tsx
 import { css } from '@patternfly/react-styles';
 import styles from './Button.css';
 

package/css/assets/images/Felt-Bkg-Generic-Dark.svg

@@ -0,0 +1,82 @@
+<svg width="1851" height="1196" viewBox="0 0 1851 1196" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_19351_19495)">
+<rect width="1851" height="1196" fill="url(#paint0_linear_19351_19495)"/>
+<g filter="url(#filter0_f_19351_19495)">
+<path d="M1163.49 1254.14C1228.08 1267.49 1284.81 1209.64 1270.02 1145.54L1179.69 754.201C1151.53 637.917 1126.8 585.164 922.129 483.089C802.593 422.119 577.042 331.269 429.138 290.056C368.273 273.092 305.704 311.009 292.312 372.611L170.598 932.415C157.251 993.813 196.663 1054.29 258.337 1067.03L1163.49 1254.15V1254.14Z" fill="url(#paint1_linear_19351_19495)"/>
+</g>
+<path d="M1163.49 1254.14C1228.08 1267.49 1284.81 1209.64 1270.02 1145.54L1179.69 754.201C1151.53 637.917 1126.8 585.164 922.129 483.089C802.593 422.119 577.042 331.269 429.138 290.056C368.273 273.092 305.704 311.009 292.312 372.611L170.598 932.415C157.251 993.813 196.663 1054.29 258.337 1067.03L1163.49 1254.15V1254.14Z" fill="url(#paint2_linear_19351_19495)"/>
+<g filter="url(#filter1_f_19351_19495)">
+<path d="M1695.48 616.017C1827.61 651.42 2026.25 675.359 2068.34 518.276C2071.63 506.017 2074.47 493.995 2074.74 481.25L2087.61 118.401C2089.5 38.3884 2091.43 -10.7997 1968.31 -101.454C1684.68 -310.293 1342.14 -417.868 1266.6 -416.348C1200.6 -415.017 1150.23 -401.177 1094.55 -320.922C1094.55 -320.922 938.608 -94.3084 917.466 -60.9637C913.35 -54.7362 911.235 -47.0681 909.631 -41.0791C883.553 56.2453 1181.49 478.295 1695.49 616.019" fill="url(#paint3_linear_19351_19495)"/>
+</g>
+<path d="M1695.48 616.017C1827.61 651.42 2026.25 675.359 2068.34 518.276C2071.63 506.017 2074.47 493.995 2074.74 481.25L2087.61 118.401C2089.5 38.3883 2091.43 -10.7998 1968.31 -101.454C1684.68 -310.293 1342.14 -417.868 1266.6 -416.348C1200.6 -415.017 1150.23 -401.177 1094.55 -320.922C1094.55 -320.922 938.608 -94.3084 917.466 -60.9637C913.35 -54.7362 911.235 -47.0681 909.631 -41.0791C883.553 56.2453 1181.49 478.295 1695.49 616.019" fill="url(#paint4_linear_19351_19495)"/>
+<g filter="url(#filter2_f_19351_19495)">
+<path d="M1018.65 1252.4L899.777 808.935C883.342 747.626 919.732 684.535 980.992 668.127L1981.4 400.183C2165.17 350.962 2354.4 460.323 2403.7 644.243L2522.58 1087.71C2539.02 1149.02 2502.63 1212.11 2441.37 1228.52L1440.96 1496.46C1257.19 1545.68 1067.96 1436.32 1018.65 1252.4Z" fill="url(#paint5_linear_19351_19495)"/>
+</g>
+<path d="M1018.65 1252.4L899.777 808.935C883.342 747.626 919.732 684.535 980.992 668.127L1981.4 400.183C2165.17 350.962 2354.4 460.323 2403.7 644.243L2522.58 1087.71C2539.02 1149.02 2502.63 1212.11 2441.37 1228.52L1440.96 1496.46C1257.19 1545.68 1067.96 1436.32 1018.65 1252.4Z" fill="url(#paint6_linear_19351_19495)"/>
+<g filter="url(#filter3_f_19351_19495)">
+<path d="M782.287 -59.764C421.09 -246.933 -158.166 -246.234 -258.019 -53.8873C-271.175 -28.5469 -275.733 -4.57652 -273.796 18.0103C-267.733 233.992 242.437 497.887 646.906 497.887C936.866 497.887 1025.27 376.095 1036.3 269.541C1048.45 174.177 997.623 51.8132 782.287 -59.7708V-59.764Z" fill="url(#paint7_linear_19351_19495)"/>
+</g>
+<path d="M782.287 -59.764C421.09 -246.933 -158.166 -246.234 -258.019 -53.8873C-271.175 -28.5469 -275.733 -4.57652 -273.796 18.0103C-267.733 233.992 242.437 497.887 646.906 497.887C936.867 497.887 1025.27 376.095 1036.3 269.541C1048.45 174.177 997.623 51.8132 782.287 -59.7708V-59.764Z" fill="url(#paint8_linear_19351_19495)"/>
+</g>
+<defs>
+<filter id="filter0_f_19351_19495" x="68" y="186" width="1304.39" height="1170.08" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="50" result="effect1_foregroundBlur_19351_19495"/>
+</filter>
+<filter id="filter1_f_19351_19495" x="808.051" y="-516.364" width="1380.03" height="1258.52" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="50" result="effect1_foregroundBlur_19351_19495"/>
+</filter>
+<filter id="filter2_f_19351_19495" x="795.828" y="288.39" width="1830.7" height="1319.86" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="50" result="effect1_foregroundBlur_19351_19495"/>
+</filter>
+<filter id="filter3_f_19351_19495" x="-374.223" y="-299.155" width="1512.2" height="897.042" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="50" result="effect1_foregroundBlur_19351_19495"/>
+</filter>
+<linearGradient id="paint0_linear_19351_19495" x1="-755.182" y1="-589.97" x2="1132.51" y2="1298.52" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1B0D33"/>
+<stop offset="1"/>
+</linearGradient>
+<linearGradient id="paint1_linear_19351_19495" x1="-309.347" y1="-279.398" x2="1466.54" y2="660.337" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1B0D33"/>
+<stop offset="1"/>
+</linearGradient>
+<linearGradient id="paint2_linear_19351_19495" x1="-128.5" y1="644" x2="1223.59" y2="790.065" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1B0D33"/>
+<stop offset="1"/>
+</linearGradient>
+<linearGradient id="paint3_linear_19351_19495" x1="2077.44" y1="-968.83" x2="949.169" y2="1496.83" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1B0D33"/>
+<stop offset="1"/>
+</linearGradient>
+<linearGradient id="paint4_linear_19351_19495" x1="1828" y1="-334.5" x2="876.979" y2="1498.01" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1B0D33"/>
+<stop offset="1"/>
+</linearGradient>
+<linearGradient id="paint5_linear_19351_19495" x1="755.202" y1="451.746" x2="1960.69" y2="1480.58" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1B0D33"/>
+<stop offset="1"/>
+</linearGradient>
+<linearGradient id="paint6_linear_19351_19495" x1="870" y1="572.5" x2="1966.72" y2="1475.37" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1B0D33"/>
+<stop offset="1"/>
+</linearGradient>
+<linearGradient id="paint7_linear_19351_19495" x1="692.977" y1="483.708" x2="308.23" y2="-78.5936" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1B0D33"/>
+<stop offset="1"/>
+</linearGradient>
+<linearGradient id="paint8_linear_19351_19495" x1="957.5" y1="429.373" x2="-60.5206" y2="-444.022" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1B0D33"/>
+<stop offset="1"/>
+</linearGradient>
+<clipPath id="clip0_19351_19495">
+<rect width="1851" height="1196" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/css/assets/images/Felt-Bkg-Generic-Light.svg

@@ -0,0 +1,82 @@
+<svg width="1851" height="1196" viewBox="0 0 1851 1196" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_19351_19504)">
+<rect width="1851" height="1196" fill="url(#paint0_linear_19351_19504)"/>
+<g opacity="0.5" filter="url(#filter0_f_19351_19504)">
+<path d="M1163.49 1254.14C1228.08 1267.49 1284.81 1209.64 1270.02 1145.54L1179.69 754.201C1151.53 637.917 1126.8 585.164 922.129 483.089C802.593 422.119 577.042 331.269 429.138 290.056C368.273 273.092 305.704 311.009 292.312 372.611L170.598 932.415C157.251 993.813 196.663 1054.29 258.337 1067.03L1163.49 1254.15V1254.14Z" fill="url(#paint1_linear_19351_19504)"/>
+</g>
+<path d="M1163.49 1254.14C1228.08 1267.49 1284.81 1209.64 1270.02 1145.54L1179.69 754.201C1151.53 637.917 1126.8 585.164 922.129 483.089C802.593 422.119 577.042 331.269 429.138 290.056C368.273 273.092 305.704 311.009 292.312 372.611L170.598 932.415C157.251 993.813 196.663 1054.29 258.337 1067.03L1163.49 1254.15V1254.14Z" fill="url(#paint2_linear_19351_19504)"/>
+<g filter="url(#filter1_f_19351_19504)">
+<path d="M1695.48 616.017C1827.61 651.42 2026.25 675.359 2068.34 518.276C2071.63 506.017 2074.47 493.995 2074.74 481.25L2087.61 118.401C2089.5 38.3884 2091.43 -10.7997 1968.31 -101.454C1684.68 -310.293 1342.14 -417.868 1266.6 -416.348C1200.6 -415.017 1150.23 -401.177 1094.55 -320.922C1094.55 -320.922 938.608 -94.3084 917.466 -60.9637C913.35 -54.7362 911.235 -47.0681 909.631 -41.0791C883.553 56.2453 1181.49 478.295 1695.49 616.019" fill="url(#paint3_linear_19351_19504)"/>
+</g>
+<path d="M1695.48 616.017C1827.61 651.42 2026.25 675.359 2068.34 518.276C2071.63 506.017 2074.47 493.995 2074.74 481.25L2087.61 118.401C2089.5 38.3883 2091.43 -10.7998 1968.31 -101.454C1684.68 -310.293 1342.14 -417.868 1266.6 -416.348C1200.6 -415.017 1150.23 -401.177 1094.55 -320.922C1094.55 -320.922 938.608 -94.3084 917.466 -60.9637C913.35 -54.7362 911.235 -47.0681 909.631 -41.0791C883.553 56.2453 1181.49 478.295 1695.49 616.019" fill="url(#paint4_linear_19351_19504)"/>
+<g filter="url(#filter2_f_19351_19504)">
+<path d="M1018.65 1252.4L899.777 808.935C883.342 747.626 919.732 684.535 980.992 668.127L1981.4 400.183C2165.17 350.962 2354.4 460.323 2403.7 644.243L2522.58 1087.71C2539.02 1149.02 2502.63 1212.11 2441.37 1228.52L1440.96 1496.46C1257.19 1545.68 1067.96 1436.32 1018.65 1252.4Z" fill="url(#paint5_linear_19351_19504)"/>
+</g>
+<path d="M1018.65 1252.4L899.777 808.935C883.342 747.626 919.732 684.535 980.992 668.127L1981.4 400.183C2165.17 350.962 2354.4 460.323 2403.7 644.243L2522.58 1087.71C2539.02 1149.02 2502.63 1212.11 2441.37 1228.52L1440.96 1496.46C1257.19 1545.68 1067.96 1436.32 1018.65 1252.4Z" fill="url(#paint6_linear_19351_19504)"/>
+<g filter="url(#filter3_f_19351_19504)">
+<path d="M782.287 -59.764C421.09 -246.933 -158.166 -246.234 -258.019 -53.8873C-271.175 -28.5469 -275.733 -4.57652 -273.796 18.0103C-267.733 233.992 242.437 497.887 646.906 497.887C936.866 497.887 1025.27 376.095 1036.3 269.541C1048.45 174.177 997.623 51.8132 782.287 -59.7708V-59.764Z" fill="url(#paint7_linear_19351_19504)"/>
+</g>
+<path opacity="0.5" d="M782.287 -59.764C421.09 -246.933 -158.166 -246.234 -258.019 -53.8873C-271.175 -28.5469 -275.733 -4.57652 -273.796 18.0103C-267.733 233.992 242.437 497.887 646.906 497.887C936.866 497.887 1025.27 376.095 1036.3 269.541C1048.45 174.177 997.623 51.8132 782.287 -59.7708V-59.764Z" fill="url(#paint8_linear_19351_19504)"/>
+</g>
+<defs>
+<filter id="filter0_f_19351_19504" x="68" y="186" width="1304.39" height="1170.08" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="50" result="effect1_foregroundBlur_19351_19504"/>
+</filter>
+<filter id="filter1_f_19351_19504" x="808.051" y="-516.364" width="1380.03" height="1258.52" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="50" result="effect1_foregroundBlur_19351_19504"/>
+</filter>
+<filter id="filter2_f_19351_19504" x="795.828" y="288.39" width="1830.7" height="1319.86" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="50" result="effect1_foregroundBlur_19351_19504"/>
+</filter>
+<filter id="filter3_f_19351_19504" x="-374.223" y="-299.155" width="1512.2" height="897.042" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="50" result="effect1_foregroundBlur_19351_19504"/>
+</filter>
+<linearGradient id="paint0_linear_19351_19504" x1="-755.182" y1="-589.97" x2="1214.13" y2="2824.34" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2F2F2"/>
+<stop offset="1" stop-color="#C7C7C7"/>
+</linearGradient>
+<linearGradient id="paint1_linear_19351_19504" x1="-309.347" y1="-279.398" x2="1466.54" y2="660.337" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#E0E0E0"/>
+</linearGradient>
+<linearGradient id="paint2_linear_19351_19504" x1="-108.5" y1="-30.0001" x2="1413.95" y2="737.918" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#E0E0E0"/>
+</linearGradient>
+<linearGradient id="paint3_linear_19351_19504" x1="2077.44" y1="-968.83" x2="949.169" y2="1496.83" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#E0E0E0"/>
+</linearGradient>
+<linearGradient id="paint4_linear_19351_19504" x1="1800.5" y1="-441.5" x2="901.694" y2="1476.92" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#E0E0E0"/>
+</linearGradient>
+<linearGradient id="paint5_linear_19351_19504" x1="755.202" y1="451.746" x2="1960.69" y2="1480.58" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2F2F2"/>
+<stop offset="1" stop-color="#E0E0E0"/>
+</linearGradient>
+<linearGradient id="paint6_linear_19351_19504" x1="755.202" y1="451.746" x2="1960.69" y2="1480.58" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#E0E0E0"/>
+</linearGradient>
+<linearGradient id="paint7_linear_19351_19504" x1="692.977" y1="483.708" x2="308.23" y2="-78.5936" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2F2F2"/>
+<stop offset="1" stop-color="#E0E0E0"/>
+</linearGradient>
+<linearGradient id="paint8_linear_19351_19504" x1="957.5" y1="429.373" x2="-60.5206" y2="-444.022" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#E0E0E0"/>
+</linearGradient>
+<clipPath id="clip0_19351_19504">
+<rect width="1851" height="1196" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/css/assets/images/PF-Bkg-Generic-Dark.svg

@@ -0,0 +1,76 @@
+<svg width="1851" height="1196" viewBox="0 0 1851 1196" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_19356_19698)">
+<rect width="1851" height="1196" fill="url(#paint0_linear_19356_19698)"/>
+<g style="mix-blend-mode:difference">
+<g filter="url(#filter0_f_19356_19698)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1102.43 904.428L749.184 292.595L137.351 645.837L175.198 711.39C349.386 1013.09 735.17 1116.46 1036.87 942.275L1102.43 904.428Z" fill="url(#paint1_linear_19356_19698)"/>
+</g>
+<g filter="url(#filter1_f_19356_19698)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M844.186 1868.49L1456.02 1515.25L1102.78 903.416L1037.22 941.264C735.521 1115.45 632.151 1501.24 806.338 1802.94L844.186 1868.49Z" fill="url(#paint2_linear_19356_19698)"/>
+</g>
+<g opacity="0.8" filter="url(#filter2_f_19356_19698)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1714.19 550.415L1102.36 903.656L1455.6 1515.49L1521.16 1477.64C1822.86 1303.45 1926.23 917.67 1752.04 615.968L1714.19 550.415Z" fill="url(#paint3_linear_19356_19698)"/>
+</g>
+<g opacity="0.8" filter="url(#filter3_f_19356_19698)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M749.355 292.244L1102.6 904.077L1714.43 550.835L1676.58 485.282C1502.4 183.58 1116.61 80.2092 814.909 254.397L749.355 292.244Z" fill="url(#paint4_linear_19356_19698)"/>
+</g>
+<g filter="url(#filter4_f_19356_19698)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M396.775 -319.413L750.017 292.42L138.184 645.662L100.337 580.109C-73.8506 278.407 29.5201 -107.378 331.222 -281.565L396.775 -319.413Z" fill="url(#paint5_linear_19356_19698)"/>
+</g>
+</g>
+</g>
+<defs>
+<filter id="filter0_f_19356_19698" x="87.3516" y="242.595" width="1065.07" height="834.295" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="25" result="effect1_foregroundBlur_19356_19698"/>
+</filter>
+<filter id="filter1_f_19356_19698" x="671.723" y="853.417" width="834.295" height="1065.07" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="25" result="effect1_foregroundBlur_19356_19698"/>
+</filter>
+<filter id="filter2_f_19356_19698" x="1052.36" y="500.415" width="834.297" height="1065.07" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="25" result="effect1_foregroundBlur_19356_19698"/>
+</filter>
+<filter id="filter3_f_19356_19698" x="699.355" y="119.782" width="1065.07" height="834.295" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="25" result="effect1_foregroundBlur_19356_19698"/>
+</filter>
+<filter id="filter4_f_19356_19698" x="-34.2773" y="-369.413" width="834.295" height="1065.07" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="25" result="effect1_foregroundBlur_19356_19698"/>
+</filter>
+<linearGradient id="paint0_linear_19356_19698" x1="-987" y1="-1903.5" x2="1298.49" y2="1588.73" gradientUnits="userSpaceOnUse">
+<stop stop-color="#151515"/>
+<stop offset="1"/>
+</linearGradient>
+<linearGradient id="paint1_linear_19356_19698" x1="893.4" y1="1163.5" x2="743.275" y2="181.956" gradientUnits="userSpaceOnUse">
+<stop stop-color="#032142"/>
+<stop offset="1"/>
+</linearGradient>
+<linearGradient id="paint2_linear_19356_19698" x1="181.267" y1="1315.57" x2="1969.33" y2="1513.1" gradientUnits="userSpaceOnUse">
+<stop/>
+<stop offset="1" stop-color="#032142"/>
+</linearGradient>
+<linearGradient id="paint3_linear_19356_19698" x1="777.286" y1="915.285" x2="2323.4" y2="1237.44" gradientUnits="userSpaceOnUse">
+<stop/>
+<stop offset="1" stop-color="#032142"/>
+</linearGradient>
+<linearGradient id="paint4_linear_19356_19698" x1="1045.59" y1="973" x2="1170.3" y2="-155.867" gradientUnits="userSpaceOnUse">
+<stop/>
+<stop offset="1" stop-color="#032142"/>
+</linearGradient>
+<linearGradient id="paint5_linear_19356_19698" x1="911.549" y1="-728.183" x2="-1251.36" y2="1971.96" gradientUnits="userSpaceOnUse">
+<stop/>
+<stop offset="1" stop-color="#032142"/>
+</linearGradient>
+<clipPath id="clip0_19356_19698">
+<rect width="1851" height="1196" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/css/assets/images/PF-Bkg-Generic-Light.svg

@@ -0,0 +1,74 @@
+<svg width="1851" height="1196" viewBox="0 0 1851 1196" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_19356_19682)">
+<rect width="1851" height="1196" fill="url(#paint0_linear_19356_19682)"/>
+<g filter="url(#filter0_f_19356_19682)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1102.43 904.428L749.184 292.595L137.351 645.837L175.198 711.391C349.386 1013.09 735.17 1116.46 1036.87 942.276L1102.43 904.428Z" fill="url(#paint1_linear_19356_19682)"/>
+</g>
+<g filter="url(#filter1_f_19356_19682)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M844.186 1868.49L1456.02 1515.25L1102.78 903.417L1037.22 941.264C735.521 1115.45 632.151 1501.24 806.338 1802.94L844.186 1868.49Z" fill="url(#paint2_linear_19356_19682)"/>
+</g>
+<g filter="url(#filter2_f_19356_19682)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1714.19 550.415L1102.36 903.657L1455.6 1515.49L1521.16 1477.64C1822.86 1303.45 1926.23 917.67 1752.04 615.969L1714.19 550.415Z" fill="url(#paint3_linear_19356_19682)"/>
+</g>
+<g filter="url(#filter3_f_19356_19682)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M749.357 292.245L1102.6 904.078L1714.43 550.836L1676.58 485.282C1502.4 183.58 1116.61 80.2097 814.911 254.397L749.357 292.245Z" fill="url(#paint4_linear_19356_19682)"/>
+</g>
+<g filter="url(#filter4_f_19356_19682)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M396.775 -319.412L750.017 292.421L138.184 645.663L100.337 580.109C-73.8506 278.407 29.5201 -107.377 331.222 -281.565L396.775 -319.412Z" fill="url(#paint5_linear_19356_19682)"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_f_19356_19682" x="112.752" y="267.995" width="1014.27" height="783.495" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="12.3" result="effect1_foregroundBlur_19356_19682"/>
+</filter>
+<filter id="filter1_f_19356_19682" x="697.123" y="878.817" width="783.495" height="1014.27" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="12.3" result="effect1_foregroundBlur_19356_19682"/>
+</filter>
+<filter id="filter2_f_19356_19682" x="1077.76" y="525.815" width="783.497" height="1014.27" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="12.3" result="effect1_foregroundBlur_19356_19682"/>
+</filter>
+<filter id="filter3_f_19356_19682" x="724.757" y="145.182" width="1014.27" height="783.495" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="12.3" result="effect1_foregroundBlur_19356_19682"/>
+</filter>
+<filter id="filter4_f_19356_19682" x="-8.87734" y="-344.012" width="783.495" height="1014.27" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="12.3" result="effect1_foregroundBlur_19356_19682"/>
+</filter>
+<linearGradient id="paint0_linear_19356_19682" x1="210.671" y1="-298.5" x2="1299.08" y2="1588.29" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B9DAFC"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+<linearGradient id="paint1_linear_19356_19682" x1="42.0705" y1="943.784" x2="1588.19" y2="1265.94" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B9DAFC"/>
+<stop offset="1" stop-color="#F2F2F2"/>
+</linearGradient>
+<linearGradient id="paint2_linear_19356_19682" x1="1781.09" y1="1503.62" x2="234.974" y2="1181.47" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B9DAFC"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+<linearGradient id="paint3_linear_19356_19682" x1="777.286" y1="915.285" x2="2323.4" y2="1237.44" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#B9DAFC"/>
+</linearGradient>
+<linearGradient id="paint4_linear_19356_19682" x1="1114.23" y1="1229.15" x2="1436.38" y2="-316.967" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#B9DAFC"/>
+</linearGradient>
+<linearGradient id="paint5_linear_19356_19682" x1="-167.485" y1="579.205" x2="326.579" y2="-920.851" gradientUnits="userSpaceOnUse">
+<stop stop-color="#B9DAFC"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+<clipPath id="clip0_19356_19682">
+<rect width="1851" height="1196" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/css/components/AboutModalBox/about-modal-box.css

@@ -17,31 +17,6 @@
   --pf-v6-c-about-modal-box__brand--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
   --pf-v6-c-about-modal-box__brand--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
   --pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
-  --pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
-  --pf-v6-c-about-modal-box__close--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
-  --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
-  --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
-  --pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
-  --pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
-  --pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
-  --pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
-  --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
-  --pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
-  --pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
-  --pf-v6-c-about-modal-box__header--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
-  --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-t--global--spacer--xl);
-  --pf-v6-c-about-modal-box__strapline--FontSize: var(--pf-t--global--font--size--body--sm);
-  --pf-v6-c-about-modal-box__strapline--Color: var(--pf-t--global--text--color--subtle);
-  --pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
-  --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-t--global--spacer--xl);
-  --pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-t--global--spacer--xl);
-  --pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-t--global--spacer--xl);
-  --pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-t--global--spacer--xl);
-  --pf-v6-c-about-modal-box__content--sm--MarginBlockStart: var(--pf-t--global--spacer--2xl);
-  --pf-v6-c-about-modal-box__content--sm--MarginInlineEnd: var(--pf-t--global--spacer--3xl);
-  --pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
-  --pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
 }
 @media screen and (min-width: 36rem) {
   .pf-v6-c-about-modal-box {
@@ -50,6 +25,14 @@
     --pf-v6-c-about-modal-box__brand--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd);
   }
 }
+.pf-v6-c-about-modal-box {
+  --pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
+  --pf-v6-c-about-modal-box__close--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
+  --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
+  --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
+  --pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
+  --pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
+}
 @media only screen and (min-width: 36rem) {
   .pf-v6-c-about-modal-box {
     --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd);
@@ -60,17 +43,42 @@
     --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd);
   }
 }
+.pf-v6-c-about-modal-box {
+  --pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
+  --pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
+  --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
+  --pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
+  --pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
+  --pf-v6-c-about-modal-box__header--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
+}
 @media only screen and (min-width: 36rem) {
   .pf-v6-c-about-modal-box {
     --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd);
     --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart);
   }
 }
+.pf-v6-c-about-modal-box {
+  --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-t--global--spacer--xl);
+  --pf-v6-c-about-modal-box__strapline--FontSize: var(--pf-t--global--font--size--body--sm);
+  --pf-v6-c-about-modal-box__strapline--Color: var(--pf-t--global--text--color--subtle);
+  --pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
+}
 @media only screen and (min-width: 36rem) {
   .pf-v6-c-about-modal-box {
     --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart);
   }
 }
+.pf-v6-c-about-modal-box {
+  --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-t--global--spacer--xl);
+  --pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-t--global--spacer--xl);
+  --pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-t--global--spacer--xl);
+  --pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-t--global--spacer--xl);
+  --pf-v6-c-about-modal-box__content--sm--MarginBlockStart: var(--pf-t--global--spacer--2xl);
+  --pf-v6-c-about-modal-box__content--sm--MarginInlineEnd: var(--pf-t--global--spacer--3xl);
+  --pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
+  --pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
+}
 @media only screen and (min-width: 36rem) {
   .pf-v6-c-about-modal-box {
     --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockStart);
@@ -94,7 +102,6 @@
   background-repeat: no-repeat;
   background-position: var(--pf-v6-c-about-modal-box--BackgroundPosition);
   background-size: var(--pf-v6-c-about-modal-box--BackgroundSize);
-  --pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
 }
 @media only screen and (min-width: 36rem) {
   .pf-v6-c-about-modal-box {
@@ -110,6 +117,9 @@
     grid-template-columns: var(--pf-v6-c-about-modal-box--lg--GridTemplateColumns);
   }
 }
+.pf-v6-c-about-modal-box {
+  --pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
+}
 :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-about-modal-box {
   --pf-v6-c-about-modal-box--BackgroundPosition: bottom left;
 }