@patternfly/design-tokens 1.15.1 → 1.15.2

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

@@ -7328,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": "#1f1f1f",
-          "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.inverse}"
-          },
-          "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 color for icons that are placed on an inverse background color",
-              "type": "color",
-              "value": "#1f1f1f",
-              "filePath": "tokens/default/glass-dark/semantic.glass.dark.json",
-              "isSource": true,
-              "original": {
-                "description": "Use as the color for icons that are placed on an inverse background color",
-                "type": "color",
-                "value": "{global.dark.icon.color.300}"
-              },
-              "name": "pf-t--global--icon--color--inverse",
-              "attributes": {
-                "category": "global",
-                "type": "icon",
-                "item": "color",
-                "subitem": "inverse"
-              },
-              "path": [
-                "global",
-                "icon",
-                "color",
-                "inverse"
-              ],
-              "references": [
-                {
-                  "type": "color",
-                  "value": "#1f1f1f",
-                  "filePath": "tokens/default/glass-dark/base.dark.json",
-                  "isSource": true,
-                  "original": {
-                    "type": "color",
-                    "value": "{color.gray.90}"
-                  },
-                  "name": "pf-t--global--dark--icon--color--300",
-                  "attributes": {
-                    "category": "global",
-                    "type": "dark",
-                    "item": "icon",
-                    "subitem": "color",
-                    "state": "300"
-                  },
-                  "path": [
-                    "global",
-                    "dark",
-                    "icon",
-                    "color",
-                    "300"
-                  ],
-                  "references": [
-                    {
-                      "type": "color",
-                      "value": "#1f1f1f",
-                      "filePath": "tokens/default/glass-dark/palette.color.json",
-                      "isSource": true,
-                      "original": {
-                        "type": "color",
-                        "value": "#1f1f1f"
-                      },
-                      "name": "pf-t--color--gray--90",
-                      "attributes": {
-                        "category": "color",
-                        "type": "gray",
-                        "item": "90"
-                      },
-                      "path": [
-                        "color",
-                        "gray",
-                        "90"
-                      ]
-                    }
-                  ]
-                }
-              ]
-            }
-          ]
-        }
-      },
       "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.",
@@ -15739,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}"
           },
@@ -15816,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": {
@@ -15841,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"
                   ]
                 }
               ]
@@ -16217,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}"
           },
@@ -16298,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}"
           },
@@ -16379,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}"
           },
@@ -29833,12 +29724,12 @@
       "pf-t--global--text-decoration--color--default": {
         "default": {
           "type": "color",
-          "value": "#4d4d4d",
+          "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": {
@@ -29855,76 +29746,49 @@
           ],
           "references": [
             {
-              "description": "Use as the default border color for elements like form inputs, menu toggles, cards, etc.",
               "type": "color",
-              "value": "#4d4d4d",
-              "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": "#4d4d4d",
-                  "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.60}"
+                    "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": "#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"
-                      ]
-                    }
+                    "gray",
+                    "40"
                   ]
                 }
               ]
@@ -35142,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.",
@@ -35358,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}"
         },
@@ -35437,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}"
         },
@@ -35516,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}"
         },