@patternfly/design-tokens 1.14.6 → 1.14.7

package/tokens/{highcontrast → default/highcontrast}/semantic.dimension.highcontrast.json

@@ -32,14 +32,31 @@
           "description": "Use to adjust the curvature of the border corners for an element. Use for corners that are as round as possible, like standard buttons and badges.",
           "type": "number",
           "value": "{global.border.radius.500}"
+        },
+        "control": {
+          "default": {
+            "type": "number",
+            "value": "{global.border.radius.small}"
+          },
+          "form-element": {
+            "type": "number",
+            "value": "{global.border.radius.small}"
+          }
+        },
+        "action": {
+          "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}"
-        },
         "divider": {
           "default": {
             "description": "Use as the default border width for dividers.",
@@ -57,6 +74,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",
@@ -67,26 +89,6 @@
           "type": "number",
           "value": "{global.border.width.300}"
         },
-        "main": {
-          "default": {
-            "type": "number",
-            "value": "{global.border.width.200}"
-          }
-        },
-        "high-contrast": {
-          "regular": {
-            "type": "number",
-            "value": "{global.border.width.regular}"
-          },
-          "strong": {
-            "type": "number",
-            "value": "{global.border.width.strong}"
-          },
-          "extra-strong": {
-            "type": "number",
-            "value": "{global.border.width.extra-strong}"
-          }
-        },
         "box": {
           "default": {
             "description": "Use as the default border width for containers like cards, panels, code editors, etc.",
@@ -116,38 +118,58 @@
             }
           }
         },
-        "action": {
-          "default": {
-            "description": "Use as the default border width for actions like secondary and tertiary buttons",
+        "high-contrast": {
+          "regular": {
             "type": "number",
-            "value": "{global.border.width.100}"
+            "value": "{global.border.width.regular}"
           },
-          "hover": {
-            "description": "Use as the hover state border width for actions like secondary and tertiary buttons",
+          "strong": {
             "type": "number",
-            "value": "{global.border.width.200}"
+            "value": "{global.border.width.strong}"
           },
-          "clicked": {
-            "description": "Use as the clicked state border width for actions like secondary and tertiary buttons",
+          "extra-strong": {
+            "type": "number",
+            "value": "{global.border.width.extra-strong}"
+          }
+        },
+        "main": {
+          "default": {
             "type": "number",
             "value": "{global.border.width.200}"
+          }
+        },
+        "action": {
+          "default": {
+            "description": "Use as the default border width for actions like secondary and tertiary buttons",
+            "type": "number",
+            "value": "{global.border.width.100}"
           },
           "plain": {
             "default": {
-              "description": "Use as the default border width for actions like secondary and tertiary buttons",
+              "description": "Use as the default border width for plain actions",
               "type": "number",
               "value": 0
             },
             "hover": {
-              "description": "Use as the hover state border width for actions like secondary and tertiary buttons",
+              "description": "Use as the border width for plain actions in their hover state",
               "type": "number",
               "value": "{global.border.width.100}"
             },
             "clicked": {
-              "description": "Use as the clicked state border width for actions like secondary and tertiary buttons",
+              "description": "Use as the border width for plain actions in their clicked state",
               "type": "number",
               "value": "{global.border.width.200}"
             }
+          },
+          "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": {
@@ -358,12 +380,14 @@
       },
       "inset": {
         "page-chrome": {
+          "description": "Use to define inner padding for structural elements in order to maintain alignment, like in the masthead, navigation menu, or main page content.",
           "type": "number",
           "value": "{global.spacer.lg}"
         }
       },
       "gutter": {
         "default": {
+          "description": "Use to define gutters between elements in certain layouts, like grids.",
           "type": "number",
           "value": "{global.spacer.md}"
         }
@@ -396,11 +420,6 @@
           "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": {
@@ -491,22 +510,15 @@
             "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": {
@@ -533,6 +545,18 @@
           }
         }
       },
+      "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",
@@ -960,12 +984,20 @@
         "default": {
           "type": "number",
           "value": "{global.border.width.regular}"
+        },
+        "hover": {
+          "type": "number",
+          "value": "{global.border.width.strong}"
         }
       },
       "offset": {
         "default": {
           "type": "number",
           "value": "{global.spacer.xs}"
+        },
+        "hover": {
+          "type": "number",
+          "value": 5
         }
       },
       "editable-text": {
@@ -1004,11 +1036,11 @@
         "style": {
           "default": {
             "type": "number",
-            "value": "{global.text-decoration.style.100}"
+            "value": "{global.text-decoration.style.200}"
           },
           "hover": {
             "type": "number",
-            "value": "{global.text-decoration.style.100}"
+            "value": "{global.text-decoration.style.200}"
           }
         }
       },
@@ -1038,20 +1070,24 @@
     "focus-ring": {
       "position": {
         "offset": {
+          "description": "Use to define the position of a custom focus ring that sits outside (offset) of the element receiving focus.",
           "type": "number",
           "value": 2
         },
         "inset": {
+          "description": "Use to define the position of a custom focus ring that sits inside (inset) of the element receiving focus.",
           "type": "number",
           "value": -4
         }
       },
       "width": {
         "offset": {
+          "description": "Use to define the width of a custom focus ring that sits outside (offset) of the element receiving focus.",
           "type": "number",
           "value": 2
         },
         "inset": {
+          "description": "Use to define the width of a custom focus ring that sits inside (inset) of the element receiving focus.",
           "type": "number",
           "value": 3
         }