@patternfly/design-tokens 1.15.0 → 1.15.2

package/tokens/default/light/charts.json

@@ -180,6 +180,18 @@
       }
     },
     "global": {
+      "letter-spacing": {
+        "type": "string",
+        "value": "normal"
+      },
+      "stroke-line-cap": {
+        "type": "string",
+        "value": "round"
+      },
+      "stroke-line-join": {
+        "type": "string",
+        "value": "round"
+      },
       "BorderWidth": {
         "xs": {
           "type": "number",
@@ -270,10 +282,6 @@
           }
         }
       },
-      "letter-spacing": {
-        "type": "string",
-        "value": "normal"
-      },
       "FontSize": {
         "xs": {
           "type": "number",
@@ -292,6 +300,20 @@
           "value": 22
         }
       },
+      "layout": {
+        "padding": {
+          "type": "number",
+          "value": 50
+        },
+        "height": {
+          "type": "number",
+          "value": 300
+        },
+        "width": {
+          "type": "number",
+          "value": 450
+        }
+      },
       "label": {
         "padding": {
           "type": "number",
@@ -301,14 +323,6 @@
           "type": "number",
           "value": 8
         },
-        "stroke": {
-          "width": {
-            "type": "number",
-            "value": 0
-          },
-          "type": "string",
-          "value": "transparent"
-        },
         "text-anchor": {
           "type": "string",
           "value": "middle"
@@ -316,29 +330,15 @@
         "fill": {
           "type": "color",
           "value": "{color.gray.90}"
-        }
-      },
-      "layout": {
-        "padding": {
-          "type": "number",
-          "value": 50
-        },
-        "height": {
-          "type": "number",
-          "value": 300
         },
-        "width": {
-          "type": "number",
-          "value": 450
+        "stroke": {
+          "width": {
+            "type": "number",
+            "value": 0
+          },
+          "type": "string",
+          "value": "transparent"
         }
-      },
-      "stroke-line-cap": {
-        "type": "string",
-        "value": "round"
-      },
-      "stroke-line-join": {
-        "type": "string",
-        "value": "round"
       }
     },
     "theme": {

package/tokens/default/light/palette.color.json

@@ -5,6 +5,10 @@
       "type": "color",
       "value": "#ffffff"
     },
+    "black": {
+      "type": "color",
+      "value": "#000000"
+    },
     "gray": {
       "10": {
         "type": "color",
@@ -51,10 +55,6 @@
         "value": "#151515"
       }
     },
-    "black": {
-      "type": "color",
-      "value": "#000000"
-    },
     "blue": {
       "10": {
         "type": "color",

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

@@ -43,20 +43,41 @@
             "value": "{global.border.radius.small}"
           }
         },
+        "glass": {
+          "default": {
+            "type": "number",
+            "value": "{global.border.radius.medium}"
+          }
+        },
         "action": {
+          "default": {
+            "type": "number",
+            "value": "{global.border.radius.pill}"
+          },
           "plain": {
             "default": {
               "type": "number",
               "value": "{global.border.radius.small}"
             }
-          },
-          "default": {
-            "type": "number",
-            "value": "{global.border.radius.pill}"
           }
         }
       },
       "width": {
+        "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",
+          "value": "{global.border.width.200}"
+        },
+        "extra-strong": {
+          "description": "Use as the strongest/widest border width for elements.",
+          "type": "number",
+          "value": "{global.border.width.300}"
+        },
         "divider": {
           "default": {
             "description": "Use as the default border width for dividers.",
@@ -74,20 +95,11 @@
             "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",
-          "value": "{global.border.width.200}"
-        },
-        "extra-strong": {
-          "description": "Use as the strongest/widest border width for elements.",
-          "type": "number",
-          "value": "{global.border.width.300}"
+        "glass": {
+          "default": {
+            "type": "number",
+            "value": "{global.border.width.regular}"
+          }
         },
         "box": {
           "default": {
@@ -144,6 +156,16 @@
             "type": "number",
             "value": "{global.border.width.100}"
           },
+          "hover": {
+            "description": "Use as the hover state border width for actions like secondary and tertiary buttons",
+            "type": "number",
+            "value": "{global.border.width.200}"
+          },
+          "clicked": {
+            "description": "Use as the clicked state border width for actions like secondary and tertiary buttons",
+            "type": "number",
+            "value": "{global.border.width.200}"
+          },
           "plain": {
             "default": {
               "description": "Use as the default border width for plain actions",
@@ -160,16 +182,6 @@
               "type": "number",
               "value": 0
             }
-          },
-          "hover": {
-            "description": "Use as the hover state border width for actions like secondary and tertiary buttons",
-            "type": "number",
-            "value": "{global.border.width.200}"
-          },
-          "clicked": {
-            "description": "Use as the clicked state border width for actions like secondary and tertiary buttons",
-            "type": "number",
-            "value": "{global.border.width.200}"
           }
         },
         "control": {
@@ -285,6 +297,16 @@
             "type": "number",
             "value": "{global.spacer.lg}"
           },
+          "compact": {
+            "description": "Use to set the horizontal padding inside a compact action, like compact buttons.",
+            "type": "number",
+            "value": "{global.spacer.md}"
+          },
+          "spacious": {
+            "description": "Use to set the horizontal padding inside a large/display action, like CTAs.",
+            "type": "number",
+            "value": "{global.spacer.xl}"
+          },
           "plain": {
             "default": {
               "description": "Use to set the horizontal padding inside a plain action, like plain buttons.",
@@ -296,16 +318,6 @@
               "type": "number",
               "value": "{global.spacer.xs}"
             }
-          },
-          "compact": {
-            "description": "Use to set the horizontal padding inside a compact action, like compact buttons.",
-            "type": "number",
-            "value": "{global.spacer.md}"
-          },
-          "spacious": {
-            "description": "Use to set the horizontal padding inside a large/display action, like CTAs.",
-            "type": "number",
-            "value": "{global.spacer.xl}"
           }
         }
       },
@@ -420,56 +432,12 @@
           "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",
-              "type": "number",
-              "value": "{global.font.size.heading.h1}"
-            },
-            "h2": {
-              "description": "Use for icons that are placed inline with second level headings",
-              "type": "number",
-              "value": "{global.font.size.heading.h2}"
-            },
-            "h3": {
-              "description": "Use for icons that are placed inline with third level headings",
-              "type": "number",
-              "value": "{global.font.size.heading.h3}"
-            },
-            "h4": {
-              "description": "Use for icons that are placed inline with fourth level headings",
-              "type": "number",
-              "value": "{global.font.size.heading.h4}"
-            },
-            "h5": {
-              "description": "Use for icons that are placed inline with fifth level headings",
-              "type": "number",
-              "value": "{global.font.size.heading.h5}"
-            },
-            "h6": {
-              "description": "Use for icons that are placed inline with sixth level headings",
-              "type": "number",
-              "value": "{global.font.size.heading.h6}"
-            }
-          },
           "xs": {
             "description": "Use for icons that are placed inline with font–size–xs text",
             "type": "number",
@@ -509,12 +477,56 @@
             "description": "Use for icons that are placed inline with font–size–3xl text",
             "type": "number",
             "value": "{global.font.size.4xl}"
+          },
+          "heading": {
+            "h1": {
+              "description": "Use for icons that are placed inline with first level headings",
+              "type": "number",
+              "value": "{global.font.size.heading.h1}"
+            },
+            "h2": {
+              "description": "Use for icons that are placed inline with second level headings",
+              "type": "number",
+              "value": "{global.font.size.heading.h2}"
+            },
+            "h3": {
+              "description": "Use for icons that are placed inline with third level headings",
+              "type": "number",
+              "value": "{global.font.size.heading.h3}"
+            },
+            "h4": {
+              "description": "Use for icons that are placed inline with fourth level headings",
+              "type": "number",
+              "value": "{global.font.size.heading.h4}"
+            },
+            "h5": {
+              "description": "Use for icons that are placed inline with fifth level headings",
+              "type": "number",
+              "value": "{global.font.size.heading.h5}"
+            },
+            "h6": {
+              "description": "Use for icons that are placed inline with sixth level headings",
+              "type": "number",
+              "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}"
+            }
           }
-        },
-        "3xl": {
-          "description": "Use for triple extra large icons.",
-          "type": "number",
-          "value": "{global.icon.size.500}"
         }
       }
     },
@@ -575,6 +587,45 @@
         }
       },
       "size": {
+        "xs": {
+          "type": "number",
+          "value": "{global.font.size.100}"
+        },
+        "sm": {
+          "description": "Use as the font size for small text that isn’t a heading or in a body section.",
+          "type": "number",
+          "value": "{global.font.size.200}"
+        },
+        "md": {
+          "description": "Use as the font size for medium text that isn’t a heading or in a body section.",
+          "type": "number",
+          "value": "{global.font.size.300}"
+        },
+        "lg": {
+          "description": "Use as the font size for large text that isn’t a heading or in a body section.",
+          "type": "number",
+          "value": "{global.font.size.400}"
+        },
+        "xl": {
+          "description": "Use as the font size for extra large text that isn’t a heading or in a body section.",
+          "type": "number",
+          "value": "{global.font.size.500}"
+        },
+        "2xl": {
+          "description": "Use as the font size for double extra large text that isn’t a heading or in a body section.",
+          "type": "number",
+          "value": "{global.font.size.600}"
+        },
+        "3xl": {
+          "description": "Use as the font size for triple extra large text that isn’t a heading or in a body section.",
+          "type": "number",
+          "value": "{global.font.size.700}"
+        },
+        "4xl": {
+          "description": "Use as the font size for quadruple extra large text that isn’t a heading or in a body section.",
+          "type": "number",
+          "value": "{global.font.size.800}"
+        },
         "body": {
           "sm": {
             "description": "Use for a smaller font size in body sections.",
@@ -623,45 +674,6 @@
             "type": "number",
             "value": "{global.font.size.md}"
           }
-        },
-        "xs": {
-          "type": "number",
-          "value": "{global.font.size.100}"
-        },
-        "sm": {
-          "description": "Use as the font size for small text that isn’t a heading or in a body section.",
-          "type": "number",
-          "value": "{global.font.size.200}"
-        },
-        "md": {
-          "description": "Use as the font size for medium text that isn’t a heading or in a body section.",
-          "type": "number",
-          "value": "{global.font.size.300}"
-        },
-        "lg": {
-          "description": "Use as the font size for large text that isn’t a heading or in a body section.",
-          "type": "number",
-          "value": "{global.font.size.400}"
-        },
-        "xl": {
-          "description": "Use as the font size for extra large text that isn’t a heading or in a body section.",
-          "type": "number",
-          "value": "{global.font.size.500}"
-        },
-        "2xl": {
-          "description": "Use as the font size for double extra large text that isn’t a heading or in a body section.",
-          "type": "number",
-          "value": "{global.font.size.600}"
-        },
-        "3xl": {
-          "description": "Use as the font size for triple extra large text that isn’t a heading or in a body section.",
-          "type": "number",
-          "value": "{global.font.size.700}"
-        },
-        "4xl": {
-          "description": "Use as the font size for quadruple extra large text that isn’t a heading or in a body section.",
-          "type": "number",
-          "value": "{global.font.size.800}"
         }
       }
     },
@@ -987,17 +999,13 @@
         },
         "hover": {
           "type": "number",
-          "value": "{global.border.width.strong}"
+          "value": "{global.border.width.regular}"
         }
       },
       "offset": {
         "default": {
           "type": "number",
           "value": "{global.spacer.xs}"
-        },
-        "hover": {
-          "type": "number",
-          "value": 5
         }
       },
       "editable-text": {