npm - @patternfly/design-tokens - Versions diffs - 1.14.1 → 1.14.3 - Mend

@patternfly/design-tokens 1.14.1 → 1.14.3

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 (27) hide show

package/build/css/tokens-charts-dark.scss +1 -1
package/build/css/tokens-charts.scss +1 -1
package/build/css/tokens-dark.scss +3 -1
package/build/css/tokens-default.scss +14 -6
package/build/css/tokens-highcontrast-dark.scss +6 -4
package/build/css/tokens-highcontrast.scss +277 -4
package/build/css/tokens-palette.scss +1 -1
package/build.js +5 -2
package/package.json +1 -1
package/patternfly-docs/content/token-layers-dark.json +977 -598
package/patternfly-docs/content/token-layers-default.json +678 -353
package/plugins/export-patternfly-tokens/dist/ui.html +48 -27
package/plugins/export-patternfly-tokens/src/ui.tsx +50 -26
package/tokens/dark/base.dark.json +46 -42
package/tokens/dark/charts.dark.json +8 -8
package/tokens/dark/semantic.dark.json +6 -0
package/tokens/default/base.json +1 -1
package/tokens/default/charts.json +8 -8
package/tokens/default/semantic.dimension.json +59 -22
package/tokens/default/semantic.json +6 -0
package/tokens/default/semantic.motion.json +22 -22
package/tokens/highcontrast/base.dimension.json +387 -0
package/tokens/highcontrast/base.json +1 -1
package/tokens/highcontrast/semantic.dimension.highcontrast.json +1061 -0
package/tokens/highcontrast/semantic.highcontrast.json +8 -2
package/tokens/highcontrast-dark/base.dark.json +46 -42
package/tokens/highcontrast-dark/semantic.highcontrast.dark.json +8 -2

package/patternfly-docs/content/token-layers-dark.json CHANGED Viewed

@@ -11098,6 +11098,112 @@
           ]
         }
       },
+      "pf-t--global--border--color--main--default": {
+        "dark": {
+          "type": "color",
+          "value": "#292929",
+          "filePath": "tokens/dark/semantic.dark.json",
+          "isSource": true,
+          "original": {
+            "type": "color",
+            "value": "{global.background.color.primary.default}"
+          },
+          "name": "pf-t--global--border--color--main--default",
+          "attributes": {
+            "category": "global",
+            "type": "border",
+            "item": "color",
+            "subitem": "main",
+            "state": "default"
+          },
+          "path": [
+            "global",
+            "border",
+            "color",
+            "main",
+            "default"
+          ],
+          "references": [
+            {
+              "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.",
+              "type": "color",
+              "value": "#292929",
+              "filePath": "tokens/dark/semantic.dark.json",
+              "isSource": true,
+              "original": {
+                "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.",
+                "type": "color",
+                "value": "{global.dark.background.color.200}"
+              },
+              "name": "pf-t--global--background--color--primary--default",
+              "attributes": {
+                "category": "global",
+                "type": "background",
+                "item": "color",
+                "subitem": "primary",
+                "state": "default"
+              },
+              "path": [
+                "global",
+                "background",
+                "color",
+                "primary",
+                "default"
+              ],
+              "references": [
+                {
+                  "type": "color",
+                  "value": "#292929",
+                  "filePath": "tokens/dark/base.dark.json",
+                  "isSource": true,
+                  "original": {
+                    "type": "color",
+                    "value": "{color.gray.80}"
+                  },
+                  "name": "pf-t--global--dark--background--color--200",
+                  "attributes": {
+                    "category": "global",
+                    "type": "dark",
+                    "item": "background",
+                    "subitem": "color",
+                    "state": "200"
+                  },
+                  "path": [
+                    "global",
+                    "dark",
+                    "background",
+                    "color",
+                    "200"
+                  ],
+                  "references": [
+                    {
+                      "type": "color",
+                      "value": "#292929",
+                      "filePath": "tokens/dark/palette.color.json",
+                      "isSource": true,
+                      "original": {
+                        "type": "color",
+                        "value": "#292929"
+                      },
+                      "name": "pf-t--color--gray--80",
+                      "attributes": {
+                        "category": "color",
+                        "type": "gray",
+                        "item": "80"
+                      },
+                      "path": [
+                        "color",
+                        "gray",
+                        "80"
+                      ]
+                    }
+                  ]
+                }
+              ]
+            }
+          ]
+        }
+      },
       "pf-t--global--border--color--nonstatus--red--default": {
         "dark": {
           "description": "Use as the default border color for any element that does not convey status and that you always will want to be red (i.e. color-coded labels, banners, etc.)",
@@ -30910,6 +31016,58 @@
           ]
         }
       },
+      "pf-t--global--icon--size--3xl": {
+        "default": {
+          "description": "Use for triple extra large icons.",
+          "type": "number",
+          "value": "6rem",
+          "filePath": "tokens/default/semantic.dimension.json",
+          "isSource": false,
+          "original": {
+            "description": "Use for triple extra large icons.",
+            "type": "number",
+            "value": "{global.icon.size.500}"
+          },
+          "name": "pf-t--global--icon--size--3xl",
+          "attributes": {
+            "category": "global",
+            "type": "icon",
+            "item": "size",
+            "subitem": "3xl"
+          },
+          "path": [
+            "global",
+            "icon",
+            "size",
+            "3xl"
+          ],
+          "references": [
+            {
+              "type": "number",
+              "value": "6rem",
+              "filePath": "tokens/default/base.dimension.json",
+              "isSource": false,
+              "original": {
+                "type": "number",
+                "value": 96
+              },
+              "name": "pf-t--global--icon--size--500",
+              "attributes": {
+                "category": "global",
+                "type": "icon",
+                "item": "size",
+                "subitem": "500"
+              },
+              "path": [
+                "global",
+                "icon",
+                "size",
+                "500"
+              ]
+            }
+          ]
+        }
+      },
       "pf-t--global--icon--size--font--body--sm": {
         "default": {
           "description": "Use for icons that are placed inline with small body text",
@@ -32553,53 +32711,53 @@
           ]
         }
       },
-      "pf-t--global--icon--size--3xl": {
+      "pf-t--global--border--width--regular": {
         "default": {
-          "description": "Use for triple extra large icons.",
+          "description": "Use as the default border width for elements.",
           "type": "number",
-          "value": "6rem",
+          "value": "1px",
           "filePath": "tokens/default/semantic.dimension.json",
           "isSource": false,
           "original": {
-            "description": "Use for triple extra large icons.",
+            "description": "Use as the default border width for elements.",
             "type": "number",
-            "value": "{global.icon.size.500}"
+            "value": "{global.border.width.100}"
           },
-          "name": "pf-t--global--icon--size--3xl",
+          "name": "pf-t--global--border--width--regular",
           "attributes": {
             "category": "global",
-            "type": "icon",
-            "item": "size",
-            "subitem": "3xl"
+            "type": "border",
+            "item": "width",
+            "subitem": "regular"
           },
           "path": [
             "global",
-            "icon",
-            "size",
-            "3xl"
+            "border",
+            "width",
+            "regular"
           ],
           "references": [
             {
               "type": "number",
-              "value": "6rem",
+              "value": "1px",
               "filePath": "tokens/default/base.dimension.json",
               "isSource": false,
               "original": {
                 "type": "number",
-                "value": 96
+                "value": 1
               },
-              "name": "pf-t--global--icon--size--500",
+              "name": "pf-t--global--border--width--100",
               "attributes": {
                 "category": "global",
-                "type": "icon",
-                "item": "size",
-                "subitem": "500"
+                "type": "border",
+                "item": "width",
+                "subitem": "100"
               },
               "path": [
                 "global",
-                "icon",
-                "size",
-                "500"
+                "border",
+                "width",
+                "100"
               ]
             }
           ]
@@ -32767,162 +32925,243 @@
           ]
         }
       },
-      "pf-t--global--border--width--regular": {
+      "pf-t--global--border--width--strong": {
         "default": {
-          "description": "Use as the default border width for elements.",
+          "description": "Use as a stronger/wider border width for elements.",
           "type": "number",
-          "value": "1px",
+          "value": "2px",
           "filePath": "tokens/default/semantic.dimension.json",
           "isSource": false,
           "original": {
-            "description": "Use as the default border width for elements.",
+            "description": "Use as a stronger/wider border width for elements.",
             "type": "number",
-            "value": "{global.border.width.100}"
+            "value": "{global.border.width.200}"
           },
-          "name": "pf-t--global--border--width--regular",
+          "name": "pf-t--global--border--width--strong",
           "attributes": {
             "category": "global",
             "type": "border",
             "item": "width",
-            "subitem": "regular"
+            "subitem": "strong"
           },
           "path": [
             "global",
             "border",
             "width",
-            "regular"
+            "strong"
           ],
           "references": [
             {
               "type": "number",
-              "value": "1px",
+              "value": "2px",
               "filePath": "tokens/default/base.dimension.json",
               "isSource": false,
               "original": {
                 "type": "number",
-                "value": 1
+                "value": 2
               },
-              "name": "pf-t--global--border--width--100",
+              "name": "pf-t--global--border--width--200",
               "attributes": {
                 "category": "global",
                 "type": "border",
                 "item": "width",
-                "subitem": "100"
+                "subitem": "200"
               },
               "path": [
                 "global",
                 "border",
                 "width",
-                "100"
+                "200"
               ]
             }
           ]
         }
       },
-      "pf-t--global--border--width--strong": {
+      "pf-t--global--border--width--extra-strong": {
         "default": {
-          "description": "Use as a stronger/wider border width for elements.",
+          "description": "Use as the strongest/widest border width for elements.",
           "type": "number",
-          "value": "2px",
+          "value": "3px",
           "filePath": "tokens/default/semantic.dimension.json",
           "isSource": false,
           "original": {
-            "description": "Use as a stronger/wider border width for elements.",
+            "description": "Use as the strongest/widest border width for elements.",
             "type": "number",
-            "value": "{global.border.width.200}"
+            "value": "{global.border.width.300}"
           },
-          "name": "pf-t--global--border--width--strong",
+          "name": "pf-t--global--border--width--extra-strong",
           "attributes": {
             "category": "global",
             "type": "border",
             "item": "width",
-            "subitem": "strong"
+            "subitem": "extra-strong"
           },
           "path": [
             "global",
             "border",
             "width",
-            "strong"
+            "extra-strong"
           ],
           "references": [
             {
               "type": "number",
-              "value": "2px",
+              "value": "3px",
               "filePath": "tokens/default/base.dimension.json",
               "isSource": false,
               "original": {
                 "type": "number",
-                "value": 2
+                "value": 3
               },
-              "name": "pf-t--global--border--width--200",
+              "name": "pf-t--global--border--width--300",
               "attributes": {
                 "category": "global",
                 "type": "border",
                 "item": "width",
-                "subitem": "200"
+                "subitem": "300"
               },
               "path": [
                 "global",
                 "border",
                 "width",
-                "200"
+                "300"
               ]
             }
           ]
         }
       },
-      "pf-t--global--border--width--extra-strong": {
+      "pf-t--global--border--width--main--default": {
         "default": {
-          "description": "Use as the strongest/widest border width for elements.",
           "type": "number",
-          "value": "3px",
+          "value": "4px",
           "filePath": "tokens/default/semantic.dimension.json",
           "isSource": false,
           "original": {
-            "description": "Use as the strongest/widest border width for elements.",
             "type": "number",
-            "value": "{global.border.width.300}"
+            "value": "{global.border.width.400}"
           },
-          "name": "pf-t--global--border--width--extra-strong",
+          "name": "pf-t--global--border--width--main--default",
           "attributes": {
             "category": "global",
             "type": "border",
             "item": "width",
-            "subitem": "extra-strong"
+            "subitem": "main",
+            "state": "default"
           },
           "path": [
             "global",
             "border",
             "width",
-            "extra-strong"
+            "main",
+            "default"
           ],
           "references": [
             {
               "type": "number",
-              "value": "3px",
+              "value": "4px",
               "filePath": "tokens/default/base.dimension.json",
               "isSource": false,
               "original": {
                 "type": "number",
-                "value": 3
+                "value": 4
               },
-              "name": "pf-t--global--border--width--300",
+              "name": "pf-t--global--border--width--400",
               "attributes": {
                 "category": "global",
                 "type": "border",
                 "item": "width",
-                "subitem": "300"
+                "subitem": "400"
               },
               "path": [
                 "global",
                 "border",
                 "width",
-                "300"
+                "400"
               ]
             }
           ]
         }
       },
+      "pf-t--global--border--width--high-contrast--regular": {
+        "default": {
+          "type": "number",
+          "value": "0px",
+          "filePath": "tokens/default/semantic.dimension.json",
+          "isSource": false,
+          "original": {
+            "type": "number",
+            "value": 0
+          },
+          "name": "pf-t--global--border--width--high-contrast--regular",
+          "attributes": {
+            "category": "global",
+            "type": "border",
+            "item": "width",
+            "subitem": "high-contrast",
+            "state": "regular"
+          },
+          "path": [
+            "global",
+            "border",
+            "width",
+            "high-contrast",
+            "regular"
+          ]
+        }
+      },
+      "pf-t--global--border--width--high-contrast--strong": {
+        "default": {
+          "type": "number",
+          "value": "0px",
+          "filePath": "tokens/default/semantic.dimension.json",
+          "isSource": false,
+          "original": {
+            "type": "number",
+            "value": 0
+          },
+          "name": "pf-t--global--border--width--high-contrast--strong",
+          "attributes": {
+            "category": "global",
+            "type": "border",
+            "item": "width",
+            "subitem": "high-contrast",
+            "state": "strong"
+          },
+          "path": [
+            "global",
+            "border",
+            "width",
+            "high-contrast",
+            "strong"
+          ]
+        }
+      },
+      "pf-t--global--border--width--high-contrast--extra-strong": {
+        "default": {
+          "type": "number",
+          "value": "0px",
+          "filePath": "tokens/default/semantic.dimension.json",
+          "isSource": false,
+          "original": {
+            "type": "number",
+            "value": 0
+          },
+          "name": "pf-t--global--border--width--high-contrast--extra-strong",
+          "attributes": {
+            "category": "global",
+            "type": "border",
+            "item": "width",
+            "subitem": "high-contrast",
+            "state": "extra-strong"
+          },
+          "path": [
+            "global",
+            "border",
+            "width",
+            "high-contrast",
+            "extra-strong"
+          ]
+        }
+      },
       "pf-t--global--border--width--box--default": {
         "default": {
           "description": "Use as the default border width for containers like cards, panels, code editors, etc.",
@@ -33357,6 +33596,96 @@
           ]
         }
       },
+      "pf-t--global--border--width--action--plain--default": {
+        "default": {
+          "description": "Use as the default border width for actions like secondary and tertiary buttons",
+          "type": "number",
+          "value": "0px",
+          "filePath": "tokens/default/semantic.dimension.json",
+          "isSource": false,
+          "original": {
+            "description": "Use as the default border width for actions like secondary and tertiary buttons",
+            "type": "number",
+            "value": 0
+          },
+          "name": "pf-t--global--border--width--action--plain--default",
+          "attributes": {
+            "category": "global",
+            "type": "border",
+            "item": "width",
+            "subitem": "action",
+            "state": "plain"
+          },
+          "path": [
+            "global",
+            "border",
+            "width",
+            "action",
+            "plain",
+            "default"
+          ]
+        }
+      },
+      "pf-t--global--border--width--action--plain--hover": {
+        "default": {
+          "description": "Use as the hover state border width for actions like secondary and tertiary buttons",
+          "type": "number",
+          "value": "0px",
+          "filePath": "tokens/default/semantic.dimension.json",
+          "isSource": false,
+          "original": {
+            "description": "Use as the hover state border width for actions like secondary and tertiary buttons",
+            "type": "number",
+            "value": 0
+          },
+          "name": "pf-t--global--border--width--action--plain--hover",
+          "attributes": {
+            "category": "global",
+            "type": "border",
+            "item": "width",
+            "subitem": "action",
+            "state": "plain"
+          },
+          "path": [
+            "global",
+            "border",
+            "width",
+            "action",
+            "plain",
+            "hover"
+          ]
+        }
+      },
+      "pf-t--global--border--width--action--plain--clicked": {
+        "default": {
+          "description": "Use as the clicked state border width for actions like secondary and tertiary buttons",
+          "type": "number",
+          "value": "0px",
+          "filePath": "tokens/default/semantic.dimension.json",
+          "isSource": false,
+          "original": {
+            "description": "Use as the clicked state border width for actions like secondary and tertiary buttons",
+            "type": "number",
+            "value": 0
+          },
+          "name": "pf-t--global--border--width--action--plain--clicked",
+          "attributes": {
+            "category": "global",
+            "type": "border",
+            "item": "width",
+            "subitem": "action",
+            "state": "plain"
+          },
+          "path": [
+            "global",
+            "border",
+            "width",
+            "action",
+            "plain",
+            "clicked"
+          ]
+        }
+      },
       "pf-t--global--border--width--control--default": {
         "default": {
           "description": "Use as the default border width for controls like text inputs, menu toggles and control buttons",
@@ -39151,7 +39480,7 @@
       "pf-t--global--focus-ring--position--offset": {
         "default": {
           "type": "number",
-          "value": 2,
+          "value": "2px",
           "filePath": "tokens/default/semantic.dimension.json",
           "isSource": false,
           "original": {
@@ -39176,7 +39505,7 @@
       "pf-t--global--focus-ring--position--inset": {
         "default": {
           "type": "number",
-          "value": -4,
+          "value": "-4px",
           "filePath": "tokens/default/semantic.dimension.json",
           "isSource": false,
           "original": {
@@ -39201,7 +39530,7 @@
       "pf-t--global--focus-ring--width--offset": {
         "default": {
           "type": "number",
-          "value": 2,
+          "value": "2px",
           "filePath": "tokens/default/semantic.dimension.json",
           "isSource": false,
           "original": {
@@ -39226,7 +39555,7 @@
       "pf-t--global--focus-ring--width--inset": {
         "default": {
           "type": "number",
-          "value": 3,
+          "value": "3px",
           "filePath": "tokens/default/semantic.dimension.json",
           "isSource": false,
           "original": {
@@ -39600,31 +39929,31 @@
           ]
         }
       },
-      "pf-t--global--motion--duration--slide-in--short": {
+      "pf-t--global--motion--duration--slide-out--short": {
         "default": {
-          "description": "Use for a short duration of a slide-in animation, which moves an offscreen element into the viewport.",
+          "description": "Use for a shorter duration of a slide-out animation, which moves an element out of the viewport.",
           "type": "number",
           "value": "300ms",
           "filePath": "tokens/default/semantic.motion.json",
           "isSource": false,
           "original": {
-            "description": "Use for a short duration of a slide-in animation, which moves an offscreen element into the viewport.",
+            "description": "Use for a shorter duration of a slide-out animation, which moves an element out of the viewport.",
             "type": "number",
             "value": "{global.motion.duration.lg}"
           },
-          "name": "pf-t--global--motion--duration--slide-in--short",
+          "name": "pf-t--global--motion--duration--slide-out--short",
           "attributes": {
             "category": "global",
             "type": "motion",
             "item": "duration",
-            "subitem": "slide-in",
+            "subitem": "slide-out",
             "state": "short"
           },
           "path": [
             "global",
             "motion",
             "duration",
-            "slide-in",
+            "slide-out",
             "short"
           ],
           "references": [
@@ -39679,31 +40008,31 @@
           ]
         }
       },
-      "pf-t--global--motion--duration--slide-in--default": {
+      "pf-t--global--motion--duration--slide-out--default": {
         "default": {
-          "description": "Use for a default duration of a slide-in animation, which moves an offscreen element into the viewport.",
+          "description": "Use as the default duration of a slide-out animation, which moves an element out of the viewport.",
           "type": "number",
           "value": "400ms",
           "filePath": "tokens/default/semantic.motion.json",
           "isSource": false,
           "original": {
-            "description": "Use for a default duration of a slide-in animation, which moves an offscreen element into the viewport.",
+            "description": "Use as the default duration of a slide-out animation, which moves an element out of the viewport.",
             "type": "number",
             "value": "{global.motion.duration.xl}"
           },
-          "name": "pf-t--global--motion--duration--slide-in--default",
+          "name": "pf-t--global--motion--duration--slide-out--default",
           "attributes": {
             "category": "global",
             "type": "motion",
             "item": "duration",
-            "subitem": "slide-in",
+            "subitem": "slide-out",
             "state": "default"
           },
           "path": [
             "global",
             "motion",
             "duration",
-            "slide-in",
+            "slide-out",
             "default"
           ],
           "references": [
@@ -39758,31 +40087,31 @@
           ]
         }
       },
-      "pf-t--global--motion--duration--slide-in--long": {
+      "pf-t--global--motion--duration--slide-out--long": {
         "default": {
-          "description": "Use for a longer duration of a slide-in animation, which moves an offscreen element into the viewport.",
+          "description": "Use for a longer duration of a slide-out animation, which moves an element out of the viewport.",
           "type": "number",
           "value": "500ms",
           "filePath": "tokens/default/semantic.motion.json",
           "isSource": false,
           "original": {
-            "description": "Use for a longer duration of a slide-in animation, which moves an offscreen element into the viewport.",
+            "description": "Use for a longer duration of a slide-out animation, which moves an element out of the viewport.",
             "type": "number",
             "value": "{global.motion.duration.2xl}"
           },
-          "name": "pf-t--global--motion--duration--slide-in--long",
+          "name": "pf-t--global--motion--duration--slide-out--long",
           "attributes": {
             "category": "global",
             "type": "motion",
             "item": "duration",
-            "subitem": "slide-in",
+            "subitem": "slide-out",
             "state": "long"
           },
           "path": [
             "global",
             "motion",
             "duration",
-            "slide-in",
+            "slide-out",
             "long"
           ],
           "references": [
@@ -39837,78 +40166,78 @@
           ]
         }
       },
-      "pf-t--global--motion--duration--fade--short": {
+      "pf-t--global--motion--duration--icon--short": {
         "default": {
-          "description": "Use a short/quick fade to transition color and/or opacity. Useful for fading in one or more elements. Short fades are used for small elements traveling short distances. Used in small interactions like buttons.",
+          "description": "Use a short duration on an icon that requires a fast/snappy transition. Used to define the speed at which an icon may animate. Used on a notification badge(stateful button).",
           "type": "number",
-          "value": "100ms",
+          "value": "50ms",
           "filePath": "tokens/default/semantic.motion.json",
           "isSource": false,
           "original": {
-            "description": "Use a short/quick fade to transition color and/or opacity. Useful for fading in one or more elements. Short fades are used for small elements traveling short distances. Used in small interactions like buttons.",
+            "description": "Use a short duration on an icon that requires a fast/snappy transition. Used to define the speed at which an icon may animate. Used on a notification badge(stateful button).",
             "type": "number",
-            "value": "{global.motion.duration.sm}"
+            "value": "{global.motion.duration.xs}"
           },
-          "name": "pf-t--global--motion--duration--fade--short",
+          "name": "pf-t--global--motion--duration--icon--short",
           "attributes": {
             "category": "global",
             "type": "motion",
             "item": "duration",
-            "subitem": "fade",
+            "subitem": "icon",
             "state": "short"
           },
           "path": [
             "global",
             "motion",
             "duration",
-            "fade",
+            "icon",
             "short"
           ],
           "references": [
             {
-              "description": "Use for a short animation duration. Use for simple and/or small animations.",
+              "description": "Use for the quickest possible duration of an animation.",
               "type": "number",
-              "value": "100ms",
+              "value": "50ms",
               "filePath": "tokens/default/semantic.motion.json",
               "isSource": false,
               "original": {
-                "description": "Use for a short animation duration. Use for simple and/or small animations.",
+                "description": "Use for the quickest possible duration of an animation.",
                 "type": "number",
-                "value": "{global.duration.100}"
+                "value": "{global.duration.50}"
               },
-              "name": "pf-t--global--motion--duration--sm",
+              "name": "pf-t--global--motion--duration--xs",
               "attributes": {
                 "category": "global",
                 "type": "motion",
                 "item": "duration",
-                "subitem": "sm"
+                "subitem": "xs"
               },
               "path": [
                 "global",
                 "motion",
                 "duration",
-                "sm"
+                "xs"
               ],
               "references": [
                 {
                   "type": "number",
-                  "value": "100ms",
+                  "value": "50ms",
                   "filePath": "tokens/default/base.motion.json",
                   "isSource": false,
                   "original": {
                     "type": "number",
-                    "value": 100
+                    "value": 50
                   },
-                  "name": "pf-t--global--duration--100",
+                  "name": "pf-t--global--duration--50",
                   "attributes": {
                     "category": "global",
                     "type": "duration",
-                    "item": "100"
+                    "item": "50"
                   },
                   "path": [
                     "global",
                     "duration",
-                    "100"
+                    "50"
                   ]
                 }
               ]
@@ -39916,157 +40245,78 @@
           ]
         }
       },
-      "pf-t--global--motion--duration--fade--default": {
+      "pf-t--global--motion--duration--icon--default": {
         "default": {
-          "description": "Use a default fade to transition color and/or opacity. Useful for fading in one or more elements. Default fades are used for medium sized elements traveling medium distances. Used on alerts.",
+          "description": "Use a default duration on an icon that requires a moderately timed transition. Used to define the speed at which an icon may animate. Used on a favoriting star(icon button).",
           "type": "number",
-          "value": "200ms",
+          "value": "100ms",
           "filePath": "tokens/default/semantic.motion.json",
           "isSource": false,
           "original": {
-            "description": "Use a default fade to transition color and/or opacity. Useful for fading in one or more elements. Default fades are used for medium sized elements traveling medium distances. Used on alerts.",
+            "description": "Use a default duration on an icon that requires a moderately timed transition. Used to define the speed at which an icon may animate. Used on a favoriting star(icon button).",
             "type": "number",
-            "value": "{global.motion.duration.md}"
+            "value": "{global.motion.duration.sm}"
           },
-          "name": "pf-t--global--motion--duration--fade--default",
+          "name": "pf-t--global--motion--duration--icon--default",
           "attributes": {
             "category": "global",
             "type": "motion",
             "item": "duration",
-            "subitem": "fade",
+            "subitem": "icon",
             "state": "default"
           },
           "path": [
             "global",
             "motion",
             "duration",
-            "fade",
+            "icon",
             "default"
           ],
           "references": [
             {
-              "description": "Use for a medium animation duration.",
-              "type": "number",
-              "value": "200ms",
-              "filePath": "tokens/default/semantic.motion.json",
-              "isSource": false,
-              "original": {
-                "description": "Use for a medium animation duration.",
-                "type": "number",
-                "value": "{global.duration.200}"
-              },
-              "name": "pf-t--global--motion--duration--md",
-              "attributes": {
-                "category": "global",
-                "type": "motion",
-                "item": "duration",
-                "subitem": "md"
-              },
-              "path": [
-                "global",
-                "motion",
-                "duration",
-                "md"
-              ],
-              "references": [
-                {
-                  "type": "number",
-                  "value": "200ms",
-                  "filePath": "tokens/default/base.motion.json",
-                  "isSource": false,
-                  "original": {
-                    "type": "number",
-                    "value": 200
-                  },
-                  "name": "pf-t--global--duration--200",
-                  "attributes": {
-                    "category": "global",
-                    "type": "duration",
-                    "item": "200"
-                  },
-                  "path": [
-                    "global",
-                    "duration",
-                    "200"
-                  ]
-                }
-              ]
-            }
-          ]
-        }
-      },
-      "pf-t--global--motion--duration--fade--long": {
-        "default": {
-          "description": "Use a long fade to transition color and/or opacity. Useful for fading in one or more elements. Long fades are used for large elements traveling long distances.",
-          "type": "number",
-          "value": "300ms",
-          "filePath": "tokens/default/semantic.motion.json",
-          "isSource": false,
-          "original": {
-            "description": "Use a long fade to transition color and/or opacity. Useful for fading in one or more elements. Long fades are used for large elements traveling long distances.",
-            "type": "number",
-            "value": "{global.motion.duration.lg}"
-          },
-          "name": "pf-t--global--motion--duration--fade--long",
-          "attributes": {
-            "category": "global",
-            "type": "motion",
-            "item": "duration",
-            "subitem": "fade",
-            "state": "long"
-          },
-          "path": [
-            "global",
-            "motion",
-            "duration",
-            "fade",
-            "long"
-          ],
-          "references": [
-            {
-              "description": "Use for long animation duration. Use for larger, more expressive animations.",
+              "description": "Use for a short animation duration. Use for simple and/or small animations.",
               "type": "number",
-              "value": "300ms",
+              "value": "100ms",
               "filePath": "tokens/default/semantic.motion.json",
               "isSource": false,
               "original": {
-                "description": "Use for long animation duration. Use for larger, more expressive animations.",
+                "description": "Use for a short animation duration. Use for simple and/or small animations.",
                 "type": "number",
-                "value": "{global.duration.300}"
+                "value": "{global.duration.100}"
               },
-              "name": "pf-t--global--motion--duration--lg",
+              "name": "pf-t--global--motion--duration--sm",
               "attributes": {
                 "category": "global",
                 "type": "motion",
                 "item": "duration",
-                "subitem": "lg"
+                "subitem": "sm"
               },
               "path": [
                 "global",
                 "motion",
                 "duration",
-                "lg"
+                "sm"
               ],
               "references": [
                 {
                   "type": "number",
-                  "value": "300ms",
+                  "value": "100ms",
                   "filePath": "tokens/default/base.motion.json",
                   "isSource": false,
                   "original": {
                     "type": "number",
-                    "value": 300
+                    "value": 100
                   },
-                  "name": "pf-t--global--duration--300",
+                  "name": "pf-t--global--duration--100",
                   "attributes": {
                     "category": "global",
                     "type": "duration",
-                    "item": "300"
+                    "item": "100"
                   },
                   "path": [
                     "global",
                     "duration",
-                    "300"
+                    "100"
                   ]
                 }
               ]
@@ -40074,78 +40324,78 @@
           ]
         }
       },
-      "pf-t--global--motion--duration--icon--short": {
+      "pf-t--global--motion--duration--icon--long": {
         "default": {
-          "description": "Use a short duration on an icon that requires a fast/snappy transition. Used to define the speed at which an icon may animate. Used on a notification badge(stateful button).",
+          "description": "Use a long duration on an icon that requires a slow transition. Used to define the speed at which an icon may animate. Used on the settings cog icon(plain menu toggle).",
           "type": "number",
-          "value": "50ms",
+          "value": "200ms",
           "filePath": "tokens/default/semantic.motion.json",
           "isSource": false,
           "original": {
-            "description": "Use a short duration on an icon that requires a fast/snappy transition. Used to define the speed at which an icon may animate. Used on a notification badge(stateful button).",
+            "description": "Use a long duration on an icon that requires a slow transition. Used to define the speed at which an icon may animate. Used on the settings cog icon(plain menu toggle).",
             "type": "number",
-            "value": "{global.motion.duration.xs}"
+            "value": "{global.motion.duration.md}"
           },
-          "name": "pf-t--global--motion--duration--icon--short",
+          "name": "pf-t--global--motion--duration--icon--long",
           "attributes": {
             "category": "global",
             "type": "motion",
             "item": "duration",
             "subitem": "icon",
-            "state": "short"
+            "state": "long"
           },
           "path": [
             "global",
             "motion",
             "duration",
             "icon",
-            "short"
+            "long"
           ],
           "references": [
             {
-              "description": "Use for the quickest possible duration of an animation.",
+              "description": "Use for a medium animation duration.",
               "type": "number",
-              "value": "50ms",
+              "value": "200ms",
               "filePath": "tokens/default/semantic.motion.json",
               "isSource": false,
               "original": {
-                "description": "Use for the quickest possible duration of an animation.",
+                "description": "Use for a medium animation duration.",
                 "type": "number",
-                "value": "{global.duration.50}"
+                "value": "{global.duration.200}"
               },
-              "name": "pf-t--global--motion--duration--xs",
+              "name": "pf-t--global--motion--duration--md",
               "attributes": {
                 "category": "global",
                 "type": "motion",
                 "item": "duration",
-                "subitem": "xs"
+                "subitem": "md"
               },
               "path": [
                 "global",
                 "motion",
                 "duration",
-                "xs"
+                "md"
               ],
               "references": [
                 {
                   "type": "number",
-                  "value": "50ms",
+                  "value": "200ms",
                   "filePath": "tokens/default/base.motion.json",
                   "isSource": false,
                   "original": {
                     "type": "number",
-                    "value": 50
+                    "value": 200
                   },
-                  "name": "pf-t--global--duration--50",
+                  "name": "pf-t--global--duration--200",
                   "attributes": {
                     "category": "global",
                     "type": "duration",
-                    "item": "50"
+                    "item": "200"
                   },
                   "path": [
                     "global",
                     "duration",
-                    "50"
+                    "200"
                   ]
                 }
               ]
@@ -40153,32 +40403,32 @@
           ]
         }
       },
-      "pf-t--global--motion--duration--icon--default": {
+      "pf-t--global--motion--duration--fade--short": {
         "default": {
-          "description": "Use a default duration on an icon that requires a moderately timed transition. Used to define the speed at which an icon may animate. Used on a favoriting star(icon button).",
+          "description": "Use a short/quick fade to transition color and/or opacity. Useful for fading in one or more elements. Short fades are used for small elements traveling short distances. Used in small interactions like buttons.",
           "type": "number",
           "value": "100ms",
           "filePath": "tokens/default/semantic.motion.json",
           "isSource": false,
           "original": {
-            "description": "Use a default duration on an icon that requires a moderately timed transition. Used to define the speed at which an icon may animate. Used on a favoriting star(icon button).",
+            "description": "Use a short/quick fade to transition color and/or opacity. Useful for fading in one or more elements. Short fades are used for small elements traveling short distances. Used in small interactions like buttons.",
             "type": "number",
             "value": "{global.motion.duration.sm}"
           },
-          "name": "pf-t--global--motion--duration--icon--default",
+          "name": "pf-t--global--motion--duration--fade--short",
           "attributes": {
             "category": "global",
             "type": "motion",
             "item": "duration",
-            "subitem": "icon",
-            "state": "default"
+            "subitem": "fade",
+            "state": "short"
           },
           "path": [
             "global",
             "motion",
             "duration",
-            "icon",
-            "default"
+            "fade",
+            "short"
           ],
           "references": [
             {
@@ -40232,32 +40482,32 @@
           ]
         }
       },
-      "pf-t--global--motion--duration--icon--long": {
+      "pf-t--global--motion--duration--fade--default": {
         "default": {
-          "description": "Use a long duration on an icon that requires a slow transition. Used to define the speed at which an icon may animate. Used on the settings cog icon(plain menu toggle).",
+          "description": "Use a default fade to transition color and/or opacity. Useful for fading in one or more elements. Default fades are used for medium sized elements traveling medium distances. Used on alerts.",
           "type": "number",
           "value": "200ms",
           "filePath": "tokens/default/semantic.motion.json",
           "isSource": false,
           "original": {
-            "description": "Use a long duration on an icon that requires a slow transition. Used to define the speed at which an icon may animate. Used on the settings cog icon(plain menu toggle).",
+            "description": "Use a default fade to transition color and/or opacity. Useful for fading in one or more elements. Default fades are used for medium sized elements traveling medium distances. Used on alerts.",
             "type": "number",
             "value": "{global.motion.duration.md}"
           },
-          "name": "pf-t--global--motion--duration--icon--long",
+          "name": "pf-t--global--motion--duration--fade--default",
           "attributes": {
             "category": "global",
             "type": "motion",
             "item": "duration",
-            "subitem": "icon",
-            "state": "long"
+            "subitem": "fade",
+            "state": "default"
           },
           "path": [
             "global",
             "motion",
             "duration",
-            "icon",
-            "long"
+            "fade",
+            "default"
           ],
           "references": [
             {
@@ -40311,31 +40561,110 @@
           ]
         }
       },
-      "pf-t--global--motion--duration--slide-out--short": {
+      "pf-t--global--motion--duration--fade--long": {
         "default": {
-          "description": "Use for a shorter duration of a slide-out animation, which moves an element out of the viewport.",
+          "description": "Use a long fade to transition color and/or opacity. Useful for fading in one or more elements. Long fades are used for large elements traveling long distances.",
           "type": "number",
           "value": "300ms",
           "filePath": "tokens/default/semantic.motion.json",
           "isSource": false,
           "original": {
-            "description": "Use for a shorter duration of a slide-out animation, which moves an element out of the viewport.",
+            "description": "Use a long fade to transition color and/or opacity. Useful for fading in one or more elements. Long fades are used for large elements traveling long distances.",
             "type": "number",
             "value": "{global.motion.duration.lg}"
           },
-          "name": "pf-t--global--motion--duration--slide-out--short",
+          "name": "pf-t--global--motion--duration--fade--long",
           "attributes": {
             "category": "global",
             "type": "motion",
             "item": "duration",
-            "subitem": "slide-out",
+            "subitem": "fade",
+            "state": "long"
+          },
+          "path": [
+            "global",
+            "motion",
+            "duration",
+            "fade",
+            "long"
+          ],
+          "references": [
+            {
+              "description": "Use for long animation duration. Use for larger, more expressive animations.",
+              "type": "number",
+              "value": "300ms",
+              "filePath": "tokens/default/semantic.motion.json",
+              "isSource": false,
+              "original": {
+                "description": "Use for long animation duration. Use for larger, more expressive animations.",
+                "type": "number",
+                "value": "{global.duration.300}"
+              },
+              "name": "pf-t--global--motion--duration--lg",
+              "attributes": {
+                "category": "global",
+                "type": "motion",
+                "item": "duration",
+                "subitem": "lg"
+              },
+              "path": [
+                "global",
+                "motion",
+                "duration",
+                "lg"
+              ],
+              "references": [
+                {
+                  "type": "number",
+                  "value": "300ms",
+                  "filePath": "tokens/default/base.motion.json",
+                  "isSource": false,
+                  "original": {
+                    "type": "number",
+                    "value": 300
+                  },
+                  "name": "pf-t--global--duration--300",
+                  "attributes": {
+                    "category": "global",
+                    "type": "duration",
+                    "item": "300"
+                  },
+                  "path": [
+                    "global",
+                    "duration",
+                    "300"
+                  ]
+                }
+              ]
+            }
+          ]
+        }
+      },
+      "pf-t--global--motion--duration--slide-in--short": {
+        "default": {
+          "description": "Use for a short duration of a slide-in animation, which moves an offscreen element into the viewport.",
+          "type": "number",
+          "value": "300ms",
+          "filePath": "tokens/default/semantic.motion.json",
+          "isSource": false,
+          "original": {
+            "description": "Use for a short duration of a slide-in animation, which moves an offscreen element into the viewport.",
+            "type": "number",
+            "value": "{global.motion.duration.lg}"
+          },
+          "name": "pf-t--global--motion--duration--slide-in--short",
+          "attributes": {
+            "category": "global",
+            "type": "motion",
+            "item": "duration",
+            "subitem": "slide-in",
             "state": "short"
           },
           "path": [
             "global",
             "motion",
             "duration",
-            "slide-out",
+            "slide-in",
             "short"
           ],
           "references": [
@@ -40390,31 +40719,31 @@
           ]
         }
       },
-      "pf-t--global--motion--duration--slide-out--default": {
+      "pf-t--global--motion--duration--slide-in--default": {
         "default": {
-          "description": "Use as the default duration of a slide-out animation, which moves an element out of the viewport.",
+          "description": "Use for a default duration of a slide-in animation, which moves an offscreen element into the viewport.",
           "type": "number",
           "value": "400ms",
           "filePath": "tokens/default/semantic.motion.json",
           "isSource": false,
           "original": {
-            "description": "Use as the default duration of a slide-out animation, which moves an element out of the viewport.",
+            "description": "Use for a default duration of a slide-in animation, which moves an offscreen element into the viewport.",
             "type": "number",
             "value": "{global.motion.duration.xl}"
           },
-          "name": "pf-t--global--motion--duration--slide-out--default",
+          "name": "pf-t--global--motion--duration--slide-in--default",
           "attributes": {
             "category": "global",
             "type": "motion",
             "item": "duration",
-            "subitem": "slide-out",
+            "subitem": "slide-in",
             "state": "default"
           },
           "path": [
             "global",
             "motion",
             "duration",
-            "slide-out",
+            "slide-in",
             "default"
           ],
           "references": [
@@ -40469,31 +40798,31 @@
           ]
         }
       },
-      "pf-t--global--motion--duration--slide-out--long": {
+      "pf-t--global--motion--duration--slide-in--long": {
         "default": {
-          "description": "Use for a longer duration of a slide-out animation, which moves an element out of the viewport.",
+          "description": "Use for a longer duration of a slide-in animation, which moves an offscreen element into the viewport.",
           "type": "number",
           "value": "500ms",
           "filePath": "tokens/default/semantic.motion.json",
           "isSource": false,
           "original": {
-            "description": "Use for a longer duration of a slide-out animation, which moves an element out of the viewport.",
+            "description": "Use for a longer duration of a slide-in animation, which moves an offscreen element into the viewport.",
             "type": "number",
             "value": "{global.motion.duration.2xl}"
           },
-          "name": "pf-t--global--motion--duration--slide-out--long",
+          "name": "pf-t--global--motion--duration--slide-in--long",
           "attributes": {
             "category": "global",
             "type": "motion",
             "item": "duration",
-            "subitem": "slide-out",
+            "subitem": "slide-in",
             "state": "long"
           },
           "path": [
             "global",
             "motion",
             "duration",
-            "slide-out",
+            "slide-in",
             "long"
           ],
           "references": [
@@ -41284,7 +41613,7 @@
           ]
         }
       },
-      "pf-t--global--border--color--450": {
+      "pf-t--global--border--color--400": {
         "default": {
           "type": "color",
           "value": "#4d4d4d",
@@ -41294,18 +41623,18 @@
             "type": "color",
             "value": "{color.gray.60}"
           },
-          "name": "pf-t--global--border--color--450",
+          "name": "pf-t--global--border--color--400",
           "attributes": {
             "category": "global",
             "type": "border",
             "item": "color",
-            "subitem": "450"
+            "subitem": "400"
           },
           "path": [
             "global",
             "border",
             "color",
-            "450"
+            "400"
           ],
           "references": [
             {
@@ -47588,160 +47917,160 @@
           ]
         }
       },
-      "pf-t--global--dark--color--status--success--100": {
+      "pf-t--global--dark--color--severity--undefined--100": {
         "dark": {
           "type": "color",
-          "value": "#87bb62",
+          "value": "#a3a3a3",
           "filePath": "tokens/dark/base.dark.json",
           "isSource": true,
           "original": {
             "type": "color",
-            "value": "{color.green.40}"
+            "value": "{color.gray.40}"
           },
-          "name": "pf-t--global--dark--color--status--success--100",
+          "name": "pf-t--global--dark--color--severity--undefined--100",
           "attributes": {
             "category": "global",
             "type": "dark",
             "item": "color",
-            "subitem": "status",
-            "state": "success"
+            "subitem": "severity",
+            "state": "undefined"
           },
           "path": [
             "global",
             "dark",
             "color",
-            "status",
-            "success",
+            "severity",
+            "undefined",
             "100"
           ],
           "references": [
             {
               "type": "color",
-              "value": "#87bb62",
+              "value": "#a3a3a3",
               "filePath": "tokens/dark/palette.color.json",
               "isSource": true,
               "original": {
                 "type": "color",
-                "value": "#87bb62"
+                "value": "#a3a3a3"
               },
-              "name": "pf-t--color--green--40",
+              "name": "pf-t--color--gray--40",
               "attributes": {
                 "category": "color",
-                "type": "green",
+                "type": "gray",
                 "item": "40"
               },
               "path": [
                 "color",
-                "green",
+                "gray",
                 "40"
               ]
             }
           ]
         }
       },
-      "pf-t--global--dark--color--status--success--200": {
+      "pf-t--global--dark--color--severity--none--100": {
         "dark": {
           "type": "color",
-          "value": "#afdc8f",
+          "value": "#92c5f9",
           "filePath": "tokens/dark/base.dark.json",
           "isSource": true,
           "original": {
             "type": "color",
-            "value": "{color.green.30}"
+            "value": "{color.blue.30}"
           },
-          "name": "pf-t--global--dark--color--status--success--200",
+          "name": "pf-t--global--dark--color--severity--none--100",
           "attributes": {
             "category": "global",
             "type": "dark",
             "item": "color",
-            "subitem": "status",
-            "state": "success"
+            "subitem": "severity",
+            "state": "none"
           },
           "path": [
             "global",
             "dark",
             "color",
-            "status",
-            "success",
-            "200"
+            "severity",
+            "none",
+            "100"
           ],
           "references": [
             {
               "type": "color",
-              "value": "#afdc8f",
+              "value": "#92c5f9",
               "filePath": "tokens/dark/palette.color.json",
               "isSource": true,
               "original": {
                 "type": "color",
-                "value": "#afdc8f"
+                "value": "#92c5f9"
               },
-              "name": "pf-t--color--green--30",
+              "name": "pf-t--color--blue--30",
               "attributes": {
                 "category": "color",
-                "type": "green",
+                "type": "blue",
                 "item": "30"
               },
               "path": [
                 "color",
-                "green",
+                "blue",
                 "30"
               ]
             }
           ]
         }
       },
-      "pf-t--global--dark--color--status--success--300": {
+      "pf-t--global--dark--color--severity--minor--100": {
         "dark": {
           "type": "color",
-          "value": "#d1f1bb",
+          "value": "#c7c7c7",
           "filePath": "tokens/dark/base.dark.json",
           "isSource": true,
           "original": {
             "type": "color",
-            "value": "{color.green.20}"
+            "value": "{color.gray.30}"
           },
-          "name": "pf-t--global--dark--color--status--success--300",
+          "name": "pf-t--global--dark--color--severity--minor--100",
           "attributes": {
             "category": "global",
             "type": "dark",
             "item": "color",
-            "subitem": "status",
-            "state": "success"
+            "subitem": "severity",
+            "state": "minor"
           },
           "path": [
             "global",
             "dark",
             "color",
-            "status",
-            "success",
-            "300"
+            "severity",
+            "minor",
+            "100"
           ],
           "references": [
             {
               "type": "color",
-              "value": "#d1f1bb",
+              "value": "#c7c7c7",
               "filePath": "tokens/dark/palette.color.json",
               "isSource": true,
               "original": {
                 "type": "color",
-                "value": "#d1f1bb"
+                "value": "#c7c7c7"
               },
-              "name": "pf-t--color--green--20",
+              "name": "pf-t--color--gray--30",
               "attributes": {
                 "category": "color",
-                "type": "green",
-                "item": "20"
+                "type": "gray",
+                "item": "30"
               },
               "path": [
                 "color",
-                "green",
-                "20"
+                "gray",
+                "30"
               ]
             }
           ]
         }
       },
-      "pf-t--global--dark--color--status--warning--100": {
+      "pf-t--global--dark--color--severity--moderate--100": {
         "dark": {
           "type": "color",
           "value": "#ffcc17",
@@ -47751,20 +48080,20 @@
             "type": "color",
             "value": "{color.yellow.30}"
           },
-          "name": "pf-t--global--dark--color--status--warning--100",
+          "name": "pf-t--global--dark--color--severity--moderate--100",
           "attributes": {
             "category": "global",
             "type": "dark",
             "item": "color",
-            "subitem": "status",
-            "state": "warning"
+            "subitem": "severity",
+            "state": "moderate"
           },
           "path": [
             "global",
             "dark",
             "color",
-            "status",
-            "warning",
+            "severity",
+            "moderate",
             "100"
           ],
           "references": [
@@ -47792,58 +48121,58 @@
           ]
         }
       },
-      "pf-t--global--dark--color--status--warning--200": {
+      "pf-t--global--dark--color--severity--important--100": {
         "dark": {
           "type": "color",
-          "value": "#ffe072",
+          "value": "#f5921b",
           "filePath": "tokens/dark/base.dark.json",
           "isSource": true,
           "original": {
             "type": "color",
-            "value": "{color.yellow.20}"
+            "value": "{color.orange.40}"
           },
-          "name": "pf-t--global--dark--color--status--warning--200",
+          "name": "pf-t--global--dark--color--severity--important--100",
           "attributes": {
             "category": "global",
             "type": "dark",
             "item": "color",
-            "subitem": "status",
-            "state": "warning"
+            "subitem": "severity",
+            "state": "important"
           },
           "path": [
             "global",
             "dark",
             "color",
-            "status",
-            "warning",
-            "200"
+            "severity",
+            "important",
+            "100"
           ],
           "references": [
             {
               "type": "color",
-              "value": "#ffe072",
+              "value": "#f5921b",
               "filePath": "tokens/dark/palette.color.json",
               "isSource": true,
               "original": {
                 "type": "color",
-                "value": "#ffe072"
+                "value": "#f5921b"
               },
-              "name": "pf-t--color--yellow--20",
+              "name": "pf-t--color--orange--40",
               "attributes": {
                 "category": "color",
-                "type": "yellow",
-                "item": "20"
+                "type": "orange",
+                "item": "40"
               },
               "path": [
                 "color",
-                "yellow",
-                "20"
+                "orange",
+                "40"
               ]
             }
           ]
         }
       },
-      "pf-t--global--dark--color--status--danger--100": {
+      "pf-t--global--dark--color--severity--critical--100": {
         "dark": {
           "type": "color",
           "value": "#f0561d",
@@ -47853,20 +48182,20 @@
             "type": "color",
             "value": "{color.red-orange.50}"
           },
-          "name": "pf-t--global--dark--color--status--danger--100",
+          "name": "pf-t--global--dark--color--severity--critical--100",
           "attributes": {
             "category": "global",
             "type": "dark",
             "item": "color",
-            "subitem": "status",
-            "state": "danger"
+            "subitem": "severity",
+            "state": "critical"
           },
           "path": [
             "global",
             "dark",
             "color",
-            "status",
-            "danger",
+            "severity",
+            "critical",
             "100"
           ],
           "references": [
@@ -47894,7 +48223,7 @@
           ]
         }
       },
-      "pf-t--global--dark--color--status--danger--200": {
+      "pf-t--global--dark--color--severity--critical--200": {
         "dark": {
           "type": "color",
           "value": "#f4784a",
@@ -47904,20 +48233,20 @@
             "type": "color",
             "value": "{color.red-orange.40}"
           },
-          "name": "pf-t--global--dark--color--status--danger--200",
+          "name": "pf-t--global--dark--color--severity--critical--200",
           "attributes": {
             "category": "global",
             "type": "dark",
             "item": "color",
-            "subitem": "status",
-            "state": "danger"
+            "subitem": "severity",
+            "state": "critical"
           },
           "path": [
             "global",
             "dark",
             "color",
-            "status",
-            "danger",
+            "severity",
+            "critical",
             "200"
           ],
           "references": [
@@ -47945,766 +48274,766 @@
           ]
         }
       },
-      "pf-t--global--dark--color--status--danger--250": {
+      "pf-t--global--dark--color--status--success--100": {
         "dark": {
           "type": "color",
-          "value": "#f89b78",
+          "value": "#87bb62",
           "filePath": "tokens/dark/base.dark.json",
           "isSource": true,
           "original": {
             "type": "color",
-            "value": "{color.red-orange.30}"
+            "value": "{color.green.40}"
           },
-          "name": "pf-t--global--dark--color--status--danger--250",
+          "name": "pf-t--global--dark--color--status--success--100",
           "attributes": {
             "category": "global",
             "type": "dark",
             "item": "color",
             "subitem": "status",
-            "state": "danger"
+            "state": "success"
           },
           "path": [
             "global",
             "dark",
             "color",
             "status",
-            "danger",
-            "250"
+            "success",
+            "100"
           ],
           "references": [
             {
               "type": "color",
-              "value": "#f89b78",
+              "value": "#87bb62",
               "filePath": "tokens/dark/palette.color.json",
               "isSource": true,
               "original": {
                 "type": "color",
-                "value": "#f89b78"
+                "value": "#87bb62"
               },
-              "name": "pf-t--color--red-orange--30",
+              "name": "pf-t--color--green--40",
               "attributes": {
                 "category": "color",
-                "type": "red-orange",
-                "item": "30"
+                "type": "green",
+                "item": "40"
               },
               "path": [
                 "color",
-                "red-orange",
-                "30"
+                "green",
+                "40"
               ]
             }
           ]
         }
       },
-      "pf-t--global--dark--color--status--danger--300": {
+      "pf-t--global--dark--color--status--success--200": {
         "dark": {
           "type": "color",
-          "value": "#fbbea8",
+          "value": "#afdc8f",
           "filePath": "tokens/dark/base.dark.json",
           "isSource": true,
           "original": {
             "type": "color",
-            "value": "{color.red-orange.20}"
+            "value": "{color.green.30}"
           },
-          "name": "pf-t--global--dark--color--status--danger--300",
+          "name": "pf-t--global--dark--color--status--success--200",
           "attributes": {
             "category": "global",
             "type": "dark",
             "item": "color",
             "subitem": "status",
-            "state": "danger"
+            "state": "success"
           },
           "path": [
             "global",
             "dark",
             "color",
             "status",
-            "danger",
-            "300"
+            "success",
+            "200"
           ],
           "references": [
             {
               "type": "color",
-              "value": "#fbbea8",
+              "value": "#afdc8f",
               "filePath": "tokens/dark/palette.color.json",
               "isSource": true,
               "original": {
                 "type": "color",
-                "value": "#fbbea8"
+                "value": "#afdc8f"
               },
-              "name": "pf-t--color--red-orange--20",
+              "name": "pf-t--color--green--30",
               "attributes": {
                 "category": "color",
-                "type": "red-orange",
-                "item": "20"
+                "type": "green",
+                "item": "30"
               },
               "path": [
                 "color",
-                "red-orange",
-                "20"
+                "green",
+                "30"
               ]
             }
           ]
         }
       },
-      "pf-t--global--dark--color--status--info--100": {
+      "pf-t--global--dark--color--status--success--300": {
         "dark": {
           "type": "color",
-          "value": "#b6a6e9",
+          "value": "#d1f1bb",
           "filePath": "tokens/dark/base.dark.json",
           "isSource": true,
           "original": {
             "type": "color",
-            "value": "{color.purple.30}"
+            "value": "{color.green.20}"
           },
-          "name": "pf-t--global--dark--color--status--info--100",
+          "name": "pf-t--global--dark--color--status--success--300",
           "attributes": {
             "category": "global",
             "type": "dark",
             "item": "color",
             "subitem": "status",
-            "state": "info"
+            "state": "success"
           },
           "path": [
             "global",
             "dark",
             "color",
             "status",
-            "info",
-            "100"
+            "success",
+            "300"
           ],
           "references": [
             {
               "type": "color",
-              "value": "#b6a6e9",
+              "value": "#d1f1bb",
               "filePath": "tokens/dark/palette.color.json",
               "isSource": true,
               "original": {
                 "type": "color",
-                "value": "#b6a6e9"
+                "value": "#d1f1bb"
               },
-              "name": "pf-t--color--purple--30",
+              "name": "pf-t--color--green--20",
               "attributes": {
                 "category": "color",
-                "type": "purple",
-                "item": "30"
+                "type": "green",
+                "item": "20"
               },
               "path": [
                 "color",
-                "purple",
-                "30"
+                "green",
+                "20"
               ]
             }
           ]
         }
       },
-      "pf-t--global--dark--color--status--info--200": {
+      "pf-t--global--dark--color--status--warning--100": {
         "dark": {
           "type": "color",
-          "value": "#d0c5f4",
+          "value": "#ffcc17",
           "filePath": "tokens/dark/base.dark.json",
           "isSource": true,
           "original": {
             "type": "color",
-            "value": "{color.purple.20}"
+            "value": "{color.yellow.30}"
           },
-          "name": "pf-t--global--dark--color--status--info--200",
+          "name": "pf-t--global--dark--color--status--warning--100",
           "attributes": {
             "category": "global",
             "type": "dark",
             "item": "color",
             "subitem": "status",
-            "state": "info"
+            "state": "warning"
           },
           "path": [
             "global",
             "dark",
             "color",
             "status",
-            "info",
-            "200"
+            "warning",
+            "100"
           ],
           "references": [
             {
               "type": "color",
-              "value": "#d0c5f4",
+              "value": "#ffcc17",
               "filePath": "tokens/dark/palette.color.json",
               "isSource": true,
               "original": {
                 "type": "color",
-                "value": "#d0c5f4"
+                "value": "#ffcc17"
               },
-              "name": "pf-t--color--purple--20",
+              "name": "pf-t--color--yellow--30",
               "attributes": {
                 "category": "color",
-                "type": "purple",
-                "item": "20"
+                "type": "yellow",
+                "item": "30"
               },
               "path": [
                 "color",
-                "purple",
-                "20"
+                "yellow",
+                "30"
               ]
             }
           ]
         }
       },
-      "pf-t--global--dark--color--status--info--300": {
+      "pf-t--global--dark--color--status--warning--200": {
         "dark": {
           "type": "color",
-          "value": "#ece6ff",
+          "value": "#ffe072",
           "filePath": "tokens/dark/base.dark.json",
           "isSource": true,
           "original": {
             "type": "color",
-            "value": "{color.purple.10}"
+            "value": "{color.yellow.20}"
           },
-          "name": "pf-t--global--dark--color--status--info--300",
+          "name": "pf-t--global--dark--color--status--warning--200",
           "attributes": {
             "category": "global",
             "type": "dark",
             "item": "color",
             "subitem": "status",
-            "state": "info"
+            "state": "warning"
           },
           "path": [
             "global",
             "dark",
             "color",
             "status",
-            "info",
-            "300"
+            "warning",
+            "200"
           ],
           "references": [
             {
               "type": "color",
-              "value": "#ece6ff",
+              "value": "#ffe072",
               "filePath": "tokens/dark/palette.color.json",
               "isSource": true,
               "original": {
                 "type": "color",
-                "value": "#ece6ff"
+                "value": "#ffe072"
               },
-              "name": "pf-t--color--purple--10",
+              "name": "pf-t--color--yellow--20",
               "attributes": {
                 "category": "color",
-                "type": "purple",
-                "item": "10"
+                "type": "yellow",
+                "item": "20"
               },
               "path": [
                 "color",
-                "purple",
-                "10"
+                "yellow",
+                "20"
               ]
             }
           ]
         }
       },
-      "pf-t--global--dark--color--status--custom--100": {
+      "pf-t--global--dark--color--status--danger--100": {
         "dark": {
           "type": "color",
-          "value": "#63bdbd",
+          "value": "#f0561d",
           "filePath": "tokens/dark/base.dark.json",
           "isSource": true,
           "original": {
             "type": "color",
-            "value": "{color.teal.40}"
+            "value": "{color.red-orange.50}"
           },
-          "name": "pf-t--global--dark--color--status--custom--100",
+          "name": "pf-t--global--dark--color--status--danger--100",
           "attributes": {
             "category": "global",
             "type": "dark",
             "item": "color",
             "subitem": "status",
-            "state": "custom"
+            "state": "danger"
           },
           "path": [
             "global",
             "dark",
             "color",
             "status",
-            "custom",
+            "danger",
             "100"
           ],
           "references": [
             {
               "type": "color",
-              "value": "#63bdbd",
+              "value": "#f0561d",
               "filePath": "tokens/dark/palette.color.json",
               "isSource": true,
               "original": {
                 "type": "color",
-                "value": "#63bdbd"
+                "value": "#f0561d"
               },
-              "name": "pf-t--color--teal--40",
+              "name": "pf-t--color--red-orange--50",
               "attributes": {
                 "category": "color",
-                "type": "teal",
-                "item": "40"
+                "type": "red-orange",
+                "item": "50"
               },
               "path": [
                 "color",
-                "teal",
-                "40"
+                "red-orange",
+                "50"
               ]
             }
           ]
         }
       },
-      "pf-t--global--dark--color--status--custom--200": {
+      "pf-t--global--dark--color--status--danger--200": {
         "dark": {
           "type": "color",
-          "value": "#9ad8d8",
+          "value": "#f4784a",
           "filePath": "tokens/dark/base.dark.json",
           "isSource": true,
           "original": {
             "type": "color",
-            "value": "{color.teal.30}"
+            "value": "{color.red-orange.40}"
           },
-          "name": "pf-t--global--dark--color--status--custom--200",
+          "name": "pf-t--global--dark--color--status--danger--200",
           "attributes": {
             "category": "global",
             "type": "dark",
             "item": "color",
             "subitem": "status",
-            "state": "custom"
+            "state": "danger"
           },
           "path": [
             "global",
             "dark",
             "color",
             "status",
-            "custom",
+            "danger",
             "200"
           ],
           "references": [
             {
               "type": "color",
-              "value": "#9ad8d8",
+              "value": "#f4784a",
               "filePath": "tokens/dark/palette.color.json",
               "isSource": true,
               "original": {
                 "type": "color",
-                "value": "#9ad8d8"
+                "value": "#f4784a"
               },
-              "name": "pf-t--color--teal--30",
+              "name": "pf-t--color--red-orange--40",
               "attributes": {
                 "category": "color",
-                "type": "teal",
-                "item": "30"
+                "type": "red-orange",
+                "item": "40"
               },
               "path": [
                 "color",
-                "teal",
-                "30"
+                "red-orange",
+                "40"
               ]
             }
           ]
         }
       },
-      "pf-t--global--dark--color--status--custom--300": {
+      "pf-t--global--dark--color--status--danger--250": {
         "dark": {
           "type": "color",
-          "value": "#b9e5e5",
+          "value": "#f89b78",
           "filePath": "tokens/dark/base.dark.json",
           "isSource": true,
           "original": {
             "type": "color",
-            "value": "{color.teal.20}"
+            "value": "{color.red-orange.30}"
           },
-          "name": "pf-t--global--dark--color--status--custom--300",
+          "name": "pf-t--global--dark--color--status--danger--250",
           "attributes": {
             "category": "global",
             "type": "dark",
             "item": "color",
             "subitem": "status",
-            "state": "custom"
+            "state": "danger"
           },
           "path": [
             "global",
             "dark",
             "color",
             "status",
-            "custom",
-            "300"
+            "danger",
+            "250"
           ],
           "references": [
             {
               "type": "color",
-              "value": "#b9e5e5",
+              "value": "#f89b78",
               "filePath": "tokens/dark/palette.color.json",
               "isSource": true,
               "original": {
                 "type": "color",
-                "value": "#b9e5e5"
+                "value": "#f89b78"
               },
-              "name": "pf-t--color--teal--20",
+              "name": "pf-t--color--red-orange--30",
               "attributes": {
                 "category": "color",
-                "type": "teal",
-                "item": "20"
+                "type": "red-orange",
+                "item": "30"
               },
               "path": [
                 "color",
-                "teal",
-                "20"
+                "red-orange",
+                "30"
               ]
             }
           ]
         }
       },
-      "pf-t--global--dark--color--severity--undefined--100": {
+      "pf-t--global--dark--color--status--danger--300": {
         "dark": {
           "type": "color",
-          "value": "#a3a3a3",
+          "value": "#fbbea8",
           "filePath": "tokens/dark/base.dark.json",
           "isSource": true,
           "original": {
             "type": "color",
-            "value": "{color.gray.40}"
+            "value": "{color.red-orange.20}"
           },
-          "name": "pf-t--global--dark--color--severity--undefined--100",
+          "name": "pf-t--global--dark--color--status--danger--300",
           "attributes": {
             "category": "global",
             "type": "dark",
             "item": "color",
-            "subitem": "severity",
-            "state": "undefined"
+            "subitem": "status",
+            "state": "danger"
           },
           "path": [
             "global",
             "dark",
             "color",
-            "severity",
-            "undefined",
-            "100"
+            "status",
+            "danger",
+            "300"
           ],
           "references": [
             {
               "type": "color",
-              "value": "#a3a3a3",
+              "value": "#fbbea8",
               "filePath": "tokens/dark/palette.color.json",
               "isSource": true,
               "original": {
                 "type": "color",
-                "value": "#a3a3a3"
+                "value": "#fbbea8"
               },
-              "name": "pf-t--color--gray--40",
+              "name": "pf-t--color--red-orange--20",
               "attributes": {
                 "category": "color",
-                "type": "gray",
-                "item": "40"
+                "type": "red-orange",
+                "item": "20"
               },
               "path": [
                 "color",
-                "gray",
-                "40"
+                "red-orange",
+                "20"
               ]
             }
           ]
         }
       },
-      "pf-t--global--dark--color--severity--none--100": {
+      "pf-t--global--dark--color--status--info--100": {
         "dark": {
           "type": "color",
-          "value": "#92c5f9",
+          "value": "#b6a6e9",
           "filePath": "tokens/dark/base.dark.json",
           "isSource": true,
           "original": {
             "type": "color",
-            "value": "{color.blue.30}"
+            "value": "{color.purple.30}"
           },
-          "name": "pf-t--global--dark--color--severity--none--100",
+          "name": "pf-t--global--dark--color--status--info--100",
           "attributes": {
             "category": "global",
             "type": "dark",
             "item": "color",
-            "subitem": "severity",
-            "state": "none"
+            "subitem": "status",
+            "state": "info"
           },
           "path": [
             "global",
             "dark",
             "color",
-            "severity",
-            "none",
+            "status",
+            "info",
             "100"
           ],
           "references": [
             {
               "type": "color",
-              "value": "#92c5f9",
+              "value": "#b6a6e9",
               "filePath": "tokens/dark/palette.color.json",
               "isSource": true,
               "original": {
                 "type": "color",
-                "value": "#92c5f9"
+                "value": "#b6a6e9"
               },
-              "name": "pf-t--color--blue--30",
+              "name": "pf-t--color--purple--30",
               "attributes": {
                 "category": "color",
-                "type": "blue",
+                "type": "purple",
                 "item": "30"
               },
               "path": [
                 "color",
-                "blue",
+                "purple",
                 "30"
               ]
             }
           ]
         }
       },
-      "pf-t--global--dark--color--severity--minor--100": {
+      "pf-t--global--dark--color--status--info--200": {
         "dark": {
           "type": "color",
-          "value": "#c7c7c7",
+          "value": "#d0c5f4",
           "filePath": "tokens/dark/base.dark.json",
           "isSource": true,
           "original": {
             "type": "color",
-            "value": "{color.gray.30}"
+            "value": "{color.purple.20}"
           },
-          "name": "pf-t--global--dark--color--severity--minor--100",
+          "name": "pf-t--global--dark--color--status--info--200",
           "attributes": {
             "category": "global",
             "type": "dark",
             "item": "color",
-            "subitem": "severity",
-            "state": "minor"
+            "subitem": "status",
+            "state": "info"
           },
           "path": [
             "global",
             "dark",
             "color",
-            "severity",
-            "minor",
-            "100"
+            "status",
+            "info",
+            "200"
           ],
           "references": [
             {
               "type": "color",
-              "value": "#c7c7c7",
+              "value": "#d0c5f4",
               "filePath": "tokens/dark/palette.color.json",
               "isSource": true,
               "original": {
                 "type": "color",
-                "value": "#c7c7c7"
+                "value": "#d0c5f4"
               },
-              "name": "pf-t--color--gray--30",
+              "name": "pf-t--color--purple--20",
               "attributes": {
                 "category": "color",
-                "type": "gray",
-                "item": "30"
+                "type": "purple",
+                "item": "20"
               },
               "path": [
                 "color",
-                "gray",
-                "30"
+                "purple",
+                "20"
               ]
             }
           ]
         }
       },
-      "pf-t--global--dark--color--severity--moderate--100": {
+      "pf-t--global--dark--color--status--info--300": {
         "dark": {
           "type": "color",
-          "value": "#ffcc17",
+          "value": "#ece6ff",
           "filePath": "tokens/dark/base.dark.json",
           "isSource": true,
           "original": {
             "type": "color",
-            "value": "{color.yellow.30}"
+            "value": "{color.purple.10}"
           },
-          "name": "pf-t--global--dark--color--severity--moderate--100",
+          "name": "pf-t--global--dark--color--status--info--300",
           "attributes": {
             "category": "global",
             "type": "dark",
             "item": "color",
-            "subitem": "severity",
-            "state": "moderate"
+            "subitem": "status",
+            "state": "info"
           },
           "path": [
             "global",
             "dark",
             "color",
-            "severity",
-            "moderate",
-            "100"
+            "status",
+            "info",
+            "300"
           ],
           "references": [
             {
               "type": "color",
-              "value": "#ffcc17",
+              "value": "#ece6ff",
               "filePath": "tokens/dark/palette.color.json",
               "isSource": true,
               "original": {
                 "type": "color",
-                "value": "#ffcc17"
+                "value": "#ece6ff"
               },
-              "name": "pf-t--color--yellow--30",
+              "name": "pf-t--color--purple--10",
               "attributes": {
                 "category": "color",
-                "type": "yellow",
-                "item": "30"
+                "type": "purple",
+                "item": "10"
               },
               "path": [
                 "color",
-                "yellow",
-                "30"
+                "purple",
+                "10"
               ]
             }
           ]
         }
       },
-      "pf-t--global--dark--color--severity--important--100": {
+      "pf-t--global--dark--color--status--custom--100": {
         "dark": {
           "type": "color",
-          "value": "#f5921b",
+          "value": "#63bdbd",
           "filePath": "tokens/dark/base.dark.json",
           "isSource": true,
           "original": {
             "type": "color",
-            "value": "{color.orange.40}"
+            "value": "{color.teal.40}"
           },
-          "name": "pf-t--global--dark--color--severity--important--100",
+          "name": "pf-t--global--dark--color--status--custom--100",
           "attributes": {
             "category": "global",
             "type": "dark",
             "item": "color",
-            "subitem": "severity",
-            "state": "important"
+            "subitem": "status",
+            "state": "custom"
           },
           "path": [
             "global",
             "dark",
             "color",
-            "severity",
-            "important",
+            "status",
+            "custom",
             "100"
           ],
           "references": [
             {
               "type": "color",
-              "value": "#f5921b",
+              "value": "#63bdbd",
               "filePath": "tokens/dark/palette.color.json",
               "isSource": true,
               "original": {
                 "type": "color",
-                "value": "#f5921b"
+                "value": "#63bdbd"
               },
-              "name": "pf-t--color--orange--40",
+              "name": "pf-t--color--teal--40",
               "attributes": {
                 "category": "color",
-                "type": "orange",
+                "type": "teal",
                 "item": "40"
               },
               "path": [
                 "color",
-                "orange",
+                "teal",
                 "40"
               ]
             }
           ]
         }
       },
-      "pf-t--global--dark--color--severity--critical--100": {
+      "pf-t--global--dark--color--status--custom--200": {
         "dark": {
           "type": "color",
-          "value": "#f0561d",
+          "value": "#9ad8d8",
           "filePath": "tokens/dark/base.dark.json",
           "isSource": true,
           "original": {
             "type": "color",
-            "value": "{color.red-orange.50}"
+            "value": "{color.teal.30}"
           },
-          "name": "pf-t--global--dark--color--severity--critical--100",
+          "name": "pf-t--global--dark--color--status--custom--200",
           "attributes": {
             "category": "global",
             "type": "dark",
             "item": "color",
-            "subitem": "severity",
-            "state": "critical"
+            "subitem": "status",
+            "state": "custom"
           },
           "path": [
             "global",
             "dark",
             "color",
-            "severity",
-            "critical",
-            "100"
+            "status",
+            "custom",
+            "200"
           ],
           "references": [
             {
               "type": "color",
-              "value": "#f0561d",
+              "value": "#9ad8d8",
               "filePath": "tokens/dark/palette.color.json",
               "isSource": true,
               "original": {
                 "type": "color",
-                "value": "#f0561d"
+                "value": "#9ad8d8"
               },
-              "name": "pf-t--color--red-orange--50",
+              "name": "pf-t--color--teal--30",
               "attributes": {
                 "category": "color",
-                "type": "red-orange",
-                "item": "50"
+                "type": "teal",
+                "item": "30"
               },
               "path": [
                 "color",
-                "red-orange",
-                "50"
+                "teal",
+                "30"
               ]
             }
           ]
         }
       },
-      "pf-t--global--dark--color--severity--critical--200": {
+      "pf-t--global--dark--color--status--custom--300": {
         "dark": {
           "type": "color",
-          "value": "#f4784a",
+          "value": "#b9e5e5",
           "filePath": "tokens/dark/base.dark.json",
           "isSource": true,
           "original": {
             "type": "color",
-            "value": "{color.red-orange.40}"
+            "value": "{color.teal.20}"
           },
-          "name": "pf-t--global--dark--color--severity--critical--200",
+          "name": "pf-t--global--dark--color--status--custom--300",
           "attributes": {
             "category": "global",
             "type": "dark",
             "item": "color",
-            "subitem": "severity",
-            "state": "critical"
+            "subitem": "status",
+            "state": "custom"
           },
           "path": [
             "global",
             "dark",
             "color",
-            "severity",
-            "critical",
-            "200"
+            "status",
+            "custom",
+            "300"
           ],
           "references": [
             {
               "type": "color",
-              "value": "#f4784a",
+              "value": "#b9e5e5",
               "filePath": "tokens/dark/palette.color.json",
               "isSource": true,
               "original": {
                 "type": "color",
-                "value": "#f4784a"
+                "value": "#b9e5e5"
               },
-              "name": "pf-t--color--red-orange--40",
+              "name": "pf-t--color--teal--20",
               "attributes": {
                 "category": "color",
-                "type": "red-orange",
-                "item": "40"
+                "type": "teal",
+                "item": "20"
               },
               "path": [
                 "color",
-                "red-orange",
-                "40"
+                "teal",
+                "20"
               ]
             }
           ]
@@ -50288,6 +50617,56 @@
           ]
         }
       },
+      "pf-t--global--dark--border--color--300": {
+        "dark": {
+          "type": "color",
+          "value": "#c7c7c7",
+          "filePath": "tokens/dark/base.dark.json",
+          "isSource": true,
+          "original": {
+            "type": "color",
+            "value": "{color.gray.30}"
+          },
+          "name": "pf-t--global--dark--border--color--300",
+          "attributes": {
+            "category": "global",
+            "type": "dark",
+            "item": "border",
+            "subitem": "color",
+            "state": "300"
+          },
+          "path": [
+            "global",
+            "dark",
+            "border",
+            "color",
+            "300"
+          ],
+          "references": [
+            {
+              "type": "color",
+              "value": "#c7c7c7",
+              "filePath": "tokens/dark/palette.color.json",
+              "isSource": true,
+              "original": {
+                "type": "color",
+                "value": "#c7c7c7"
+              },
+              "name": "pf-t--color--gray--30",
+              "attributes": {
+                "category": "color",
+                "type": "gray",
+                "item": "30"
+              },
+              "path": [
+                "color",
+                "gray",
+                "30"
+              ]
+            }
+          ]
+        }
+      },
       "pf-t--global--dark--text--color--100": {
         "dark": {
           "type": "color",
@@ -57743,6 +58122,29 @@
         ]
       }
     },
+    "pf-t--chart--global--letter-spacing": {
+      "dark": {
+        "type": "string",
+        "value": "normal",
+        "filePath": "tokens/dark/charts.dark.json",
+        "isSource": true,
+        "original": {
+          "type": "string",
+          "value": "normal"
+        },
+        "name": "pf-t--chart--global--letter-spacing",
+        "attributes": {
+          "category": "chart",
+          "type": "global",
+          "item": "letter-spacing"
+        },
+        "path": [
+          "chart",
+          "global",
+          "letter-spacing"
+        ]
+      }
+    },
     "pf-t--chart--global--FontSize--xs": {
       "dark": {
         "type": "number",
@@ -57843,29 +58245,6 @@
         ]
       }
     },
-    "pf-t--chart--global--letter-spacing": {
-      "dark": {
-        "type": "string",
-        "value": "normal",
-        "filePath": "tokens/dark/charts.dark.json",
-        "isSource": true,
-        "original": {
-          "type": "string",
-          "value": "normal"
-        },
-        "name": "pf-t--chart--global--letter-spacing",
-        "attributes": {
-          "category": "chart",
-          "type": "global",
-          "item": "letter-spacing"
-        },
-        "path": [
-          "chart",
-          "global",
-          "letter-spacing"
-        ]
-      }
-    },
     "pf-t--chart--global--layout--padding": {
       "dark": {
         "type": "number",
@@ -57941,6 +58320,29 @@
         ]
       }
     },
+    "pf-t--chart--global--stroke-line-cap": {
+      "dark": {
+        "type": "string",
+        "value": "round",
+        "filePath": "tokens/dark/charts.dark.json",
+        "isSource": true,
+        "original": {
+          "type": "string",
+          "value": "round"
+        },
+        "name": "pf-t--chart--global--stroke-line-cap",
+        "attributes": {
+          "category": "chart",
+          "type": "global",
+          "item": "stroke-line-cap"
+        },
+        "path": [
+          "chart",
+          "global",
+          "stroke-line-cap"
+        ]
+      }
+    },
     "pf-t--chart--global--label--padding": {
       "dark": {
         "type": "number",
@@ -58099,29 +58501,6 @@
         ]
       }
     },
-    "pf-t--chart--global--stroke-line-cap": {
-      "dark": {
-        "type": "string",
-        "value": "round",
-        "filePath": "tokens/dark/charts.dark.json",
-        "isSource": true,
-        "original": {
-          "type": "string",
-          "value": "round"
-        },
-        "name": "pf-t--chart--global--stroke-line-cap",
-        "attributes": {
-          "category": "chart",
-          "type": "global",
-          "item": "stroke-line-cap"
-        },
-        "path": [
-          "chart",
-          "global",
-          "stroke-line-cap"
-        ]
-      }
-    },
     "pf-t--chart--global--stroke-line-join": {
       "dark": {
         "type": "string",