@patternfly/design-tokens 1.15.0 → 1.15.2

package/patternfly-docs/content/token-layers-redhat-highcontrast-dark.json

@@ -502,7 +502,7 @@
           ]
         }
       },
-      "pf-t--global--background--color--glass--primary": {
+      "pf-t--global--background--color--glass--primary--default": {
         "default": {
           "type": "color",
           "value": "#000000",
@@ -512,7 +512,7 @@
             "type": "color",
             "value": "{global.background.color.primary.default}"
           },
-          "name": "pf-t--global--background--color--glass--primary",
+          "name": "pf-t--global--background--color--glass--primary--default",
           "attributes": {
             "category": "global",
             "type": "background",
@@ -525,7 +525,8 @@
             "background",
             "color",
             "glass",
-            "primary"
+            "primary",
+            "default"
           ],
           "references": [
             {
@@ -579,105 +580,78 @@
           ]
         }
       },
-      "pf-t--global--background--color--glass--floating": {
+      "pf-t--global--background--color--floating--default": {
         "default": {
+          "description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
           "type": "color",
           "value": "#292929",
           "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
           "isSource": true,
           "original": {
+            "description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
             "type": "color",
-            "value": "{global.background.color.floating.default}"
+            "value": "{global.dark.background.color.200}"
           },
-          "name": "pf-t--global--background--color--glass--floating",
+          "name": "pf-t--global--background--color--floating--default",
           "attributes": {
             "category": "global",
             "type": "background",
             "item": "color",
-            "subitem": "glass",
-            "state": "floating"
+            "subitem": "floating",
+            "state": "default"
           },
           "path": [
             "global",
             "background",
             "color",
-            "glass",
-            "floating"
+            "floating",
+            "default"
           ],
           "references": [
             {
-              "description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
               "type": "color",
               "value": "#292929",
-              "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
+              "filePath": "tokens/default/highcontrast-dark/base.dark.json",
               "isSource": true,
               "original": {
-                "description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
                 "type": "color",
-                "value": "{global.dark.background.color.200}"
+                "value": "{color.gray.80}"
               },
-              "name": "pf-t--global--background--color--floating--default",
+              "name": "pf-t--global--dark--background--color--200",
               "attributes": {
                 "category": "global",
-                "type": "background",
-                "item": "color",
-                "subitem": "floating",
-                "state": "default"
+                "type": "dark",
+                "item": "background",
+                "subitem": "color",
+                "state": "200"
               },
               "path": [
                 "global",
+                "dark",
                 "background",
                 "color",
-                "floating",
-                "default"
+                "200"
               ],
               "references": [
                 {
                   "type": "color",
                   "value": "#292929",
-                  "filePath": "tokens/default/highcontrast-dark/base.dark.json",
+                  "filePath": "tokens/default/highcontrast-dark/palette.color.json",
                   "isSource": true,
                   "original": {
                     "type": "color",
-                    "value": "{color.gray.80}"
+                    "value": "#292929"
                   },
-                  "name": "pf-t--global--dark--background--color--200",
+                  "name": "pf-t--color--gray--80",
                   "attributes": {
-                    "category": "global",
-                    "type": "dark",
-                    "item": "background",
-                    "subitem": "color",
-                    "state": "200"
+                    "category": "color",
+                    "type": "gray",
+                    "item": "80"
                   },
                   "path": [
-                    "global",
-                    "dark",
-                    "background",
                     "color",
-                    "200"
-                  ],
-                  "references": [
-                    {
-                      "type": "color",
-                      "value": "#292929",
-                      "filePath": "tokens/default/highcontrast-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"
-                      ]
-                    }
+                    "gray",
+                    "80"
                   ]
                 }
               ]
@@ -685,78 +659,78 @@
           ]
         }
       },
-      "pf-t--global--background--color--floating--default": {
+      "pf-t--global--background--color--floating--hover": {
         "default": {
-          "description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
+          "description": "Use as the hover state for floating backgrounds",
           "type": "color",
-          "value": "#292929",
+          "value": "#383838",
           "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
           "isSource": true,
           "original": {
-            "description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
+            "description": "Use as the hover state for floating backgrounds",
             "type": "color",
-            "value": "{global.dark.background.color.200}"
+            "value": "{global.dark.background.color.300}"
           },
-          "name": "pf-t--global--background--color--floating--default",
+          "name": "pf-t--global--background--color--floating--hover",
           "attributes": {
             "category": "global",
             "type": "background",
             "item": "color",
             "subitem": "floating",
-            "state": "default"
+            "state": "hover"
           },
           "path": [
             "global",
             "background",
             "color",
             "floating",
-            "default"
+            "hover"
           ],
           "references": [
             {
               "type": "color",
-              "value": "#292929",
+              "value": "#383838",
               "filePath": "tokens/default/highcontrast-dark/base.dark.json",
               "isSource": true,
               "original": {
                 "type": "color",
-                "value": "{color.gray.80}"
+                "value": "{color.gray.70}"
               },
-              "name": "pf-t--global--dark--background--color--200",
+              "name": "pf-t--global--dark--background--color--300",
               "attributes": {
                 "category": "global",
                 "type": "dark",
                 "item": "background",
                 "subitem": "color",
-                "state": "200"
+                "state": "300"
               },
               "path": [
                 "global",
                 "dark",
                 "background",
                 "color",
-                "200"
+                "300"
               ],
               "references": [
                 {
                   "type": "color",
-                  "value": "#292929",
+                  "value": "#383838",
                   "filePath": "tokens/default/highcontrast-dark/palette.color.json",
                   "isSource": true,
                   "original": {
                     "type": "color",
-                    "value": "#292929"
+                    "value": "#383838"
                   },
-                  "name": "pf-t--color--gray--80",
+                  "name": "pf-t--color--gray--70",
                   "attributes": {
                     "category": "color",
                     "type": "gray",
-                    "item": "80"
+                    "item": "70"
                   },
                   "path": [
                     "color",
                     "gray",
-                    "80"
+                    "70"
                   ]
                 }
               ]
@@ -764,32 +738,32 @@
           ]
         }
       },
-      "pf-t--global--background--color--floating--hover": {
+      "pf-t--global--background--color--floating--clicked": {
         "default": {
-          "description": "Use as the hover state for floating backgrounds",
+          "description": "Use as the clicked state for floating backgrounds",
           "type": "color",
           "value": "#383838",
           "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
           "isSource": true,
           "original": {
-            "description": "Use as the hover state for floating backgrounds",
+            "description": "Use as the clicked state for floating backgrounds",
             "type": "color",
             "value": "{global.dark.background.color.300}"
           },
-          "name": "pf-t--global--background--color--floating--hover",
+          "name": "pf-t--global--background--color--floating--clicked",
           "attributes": {
             "category": "global",
             "type": "background",
             "item": "color",
             "subitem": "floating",
-            "state": "hover"
+            "state": "clicked"
           },
           "path": [
             "global",
             "background",
             "color",
             "floating",
-            "hover"
+            "clicked"
           ],
           "references": [
             {
@@ -843,78 +817,106 @@
           ]
         }
       },
-      "pf-t--global--background--color--floating--clicked": {
+      "pf-t--global--background--color--floating--secondary--default": {
         "default": {
-          "description": "Use as the clicked state for floating backgrounds",
           "type": "color",
-          "value": "#383838",
+          "value": "#151515",
           "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
           "isSource": true,
           "original": {
-            "description": "Use as the clicked state for floating backgrounds",
             "type": "color",
-            "value": "{global.dark.background.color.300}"
+            "value": "{global.background.color.secondary.default}"
           },
-          "name": "pf-t--global--background--color--floating--clicked",
+          "name": "pf-t--global--background--color--floating--secondary--default",
           "attributes": {
             "category": "global",
             "type": "background",
             "item": "color",
             "subitem": "floating",
-            "state": "clicked"
+            "state": "secondary"
           },
           "path": [
             "global",
             "background",
             "color",
             "floating",
-            "clicked"
+            "secondary",
+            "default"
           ],
           "references": [
             {
+              "description": "Use as the secondary background color for UI content Use as the primary background color for UI content such as cards, page sections, and other content areas. Secondary background color is also used for our UI shell backgrounds (nav, masthead, etc).",
               "type": "color",
-              "value": "#383838",
-              "filePath": "tokens/default/highcontrast-dark/base.dark.json",
+              "value": "#151515",
+              "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
               "isSource": true,
               "original": {
+                "description": "Use as the secondary background color for UI content Use as the primary background color for UI content such as cards, page sections, and other content areas. Secondary background color is also used for our UI shell backgrounds (nav, masthead, etc).",
                 "type": "color",
-                "value": "{color.gray.70}"
+                "value": "{global.dark.background.color.100}"
               },
-              "name": "pf-t--global--dark--background--color--300",
+              "name": "pf-t--global--background--color--secondary--default",
               "attributes": {
                 "category": "global",
-                "type": "dark",
-                "item": "background",
-                "subitem": "color",
-                "state": "300"
+                "type": "background",
+                "item": "color",
+                "subitem": "secondary",
+                "state": "default"
               },
               "path": [
                 "global",
-                "dark",
                 "background",
                 "color",
-                "300"
+                "secondary",
+                "default"
               ],
               "references": [
                 {
                   "type": "color",
-                  "value": "#383838",
-                  "filePath": "tokens/default/highcontrast-dark/palette.color.json",
+                  "value": "#151515",
+                  "filePath": "tokens/default/highcontrast-dark/base.dark.json",
                   "isSource": true,
                   "original": {
                     "type": "color",
-                    "value": "#383838"
+                    "value": "{color.gray.95}"
                   },
-                  "name": "pf-t--color--gray--70",
+                  "name": "pf-t--global--dark--background--color--100",
                   "attributes": {
-                    "category": "color",
-                    "type": "gray",
-                    "item": "70"
+                    "category": "global",
+                    "type": "dark",
+                    "item": "background",
+                    "subitem": "color",
+                    "state": "100"
                   },
                   "path": [
+                    "global",
+                    "dark",
+                    "background",
                     "color",
-                    "gray",
-                    "70"
+                    "100"
+                  ],
+                  "references": [
+                    {
+                      "type": "color",
+                      "value": "#151515",
+                      "filePath": "tokens/default/highcontrast-dark/palette.color.json",
+                      "isSource": true,
+                      "original": {
+                        "type": "color",
+                        "value": "#151515"
+                      },
+                      "name": "pf-t--color--gray--95",
+                      "attributes": {
+                        "category": "color",
+                        "type": "gray",
+                        "item": "95"
+                      },
+                      "path": [
+                        "color",
+                        "gray",
+                        "95"
+                      ]
+                    }
                   ]
                 }
               ]
@@ -1389,12 +1391,12 @@
       "pf-t--global--background--color--control--read-only": {
         "default": {
           "type": "color",
-          "value": "#383838",
+          "value": "#151515",
           "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
           "isSource": true,
           "original": {
             "type": "color",
-            "value": "{global.dark.background.color.300}"
+            "value": "{global.dark.background.color.100}"
           },
           "name": "pf-t--global--background--color--control--read-only",
           "attributes": {
@@ -1414,48 +1416,48 @@
           "references": [
             {
               "type": "color",
-              "value": "#383838",
+              "value": "#151515",
               "filePath": "tokens/default/highcontrast-dark/base.dark.json",
               "isSource": true,
               "original": {
                 "type": "color",
-                "value": "{color.gray.70}"
+                "value": "{color.gray.95}"
               },
-              "name": "pf-t--global--dark--background--color--300",
+              "name": "pf-t--global--dark--background--color--100",
               "attributes": {
                 "category": "global",
                 "type": "dark",
                 "item": "background",
                 "subitem": "color",
-                "state": "300"
+                "state": "100"
               },
               "path": [
                 "global",
                 "dark",
                 "background",
                 "color",
-                "300"
+                "100"
               ],
               "references": [
                 {
                   "type": "color",
-                  "value": "#383838",
+                  "value": "#151515",
                   "filePath": "tokens/default/highcontrast-dark/palette.color.json",
                   "isSource": true,
                   "original": {
                     "type": "color",
-                    "value": "#383838"
+                    "value": "#151515"
                   },
-                  "name": "pf-t--color--gray--70",
+                  "name": "pf-t--color--gray--95",
                   "attributes": {
                     "category": "color",
                     "type": "gray",
-                    "item": "70"
+                    "item": "95"
                   },
                   "path": [
                     "color",
                     "gray",
-                    "70"
+                    "95"
                   ]
                 }
               ]
@@ -1995,6 +1997,34 @@
           ]
         }
       },
+      "pf-t--global--background--color--striped--row--default": {
+        "default": {
+          "type": "color",
+          "value": "rgba(21, 21, 21, 0.3000)",
+          "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
+          "isSource": true,
+          "original": {
+            "type": "color",
+            "value": "rgba(21, 21, 21, 0.3000)"
+          },
+          "name": "pf-t--global--background--color--striped--row--default",
+          "attributes": {
+            "category": "global",
+            "type": "background",
+            "item": "color",
+            "subitem": "striped",
+            "state": "row"
+          },
+          "path": [
+            "global",
+            "background",
+            "color",
+            "striped",
+            "row",
+            "default"
+          ]
+        }
+      },
       "pf-t--global--background--color--loading--skeleton--default": {
         "default": {
           "type": "color",
@@ -2133,34 +2163,6 @@
           ]
         }
       },
-      "pf-t--global--background--filter--glass--blur--floating": {
-        "default": {
-          "type": "number",
-          "value": "blur(0px)",
-          "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
-          "isSource": true,
-          "original": {
-            "type": "number",
-            "value": 0
-          },
-          "name": "pf-t--global--background--filter--glass--blur--floating",
-          "attributes": {
-            "category": "global",
-            "type": "background",
-            "item": "filter",
-            "subitem": "glass",
-            "state": "blur"
-          },
-          "path": [
-            "global",
-            "background",
-            "filter",
-            "glass",
-            "blur",
-            "floating"
-          ]
-        }
-      },
       "pf-t--global--color--brand--default": {
         "default": {
           "description": "Use this color for elements that you want to reinforce your brand",
@@ -16595,11 +16597,13 @@
       },
       "pf-t--global--border--color--control--default": {
         "default": {
+          "description": "Use as the default border for control elements like form inputs, menu toggles, and clickable cards",
           "type": "color",
           "value": "#c7c7c7",
           "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
           "isSource": true,
           "original": {
+            "description": "Use as the default border for control elements like form inputs, menu toggles, and clickable cards",
             "type": "color",
             "value": "{global.dark.border.color.300}"
           },
@@ -16672,11 +16676,13 @@
       },
       "pf-t--global--border--color--control--read-only": {
         "default": {
+          "description": "Use as the read-only border for control elements like form inputs, menu toggles.",
           "type": "color",
-          "value": "#4d4d4d",
+          "value": "#383838",
           "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
           "isSource": true,
           "original": {
+            "description": "Use as the read-only border for control elements like form inputs, menu toggles.",
             "type": "color",
             "value": "{global.dark.border.color.50}"
           },
@@ -16698,12 +16704,12 @@
           "references": [
             {
               "type": "color",
-              "value": "#4d4d4d",
+              "value": "#383838",
               "filePath": "tokens/default/highcontrast-dark/base.dark.json",
               "isSource": true,
               "original": {
                 "type": "color",
-                "value": "{color.gray.60}"
+                "value": "{color.gray.70}"
               },
               "name": "pf-t--global--dark--border--color--50",
               "attributes": {
@@ -16723,23 +16729,23 @@
               "references": [
                 {
                   "type": "color",
-                  "value": "#4d4d4d",
+                  "value": "#383838",
                   "filePath": "tokens/default/highcontrast-dark/palette.color.json",
                   "isSource": true,
                   "original": {
                     "type": "color",
-                    "value": "#4d4d4d"
+                    "value": "#383838"
                   },
-                  "name": "pf-t--color--gray--60",
+                  "name": "pf-t--color--gray--70",
                   "attributes": {
                     "category": "color",
                     "type": "gray",
-                    "item": "60"
+                    "item": "70"
                   },
                   "path": [
                     "color",
                     "gray",
-                    "60"
+                    "70"
                   ]
                 }
               ]
@@ -17067,13 +17073,13 @@
       },
       "pf-t--global--border--color--brand--subtle--default": {
         "default": {
-          "description": "Use as the default border color for any branded element, like color-coded labels, banners, etc.",
+          "description": "Use as the default border color for any subtle brand element like toggle groups",
           "type": "color",
           "value": "#004d99",
           "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
           "isSource": true,
           "original": {
-            "description": "Use as the default border color for any branded element, like color-coded labels, banners, etc.",
+            "description": "Use as the default border color for any subtle brand element like toggle groups",
             "type": "color",
             "value": "{global.dark.color.brand.subtle.200}"
           },
@@ -17148,13 +17154,13 @@
       },
       "pf-t--global--border--color--brand--subtle--hover": {
         "default": {
-          "description": "Use as the hover state border color for any branded element, like color-coded labels, banners, etc.",
+          "description": "Use as the hover border color for any subtle brand element like toggle groups",
           "type": "color",
           "value": "#92c5f9",
           "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
           "isSource": true,
           "original": {
-            "description": "Use as the hover state border color for any branded element, like color-coded labels, banners, etc.",
+            "description": "Use as the hover border color for any subtle brand element like toggle groups",
             "type": "color",
             "value": "{global.dark.color.brand.subtle.300}"
           },
@@ -17229,13 +17235,13 @@
       },
       "pf-t--global--border--color--brand--subtle--clicked": {
         "default": {
-          "description": "Use as the clicked state border color for any branded element, like color-coded labels, banners, etc.",
+          "description": "Use as the clicked border color for any subtle brand element like toggle groups",
           "type": "color",
           "value": "#92c5f9",
           "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
           "isSource": true,
           "original": {
-            "description": "Use as the clicked state border color for any branded element, like color-coded labels, banners, etc.",
+            "description": "Use as the clicked border color for any subtle brand element like toggle groups",
             "type": "color",
             "value": "{global.dark.color.brand.subtle.300}"
           },
@@ -19601,6 +19607,110 @@
           ]
         }
       },
+      "pf-t--global--border--color--glass--default": {
+        "default": {
+          "type": "color",
+          "value": "#c7c7c7",
+          "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
+          "isSource": true,
+          "original": {
+            "type": "color",
+            "value": "{global.border.color.subtle}"
+          },
+          "name": "pf-t--global--border--color--glass--default",
+          "attributes": {
+            "category": "global",
+            "type": "border",
+            "item": "color",
+            "subitem": "glass",
+            "state": "default"
+          },
+          "path": [
+            "global",
+            "border",
+            "color",
+            "glass",
+            "default"
+          ],
+          "references": [
+            {
+              "description": "Use as the default border color for elements like form inputs, menu toggles, cards, etc.",
+              "type": "color",
+              "value": "#c7c7c7",
+              "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
+              "isSource": true,
+              "original": {
+                "description": "Use as the default border color for elements like form inputs, menu toggles, cards, etc.",
+                "type": "color",
+                "value": "{global.dark.border.color.300}"
+              },
+              "name": "pf-t--global--border--color--subtle",
+              "attributes": {
+                "category": "global",
+                "type": "border",
+                "item": "color",
+                "subitem": "subtle"
+              },
+              "path": [
+                "global",
+                "border",
+                "color",
+                "subtle"
+              ],
+              "references": [
+                {
+                  "type": "color",
+                  "value": "#c7c7c7",
+                  "filePath": "tokens/default/highcontrast-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/default/highcontrast-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--border--color--nonstatus--red--default": {
         "default": {
           "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.)",
@@ -31072,7 +31182,7 @@
           "isSource": true,
           "original": {
             "type": "color",
-            "value": "{global.border.color.default}"
+            "value": "{global.dark.border.color.300}"
           },
           "name": "pf-t--global--text-decoration--color--default",
           "attributes": {
@@ -31089,76 +31199,49 @@
           ],
           "references": [
             {
-              "description": "Use as the default border color for elements like form inputs, menu toggles, cards, etc.",
               "type": "color",
               "value": "#c7c7c7",
-              "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
+              "filePath": "tokens/default/highcontrast-dark/base.dark.json",
               "isSource": true,
               "original": {
-                "description": "Use as the default border color for elements like form inputs, menu toggles, cards, etc.",
                 "type": "color",
-                "value": "{global.dark.border.color.300}"
+                "value": "{color.gray.30}"
               },
-              "name": "pf-t--global--border--color--default",
+              "name": "pf-t--global--dark--border--color--300",
               "attributes": {
                 "category": "global",
-                "type": "border",
-                "item": "color",
-                "subitem": "default"
+                "type": "dark",
+                "item": "border",
+                "subitem": "color",
+                "state": "300"
               },
               "path": [
                 "global",
+                "dark",
                 "border",
                 "color",
-                "default"
+                "300"
               ],
               "references": [
                 {
                   "type": "color",
                   "value": "#c7c7c7",
-                  "filePath": "tokens/default/highcontrast-dark/base.dark.json",
+                  "filePath": "tokens/default/highcontrast-dark/palette.color.json",
                   "isSource": true,
                   "original": {
                     "type": "color",
-                    "value": "{color.gray.30}"
+                    "value": "#c7c7c7"
                   },
-                  "name": "pf-t--global--dark--border--color--300",
+                  "name": "pf-t--color--gray--30",
                   "attributes": {
-                    "category": "global",
-                    "type": "dark",
-                    "item": "border",
-                    "subitem": "color",
-                    "state": "300"
+                    "category": "color",
+                    "type": "gray",
+                    "item": "30"
                   },
                   "path": [
-                    "global",
-                    "dark",
-                    "border",
                     "color",
-                    "300"
-                  ],
-                  "references": [
-                    {
-                      "type": "color",
-                      "value": "#c7c7c7",
-                      "filePath": "tokens/default/highcontrast-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"
-                      ]
-                    }
+                    "gray",
+                    "30"
                   ]
                 }
               ]
@@ -35116,12 +35199,12 @@
       "pf-t--global--dark--border--color--50": {
         "default": {
           "type": "color",
-          "value": "#4d4d4d",
+          "value": "#383838",
           "filePath": "tokens/default/highcontrast-dark/base.dark.json",
           "isSource": true,
           "original": {
             "type": "color",
-            "value": "{color.gray.60}"
+            "value": "{color.gray.70}"
           },
           "name": "pf-t--global--dark--border--color--50",
           "attributes": {
@@ -35141,23 +35224,23 @@
           "references": [
             {
               "type": "color",
-              "value": "#4d4d4d",
+              "value": "#383838",
               "filePath": "tokens/default/highcontrast-dark/palette.color.json",
               "isSource": true,
               "original": {
                 "type": "color",
-                "value": "#4d4d4d"
+                "value": "#383838"
               },
-              "name": "pf-t--color--gray--60",
+              "name": "pf-t--color--gray--70",
               "attributes": {
                 "category": "color",
                 "type": "gray",
-                "item": "60"
+                "item": "70"
               },
               "path": [
                 "color",
                 "gray",
-                "60"
+                "70"
               ]
             }
           ]
@@ -35166,12 +35249,12 @@
       "pf-t--global--dark--border--color--100": {
         "default": {
           "type": "color",
-          "value": "#707070",
+          "value": "#4d4d4d",
           "filePath": "tokens/default/highcontrast-dark/base.dark.json",
           "isSource": true,
           "original": {
             "type": "color",
-            "value": "{color.gray.50}"
+            "value": "{color.gray.60}"
           },
           "name": "pf-t--global--dark--border--color--100",
           "attributes": {
@@ -35191,23 +35274,23 @@
           "references": [
             {
               "type": "color",
-              "value": "#707070",
+              "value": "#4d4d4d",
               "filePath": "tokens/default/highcontrast-dark/palette.color.json",
               "isSource": true,
               "original": {
                 "type": "color",
-                "value": "#707070"
+                "value": "#4d4d4d"
               },
-              "name": "pf-t--color--gray--50",
+              "name": "pf-t--color--gray--60",
               "attributes": {
                 "category": "color",
                 "type": "gray",
-                "item": "50"
+                "item": "60"
               },
               "path": [
                 "color",
                 "gray",
-                "50"
+                "60"
               ]
             }
           ]
@@ -36214,13 +36297,13 @@
     },
     "pf-t--global--border--color--brand--accent--default": {
       "redhat": {
-        "description": "Use as the default border color for any branded element, like color-coded labels, banners, etc.",
+        "description": "Use as the default border color for any accented branded element, like secondary CTAs",
         "type": "color",
         "value": "#ffffff",
         "filePath": "tokens/redhat/highcontrast-dark/redhat.color.highcontrast.dark.json",
         "isSource": true,
         "original": {
-          "description": "Use as the default border color for any branded element, like color-coded labels, banners, etc.",
+          "description": "Use as the default border color for any accented branded element, like secondary CTAs",
           "type": "color",
           "value": "{global.dark.color.brand.accent.400}"
         },
@@ -36293,13 +36376,13 @@
     },
     "pf-t--global--border--color--brand--accent--hover": {
       "redhat": {
-        "description": "Use as the hover state border color for any branded element, like color-coded labels, banners, etc.",
+        "description": "Use as the hover border color for any accented branded element, like secondary CTAs",
         "type": "color",
         "value": "#ffffff",
         "filePath": "tokens/redhat/highcontrast-dark/redhat.color.highcontrast.dark.json",
         "isSource": true,
         "original": {
-          "description": "Use as the hover state border color for any branded element, like color-coded labels, banners, etc.",
+          "description": "Use as the hover border color for any accented branded element, like secondary CTAs",
           "type": "color",
           "value": "{global.dark.color.brand.accent.400}"
         },
@@ -36372,13 +36455,13 @@
     },
     "pf-t--global--border--color--brand--accent--clicked": {
       "redhat": {
-        "description": "Use as the clicked state border color for any branded element, like color-coded labels, banners, etc.",
+        "description": "Use as the clicked border color for any accented branded element, like secondary CTAs",
         "type": "color",
         "value": "#ffffff",
         "filePath": "tokens/redhat/highcontrast-dark/redhat.color.highcontrast.dark.json",
         "isSource": true,
         "original": {
-          "description": "Use as the clicked state border color for any branded element, like color-coded labels, banners, etc.",
+          "description": "Use as the clicked border color for any accented branded element, like secondary CTAs",
           "type": "color",
           "value": "{global.dark.color.brand.accent.400}"
         },