@patternfly/design-tokens 1.15.0 → 1.15.2

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

@@ -531,7 +531,7 @@
           ]
         }
       },
-      "pf-t--global--background--color--glass--primary": {
+      "pf-t--global--background--color--glass--primary--default": {
         "default": {
           "type": "color",
           "value": "#292929",
@@ -541,7 +541,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",
@@ -554,7 +554,8 @@
             "background",
             "color",
             "glass",
-            "primary"
+            "primary",
+            "default"
           ],
           "references": [
             {
@@ -637,105 +638,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": "#383838",
           "filePath": "tokens/default/dark/semantic.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.300}"
           },
-          "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": "#383838",
-              "filePath": "tokens/default/dark/semantic.dark.json",
+              "filePath": "tokens/default/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.300}"
+                "value": "{color.gray.70}"
               },
-              "name": "pf-t--global--background--color--floating--default",
+              "name": "pf-t--global--dark--background--color--300",
               "attributes": {
                 "category": "global",
-                "type": "background",
-                "item": "color",
-                "subitem": "floating",
-                "state": "default"
+                "type": "dark",
+                "item": "background",
+                "subitem": "color",
+                "state": "300"
               },
               "path": [
                 "global",
+                "dark",
                 "background",
                 "color",
-                "floating",
-                "default"
+                "300"
               ],
               "references": [
                 {
                   "type": "color",
                   "value": "#383838",
-                  "filePath": "tokens/default/dark/base.dark.json",
+                  "filePath": "tokens/default/dark/palette.color.json",
                   "isSource": true,
                   "original": {
                     "type": "color",
-                    "value": "{color.gray.70}"
+                    "value": "#383838"
                   },
-                  "name": "pf-t--global--dark--background--color--300",
+                  "name": "pf-t--color--gray--70",
                   "attributes": {
-                    "category": "global",
-                    "type": "dark",
-                    "item": "background",
-                    "subitem": "color",
-                    "state": "300"
+                    "category": "color",
+                    "type": "gray",
+                    "item": "70"
                   },
                   "path": [
-                    "global",
-                    "dark",
-                    "background",
                     "color",
-                    "300"
-                  ],
-                  "references": [
-                    {
-                      "type": "color",
-                      "value": "#383838",
-                      "filePath": "tokens/default/dark/palette.color.json",
-                      "isSource": true,
-                      "original": {
-                        "type": "color",
-                        "value": "#383838"
-                      },
-                      "name": "pf-t--color--gray--70",
-                      "attributes": {
-                        "category": "color",
-                        "type": "gray",
-                        "item": "70"
-                      },
-                      "path": [
-                        "color",
-                        "gray",
-                        "70"
-                      ]
-                    }
+                    "gray",
+                    "70"
                   ]
                 }
               ]
@@ -743,78 +717,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": "#383838",
+          "value": "#292929",
           "filePath": "tokens/default/dark/semantic.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.300}"
+            "value": "{global.dark.background.color.200}"
           },
-          "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": "#383838",
+              "value": "#292929",
               "filePath": "tokens/default/dark/base.dark.json",
               "isSource": true,
               "original": {
                 "type": "color",
-                "value": "{color.gray.70}"
+                "value": "{color.gray.80}"
               },
-              "name": "pf-t--global--dark--background--color--300",
+              "name": "pf-t--global--dark--background--color--200",
               "attributes": {
                 "category": "global",
                 "type": "dark",
                 "item": "background",
                 "subitem": "color",
-                "state": "300"
+                "state": "200"
               },
               "path": [
                 "global",
                 "dark",
                 "background",
                 "color",
-                "300"
+                "200"
               ],
               "references": [
                 {
                   "type": "color",
-                  "value": "#383838",
+                  "value": "#292929",
                   "filePath": "tokens/default/dark/palette.color.json",
                   "isSource": true,
                   "original": {
                     "type": "color",
-                    "value": "#383838"
+                    "value": "#292929"
                   },
-                  "name": "pf-t--color--gray--70",
+                  "name": "pf-t--color--gray--80",
                   "attributes": {
                     "category": "color",
                     "type": "gray",
-                    "item": "70"
+                    "item": "80"
                   },
                   "path": [
                     "color",
                     "gray",
-                    "70"
+                    "80"
                   ]
                 }
               ]
@@ -822,32 +796,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": "#292929",
           "filePath": "tokens/default/dark/semantic.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.200}"
           },
-          "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": [
             {
@@ -901,78 +875,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": "#292929",
+          "value": "#151515",
           "filePath": "tokens/default/dark/semantic.dark.json",
           "isSource": true,
           "original": {
-            "description": "Use as the clicked state for floating backgrounds",
             "type": "color",
-            "value": "{global.dark.background.color.200}"
+            "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": "#292929",
-              "filePath": "tokens/default/dark/base.dark.json",
+              "value": "#151515",
+              "filePath": "tokens/default/dark/semantic.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.80}"
+                "value": "{global.dark.background.color.100}"
               },
-              "name": "pf-t--global--dark--background--color--200",
+              "name": "pf-t--global--background--color--secondary--default",
               "attributes": {
                 "category": "global",
-                "type": "dark",
-                "item": "background",
-                "subitem": "color",
-                "state": "200"
+                "type": "background",
+                "item": "color",
+                "subitem": "secondary",
+                "state": "default"
               },
               "path": [
                 "global",
-                "dark",
                 "background",
                 "color",
-                "200"
+                "secondary",
+                "default"
               ],
               "references": [
                 {
                   "type": "color",
-                  "value": "#292929",
-                  "filePath": "tokens/default/dark/palette.color.json",
+                  "value": "#151515",
+                  "filePath": "tokens/default/dark/base.dark.json",
                   "isSource": true,
                   "original": {
                     "type": "color",
-                    "value": "#292929"
+                    "value": "{color.gray.95}"
                   },
-                  "name": "pf-t--color--gray--80",
+                  "name": "pf-t--global--dark--background--color--100",
                   "attributes": {
-                    "category": "color",
-                    "type": "gray",
-                    "item": "80"
+                    "category": "global",
+                    "type": "dark",
+                    "item": "background",
+                    "subitem": "color",
+                    "state": "100"
                   },
                   "path": [
+                    "global",
+                    "dark",
+                    "background",
                     "color",
-                    "gray",
-                    "80"
+                    "100"
+                  ],
+                  "references": [
+                    {
+                      "type": "color",
+                      "value": "#151515",
+                      "filePath": "tokens/default/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"
+                      ]
+                    }
                   ]
                 }
               ]
@@ -2053,6 +2055,34 @@
           ]
         }
       },
+      "pf-t--global--background--color--striped--row--default": {
+        "default": {
+          "type": "color",
+          "value": "rgba(21, 21, 21, 0.3000)",
+          "filePath": "tokens/default/dark/semantic.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",
@@ -2191,34 +2221,6 @@
           ]
         }
       },
-      "pf-t--global--background--filter--glass--blur--floating": {
-        "default": {
-          "type": "number",
-          "value": "blur(0px)",
-          "filePath": "tokens/default/dark/semantic.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",
@@ -16114,11 +16116,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": "#a3a3a3",
           "filePath": "tokens/default/dark/semantic.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.200}"
           },
@@ -16191,13 +16195,15 @@
       },
       "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",
           "filePath": "tokens/default/dark/semantic.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}"
+            "value": "{global.dark.border.color.100}"
           },
           "name": "pf-t--global--border--color--control--read-only",
           "attributes": {
@@ -16224,20 +16230,20 @@
                 "type": "color",
                 "value": "{color.gray.60}"
               },
-              "name": "pf-t--global--dark--border--color--50",
+              "name": "pf-t--global--dark--border--color--100",
               "attributes": {
                 "category": "global",
                 "type": "dark",
                 "item": "border",
                 "subitem": "color",
-                "state": "50"
+                "state": "100"
               },
               "path": [
                 "global",
                 "dark",
                 "border",
                 "color",
-                "50"
+                "100"
               ],
               "references": [
                 {
@@ -16586,13 +16592,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/dark/semantic.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}"
           },
@@ -16667,13 +16673,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/dark/semantic.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}"
           },
@@ -16748,13 +16754,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/dark/semantic.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}"
           },
@@ -18508,7 +18514,7 @@
         "default": {
           "description": "Use as the default border color for elements like form inputs, menu toggles, cards, etc.",
           "type": "color",
-          "value": "#707070",
+          "value": "#4d4d4d",
           "filePath": "tokens/default/dark/semantic.dark.json",
           "isSource": true,
           "original": {
@@ -18532,12 +18538,12 @@
           "references": [
             {
               "type": "color",
-              "value": "#707070",
+              "value": "#4d4d4d",
               "filePath": "tokens/default/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": {
@@ -18557,23 +18563,23 @@
               "references": [
                 {
                   "type": "color",
-                  "value": "#707070",
+                  "value": "#4d4d4d",
                   "filePath": "tokens/default/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"
                   ]
                 }
               ]
@@ -18745,7 +18751,7 @@
           "original": {
             "description": "Use as the default border color for elements like form inputs, menu toggles, cards, etc.",
             "type": "color",
-            "value": "{global.dark.border.color.50}"
+            "value": "{global.dark.border.color.100}"
           },
           "name": "pf-t--global--border--color--subtle",
           "attributes": {
@@ -18770,20 +18776,20 @@
                 "type": "color",
                 "value": "{color.gray.60}"
               },
-              "name": "pf-t--global--dark--border--color--50",
+              "name": "pf-t--global--dark--border--color--100",
               "attributes": {
                 "category": "global",
                 "type": "dark",
                 "item": "border",
                 "subitem": "color",
-                "state": "50"
+                "state": "100"
               },
               "path": [
                 "global",
                 "dark",
                 "border",
                 "color",
-                "50"
+                "100"
               ],
               "references": [
                 {
@@ -19072,6 +19078,110 @@
           ]
         }
       },
+      "pf-t--global--border--color--glass--default": {
+        "default": {
+          "type": "color",
+          "value": "#4d4d4d",
+          "filePath": "tokens/default/dark/semantic.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": "#4d4d4d",
+              "filePath": "tokens/default/dark/semantic.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.100}"
+              },
+              "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": "#4d4d4d",
+                  "filePath": "tokens/default/dark/base.dark.json",
+                  "isSource": true,
+                  "original": {
+                    "type": "color",
+                    "value": "{color.gray.60}"
+                  },
+                  "name": "pf-t--global--dark--border--color--100",
+                  "attributes": {
+                    "category": "global",
+                    "type": "dark",
+                    "item": "border",
+                    "subitem": "color",
+                    "state": "100"
+                  },
+                  "path": [
+                    "global",
+                    "dark",
+                    "border",
+                    "color",
+                    "100"
+                  ],
+                  "references": [
+                    {
+                      "type": "color",
+                      "value": "#4d4d4d",
+                      "filePath": "tokens/default/dark/palette.color.json",
+                      "isSource": true,
+                      "original": {
+                        "type": "color",
+                        "value": "#4d4d4d"
+                      },
+                      "name": "pf-t--color--gray--60",
+                      "attributes": {
+                        "category": "color",
+                        "type": "gray",
+                        "item": "60"
+                      },
+                      "path": [
+                        "color",
+                        "gray",
+                        "60"
+                      ]
+                    }
+                  ]
+                }
+              ]
+            }
+          ]
+        }
+      },
       "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.)",
@@ -30219,12 +30329,12 @@
       "pf-t--global--text-decoration--color--default": {
         "default": {
           "type": "color",
-          "value": "#707070",
+          "value": "#a3a3a3",
           "filePath": "tokens/default/dark/semantic.dark.json",
           "isSource": true,
           "original": {
             "type": "color",
-            "value": "{global.border.color.default}"
+            "value": "{global.dark.border.color.200}"
           },
           "name": "pf-t--global--text-decoration--color--default",
           "attributes": {
@@ -30241,76 +30351,49 @@
           ],
           "references": [
             {
-              "description": "Use as the default border color for elements like form inputs, menu toggles, cards, etc.",
               "type": "color",
-              "value": "#707070",
-              "filePath": "tokens/default/dark/semantic.dark.json",
+              "value": "#a3a3a3",
+              "filePath": "tokens/default/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.100}"
+                "value": "{color.gray.40}"
               },
-              "name": "pf-t--global--border--color--default",
+              "name": "pf-t--global--dark--border--color--200",
               "attributes": {
                 "category": "global",
-                "type": "border",
-                "item": "color",
-                "subitem": "default"
+                "type": "dark",
+                "item": "border",
+                "subitem": "color",
+                "state": "200"
               },
               "path": [
                 "global",
+                "dark",
                 "border",
                 "color",
-                "default"
+                "200"
               ],
               "references": [
                 {
                   "type": "color",
-                  "value": "#707070",
-                  "filePath": "tokens/default/dark/base.dark.json",
+                  "value": "#a3a3a3",
+                  "filePath": "tokens/default/dark/palette.color.json",
                   "isSource": true,
                   "original": {
                     "type": "color",
-                    "value": "{color.gray.50}"
+                    "value": "#a3a3a3"
                   },
-                  "name": "pf-t--global--dark--border--color--100",
+                  "name": "pf-t--color--gray--40",
                   "attributes": {
-                    "category": "global",
-                    "type": "dark",
-                    "item": "border",
-                    "subitem": "color",
-                    "state": "100"
+                    "category": "color",
+                    "type": "gray",
+                    "item": "40"
                   },
                   "path": [
-                    "global",
-                    "dark",
-                    "border",
                     "color",
-                    "100"
-                  ],
-                  "references": [
-                    {
-                      "type": "color",
-                      "value": "#707070",
-                      "filePath": "tokens/default/dark/palette.color.json",
-                      "isSource": true,
-                      "original": {
-                        "type": "color",
-                        "value": "#707070"
-                      },
-                      "name": "pf-t--color--gray--50",
-                      "attributes": {
-                        "category": "color",
-                        "type": "gray",
-                        "item": "50"
-                      },
-                      "path": [
-                        "color",
-                        "gray",
-                        "50"
-                      ]
-                    }
+                    "gray",
+                    "40"
                   ]
                 }
               ]
@@ -34268,12 +34351,12 @@
       "pf-t--global--dark--border--color--50": {
         "default": {
           "type": "color",
-          "value": "#4d4d4d",
+          "value": "#383838",
           "filePath": "tokens/default/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": {
@@ -34293,23 +34376,23 @@
           "references": [
             {
               "type": "color",
-              "value": "#4d4d4d",
+              "value": "#383838",
               "filePath": "tokens/default/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"
               ]
             }
           ]
@@ -34318,12 +34401,12 @@
       "pf-t--global--dark--border--color--100": {
         "default": {
           "type": "color",
-          "value": "#707070",
+          "value": "#4d4d4d",
           "filePath": "tokens/default/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": {
@@ -34343,23 +34426,23 @@
           "references": [
             {
               "type": "color",
-              "value": "#707070",
+              "value": "#4d4d4d",
               "filePath": "tokens/default/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"
               ]
             }
           ]
@@ -35851,13 +35934,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/dark/redhat.color.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}"
         },
@@ -35930,13 +36013,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/dark/redhat.color.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}"
         },
@@ -36009,13 +36092,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/dark/redhat.color.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}"
         },
@@ -40838,29 +40921,6 @@
         ]
       }
     },
-    "pf-t--chart--global--letter-spacing": {
-      "default": {
-        "type": "string",
-        "value": "normal",
-        "filePath": "tokens/default/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": {
       "default": {
         "type": "number",
@@ -40961,6 +41021,127 @@
         ]
       }
     },
+    "pf-t--chart--global--letter-spacing": {
+      "default": {
+        "type": "string",
+        "value": "normal",
+        "filePath": "tokens/default/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": {
+      "default": {
+        "type": "number",
+        "value": 50,
+        "filePath": "tokens/default/dark/charts.dark.json",
+        "isSource": true,
+        "original": {
+          "type": "number",
+          "value": 50
+        },
+        "name": "pf-t--chart--global--layout--padding",
+        "attributes": {
+          "category": "chart",
+          "type": "global",
+          "item": "layout",
+          "subitem": "padding"
+        },
+        "path": [
+          "chart",
+          "global",
+          "layout",
+          "padding"
+        ]
+      }
+    },
+    "pf-t--chart--global--layout--height": {
+      "default": {
+        "type": "number",
+        "value": 300,
+        "filePath": "tokens/default/dark/charts.dark.json",
+        "isSource": true,
+        "original": {
+          "type": "number",
+          "value": 300
+        },
+        "name": "pf-t--chart--global--layout--height",
+        "attributes": {
+          "category": "chart",
+          "type": "global",
+          "item": "layout",
+          "subitem": "height"
+        },
+        "path": [
+          "chart",
+          "global",
+          "layout",
+          "height"
+        ]
+      }
+    },
+    "pf-t--chart--global--layout--width": {
+      "default": {
+        "type": "number",
+        "value": 450,
+        "filePath": "tokens/default/dark/charts.dark.json",
+        "isSource": true,
+        "original": {
+          "type": "number",
+          "value": 450
+        },
+        "name": "pf-t--chart--global--layout--width",
+        "attributes": {
+          "category": "chart",
+          "type": "global",
+          "item": "layout",
+          "subitem": "width"
+        },
+        "path": [
+          "chart",
+          "global",
+          "layout",
+          "width"
+        ]
+      }
+    },
+    "pf-t--chart--global--stroke-line-cap": {
+      "default": {
+        "type": "string",
+        "value": "round",
+        "filePath": "tokens/default/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": {
       "default": {
         "type": "number",
@@ -41119,104 +41300,6 @@
         ]
       }
     },
-    "pf-t--chart--global--layout--padding": {
-      "default": {
-        "type": "number",
-        "value": 50,
-        "filePath": "tokens/default/dark/charts.dark.json",
-        "isSource": true,
-        "original": {
-          "type": "number",
-          "value": 50
-        },
-        "name": "pf-t--chart--global--layout--padding",
-        "attributes": {
-          "category": "chart",
-          "type": "global",
-          "item": "layout",
-          "subitem": "padding"
-        },
-        "path": [
-          "chart",
-          "global",
-          "layout",
-          "padding"
-        ]
-      }
-    },
-    "pf-t--chart--global--layout--height": {
-      "default": {
-        "type": "number",
-        "value": 300,
-        "filePath": "tokens/default/dark/charts.dark.json",
-        "isSource": true,
-        "original": {
-          "type": "number",
-          "value": 300
-        },
-        "name": "pf-t--chart--global--layout--height",
-        "attributes": {
-          "category": "chart",
-          "type": "global",
-          "item": "layout",
-          "subitem": "height"
-        },
-        "path": [
-          "chart",
-          "global",
-          "layout",
-          "height"
-        ]
-      }
-    },
-    "pf-t--chart--global--layout--width": {
-      "default": {
-        "type": "number",
-        "value": 450,
-        "filePath": "tokens/default/dark/charts.dark.json",
-        "isSource": true,
-        "original": {
-          "type": "number",
-          "value": 450
-        },
-        "name": "pf-t--chart--global--layout--width",
-        "attributes": {
-          "category": "chart",
-          "type": "global",
-          "item": "layout",
-          "subitem": "width"
-        },
-        "path": [
-          "chart",
-          "global",
-          "layout",
-          "width"
-        ]
-      }
-    },
-    "pf-t--chart--global--stroke-line-cap": {
-      "default": {
-        "type": "string",
-        "value": "round",
-        "filePath": "tokens/default/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": {
       "default": {
         "type": "string",