@patternfly/design-tokens 1.14.9 → 1.15.1

package/tokens/default/highcontrast/semantic.highcontrast.json

@@ -2,31 +2,7 @@
 {
   "global": {
     "background": {
-      "filter": {
-        "glass": {
-          "blur": {
-            "primary": {
-              "type": "number",
-              "value": 0
-            },
-            "floating": {
-              "type": "number",
-              "value": 0
-            }
-          }
-        }
-      },
       "color": {
-        "glass": {
-          "primary": {
-            "type": "color",
-            "value": "{global.background.color.primary.default}"
-          },
-          "floating": {
-            "type": "color",
-            "value": "{global.background.color.floating.default}"
-          }
-        },
         "primary": {
           "default": {
             "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.",
@@ -68,6 +44,14 @@
             "value": "{global.background.color.600}"
           }
         },
+        "glass": {
+          "primary": {
+            "default": {
+              "type": "color",
+              "value": "{global.background.color.primary.default}"
+            }
+          }
+        },
         "floating": {
           "default": {
             "description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
@@ -83,6 +67,19 @@
             "description": "Use as the clicked state for floating backgrounds",
             "type": "color",
             "value": "{global.background.color.200}"
+          },
+          "secondary": {
+            "default": {
+              "type": "color",
+              "value": "{global.background.color.secondary.default}"
+            }
+          }
+        },
+        "sticky": {
+          "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": "{global.background.color.100}"
           }
         },
         "action": {
@@ -170,6 +167,14 @@
             "value": "{global.background.color.500}"
           }
         },
+        "striped": {
+          "row": {
+            "default": {
+              "type": "color",
+              "value": "{global.background.color.700}"
+            }
+          }
+        },
         "loading": {
           "skeleton": {
             "default": {
@@ -183,15 +188,13 @@
           }
         }
       },
-      "opacity": {
+      "filter": {
         "glass": {
-          "primary": {
-            "type": "number",
-            "value": 100
-          },
-          "floating": {
-            "type": "number",
-            "value": 100
+          "blur": {
+            "primary": {
+              "type": "number",
+              "value": 0
+            }
           }
         }
       }
@@ -1282,6 +1285,12 @@
           "type": "color",
           "value": "{global.border.color.400}"
         },
+        "glass": {
+          "default": {
+            "type": "color",
+            "value": "{global.border.color.subtle}"
+          }
+        },
         "nonstatus": {
           "red": {
             "default": {

package/tokens/default/highcontrast-dark/base.dark.json

@@ -69,15 +69,15 @@
             },
             "200": {
               "type": "color",
-              "value": "{color.red.40}"
+              "value": "{color.red.60}"
             },
             "300": {
               "type": "color",
-              "value": "{color.red.30}"
+              "value": "{color.red.40}"
             },
             "350": {
               "type": "color",
-              "value": "{color.red.20}"
+              "value": "{color.gray.20}"
             },
             "400": {
               "type": "color",
@@ -382,7 +382,7 @@
           },
           "100": {
             "type": "color",
-            "value": "{color.gray.50}"
+            "value": "{color.gray.60}"
           },
           "200": {
             "type": "color",
@@ -456,7 +456,7 @@
           },
           "200": {
             "type": "color",
-            "value": "rgba(0, 0, 0, 0.7000)"
+            "value": "rgba(0, 0, 0, 0.6000)"
           }
         }
       },

package/tokens/default/highcontrast-dark/semantic.highcontrast.dark.json

@@ -2,31 +2,7 @@
 {
   "global": {
     "background": {
-      "filter": {
-        "glass": {
-          "blur": {
-            "primary": {
-              "type": "number",
-              "value": 0
-            },
-            "floating": {
-              "type": "number",
-              "value": 0
-            }
-          }
-        }
-      },
       "color": {
-        "glass": {
-          "primary": {
-            "type": "color",
-            "value": "{global.background.color.primary.default}"
-          },
-          "floating": {
-            "type": "color",
-            "value": "{global.background.color.floating.default}"
-          }
-        },
         "primary": {
           "default": {
             "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.",
@@ -68,6 +44,14 @@
             "value": "{global.dark.background.color.600}"
           }
         },
+        "glass": {
+          "primary": {
+            "default": {
+              "type": "color",
+              "value": "{global.background.color.primary.default}"
+            }
+          }
+        },
         "floating": {
           "default": {
             "description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
@@ -83,6 +67,19 @@
             "description": "Use as the clicked state for floating backgrounds",
             "type": "color",
             "value": "{global.dark.background.color.300}"
+          },
+          "secondary": {
+            "default": {
+              "type": "color",
+              "value": "{global.background.color.secondary.default}"
+            }
+          }
+        },
+        "sticky": {
+          "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": "{global.dark.background.color.200}"
           }
         },
         "action": {
@@ -170,6 +167,14 @@
             "value": "{global.dark.background.color.500}"
           }
         },
+        "striped": {
+          "row": {
+            "default": {
+              "type": "color",
+              "value": "rgba(21, 21, 21, 0.3000)"
+            }
+          }
+        },
         "loading": {
           "skeleton": {
             "default": {
@@ -183,15 +188,13 @@
           }
         }
       },
-      "opacity": {
+      "filter": {
         "glass": {
-          "primary": {
-            "type": "number",
-            "value": 100
-          },
-          "floating": {
-            "type": "number",
-            "value": 100
+          "blur": {
+            "primary": {
+              "type": "number",
+              "value": 0
+            }
           }
         }
       }
@@ -1124,17 +1127,17 @@
             "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.200}"
+              "value": "{global.color.brand.accent.default}"
             },
             "hover": {
               "description": "Use as the hover state border color for any branded element, like color-coded labels, banners, etc.",
               "type": "color",
-              "value": "{global.dark.color.brand.accent.300}"
+              "value": "{global.color.brand.accent.hover}"
             },
             "clicked": {
               "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.300}"
+              "value": "{global.color.brand.accent.clicked}"
             }
           },
           "subtle": {
@@ -1282,6 +1285,12 @@
           "type": "color",
           "value": "{global.dark.border.color.300}"
         },
+        "glass": {
+          "default": {
+            "type": "color",
+            "value": "{global.border.color.subtle}"
+          }
+        },
         "nonstatus": {
           "red": {
             "default": {

package/tokens/default/light/base.dimension.json

@@ -110,16 +110,6 @@
       }
     },
     "font": {
-      "line-height": {
-        "100": {
-          "type": "number",
-          "value": 1.2999999523162842
-        },
-        "200": {
-          "type": "number",
-          "value": 1.5
-        }
-      },
       "weight": {
         "100": {
           "type": "number",
@@ -138,6 +128,16 @@
           "value": 700
         }
       },
+      "line-height": {
+        "100": {
+          "type": "number",
+          "value": 1.2999999523162842
+        },
+        "200": {
+          "type": "number",
+          "value": 1.5
+        }
+      },
       "size": {
         "100": {
           "type": "number",
@@ -229,7 +229,7 @@
         },
         "300": {
           "type": "number",
-          "value": -1
+          "value": -2
         },
         "400": {
           "type": "number",
@@ -237,7 +237,7 @@
         },
         "500": {
           "type": "number",
-          "value": 1
+          "value": 2
         },
         "600": {
           "type": "number",
@@ -263,7 +263,7 @@
         },
         "200": {
           "type": "number",
-          "value": -2
+          "value": -4
         },
         "300": {
           "type": "number",
@@ -279,7 +279,7 @@
         },
         "600": {
           "type": "number",
-          "value": 2
+          "value": 4
         },
         "700": {
           "type": "number",
@@ -293,11 +293,11 @@
       "blur": {
         "100": {
           "type": "number",
-          "value": 4
+          "value": 6
         },
         "200": {
           "type": "number",
-          "value": 9
+          "value": 10
         },
         "300": {
           "type": "number",

package/tokens/default/light/base.json

@@ -80,7 +80,7 @@
           },
           "300": {
             "type": "color",
-            "value": "{color.red.70}"
+            "value": "{color.gray.60}"
           },
           "400": {
             "type": "color",
@@ -493,7 +493,7 @@
       "color": {
         "50": {
           "type": "color",
-          "value": "{color.gray.10}"
+          "value": "{color.gray.20}"
         },
         "100": {
           "type": "color",

package/tokens/default/light/charts.json

@@ -270,10 +270,6 @@
           }
         }
       },
-      "letter-spacing": {
-        "type": "string",
-        "value": "normal"
-      },
       "FontSize": {
         "xs": {
           "type": "number",
@@ -292,23 +288,9 @@
           "value": 22
         }
       },
-      "stroke-line-cap": {
+      "letter-spacing": {
         "type": "string",
-        "value": "round"
-      },
-      "layout": {
-        "padding": {
-          "type": "number",
-          "value": 50
-        },
-        "height": {
-          "type": "number",
-          "value": 300
-        },
-        "width": {
-          "type": "number",
-          "value": 450
-        }
+        "value": "normal"
       },
       "label": {
         "padding": {
@@ -336,6 +318,24 @@
           "value": "{color.gray.90}"
         }
       },
+      "layout": {
+        "padding": {
+          "type": "number",
+          "value": 50
+        },
+        "height": {
+          "type": "number",
+          "value": 300
+        },
+        "width": {
+          "type": "number",
+          "value": 450
+        }
+      },
+      "stroke-line-cap": {
+        "type": "string",
+        "value": "round"
+      },
       "stroke-line-join": {
         "type": "string",
         "value": "round"

package/tokens/default/light/semantic.dimension.json

@@ -33,6 +33,12 @@
           "type": "number",
           "value": "{global.border.radius.500}"
         },
+        "glass": {
+          "default": {
+            "type": "number",
+            "value": "{global.border.radius.medium}"
+          }
+        },
         "control": {
           "default": {
             "type": "number",
@@ -57,6 +63,11 @@
         }
       },
       "width": {
+        "regular": {
+          "description": "Use as the default border width for elements.",
+          "type": "number",
+          "value": "{global.border.width.100}"
+        },
         "divider": {
           "default": {
             "description": "Use as the default border width for dividers.",
@@ -74,11 +85,6 @@
             "value": "{global.border.width.100}"
           }
         },
-        "regular": {
-          "description": "Use as the default border width for elements.",
-          "type": "number",
-          "value": "{global.border.width.100}"
-        },
         "strong": {
           "description": "Use as a stronger/wider border width for elements.",
           "type": "number",
@@ -89,6 +95,12 @@
           "type": "number",
           "value": "{global.border.width.300}"
         },
+        "glass": {
+          "default": {
+            "type": "number",
+            "value": "{global.border.width.regular}"
+          }
+        },
         "box": {
           "default": {
             "description": "Use as the default border width for containers like cards, panels, code editors, etc.",
@@ -420,29 +432,7 @@
           "type": "number",
           "value": "{global.icon.size.400}"
         },
-        "3xl": {
-          "description": "Use for triple extra large icons.",
-          "type": "number",
-          "value": "{global.icon.size.500}"
-        },
         "font": {
-          "body": {
-            "sm": {
-              "description": "Use for icons that are placed inline with small body text",
-              "type": "number",
-              "value": "{global.font.size.body.sm}"
-            },
-            "default": {
-              "description": "Use for icons that are placed inline with default body text",
-              "type": "number",
-              "value": "{global.font.size.body.default}"
-            },
-            "lg": {
-              "description": "Use for icons that are placed inline with large body text",
-              "type": "number",
-              "value": "{global.font.size.body.lg}"
-            }
-          },
           "heading": {
             "h1": {
               "description": "Use for icons that are placed inline with first level headings",
@@ -475,6 +465,23 @@
               "value": "{global.font.size.heading.h6}"
             }
           },
+          "body": {
+            "sm": {
+              "description": "Use for icons that are placed inline with small body text",
+              "type": "number",
+              "value": "{global.font.size.body.sm}"
+            },
+            "default": {
+              "description": "Use for icons that are placed inline with default body text",
+              "type": "number",
+              "value": "{global.font.size.body.default}"
+            },
+            "lg": {
+              "description": "Use for icons that are placed inline with large body text",
+              "type": "number",
+              "value": "{global.font.size.body.lg}"
+            }
+          },
           "xs": {
             "description": "Use for icons that are placed inline with font–size–xs text",
             "type": "number",
@@ -515,10 +522,27 @@
             "type": "number",
             "value": "{global.font.size.4xl}"
           }
+        },
+        "3xl": {
+          "description": "Use for triple extra large icons.",
+          "type": "number",
+          "value": "{global.icon.size.500}"
         }
       }
     },
     "font": {
+      "line-height": {
+        "body": {
+          "description": "Use to define the line height for body text",
+          "type": "number",
+          "value": "{global.font.line-height.200}"
+        },
+        "heading": {
+          "description": "Use to define the line height for heading text",
+          "type": "number",
+          "value": "{global.font.line-height.100}"
+        }
+      },
       "weight": {
         "body": {
           "default": {
@@ -545,18 +569,6 @@
           }
         }
       },
-      "line-height": {
-        "body": {
-          "description": "Use to define the line height for body text",
-          "type": "number",
-          "value": "{global.font.line-height.200}"
-        },
-        "heading": {
-          "description": "Use to define the line height for heading text",
-          "type": "number",
-          "value": "{global.font.line-height.100}"
-        }
-      },
       "family": {
         "body": {
           "description": "Use to define the font family for body text",