@patternfly/design-tokens 1.15.0 → 1.15.2

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

@@ -231,7 +231,7 @@
           ]
         }
       },
-      "pf-t--global--background--color--glass--primary": {
+      "pf-t--global--background--color--glass--primary--default": {
         "default": {
           "type": "color",
           "value": "rgba(41, 41, 41, 0.5000)",
@@ -241,7 +241,7 @@
             "type": "color",
             "value": "rgba(41, 41, 41, 0.5000)"
           },
-          "name": "pf-t--global--background--color--glass--primary",
+          "name": "pf-t--global--background--color--glass--primary--default",
           "attributes": {
             "category": "global",
             "type": "background",
@@ -254,109 +254,83 @@
             "background",
             "color",
             "glass",
-            "primary"
+            "primary",
+            "default"
           ]
         }
       },
-      "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/glass-dark/semantic.glass.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/glass-dark/semantic.glass.dark.json",
+              "filePath": "tokens/default/glass-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/glass-dark/base.dark.json",
+                  "filePath": "tokens/default/glass-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/glass-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"
                   ]
                 }
               ]
@@ -364,78 +338,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/glass-dark/semantic.glass.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/glass-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/glass-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"
                   ]
                 }
               ]
@@ -443,32 +417,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/glass-dark/semantic.glass.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": [
             {
@@ -522,78 +496,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": "#292929",
           "filePath": "tokens/default/glass-dark/semantic.glass.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.floating.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 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/glass-dark/base.dark.json",
+              "value": "#292929",
+              "filePath": "tokens/default/glass-dark/semantic.glass.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": "{color.gray.70}"
+                "value": "{global.dark.background.color.200}"
               },
-              "name": "pf-t--global--dark--background--color--300",
+              "name": "pf-t--global--background--color--floating--default",
               "attributes": {
                 "category": "global",
-                "type": "dark",
-                "item": "background",
-                "subitem": "color",
-                "state": "300"
+                "type": "background",
+                "item": "color",
+                "subitem": "floating",
+                "state": "default"
               },
               "path": [
                 "global",
-                "dark",
                 "background",
                 "color",
-                "300"
+                "floating",
+                "default"
               ],
               "references": [
                 {
                   "type": "color",
-                  "value": "#383838",
-                  "filePath": "tokens/default/glass-dark/palette.color.json",
+                  "value": "#292929",
+                  "filePath": "tokens/default/glass-dark/base.dark.json",
                   "isSource": true,
                   "original": {
                     "type": "color",
-                    "value": "#383838"
+                    "value": "{color.gray.80}"
                   },
-                  "name": "pf-t--color--gray--70",
+                  "name": "pf-t--global--dark--background--color--200",
                   "attributes": {
-                    "category": "color",
-                    "type": "gray",
-                    "item": "70"
+                    "category": "global",
+                    "type": "dark",
+                    "item": "background",
+                    "subitem": "color",
+                    "state": "200"
                   },
                   "path": [
+                    "global",
+                    "dark",
+                    "background",
                     "color",
-                    "gray",
-                    "70"
+                    "200"
+                  ],
+                  "references": [
+                    {
+                      "type": "color",
+                      "value": "#292929",
+                      "filePath": "tokens/default/glass-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"
+                      ]
+                    }
                   ]
                 }
               ]
@@ -828,13 +830,13 @@
         "default": {
           "description": "Use as the hover state for components that use the plain action default background but are placed on a secondary background color (like left nav, horizontal nav, etc.)",
           "type": "color",
-          "value": "#292929",
+          "value": "rgba(199, 199, 199, 0.1500)",
           "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
           "isSource": true,
           "original": {
             "description": "Use as the hover state for components that use the plain action default background but are placed on a secondary background color (like left nav, horizontal nav, etc.)",
             "type": "color",
-            "value": "{global.dark.background.color.200}"
+            "value": "{global.background.color.action.plain.hover}"
           },
           "name": "pf-t--global--background--color--action--plain--alt--hover",
           "attributes": {
@@ -855,49 +857,56 @@
           ],
           "references": [
             {
+              "description": "Use as the hover state for components that use the plain action default background.",
               "type": "color",
-              "value": "#292929",
-              "filePath": "tokens/default/glass-dark/base.dark.json",
+              "value": "rgba(199, 199, 199, 0.1500)",
+              "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
               "isSource": true,
               "original": {
+                "description": "Use as the hover state for components that use the plain action default background.",
                 "type": "color",
-                "value": "{color.gray.80}"
+                "value": "{global.dark.background.color.600}"
               },
-              "name": "pf-t--global--dark--background--color--200",
+              "name": "pf-t--global--background--color--action--plain--hover",
               "attributes": {
                 "category": "global",
-                "type": "dark",
-                "item": "background",
-                "subitem": "color",
-                "state": "200"
+                "type": "background",
+                "item": "color",
+                "subitem": "action",
+                "state": "plain"
               },
               "path": [
                 "global",
-                "dark",
                 "background",
                 "color",
-                "200"
+                "action",
+                "plain",
+                "hover"
               ],
               "references": [
                 {
                   "type": "color",
-                  "value": "#292929",
-                  "filePath": "tokens/default/glass-dark/palette.color.json",
+                  "value": "rgba(199, 199, 199, 0.1500)",
+                  "filePath": "tokens/default/glass-dark/base.dark.json",
                   "isSource": true,
                   "original": {
                     "type": "color",
-                    "value": "#292929"
+                    "value": "rgba(199, 199, 199, 0.1500)"
                   },
-                  "name": "pf-t--color--gray--80",
+                  "name": "pf-t--global--dark--background--color--600",
                   "attributes": {
-                    "category": "color",
-                    "type": "gray",
-                    "item": "80"
+                    "category": "global",
+                    "type": "dark",
+                    "item": "background",
+                    "subitem": "color",
+                    "state": "600"
                   },
                   "path": [
+                    "global",
+                    "dark",
+                    "background",
                     "color",
-                    "gray",
-                    "80"
+                    "600"
                   ]
                 }
               ]
@@ -909,13 +918,13 @@
         "default": {
           "description": "Use as the active/pressed state for components that use the plain action default background but are placed on a secondary background color (like left nav, horizontal nav, etc.)",
           "type": "color",
-          "value": "#292929",
+          "value": "rgba(199, 199, 199, 0.1500)",
           "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
           "isSource": true,
           "original": {
             "description": "Use as the active/pressed state for components that use the plain action default background but are placed on a secondary background color (like left nav, horizontal nav, etc.)",
             "type": "color",
-            "value": "{global.dark.background.color.200}"
+            "value": "{global.background.color.action.plain.clicked}"
           },
           "name": "pf-t--global--background--color--action--plain--alt--clicked",
           "attributes": {
@@ -936,49 +945,56 @@
           ],
           "references": [
             {
+              "description": "Use as the active/pressed state for components that use the plain action default background.",
               "type": "color",
-              "value": "#292929",
-              "filePath": "tokens/default/glass-dark/base.dark.json",
+              "value": "rgba(199, 199, 199, 0.1500)",
+              "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
               "isSource": true,
               "original": {
+                "description": "Use as the active/pressed state for components that use the plain action default background.",
                 "type": "color",
-                "value": "{color.gray.80}"
+                "value": "{global.dark.background.color.600}"
               },
-              "name": "pf-t--global--dark--background--color--200",
+              "name": "pf-t--global--background--color--action--plain--clicked",
               "attributes": {
                 "category": "global",
-                "type": "dark",
-                "item": "background",
-                "subitem": "color",
-                "state": "200"
+                "type": "background",
+                "item": "color",
+                "subitem": "action",
+                "state": "plain"
               },
               "path": [
                 "global",
-                "dark",
                 "background",
                 "color",
-                "200"
+                "action",
+                "plain",
+                "clicked"
               ],
               "references": [
                 {
                   "type": "color",
-                  "value": "#292929",
-                  "filePath": "tokens/default/glass-dark/palette.color.json",
+                  "value": "rgba(199, 199, 199, 0.1500)",
+                  "filePath": "tokens/default/glass-dark/base.dark.json",
                   "isSource": true,
                   "original": {
                     "type": "color",
-                    "value": "#292929"
+                    "value": "rgba(199, 199, 199, 0.1500)"
                   },
-                  "name": "pf-t--color--gray--80",
+                  "name": "pf-t--global--dark--background--color--600",
                   "attributes": {
-                    "category": "color",
-                    "type": "gray",
-                    "item": "80"
+                    "category": "global",
+                    "type": "dark",
+                    "item": "background",
+                    "subitem": "color",
+                    "state": "600"
                   },
                   "path": [
+                    "global",
+                    "dark",
+                    "background",
                     "color",
-                    "gray",
-                    "80"
+                    "600"
                   ]
                 }
               ]
@@ -1628,6 +1644,34 @@
           ]
         }
       },
+      "pf-t--global--background--color--striped--row--default": {
+        "default": {
+          "type": "color",
+          "value": "rgba(21, 21, 21, 0.3000)",
+          "filePath": "tokens/default/glass-dark/semantic.glass.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",
@@ -1741,12 +1785,12 @@
       "pf-t--global--background--filter--glass--blur--primary": {
         "default": {
           "type": "number",
-          "value": "blur(12.5px)",
+          "value": "blur(16px)",
           "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
           "isSource": true,
           "original": {
             "type": "number",
-            "value": 12.5
+            "value": 16
           },
           "name": "pf-t--global--background--filter--glass--blur--primary",
           "attributes": {
@@ -1766,34 +1810,6 @@
           ]
         }
       },
-      "pf-t--global--background--filter--glass--blur--floating": {
-        "default": {
-          "type": "number",
-          "value": "blur(0px)",
-          "filePath": "tokens/default/glass-dark/semantic.glass.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",
@@ -7312,113 +7328,6 @@
           ]
         }
       },
-      "pf-t--global--icon--color--on-brand--accent--default": {
-        "default": {
-          "description": "Use as the default color for icons that are placed on a brand background color and/or are paired with on-brand colored text.",
-          "type": "color",
-          "value": "#f2f2f2",
-          "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
-          "isSource": true,
-          "original": {
-            "description": "Use as the default color for icons that are placed on a brand background color and/or are paired with on-brand colored text.",
-            "type": "color",
-            "value": "{global.icon.color.regular}"
-          },
-          "name": "pf-t--global--icon--color--on-brand--accent--default",
-          "attributes": {
-            "category": "global",
-            "type": "icon",
-            "item": "color",
-            "subitem": "on-brand",
-            "state": "accent"
-          },
-          "path": [
-            "global",
-            "icon",
-            "color",
-            "on-brand",
-            "accent",
-            "default"
-          ],
-          "references": [
-            {
-              "description": "Use as the default color for icons in icon buttons and/or when paired with regular-colored text",
-              "type": "color",
-              "value": "#f2f2f2",
-              "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
-              "isSource": true,
-              "original": {
-                "description": "Use as the default color for icons in icon buttons and/or when paired with regular-colored text",
-                "type": "color",
-                "value": "{global.dark.icon.color.100}"
-              },
-              "name": "pf-t--global--icon--color--regular",
-              "attributes": {
-                "category": "global",
-                "type": "icon",
-                "item": "color",
-                "subitem": "regular"
-              },
-              "path": [
-                "global",
-                "icon",
-                "color",
-                "regular"
-              ],
-              "references": [
-                {
-                  "type": "color",
-                  "value": "#f2f2f2",
-                  "filePath": "tokens/default/glass-dark/base.dark.json",
-                  "isSource": true,
-                  "original": {
-                    "type": "color",
-                    "value": "{color.gray.10}"
-                  },
-                  "name": "pf-t--global--dark--icon--color--100",
-                  "attributes": {
-                    "category": "global",
-                    "type": "dark",
-                    "item": "icon",
-                    "subitem": "color",
-                    "state": "100"
-                  },
-                  "path": [
-                    "global",
-                    "dark",
-                    "icon",
-                    "color",
-                    "100"
-                  ],
-                  "references": [
-                    {
-                      "type": "color",
-                      "value": "#f2f2f2",
-                      "filePath": "tokens/default/glass-dark/palette.color.json",
-                      "isSource": true,
-                      "original": {
-                        "type": "color",
-                        "value": "#f2f2f2"
-                      },
-                      "name": "pf-t--color--gray--10",
-                      "attributes": {
-                        "category": "color",
-                        "type": "gray",
-                        "item": "10"
-                      },
-                      "path": [
-                        "color",
-                        "gray",
-                        "10"
-                      ]
-                    }
-                  ]
-                }
-              ]
-            }
-          ]
-        }
-      },
       "pf-t--global--icon--color--on-brand--subtle--default": {
         "default": {
           "description": "Use as the default color for icons that are placed on a brand background color and/or are paired with on-brand colored text.",
@@ -15723,11 +15632,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/glass-dark/semantic.glass.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}"
           },
@@ -15800,13 +15711,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": "rgba(41, 41, 41, 0.5000)",
+          "value": "#383838",
           "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
           "isSource": true,
           "original": {
+            "description": "Use as the read-only border for control elements like form inputs, menu toggles.",
             "type": "color",
-            "value": "{global.border.color.alt}"
+            "value": "{global.dark.border.color.50}"
           },
           "name": "pf-t--global--border--color--control--read-only",
           "attributes": {
@@ -15825,55 +15738,49 @@
           ],
           "references": [
             {
-              "description": "Use when border color needs to match the primary bkg color – helpful when you want a divider to look like negative space when shown on a colored bkg",
               "type": "color",
-              "value": "rgba(41, 41, 41, 0.5000)",
-              "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
+              "value": "#383838",
+              "filePath": "tokens/default/glass-dark/base.dark.json",
               "isSource": true,
               "original": {
-                "description": "Use when border color needs to match the primary bkg color – helpful when you want a divider to look like negative space when shown on a colored bkg",
                 "type": "color",
-                "value": "{global.background.color.primary.default}"
+                "value": "{color.gray.70}"
               },
-              "name": "pf-t--global--border--color--alt",
+              "name": "pf-t--global--dark--border--color--50",
               "attributes": {
                 "category": "global",
-                "type": "border",
-                "item": "color",
-                "subitem": "alt"
+                "type": "dark",
+                "item": "border",
+                "subitem": "color",
+                "state": "50"
               },
               "path": [
                 "global",
+                "dark",
                 "border",
                 "color",
-                "alt"
+                "50"
               ],
               "references": [
                 {
-                  "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.",
                   "type": "color",
-                  "value": "rgba(41, 41, 41, 0.5000)",
-                  "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
+                  "value": "#383838",
+                  "filePath": "tokens/default/glass-dark/palette.color.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": "rgba(41, 41, 41, 0.5000)"
+                    "value": "#383838"
                   },
-                  "name": "pf-t--global--background--color--primary--default",
+                  "name": "pf-t--color--gray--70",
                   "attributes": {
-                    "category": "global",
-                    "type": "background",
-                    "item": "color",
-                    "subitem": "primary",
-                    "state": "default"
+                    "category": "color",
+                    "type": "gray",
+                    "item": "70"
                   },
                   "path": [
-                    "global",
-                    "background",
                     "color",
-                    "primary",
-                    "default"
+                    "gray",
+                    "70"
                   ]
                 }
               ]
@@ -16201,13 +16108,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/glass-dark/semantic.glass.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}"
           },
@@ -16282,13 +16189,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/glass-dark/semantic.glass.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}"
           },
@@ -16363,13 +16270,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/glass-dark/semantic.glass.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}"
           },
@@ -18123,7 +18030,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/glass-dark/semantic.glass.dark.json",
           "isSource": true,
           "original": {
@@ -18147,12 +18054,12 @@
           "references": [
             {
               "type": "color",
-              "value": "#707070",
+              "value": "#4d4d4d",
               "filePath": "tokens/default/glass-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": {
@@ -18172,23 +18079,23 @@
               "references": [
                 {
                   "type": "color",
-                  "value": "#707070",
+                  "value": "#4d4d4d",
                   "filePath": "tokens/default/glass-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"
                   ]
                 }
               ]
@@ -18360,7 +18267,7 @@
           "original": {
             "description": "Use as the default border color for elements like form inputs, menu toggles, cards, etc.",
             "type": "color",
-            "value": "{color.gray.70}"
+            "value": "{global.dark.border.color.50}"
           },
           "name": "pf-t--global--border--color--subtle",
           "attributes": {
@@ -18379,22 +18286,49 @@
             {
               "type": "color",
               "value": "#383838",
-              "filePath": "tokens/default/glass-dark/palette.color.json",
+              "filePath": "tokens/default/glass-dark/base.dark.json",
               "isSource": true,
               "original": {
                 "type": "color",
-                "value": "#383838"
+                "value": "{color.gray.70}"
               },
-              "name": "pf-t--color--gray--70",
+              "name": "pf-t--global--dark--border--color--50",
               "attributes": {
-                "category": "color",
-                "type": "gray",
-                "item": "70"
+                "category": "global",
+                "type": "dark",
+                "item": "border",
+                "subitem": "color",
+                "state": "50"
               },
               "path": [
+                "global",
+                "dark",
+                "border",
                 "color",
-                "gray",
-                "70"
+                "50"
+              ],
+              "references": [
+                {
+                  "type": "color",
+                  "value": "#383838",
+                  "filePath": "tokens/default/glass-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"
+                  ]
+                }
               ]
             }
           ]
@@ -18610,6 +18544,89 @@
           ]
         }
       },
+      "pf-t--global--border--color--glass--default": {
+        "default": {
+          "type": "color",
+          "value": "rgba(41, 41, 41, 0.5000)",
+          "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
+          "isSource": true,
+          "original": {
+            "type": "color",
+            "value": "{global.border.color.alt}"
+          },
+          "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 when border color needs to match the primary bkg color – helpful when you want a divider to look like negative space when shown on a colored bkg",
+              "type": "color",
+              "value": "rgba(41, 41, 41, 0.5000)",
+              "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
+              "isSource": true,
+              "original": {
+                "description": "Use when border color needs to match the primary bkg color – helpful when you want a divider to look like negative space when shown on a colored bkg",
+                "type": "color",
+                "value": "{global.background.color.primary.default}"
+              },
+              "name": "pf-t--global--border--color--alt",
+              "attributes": {
+                "category": "global",
+                "type": "border",
+                "item": "color",
+                "subitem": "alt"
+              },
+              "path": [
+                "global",
+                "border",
+                "color",
+                "alt"
+              ],
+              "references": [
+                {
+                  "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.",
+                  "type": "color",
+                  "value": "rgba(41, 41, 41, 0.5000)",
+                  "filePath": "tokens/default/glass-dark/semantic.glass.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": "rgba(41, 41, 41, 0.5000)"
+                  },
+                  "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"
+                  ]
+                }
+              ]
+            }
+          ]
+        }
+      },
       "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.)",
@@ -29707,12 +29724,12 @@
       "pf-t--global--text-decoration--color--default": {
         "default": {
           "type": "color",
-          "value": "#707070",
+          "value": "#a3a3a3",
           "filePath": "tokens/default/glass-dark/semantic.glass.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": {
@@ -29729,76 +29746,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/glass-dark/semantic.glass.dark.json",
+              "value": "#a3a3a3",
+              "filePath": "tokens/default/glass-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/glass-dark/base.dark.json",
+                  "value": "#a3a3a3",
+                  "filePath": "tokens/default/glass-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/glass-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"
                   ]
                 }
               ]
@@ -33702,157 +33692,157 @@
           ]
         }
       },
-      "pf-t--global--dark--color--nonstatus--gray--300": {
-        "default": {
-          "type": "color",
-          "value": "#a3a3a3",
-          "filePath": "tokens/default/glass-dark/base.dark.json",
-          "isSource": true,
-          "original": {
-            "type": "color",
-            "value": "{color.gray.40}"
-          },
-          "name": "pf-t--global--dark--color--nonstatus--gray--300",
-          "attributes": {
-            "category": "global",
-            "type": "dark",
-            "item": "color",
-            "subitem": "nonstatus",
-            "state": "gray"
-          },
-          "path": [
-            "global",
-            "dark",
-            "color",
-            "nonstatus",
-            "gray",
-            "300"
-          ],
-          "references": [
-            {
-              "type": "color",
-              "value": "#a3a3a3",
-              "filePath": "tokens/default/glass-dark/palette.color.json",
-              "isSource": true,
-              "original": {
-                "type": "color",
-                "value": "#a3a3a3"
-              },
-              "name": "pf-t--color--gray--40",
-              "attributes": {
-                "category": "color",
-                "type": "gray",
-                "item": "40"
-              },
-              "path": [
-                "color",
-                "gray",
-                "40"
-              ]
-            }
-          ]
-        }
-      },
-      "pf-t--global--dark--border--color--50": {
-        "default": {
-          "type": "color",
-          "value": "#4d4d4d",
-          "filePath": "tokens/default/glass-dark/base.dark.json",
-          "isSource": true,
-          "original": {
-            "type": "color",
-            "value": "{color.gray.60}"
-          },
-          "name": "pf-t--global--dark--border--color--50",
-          "attributes": {
-            "category": "global",
-            "type": "dark",
-            "item": "border",
-            "subitem": "color",
-            "state": "50"
-          },
-          "path": [
-            "global",
-            "dark",
-            "border",
-            "color",
-            "50"
-          ],
-          "references": [
-            {
-              "type": "color",
-              "value": "#4d4d4d",
-              "filePath": "tokens/default/glass-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--dark--border--color--100": {
-        "default": {
-          "type": "color",
-          "value": "#707070",
-          "filePath": "tokens/default/glass-dark/base.dark.json",
-          "isSource": true,
-          "original": {
-            "type": "color",
-            "value": "{color.gray.50}"
-          },
-          "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": "#707070",
-              "filePath": "tokens/default/glass-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"
-              ]
-            }
-          ]
-        }
-      },
+      "pf-t--global--dark--color--nonstatus--gray--300": {
+        "default": {
+          "type": "color",
+          "value": "#a3a3a3",
+          "filePath": "tokens/default/glass-dark/base.dark.json",
+          "isSource": true,
+          "original": {
+            "type": "color",
+            "value": "{color.gray.40}"
+          },
+          "name": "pf-t--global--dark--color--nonstatus--gray--300",
+          "attributes": {
+            "category": "global",
+            "type": "dark",
+            "item": "color",
+            "subitem": "nonstatus",
+            "state": "gray"
+          },
+          "path": [
+            "global",
+            "dark",
+            "color",
+            "nonstatus",
+            "gray",
+            "300"
+          ],
+          "references": [
+            {
+              "type": "color",
+              "value": "#a3a3a3",
+              "filePath": "tokens/default/glass-dark/palette.color.json",
+              "isSource": true,
+              "original": {
+                "type": "color",
+                "value": "#a3a3a3"
+              },
+              "name": "pf-t--color--gray--40",
+              "attributes": {
+                "category": "color",
+                "type": "gray",
+                "item": "40"
+              },
+              "path": [
+                "color",
+                "gray",
+                "40"
+              ]
+            }
+          ]
+        }
+      },
+      "pf-t--global--dark--border--color--50": {
+        "default": {
+          "type": "color",
+          "value": "#383838",
+          "filePath": "tokens/default/glass-dark/base.dark.json",
+          "isSource": true,
+          "original": {
+            "type": "color",
+            "value": "{color.gray.70}"
+          },
+          "name": "pf-t--global--dark--border--color--50",
+          "attributes": {
+            "category": "global",
+            "type": "dark",
+            "item": "border",
+            "subitem": "color",
+            "state": "50"
+          },
+          "path": [
+            "global",
+            "dark",
+            "border",
+            "color",
+            "50"
+          ],
+          "references": [
+            {
+              "type": "color",
+              "value": "#383838",
+              "filePath": "tokens/default/glass-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"
+              ]
+            }
+          ]
+        }
+      },
+      "pf-t--global--dark--border--color--100": {
+        "default": {
+          "type": "color",
+          "value": "#4d4d4d",
+          "filePath": "tokens/default/glass-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/glass-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--dark--border--color--200": {
         "default": {
           "type": "color",
@@ -35016,6 +35006,113 @@
         ]
       }
     },
+    "pf-t--global--icon--color--on-brand--accent--default": {
+      "redhat": {
+        "description": "Use as the default color for icons that are placed on a brand background color and/or are paired with on-brand colored text.",
+        "type": "color",
+        "value": "#f2f2f2",
+        "filePath": "tokens/redhat/glass-dark/redhat.color.glass.dark.json",
+        "isSource": true,
+        "original": {
+          "description": "Use as the default color for icons that are placed on a brand background color and/or are paired with on-brand colored text.",
+          "type": "color",
+          "value": "{global.icon.color.regular}"
+        },
+        "name": "pf-t--global--icon--color--on-brand--accent--default",
+        "attributes": {
+          "category": "global",
+          "type": "icon",
+          "item": "color",
+          "subitem": "on-brand",
+          "state": "accent"
+        },
+        "path": [
+          "global",
+          "icon",
+          "color",
+          "on-brand",
+          "accent",
+          "default"
+        ],
+        "references": [
+          {
+            "description": "Use as the default color for icons in icon buttons and/or when paired with regular-colored text",
+            "type": "color",
+            "value": "#f2f2f2",
+            "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
+            "isSource": true,
+            "original": {
+              "description": "Use as the default color for icons in icon buttons and/or when paired with regular-colored text",
+              "type": "color",
+              "value": "{global.dark.icon.color.100}"
+            },
+            "name": "pf-t--global--icon--color--regular",
+            "attributes": {
+              "category": "global",
+              "type": "icon",
+              "item": "color",
+              "subitem": "regular"
+            },
+            "path": [
+              "global",
+              "icon",
+              "color",
+              "regular"
+            ],
+            "references": [
+              {
+                "type": "color",
+                "value": "#f2f2f2",
+                "filePath": "tokens/default/glass-dark/base.dark.json",
+                "isSource": true,
+                "original": {
+                  "type": "color",
+                  "value": "{color.gray.10}"
+                },
+                "name": "pf-t--global--dark--icon--color--100",
+                "attributes": {
+                  "category": "global",
+                  "type": "dark",
+                  "item": "icon",
+                  "subitem": "color",
+                  "state": "100"
+                },
+                "path": [
+                  "global",
+                  "dark",
+                  "icon",
+                  "color",
+                  "100"
+                ],
+                "references": [
+                  {
+                    "type": "color",
+                    "value": "#f2f2f2",
+                    "filePath": "tokens/default/glass-dark/palette.color.json",
+                    "isSource": true,
+                    "original": {
+                      "type": "color",
+                      "value": "#f2f2f2"
+                    },
+                    "name": "pf-t--color--gray--10",
+                    "attributes": {
+                      "category": "color",
+                      "type": "gray",
+                      "item": "10"
+                    },
+                    "path": [
+                      "color",
+                      "gray",
+                      "10"
+                    ]
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    },
     "pf-t--global--icon--color--on-brand--accent--hover": {
       "redhat": {
         "description": "Use as the hover state color for icons that are placed on a brand background color and/or are paired with on-brand colored text.",
@@ -35232,13 +35329,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/glass-dark/redhat.color.glass.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}"
         },
@@ -35311,13 +35408,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/glass-dark/redhat.color.glass.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}"
         },
@@ -35390,13 +35487,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/glass-dark/redhat.color.glass.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}"
         },