@patternfly/design-tokens 1.15.0 → 1.15.2

package/tokens/{redhat/glass-dark/redhat.color.glass.dark.json → felt/glass-dark/felt.color.glass.dark.json}

@@ -9,15 +9,15 @@
             "type": "color",
             "value": "{global.dark.color.brand.accent.200}"
           },
-          "default": {
-            "description": "Use this color for elements that you want to reinforce your brand",
-            "type": "color",
-            "value": "{global.dark.color.brand.accent.100}"
-          },
           "clicked": {
             "description": "Use as the clicked state for elements that have a brand background color",
             "type": "color",
             "value": "{global.dark.color.brand.accent.200}"
+          },
+          "default": {
+            "description": "Use this color for elements that you want to reinforce your brand",
+            "type": "color",
+            "value": "{global.dark.color.brand.accent.100}"
           }
         }
       }
@@ -26,11 +26,6 @@
       "color": {
         "brand": {
           "accent": {
-            "default": {
-              "description": "Use as the default border color for any branded element, like color-coded labels, banners, etc.",
-              "type": "color",
-              "value": "{global.dark.color.brand.accent.400}"
-            },
             "hover": {
               "description": "Use as the hover state border color for any branded element, like color-coded labels, banners, etc.",
               "type": "color",
@@ -40,6 +35,11 @@
               "description": "Use as the clicked state border color for any branded element, like color-coded labels, banners, etc.",
               "type": "color",
               "value": "{global.dark.color.brand.accent.400}"
+            },
+            "default": {
+              "description": "Use as the default border color for any branded element, like color-coded labels, banners, etc.",
+              "type": "color",
+              "value": "{global.dark.color.brand.accent.400}"
             }
           }
         }
@@ -49,13 +49,13 @@
       "color": {
         "on-brand": {
           "accent": {
-            "hover": {
-              "description": "Use as the hover state color for text placed on a brand-colored background.",
+            "clicked": {
+              "description": "Use as the clicked state color for text placed on a brand-colored background.",
               "type": "color",
               "value": "{global.text.color.regular}"
             },
-            "clicked": {
-              "description": "Use as the clicked state color for text placed on a brand-colored background.",
+            "hover": {
+              "description": "Use as the hover state color for text placed on a brand-colored background.",
               "type": "color",
               "value": "{global.text.color.regular}"
             },
@@ -70,31 +70,36 @@
     },
     "icon": {
       "color": {
-        "on-brand": {
+        "brand": {
           "accent": {
             "hover": {
-              "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.",
+              "description": "Use as the hover state color for icons that convey your brand and/or are paired with branded text color.",
               "type": "color",
-              "value": "{global.icon.color.regular}"
+              "value": "{global.dark.color.brand.accent.300}"
             },
             "clicked": {
-              "description": "Use as the clicked state color for icons that are placed on a brand background color and/or are paired with on-brand colored text.",
+              "description": "Use as the clicked state for icons that convey your brand and/or are paired with branded text color.",
               "type": "color",
-              "value": "{global.icon.color.regular}"
+              "value": "{global.dark.color.brand.accent.300}"
             }
           }
         },
-        "brand": {
+        "on-brand": {
           "accent": {
-            "clicked": {
-              "description": "Use as the clicked state for icons that convey your brand and/or are paired with branded text color.",
+            "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": "{global.dark.color.brand.accent.300}"
+              "value": "{global.icon.color.regular}"
             },
             "hover": {
-              "description": "Use as the hover state color for icons that convey your brand and/or are paired with branded text color.",
+              "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.",
               "type": "color",
-              "value": "{global.dark.color.brand.accent.300}"
+              "value": "{global.icon.color.regular}"
+            },
+            "clicked": {
+              "description": "Use as the clicked state 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}"
             }
           }
         }

package/tokens/{redhat/highcontrast/redhat.color.highcontrast.json → felt/highcontrast/felt.color.highcontrast.json}

@@ -9,15 +9,15 @@
             "type": "color",
             "value": "{global.color.brand.accent.300}"
           },
-          "default": {
-            "description": "Use this color for elements that you want to reinforce your brand",
-            "type": "color",
-            "value": "{global.color.brand.accent.400}"
-          },
           "clicked": {
             "description": "Use as the clicked state for elements that have a brand background color",
             "type": "color",
             "value": "{global.color.brand.accent.300}"
+          },
+          "default": {
+            "description": "Use this color for elements that you want to reinforce your brand",
+            "type": "color",
+            "value": "{global.color.brand.accent.400}"
           }
         }
       }
@@ -26,11 +26,6 @@
       "color": {
         "brand": {
           "accent": {
-            "default": {
-              "description": "Use as the default border color for any branded element, like color-coded labels, banners, etc.",
-              "type": "color",
-              "value": "{global.color.brand.accent.400}"
-            },
             "hover": {
               "description": "Use as the hover state border color for any branded element, like color-coded labels, banners, etc.",
               "type": "color",
@@ -40,6 +35,11 @@
               "description": "Use as the clicked state border color for any branded element, like color-coded labels, banners, etc.",
               "type": "color",
               "value": "{global.color.brand.accent.400}"
+            },
+            "default": {
+              "description": "Use as the default border color for any branded element, like color-coded labels, banners, etc.",
+              "type": "color",
+              "value": "{global.color.brand.accent.400}"
             }
           }
         }

package/tokens/{redhat/light/redhat.dimension.json → felt/highcontrast/felt.dimension.highcontrast.json}

@@ -3,6 +3,12 @@
   "global": {
     "border": {
       "radius": {
+        "control": {
+          "default": {
+            "type": "number",
+            "value": "{global.border.radius.pill}"
+          }
+        },
         "action": {
           "plain": {
             "default": {
@@ -10,12 +16,6 @@
               "value": "{global.border.radius.pill}"
             }
           }
-        },
-        "control": {
-          "default": {
-            "type": "number",
-            "value": "{global.border.radius.pill}"
-          }
         }
       }
     }

package/tokens/{redhat/highcontrast-dark/redhat.color.highcontrast.dark.json → felt/highcontrast-dark/felt.color.highcontrast.dark.json}

@@ -9,15 +9,15 @@
             "type": "color",
             "value": "{global.dark.color.brand.accent.350}"
           },
-          "default": {
-            "description": "Use this color for elements that you want to reinforce your brand",
-            "type": "color",
-            "value": "{global.dark.color.brand.accent.400}"
-          },
           "clicked": {
             "description": "Use as the clicked state for elements that have a brand background color",
             "type": "color",
             "value": "{global.dark.color.brand.accent.350}"
+          },
+          "default": {
+            "description": "Use this color for elements that you want to reinforce your brand",
+            "type": "color",
+            "value": "{global.dark.color.brand.accent.400}"
           }
         }
       }
@@ -26,11 +26,6 @@
       "color": {
         "brand": {
           "accent": {
-            "default": {
-              "description": "Use as the default border color for any branded element, like color-coded labels, banners, etc.",
-              "type": "color",
-              "value": "{global.dark.color.brand.accent.400}"
-            },
             "hover": {
               "description": "Use as the hover state border color for any branded element, like color-coded labels, banners, etc.",
               "type": "color",
@@ -40,6 +35,11 @@
               "description": "Use as the clicked state border color for any branded element, like color-coded labels, banners, etc.",
               "type": "color",
               "value": "{global.dark.color.brand.accent.400}"
+            },
+            "default": {
+              "description": "Use as the default border color for any branded element, like color-coded labels, banners, etc.",
+              "type": "color",
+              "value": "{global.dark.color.brand.accent.400}"
             }
           }
         }

package/tokens/{redhat/light/redhat.color.json → felt/light/felt.color.json}

@@ -9,15 +9,15 @@
             "type": "color",
             "value": "{global.color.brand.accent.200}"
           },
-          "default": {
-            "description": "Use this color for elements that you want to reinforce your brand",
-            "type": "color",
-            "value": "{global.color.brand.accent.100}"
-          },
           "clicked": {
             "description": "Use as the clicked state for elements that have a brand background color",
             "type": "color",
             "value": "{global.color.brand.accent.200}"
+          },
+          "default": {
+            "description": "Use this color for elements that you want to reinforce your brand",
+            "type": "color",
+            "value": "{global.color.brand.accent.100}"
           }
         }
       }
@@ -26,11 +26,6 @@
       "color": {
         "brand": {
           "accent": {
-            "default": {
-              "description": "Use as the default border color for any branded element, like color-coded labels, banners, etc.",
-              "type": "color",
-              "value": "{global.color.brand.accent.400}"
-            },
             "hover": {
               "description": "Use as the hover state border color for any branded element, like color-coded labels, banners, etc.",
               "type": "color",
@@ -40,6 +35,11 @@
               "description": "Use as the clicked state border color for any branded element, like color-coded labels, banners, etc.",
               "type": "color",
               "value": "{global.color.brand.accent.400}"
+            },
+            "default": {
+              "description": "Use as the default border color for any branded element, like color-coded labels, banners, etc.",
+              "type": "color",
+              "value": "{global.color.brand.accent.400}"
             }
           }
         }

package/tokens/felt/light/felt.dimension.json

@@ -0,0 +1,23 @@
+
+{
+  "global": {
+    "border": {
+      "radius": {
+        "control": {
+          "default": {
+            "type": "number",
+            "value": "{global.border.radius.pill}"
+          }
+        },
+        "action": {
+          "plain": {
+            "default": {
+              "type": "number",
+              "value": "{global.border.radius.pill}"
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/build/css/tokens-redhat-glass.scss

@@ -1,21 +0,0 @@
-
-// Do not edit directly
-// Generated on Mon, 09 Mar 2026 19:57:04 GMT
-
-// Only tokens that differ from base theme (14 tokens)
-@mixin pf-v6-tokens {
-  --pf-t--global--background--color--glass--primary: rgba(255, 255, 255, 0.5000);
-  --pf-t--global--background--color--primary--clicked: rgba(242, 242, 242, 0.8000);
-  --pf-t--global--background--color--primary--default: rgba(255, 255, 255, 0.8000);
-  --pf-t--global--background--color--primary--hover: rgba(242, 242, 242, 0.8000);
-  --pf-t--global--background--color--secondary--clicked: rgba(163, 163, 163, 0.3000);
-  --pf-t--global--background--color--secondary--default: rgba(199, 199, 199, 0.3000);
-  --pf-t--global--background--color--secondary--hover: rgba(163, 163, 163, 0.3000);
-  --pf-t--global--background--filter--glass--blur--primary: blur(12.5px);
-  --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
-  --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
-  --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
-  --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
-  --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
-  --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
-}