@patternfly/patternfly 6.0.0-alpha.99 → 6.0.0-prerelease.10

package/docs/utilities/Text/examples/Text.md

@@ -1,55 +1,47 @@
 ---
 id: Text
 section: utility-classes
----import './Text.css'
-
-## Examples
+---## Examples
 
 ### Font family
 
 ```html
-<div class="pf-v5-u-font-family-text">Text</div>
-<div class="pf-v5-u-font-family-heading">Heading</div>
-<div class="pf-v5-u-font-family-monospace">Monospace</div>
-<div class="pf-v5-u-font-family-text-vf">Variable font text</div>
-<div class="pf-v5-u-font-family-heading-vf">Variable font heading</div>
-<div class="pf-v5-u-font-family-monospace-vf">Variable font monospace</div>
+<div class="pf-v6-u-font-family-text">Text</div>
+<div class="pf-v6-u-font-family-heading">Heading</div>
+<div class="pf-v6-u-font-family-monospace">Monospace</div>
 
 ```
 
 ### Font size
 
 ```html
-<div class="pf-v5-u-font-size-xs">Extra small text</div>
-<div class="pf-v5-u-font-size-sm">Small text</div>
-<div class="pf-v5-u-font-size-md">Medium text</div>
-<div class="pf-v5-u-font-size-lg">Large text</div>
-<div class="pf-v5-u-font-size-xl">Extra large text</div>
-<div class="pf-v5-u-font-size-2xl">2xl text</div>
-<div class="pf-v5-u-font-size-3xl">3xl text</div>
-<div class="pf-v5-u-font-size-4xl">4xl text</div>
+<div class="pf-v6-u-font-size-xs">Extra small text</div>
+<div class="pf-v6-u-font-size-sm">Small text</div>
+<div class="pf-v6-u-font-size-md">Medium text</div>
+<div class="pf-v6-u-font-size-lg">Large text</div>
+<div class="pf-v6-u-font-size-xl">Extra large text</div>
+<div class="pf-v6-u-font-size-2xl">2xl text</div>
+<div class="pf-v6-u-font-size-3xl">3xl text</div>
+<div class="pf-v6-u-font-size-4xl">4xl text</div>
 
 ```
 
 ### Font weight
 
 ```html
-<div class="pf-v5-u-font-weight-light">Light</div>
-<div class="pf-v5-u-font-weight-normal">Normal</div>
-<div class="pf-v5-u-font-weight-bold">Bold</div>
+<div class="pf-v6-u-font-weight-normal">Normal</div>
+<div class="pf-v6-u-font-weight-bold">Bold</div>
 
 ```
 
-### Standard colors
+### Standard text colors
 
 ```html
-<div class="pf-v5-u-color-100">Font color 100</div>
-<div class="pf-v5-u-color-200">Font color 200</div>
-<div class="pf-v5-u-color-300">Font color 300</div>
-<div class="pf-v5-u-color-400">Font color 400</div>
-<div class="pf-v5-u-active-color-100">Active color 100</div>
-<div class="pf-v5-u-active-color-400">Active color 400</div>
-<div class="pf-v5-u-primary-color-100">Primary color 100</div>
+<div class="pf-v6-u-text-color-regular">Regular text color</div>
+<div class="pf-v6-u-text-color-brand">Brand font color</div>
+<div class="pf-v6-u-text-color-placeholder">Placeholder text color</div>
+<div class="pf-v6-u-text-color-required">Required text color</div>
+<div class="pf-v6-u-text-color-subtle">Subtle text color</div>
 
 ```
 
@@ -58,9 +50,11 @@ section: utility-classes
 These colors are best used with the ["inverse" background colors](/utility-classes/background-color#inverse-background-colors).
 
 ```html
-<div class="pf-v5-u-background-color-dark-400">
-  <div class="pf-v5-u-color-light-100">Font color light 100</div>
-  <div class="pf-v5-u-color-light-200">Font color light 200</div>
+<div class="pf-v6-u-background-color-inverse">
+  <div class="pf-v6-u-text-color-inverse">Inverse text color</div>
+  <div class="pf-v6-u-icon-color-inverse">
+    <i class="fas fa-thumbtack" aria-hidden="true"></i>
+  </div>
 </div>
 
 ```
@@ -68,51 +62,67 @@ These colors are best used with the ["inverse" background colors](/utility-class
 ### Link colors
 
 ```html
-<div class="pf-v5-u-link-color">Link color</div>
-<div class="pf-v5-u-link-color-hover">Hover link color</div>
-<div class="pf-v5-u-background-color-dark-400">
-  <div class="pf-v5-u-link-color-light">Light link color</div>
-  <div class="pf-v5-u-link-color-light-hover">Light hover link color</div>
-</div>
-<div class="pf-v5-u-link-color-dark">Dark link color</div>
-<div class="pf-v5-u-link-color-dark-hover">Dark hover link color</div>
-<div class="pf-v5-u-link-color-visited">Visited link color</div>
+<div class="pf-v6-u-text-color-link">Link text color</div>
+<div class="pf-v6-u-text-color-link-hover">Hover link text color</div>
+<div class="pf-v6-u-text-color-link-visited">Visited link text color</div>
 
 ```
 
 ### Status and state text colors
 
 ```html
-<div class="pf-v5-u-custom-color-100">Font color custom 100</div>
-<div class="pf-v5-u-custom-color-200">Font color custom 200</div>
-<div class="pf-v5-u-custom-color-300">Font color custom 300</div>
-<div class="pf-v5-u-success-color-100">Font color success 100</div>
-<div class="pf-v5-u-success-color-200">Font color success 200</div>
-<div class="pf-v5-u-info-color-100">Font color info 100</div>
-<div class="pf-v5-u-info-color-200">Font color info 200</div>
-<div class="pf-v5-u-warning-color-100">Font color warning 100</div>
-<div class="pf-v5-u-warning-color-200">Font color warning 200</div>
-<div class="pf-v5-u-danger-color-100">Font color danger 100</div>
-<div class="pf-v5-u-danger-color-200">Font color danger 200</div>
-<div class="pf-v5-u-danger-color-300">Font color danger 300</div>
+<div class="pf-v6-u-text-color-status-success">Success status text color</div>
+<div class="pf-v6-u-text-color-status-warning">Warning status text color</div>
+<div class="pf-v6-u-text-color-status-danger">Danger status text color</div>
+<div class="pf-v6-u-text-color-status-info">Info status text color</div>
+<div class="pf-v6-u-text-color-status-custom">Custom status text color</div>
 
 ```
 
 ### Disabled text colors
 
 ```html
-<div class="pf-v5-u-disabled-color-100">Font color disabled 100</div>
-<div class="pf-v5-u-disabled-color-200">Font color disabled 200</div>
+<div class="pf-v6-u-text-color-disabled">Disabled text color</div>
+<div class="pf-v6-u-background-color-disabled">
+  <div
+    class="pf-v6-u-text-color-on-disabled"
+  >Disabled text color on disabled background</div>
+</div>
 
 ```
 
 ### Icon colors
 
 ```html
-<div class="pf-v5-u-icon-color-dark">
+<div class="pf-v6-u-icon-color-regular">
+  <i class="fas fa-thumbtack" aria-hidden="true"></i>
+</div>
+<div class="pf-v6-u-icon-color-disabled">
+  <i class="fas fa-thumbtack" aria-hidden="true"></i>
+</div>
+<div class="pf-v6-u-icon-color-subtle">
+  <i class="fas fa-thumbtack" aria-hidden="true"></i>
+</div>
+<div class="pf-v6-u-icon-color-brand">
+  <i class="fas fa-thumbtack" aria-hidden="true"></i>
+</div>
+<div class="pf-v6-u-icon-color-favorite">
+  <i class="fas fa-thumbtack" aria-hidden="true"></i>
+</div>
+<br />
+<div class="pf-v6-u-icon-color-status-success">
+  <i class="fas fa-thumbtack" aria-hidden="true"></i>
+</div>
+<div class="pf-v6-u-icon-color-status-warning">
+  <i class="fas fa-thumbtack" aria-hidden="true"></i>
+</div>
+<div class="pf-v6-u-icon-color-status-danger">
+  <i class="fas fa-thumbtack" aria-hidden="true"></i>
+</div>
+<div class="pf-v6-u-icon-color-status-info">
   <i class="fas fa-thumbtack" aria-hidden="true"></i>
 </div>
-<div class="pf-v5-u-icon-color-light">
+<div class="pf-v6-u-icon-color-status-custom">
   <i class="fas fa-thumbtack" aria-hidden="true"></i>
 </div>
 
@@ -124,14 +134,14 @@ These colors are best used with the ["inverse" background colors](/utility-class
 <h4>
   <strong>Breakword</strong>
 </h4>
-<div class="pf-v5-u-text-break-word">
+<div class="pf-v6-u-text-break-word">
   <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus pretium est a porttitor vehicula. Quisque vel commodo urna. Morbi mattis rutrum ante, id vehicula ex accumsan ut.</p>
   <br />
 </div>
 <h4>
   <strong>No Wrap</strong>
 </h4>
-<div class="pf-v5-u-text-nowrap">
+<div class="pf-v6-u-text-nowrap">
   <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus pretium est a porttitor vehicula.</p>
   <br />
 </div>
@@ -168,26 +178,17 @@ Care should be taken especially when applying text colors, as this can have a ne
 | Class | Applied to | Outcome |
 | - | - | - |
 | `.pf-v6-u-font-size-{xs, sm, md, lg, xl, 2xl, 3xl, 4xl}{-on-[breakpoint]}`| `*` | Sets font-size to xs, sm, md, lg, xl, 2xl, 3xl, or 4xl |
-| `.pf-v6-u-font-family-{text, heading, monospace, text-vf, heading-vf, monospace-vf}` | `*` | Sets font-family to text, heading, or monospace, or the variable font variation of that font family |
+| `.pf-v6-u-font-family-{text, heading, monospace}` | `*` | Sets font-family to text, heading, or monospace |
 | `.pf-v6-u-font-weight-{normal, bold}{-on-[breakpoint]}` | `*` | Sets font-weight to light, normal, or bold |
-| `.pf-v6-u-color-{100, 200, 300, 400}{-on-[breakpoint]}` | `*` | Sets font-color to color 100, 200, 300, or 400 |
-| `.pf-v6-u-active-color-{100, 400}{-on-[breakpoint]}` | `*` | Sets font-color to active color 100 or 400 |
-| `.pf-v6-u-primary-color-100{-on-[breakpoint]}` | `*` | Sets font-color to primary color 100 |
-| `.pf-v6-u-color-light-{100, 200}{-on-[breakpoint]}` | `*` | Sets font-color to light color 100 or 200 |
-| `.pf-v6-u-link-color{-on-[breakpoint]}` | `*` | Sets font-color to link color |
-| `.pf-v6-u-link-color-hover{-on-[breakpoint]}` | `*` | Sets font-color to hover link color |
-| `.pf-v6-u-link-color-light{-on-[breakpoint]}` | `*` | Sets font-color to light link color |
-| `.pf-v6-u-link-color-light-hover{-on-[breakpoint]}` | `*` | Sets font-color to light hover link color |
-| `.pf-v6-u-link-color-dark{-on-[breakpoint]}` | `*` | Sets font-color to dark link color |
-| `.pf-v6-u-link-color-dark-hover{-on-[breakpoint]}` | `*` | Sets font-color to dark hover link color |
-| `.pf-v6-u-link-color-visited{-on-[breakpoint]}` | `*` | Sets font-color to visited link color |
-| `.pf-v6-u-custom-color-{100, 200, 300}{-on-[breakpoint]}` | `*` | Sets font-color to custom color 100, 200, or 300 |
-| `.pf-v6-u-success-color-{100, 200}{-on-[breakpoint]}` | `*` | Sets font-color to success color 100 or 200 |
-| `.pf-v6-u-info-color-{100, 200}{-on-[breakpoint]}` | `*` | Sets font-color to info color 100 or 200 |
-| `.pf-v6-u-warning-color-{100, 200}{-on-[breakpoint]}` | `*` | Sets font-color to warning color 100 or 200 |
-| `.pf-v6-u-danger-color-{100, 200, 300}{-on-[breakpoint]}` | `*` | Sets font-color to danger color 100, 200, or 300 |
-| `.pf-v6-u-disabled-color-{100, 200}{-on-[breakpoint]}` | `*` | Sets font-color to disabled color 100 or 200 |
-| `.pf-v6-u-icon-color-{light, dark}{-on-[breakpoint]}` | `*` | Sets font-color to light or dark icon color |
+| `.pf-v6-u-text-color-{regular, brand, placeholder, requried, subtle}{-on-[breakpoint]}` | `*` | Sets font-color |
+| `.pf-v6-u-text-color-link{-on-[breakpoint]}` | `*` | Sets font-color to link color |
+| `.pf-v6-u-text-color-link-hover{-on-[breakpoint]}` | `*` | Sets font-color to hover link color |
+| `.pf-v6-u-text-color-link-visited{-on-[breakpoint]}` | `*` | Sets font-color to visited link color |
+| `.pf-v6-u-text-color-status-{success, warning, danger, info, custom}{-on-[breakpoint]}` | `*` | Sets font-color to status color |
+| `.pf-v6-u-text-color-disabled{-on-[breakpoint]}` | `*` | Sets font-color to disabled text color |
+| `.pf-v6-u-text-color-on-disabled{-on-[breakpoint]}` | `*` | Sets font-color to text color on disabled background |
+| `.pf-v6-u-icon-color-{regular, brand, placeholder, requried, subtle}{-on-[breakpoint]}` | `*` | Sets font-color for icons |
+| `.pf-v6-u-icon-color-status-{success, warning, danger, info, custom}{-on-[breakpoint]}` | `*` | Sets font-color to icon status color |
 | `.pf-v6-u-text-break-word{-on-[breakpoint]}` | `*` | Sets word-break to break-word |
 | `.pf-v6-u-text-nowrap{-on-[breakpoint]}` | `*` | Sets white-space to nowrap |
 | `.pf-v6-u-text-wrap{-on-[breakpoint]}` | `*` | Sets white-space to normal |

package/icons/pficons.mjs

@@ -110,6 +110,12 @@ export const pfIcons = {
   "service-catalog": { "width": 1088, "height": 1024, "svgPathData": "M544,403.2 C604.1,403.2 652.8,451.9 652.8,512 C652.8,572.1 604.1,620.8 544,620.8 C483.9,620.8 435.2,572.1 435.2,512 C435.2,451.9 483.9,403.2 544,403.2 L544,403.2 Z M504.1,785.8 C498.1,785.8 492.2,781.1 491.3,775.1 L484.3,683.8 C473,680.4 472.1,680.8 461.9,675.7 L398.7,734.6 C396.6,736.7 393.2,737.6 390.2,737.6 C386.8,737.6 383.8,736.3 381.2,734.2 C370.1,724 319.5,678.1 319.5,665.7 C319.5,662.7 320.8,660.2 322.5,657.6 C334.9,641.4 366.2,605.8 378.6,589.1 C372.6,577.4 373.5,581.2 369.6,569.3 L280,563.5 C274,562.6 269.8,557.1 269.8,551.1 L269.8,472.2 C269.8,466.7 274.1,460.3 279.6,459.4 L368.3,455.1 C371.7,443.8 370.9,438.9 376.4,428.2 C364.5,411.1 334.8,383.4 321.1,367.2 C319.4,364.6 318.1,361.7 318.1,358.7 C318.1,355.7 319,352.7 321.1,350.2 C329.6,338.7 377.6,286.8 390,286.8 C393.4,286.8 396.4,288.1 399,289.8 L464.9,347.6 C475.8,342.1 474.7,341.2 486.2,337.4 C488.3,315.9 485.6,269.6 491.1,248.7 C492.8,242.7 497.9,238.5 503.9,238.5 L511.9,238.5 L511.9,160 C400.6,88.3 212.9,32 128,32 L128,800 C189.3,783.2 352,760.5 512,864 L512,785.7 L504.1,785.8 Z M1024,96 L1024,928 C1024,928 863,728.7 576,925.4 L576,992 C576,992 863.1,804.7 985.7,989.9 C985.7,989.9 1088,992 1088,928 L1088,162.8 C1088,162.8 1088,96 1024,96 L1024,96 Z M584,238.2 C590,238.2 595.1,242.4 596.8,248.4 C602.3,269.3 599.6,315.6 601.7,337.1 C613.2,340.9 612.1,341.8 623,347.3 L688.9,289.7 C691.5,288 694.5,286.7 697.9,286.7 C710.3,286.7 758.3,338.6 766.8,350.1 C768.9,352.6 769.8,355.6 769.8,358.6 C769.8,361.6 768.5,364.5 766.8,367.1 C753.1,383.3 723.4,411 711.5,428.1 C717,438.8 716.2,443.7 719.6,455 L808.3,459.3 C813.8,460.2 818.1,466.6 818.1,472.1 L818.1,551 C818.1,557 813.9,562.5 807.9,563.4 L718.3,569.2 C714.4,581.1 715.3,577.3 709.3,589 C721.7,605.7 753,641.3 765.4,657.5 C767.1,660.1 768.4,662.6 768.4,665.6 C768.4,678 717.8,723.9 706.7,734.1 C704.1,736.2 701.1,737.5 697.7,737.5 C694.7,737.5 691.3,736.6 689.2,734.5 L626.1,675.6 C615.9,680.7 615,680.3 603.7,683.7 L596.7,775 C595.8,781 589.9,785.7 583.9,785.7 L575.9,785.7 L575.9,864 C737.9,760.5 898.7,783.1 959.9,800 L959.9,32 C874.5,32 687.2,88.6 575.9,160 L575.9,238.3 L584,238.2 Z M64,928 L64,96 C0,96 0,162.8 0,162.8 L0,928 C0,992 102.5,989.9 102.5,989.9 C227.9,805.8 512,992 512,992 L512,925.4 C226,728.7 64,927.9 64,928 L64,928 Z M544.1,511.9 C543.9,512.2 543.9,512.2 544.1,511.9 L544.1,511.9 Z M543.9,512.3 L543.9,511.7 C544.1,511.9 544.1,512.1 543.9,512.3 L543.9,512.3 Z" },
   "service": { "width": 1304, "height": 1024, "svgPathData": "M1298.8,371.8 L1178.8,250.1 C1168.7,240 1151.5,247.2 1151.5,261.4 L1151.5,319.3 L1012.6,319.4 C940.6,168.4 786.5,64 608,64 C360.6,64 160,264.6 160,512 C160,533.6 161.5,554.9 164.5,575.7 L16,575.7 C7.2,575.7 0,582.9 0,591.7 L0,687.7 C0,696.5 7.2,703.7 16,703.7 L203,703.7 C274.8,855.2 429.2,960 608,960 C855.4,960 1056,759.4 1056,512 C1056,490.1 1054.4,468.6 1051.4,447.5 L1151.6,447.5 L1151.6,505.3 C1151.6,519.6 1168.9,526.7 1178.9,516.6 L1298.8,394.5 C1301.8,391.4 1304,388.2 1304,383.4 C1304,378.6 1302,375 1298.8,371.8 Z M961.8,661.5 C942.5,707.2 914.8,748.3 879.5,783.6 C844.2,818.9 803.1,846.6 757.4,865.9 C710.1,885.9 659.8,896.1 607.9,896.1 C556,896.1 505.7,886 458.4,865.9 C412.7,846.6 371.6,818.9 336.3,783.6 C312.3,759.6 291.7,732.8 275,703.7 L575.8,703.7 L575.8,761.5 C575.8,775.8 593.1,782.9 603.1,772.8 L725,650.7 C731.3,644.5 731.2,634.3 725,628.1 L603.3,506.5 C593.2,496.4 576,503.6 576,517.8 L576,575.7 L229.2,575.7 C225.7,554.8 224,533.6 224,512 C224,460.1 234.1,409.8 254.2,362.5 C273.5,316.8 301.2,275.7 336.5,240.4 C371.8,205.1 412.9,177.4 458.6,158.1 C505.8,138.1 556.1,128 608,128 C659.9,128 710.2,138.1 757.5,158.2 C803.2,177.5 844.3,205.2 879.6,240.5 C903.4,264.3 923.7,290.7 940.4,319.5 L656,319.6 C647.2,319.6 640,326.8 640,335.6 L640,431.5 C640,440.3 647.2,447.5 656,447.5 L986.6,447.5 C990.2,468.7 992,490.2 992,512 C992,563.9 981.9,614.2 961.8,661.5 Z" },
   "services": { "width": 896, "height": 1024, "svgPathData": "M222.7,336.5 C178.5,336.5 142.7,372.4 142.7,416.5 C142.7,460.6 178.6,496.5 222.7,496.5 C266.8,496.5 302.7,460.6 302.7,416.5 C302.7,372.4 266.9,336.5 222.7,336.5 Z M222.7,448.5 C205.1,448.5 190.7,434.1 190.7,416.5 C190.7,398.9 205.1,384.5 222.7,384.5 C240.3,384.5 254.7,398.9 254.7,416.5 C254.7,434.1 240.3,448.5 222.7,448.5 Z M192,32 C121.3,32 64,89.4 64,160.1 C64,230.8 121.3,288 192,288 C262.7,288 320,230.7 320,160.1 C320,89.5 262.7,32 192,32 Z M192,208.1 C165.5,208.1 144,186.6 144,160.1 C144,133.6 165.5,112 192,112 C218.5,112 240,133.5 240,160 C240,186.5 218.5,208.1 192,208.1 Z M884.9,234 L788.9,226.1 C784.9,213.5 786.8,217.2 781,204.8 C793.6,187.3 827.2,152.8 840.2,135.3 C842,132.7 843.3,129.9 843.3,126.8 C843.3,114.2 790.1,65.6 778.5,54.8 C775.9,52.5 772.7,51.2 769.1,51.2 C766,51.2 762.8,52.1 760.2,54.3 L693.4,112.6 C682.6,107.2 681,107.2 669.2,103.7 L663.1,11.5 C662.5,4.9 656.2,0 649.9,0 L566.3,0 C560,0 554.6,4.5 552.9,10.8 C547.1,32.8 550,81.5 547.7,104.1 C535.6,108.1 536.7,109 525.2,114.9 L455.9,54.1 C453.3,52.3 450.1,51 446.5,51 C433.4,51 383,105.5 374.1,117.6 C371.8,120.2 371,123.4 371,126.5 C371,129.6 372.4,132.8 374.1,135.4 C388.4,152.5 419.6,181.6 432.2,199.6 C426.4,210.8 427.3,216 423.7,227.9 L330.4,232.4 C324.6,233.3 320.1,240.1 320.1,245.8 L320,329.1 C320,335.4 324.5,341.2 330.8,342.2 L425,348.3 C429,360.9 428.1,356.8 434.4,369.2 C421.3,386.7 388.4,424.2 375.4,441.2 C373.6,443.8 372.3,446.6 372.3,449.7 C372.3,462.8 425.5,510.9 437.1,521.7 C439.7,524 442.9,525.3 446.5,525.3 C449.6,525.3 453.3,524.4 455.4,522.2 L521.7,460.3 C532.5,465.7 533.4,465.2 545.3,468.8 L552.7,564.8 C553.6,571.1 559.9,576 566.1,576 L649.7,576 C656,576 661.4,571.5 663.1,565.2 C668.9,543.2 664.7,491.9 666.9,468.7 C679,465.1 677.9,464.5 689.4,458.6 L760.1,521.8 C762.7,523.6 765.9,524.9 769.5,524.9 C782.6,524.9 833,469.9 841.9,457.9 C844.2,455.6 845,452.5 845,449.4 C845,445.8 843.6,443.1 841.9,440.5 C827.6,423.4 789.9,391.6 777.3,373.7 C783.1,362.5 782,362.7 785.6,350.8 L885.6,343.4 C891.4,342.5 895.9,335.7 895.9,330 L895.9,246.8 C895.7,241.2 891.2,235.3 884.9,234 Z M606.3,401.3 C544.4,401.3 493.7,350.9 493.7,288.7 C493.7,226.5 544.2,176.1 606.3,176.1 C668.4,176.1 718.9,226.5 718.9,288.7 C718.9,350.9 668.5,401.3 606.3,401.3 Z M863.7,640 C813.2,589.5 767.7,640 767.7,640 L575.7,832 L381.7,832 C381.7,832 349.7,832 349.7,800 C349.7,768 383.7,768 383.7,768 L543.7,768 C543.7,768 575.7,768 575.7,736 C575.7,704 543.7,704 543.7,704 L192.7,703.5 C172.4,703 133.7,707 96.7,748 L9.09494702e-13,850 L191.7,1024 L255.7,960 L626.4,960 C634.9,960 643.1,956.6 649.1,950.6 L703.7,896 L863.7,736 C863.7,736 914.2,690.5 863.7,640 L863.7,640 Z" },
+  "severity-critical": { "width": 1024, "height": 1024, "svgPathData": "M0,963.4c0,23.2,10.8,40.4,30.7,51.6,20.8,11.7,42.1,12.5,63.1-.5l378.6-235.6c26.5-16.7,51.7-16.4,78.7.5,123.5,77.3,247.6,153.5,371.2,230.7,22.9,14.3,44.9,18.7,69.3,5.3,24.5-13.5,32.5-35,32.3-61.5-.4-49.4,0-41.9,0-91.4s-.3-476.6,0-526.5c.2-27.6-11.5-47.8-35.1-61.9C841.8,186.5,694.7,98.6,547.8,10.8c-24.5-14.6-48.1-14.4-72.4.2C327.5,99.4,179.5,187.8,31.7,276.2,10.6,288.8,0,307.7,0,332.3v631.1H0Z" },
+  "severity-important": { "width": 1024, "height": 1024, "svgPathData": "M0,587.2c0,23.2,10.8,40.4,30.7,51.6,20.8,11.7,42.1,12.5,63.1-.5l378.4-235.4c26.5-16.7,51.7-16.4,78.7.5,123.4,77.2,247.5,153.4,371,230.5,22.9,14.3,44.9,18.7,69.3,5.3,24.5-13.5,32.5-35,32.3-61.4-.4-49.4,0-41.9,0-91.3s-.3-99.9,0-149.8c.2-27.6-11.5-47.8-35.1-61.8C841.4,187.2,694.4,99.5,547.5,11.7c-24.5-14.6-48.1-14.4-72.4.2C327.3,100.3,179.4,188.5,31.7,276.8c-21.1,12.6-31.7,31.5-31.7,56.1v254.3ZM1023.8,857.8c0,1.9,0-.6.2-10.3,0-2.1,0-4.1-.2-6.1v-35.1c0-29.9,0,8.8,0,33.8-1.8-23.9-13.4-41.7-34.9-54.4-147-87.7-294-175.4-441-263.3-24.5-14.6-48.1-14.4-72.4.2-147.7,88.4-295.6,176.6-443.4,265-21.1,12.6-31.7,31.4-31.7,56.1v120.3c0,23.2,10.8,40.4,30.7,51.6,20.8,11.7,42.1,12.5,63.1-.5l378.4-235.4c26.5-16.7,51.7-16.4,78.7.5,123.4,77.2,247.5,153.4,371,230.5,22.9,14.3,44.9,18.7,69.3,5.3,24.5-13.5,32.5-35,32.3-61.4-.2-32.3-.2-64.6-.2-96.9h.2Z" },
+  "severity-minor": { "width": 1024, "height": 1024, "svgPathData": "M1023.9,538.3c0-49.4-.3-41.9,0-91.3.2-26.4-7.8-48-32.3-61.4-24.4-13.4-46.5-9-69.3,5.3-123.5,77.1-247.6,153.3-371,230.5-27,16.9-52.3,17.2-78.7.5L94.3,386.5c-20.9-13-42.2-12.2-63.1-.5-19.9,11.1-30.7,28.4-30.7,51.6v254.3c0,24.6,10.6,43.5,31.7,56.1,147.8,88.4,295.6,176.5,443.4,265,24.4,14.6,48,14.8,72.4.2,146.9-87.9,293.9-175.6,441-263.3,23.6-14.1,35.3-34.2,35.1-61.8-.4-49.9,0-99.9,0-149.8h0ZM1024.4,177.2c0-9.7,0-12.2-.2-10.3,0-32.3,0-64.6.2-96.9.2-26.4-7.8-48-32.3-61.4-24.4-13.4-46.5-9-69.3,5.3-123.5,77.1-247.6,153.3-371,230.5-27,16.9-52.3,17.2-78.7.5L94.7,9.7c-20.9-13-42.2-12.2-63.1-.5C11.7,20.3.9,37.5.9,60.7v120.3c0,24.6,10.6,43.5,31.7,56.1,147.8,88.4,295.6,176.5,443.4,265,24.4,14.6,48,14.8,72.4.2,146.9-87.9,293.9-175.6,441-263.3,21.4-12.8,33.1-30.6,34.9-54.4,0,25.1,0,63.7,0,33.8v-35.1c0-2,.2-4,.2-6.1h-.2Z" },
+  "severity-moderate": { "width": 1024, "height": 1024, "svgPathData": "M.8,403.4c.2,25.2,0,28.2-.1,39.9,0-10.5,0-23.3.1-39.9ZM1023.2,389.4c0,1.7,0,3.4,0,5.2v8.7-13.9h0ZM1023.5,475h0v-32.2c0,6.4.2,15.3.2,32.2h-.2ZM1023.9,577.1c0,31.9-31.9,62.8-63.9,62.8H63.9C31.9,639.9,0,609,0,577.1c.4-62,.1-168.9.2-182.1,1.2-24.9,12.9-43.4,35-56.5,147.1-87.4,265.8-153.3,412.7-240.8,13.6-6.8,27.2-11.4,40.8-13.8,15.3-2.8,31.1-2.8,46.4,0,13.6,2.5,27.2,7.1,40.8,13.8,147,87.5,265.7,153.4,412.7,240.8,22.5,13.2,34.3,32.4,35,57.7,0,4.4-.2,131.6.2,180.8h0ZM.5,475c0-16.4,0-25.3.1-31.7v31.7h-.1ZM.7,394.6c0-1.8,0-3.5.1-5.2v13.8-8.6h-.1ZM1023.3,442.7c0-11.2-.3-14.6,0-39.3,0,16.3,0,29,0,39.3ZM63.9,752.1h896.1c35.3,0,64,28.3,64,63.3v63.3c0,34.9-28.6,63.3-64,63.3H63.9c-35.3.1-63.9-28.2-63.9-63.2v-63.3c0-34.9,28.6-63.3,64-63.3h0Z" },
+  "severity-none": { "width": 1024, "height": 1024, "svgPathData": "M64,128h896c35.3,0,64,28.7,64,64v64c0,35.3-28.7,64-64,64H64c-35.3,0-64-28.7-64-64v-64c0-35.3,28.7-64,64-64ZM64,448h896c35.3,0,64,28.7,64,64v256c0,35.3-28.7,64-64,64H64c-35.3,0-64-28.7-64-64v-256c0-35.3,28.7-64,64-64Z" },
+  "severity-undefined": { "width": 1024, "height": 1024, "svgPathData": "M640,384h320c35.3,0,64,28.7,64,64v64c0,35.3-28.7,64-64,64h-320c-35.3,0-64-28.7-64-64v-64c0-35.3,28.7-64,64-64ZM64,384h320c35.3,0,64,28.7,64,64v64c0,35.3-28.7,64-64,64H64c-35.3,0-64-28.7-64-64v-64c0-35.3,28.7-64,64-64Z" },
   "spinner": { "width": 1024, "height": 1024, "svgPathData": "M682.8,854.2 C675.8,857.7 668.7,861 661.4,864.1 C614.1,884.1 563.9,894.2 512,894.2 C460.1,894.2 409.8,884.1 362.6,864.1 C355.4,861.1 348.4,857.8 341.4,854.4 L265.4,959.1 C338.6,999.4 422.6,1022.3 512,1022.3 C601.5,1022.3 685.7,999.3 758.9,959 L682.8,854.2 Z M1015,414.3 L892,454.3 C894.7,472.7 896,491.3 896,510.2 C896,562.1 885.9,612.4 865.9,659.6 C847.1,704.1 820.3,744.2 786.3,778.8 L862.3,883.5 C961.8,790.1 1024,657.4 1024,510.2 C1024,477.4 1020.9,445.4 1015,414.3 L1015,414.3 Z M171.5,332.4 C189.5,297.9 212.6,266.5 240.5,238.6 C275.8,203.3 316.9,175.6 362.6,156.3 C389.8,144.8 418.1,136.5 447,131.6 L447,2.3 C270.2,24.7 121.5,137.3 48.5,292.5 L171.5,332.4 Z M575,131.3 C604.7,136.2 633.6,144.5 661.4,156.3 C707.1,175.6 748.2,203.3 783.5,238.6 C811.4,266.5 834.5,298 852.5,332.5 L975.5,292.5 C902.3,136.7 752.7,23.9 575,2 L575,131.3 Z M237.9,779.1 C203.8,744.4 177,704.2 158.2,659.7 C138.2,612.4 128.1,562.2 128.1,510.3 C128.1,491.4 129.5,472.7 132.1,454.3 L9,414.2 C3.1,445.3 0,477.4 0,510.2 C0,657.5 62.2,790.3 161.8,883.7 L237.9,779.1 Z" },
   "spinner2": { "width": 1024, "height": 1024, "svgPathData": "M515.8,0 C655.3,0 781.6,58.4 873.4,150.2 L968.9,54.7 C989,34.5 1024,48.8 1024,77.3 L1024,352 C1024,369.7 1009.2,384.1 991.5,384 L716.8,384 C688.3,384 674,349.5 694.2,329.3 L783,240.5 C713.5,171.1 617.8,128 512,128 C300.4,128 128,300.2 128,512 C128,723.8 300.2,895.1 511.9,895 C606.9,895 693.9,861.2 761,803.9 C773.7,793.1 792.6,793.8 804.4,805.6 L849.6,850.9 C862.6,864 861.9,885.4 848,897.6 C758,976.3 640.3,1024 511.7,1024 C229.1,1024 0,797 0,510.7 C0,226.2 235,0 515.8,0" },
   "storage-domain": { "width": 1088, "height": 1024, "svgPathData": "M0,640 L0,544 C0,544 0,525.6 14.5,544 C44.3,581.9 135.8,640 416,640 C427.2,640 438.2,639.9 448.8,639.7 C454.3,639.6 458.2,644.9 456.5,650.1 C455.7,652.5 455,654.9 454.3,657.3 C444.8,690.5 441.3,724.7 443.9,759.1 C444.3,763.7 440.7,767.7 436,767.8 C429.3,767.900131 422.6,767.900131 415.8,767.900131 C186.2,768 0,710.7 0,640 M602.1,995.8 C609.1,999.3 607.4,1009.7 599.7,1010.9 C544.3,1019.3 481.9,1024 416,1024 C186.2,1023.9 0,966.7 0,896 L0,768 C0,768 0,749.6 14.5,768 C44.3,806 135.8,864.2 416,864 C433.7,864 450.6,863.7 466.8,863.3 C469.9,863.2 472.8,864.9 474.2,867.7 C502.1,923.1 547.2,968 602.1,995.8 M0,192 L0,128 C0,57.3 186.2,0 416,0 C645.8,0 832,57.3 832,128 L832,192 C832,262.7 645.8,320 416,320 C186.2,320 0,262.7 0,192 M0,416 L0,320 C0,320 0,301.6 14.5,320 C44.3,357.9 135.8,416 416,416 C696.2,416 787.7,357.9 817.5,320 C832,301.6 832,320 832,320 L832,416 C832,429.4 825.3,442.3 812.9,454.4 C810.9,456.3 808.1,457.1 805.4,456.4 C782.3,450.5 758.2,447.3 733.4,447.3 C721.6,447.3 709.7,448 698,449.5 C659.2,454.2 622.5,466.5 588.8,485.8 C564.3,499.9 542.2,517.3 522.9,537.6 C521.5,539 519.7,539.9 517.7,540.1 C485.1,542.6 451.1,544 416,544 C186.2,544 0,486.7 0,416 M1067.4,944.1 L933.2,855.6 C919.9,846.2 906.5,842.6 895.9,843.9 C895.4,843.9 895,844.1 894.5,844.1 C919.2,806.8 931.1,761.1 925.4,713.6 C912.7,607.5 816,531.8 709.7,544.8 C603.4,557.8 527.8,654.3 540.6,760.6 C553.4,866.9 650.1,942.5 756.4,929.5 C804.2,923.8 845.5,900.9 875.7,868.2 C876.6,879.2 883.5,892 896.3,903.2 L1014.5,1012 C1023.6,1020 1034.7,1024 1045.6,1024 C1058.2,1024 1072.1,1017.1 1079.2,1007.9 C1085.4,999.9 1088,992 1088,981 C1088,967.1 1080.5,953.2 1067.4,944.1 Z M748.8,865.5 C677.9,874.2 613.3,823.7 604.8,752.8 C596.3,681.9 646.6,617.3 717.5,608.8 C788.4,600.3 853,650.6 861.5,721.5 C869.9,792.4 819.7,856.8 748.8,865.5 Z" },

package/layouts/Bullseye/bullseye.css

@@ -1,5 +1,9 @@
+:root,
 .pf-v6-l-bullseye {
   --pf-v6-l-bullseye--Padding: 0;
+}
+
+.pf-v6-l-bullseye {
   display: flex;
   align-items: center;
   justify-content: center;

package/layouts/Bullseye/bullseye.scss

@@ -1,6 +1,10 @@
-.#{$bullseye} {
+@use '../../sass-utilities' as *;
+
+@include pf-root($bullseye) {
   --#{$bullseye}--Padding: 0;
+}
 
+.#{$bullseye} {
   display: flex;
   align-items: center;
   justify-content: center;