@patternfly/design-tokens 1.14.1 → 1.14.3

package/patternfly-docs/content/token-layers-default.json

@@ -10779,6 +10779,108 @@
           ]
         }
       },
+      "pf-t--global--border--color--main--default": {
+        "default": {
+          "type": "color",
+          "value": "#ffffff",
+          "filePath": "tokens/default/semantic.json",
+          "isSource": true,
+          "original": {
+            "type": "color",
+            "value": "{global.background.color.primary.default}"
+          },
+          "name": "pf-t--global--border--color--main--default",
+          "attributes": {
+            "category": "global",
+            "type": "border",
+            "item": "color",
+            "subitem": "main",
+            "state": "default"
+          },
+          "path": [
+            "global",
+            "border",
+            "color",
+            "main",
+            "default"
+          ],
+          "references": [
+            {
+              "description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.",
+              "type": "color",
+              "value": "#ffffff",
+              "filePath": "tokens/default/semantic.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": "{global.background.color.100}"
+              },
+              "name": "pf-t--global--background--color--primary--default",
+              "attributes": {
+                "category": "global",
+                "type": "background",
+                "item": "color",
+                "subitem": "primary",
+                "state": "default"
+              },
+              "path": [
+                "global",
+                "background",
+                "color",
+                "primary",
+                "default"
+              ],
+              "references": [
+                {
+                  "type": "color",
+                  "value": "#ffffff",
+                  "filePath": "tokens/default/base.json",
+                  "isSource": true,
+                  "original": {
+                    "type": "color",
+                    "value": "{color.white}"
+                  },
+                  "name": "pf-t--global--background--color--100",
+                  "attributes": {
+                    "category": "global",
+                    "type": "background",
+                    "item": "color",
+                    "subitem": "100"
+                  },
+                  "path": [
+                    "global",
+                    "background",
+                    "color",
+                    "100"
+                  ],
+                  "references": [
+                    {
+                      "type": "color",
+                      "value": "#ffffff",
+                      "filePath": "tokens/default/palette.color.json",
+                      "isSource": true,
+                      "original": {
+                        "type": "color",
+                        "value": "#ffffff"
+                      },
+                      "name": "pf-t--color--white",
+                      "attributes": {
+                        "category": "color",
+                        "type": "white"
+                      },
+                      "path": [
+                        "color",
+                        "white"
+                      ]
+                    }
+                  ]
+                }
+              ]
+            }
+          ]
+        }
+      },
       "pf-t--global--border--color--nonstatus--red--default": {
         "default": {
           "description": "Use as the default border color for any element that does not convey status and that you always will want to be red (i.e. color-coded labels, banners, etc.)",
@@ -30388,6 +30490,58 @@
           ]
         }
       },
+      "pf-t--global--icon--size--3xl": {
+        "default": {
+          "description": "Use for triple extra large icons.",
+          "type": "number",
+          "value": "6rem",
+          "filePath": "tokens/default/semantic.dimension.json",
+          "isSource": true,
+          "original": {
+            "description": "Use for triple extra large icons.",
+            "type": "number",
+            "value": "{global.icon.size.500}"
+          },
+          "name": "pf-t--global--icon--size--3xl",
+          "attributes": {
+            "category": "global",
+            "type": "icon",
+            "item": "size",
+            "subitem": "3xl"
+          },
+          "path": [
+            "global",
+            "icon",
+            "size",
+            "3xl"
+          ],
+          "references": [
+            {
+              "type": "number",
+              "value": "6rem",
+              "filePath": "tokens/default/base.dimension.json",
+              "isSource": true,
+              "original": {
+                "type": "number",
+                "value": 96
+              },
+              "name": "pf-t--global--icon--size--500",
+              "attributes": {
+                "category": "global",
+                "type": "icon",
+                "item": "size",
+                "subitem": "500"
+              },
+              "path": [
+                "global",
+                "icon",
+                "size",
+                "500"
+              ]
+            }
+          ]
+        }
+      },
       "pf-t--global--icon--size--font--body--sm": {
         "default": {
           "description": "Use for icons that are placed inline with small body text",
@@ -32031,53 +32185,53 @@
           ]
         }
       },
-      "pf-t--global--icon--size--3xl": {
+      "pf-t--global--border--width--regular": {
         "default": {
-          "description": "Use for triple extra large icons.",
+          "description": "Use as the default border width for elements.",
           "type": "number",
-          "value": "6rem",
+          "value": "1px",
           "filePath": "tokens/default/semantic.dimension.json",
           "isSource": true,
           "original": {
-            "description": "Use for triple extra large icons.",
+            "description": "Use as the default border width for elements.",
             "type": "number",
-            "value": "{global.icon.size.500}"
+            "value": "{global.border.width.100}"
           },
-          "name": "pf-t--global--icon--size--3xl",
+          "name": "pf-t--global--border--width--regular",
           "attributes": {
             "category": "global",
-            "type": "icon",
-            "item": "size",
-            "subitem": "3xl"
+            "type": "border",
+            "item": "width",
+            "subitem": "regular"
           },
           "path": [
             "global",
-            "icon",
-            "size",
-            "3xl"
+            "border",
+            "width",
+            "regular"
           ],
           "references": [
             {
               "type": "number",
-              "value": "6rem",
+              "value": "1px",
               "filePath": "tokens/default/base.dimension.json",
               "isSource": true,
               "original": {
                 "type": "number",
-                "value": 96
+                "value": 1
               },
-              "name": "pf-t--global--icon--size--500",
+              "name": "pf-t--global--border--width--100",
               "attributes": {
                 "category": "global",
-                "type": "icon",
-                "item": "size",
-                "subitem": "500"
+                "type": "border",
+                "item": "width",
+                "subitem": "100"
               },
               "path": [
                 "global",
-                "icon",
-                "size",
-                "500"
+                "border",
+                "width",
+                "100"
               ]
             }
           ]
@@ -32245,162 +32399,243 @@
           ]
         }
       },
-      "pf-t--global--border--width--regular": {
+      "pf-t--global--border--width--strong": {
         "default": {
-          "description": "Use as the default border width for elements.",
+          "description": "Use as a stronger/wider border width for elements.",
           "type": "number",
-          "value": "1px",
+          "value": "2px",
           "filePath": "tokens/default/semantic.dimension.json",
           "isSource": true,
           "original": {
-            "description": "Use as the default border width for elements.",
+            "description": "Use as a stronger/wider border width for elements.",
             "type": "number",
-            "value": "{global.border.width.100}"
+            "value": "{global.border.width.200}"
           },
-          "name": "pf-t--global--border--width--regular",
+          "name": "pf-t--global--border--width--strong",
           "attributes": {
             "category": "global",
             "type": "border",
             "item": "width",
-            "subitem": "regular"
+            "subitem": "strong"
           },
           "path": [
             "global",
             "border",
             "width",
-            "regular"
+            "strong"
           ],
           "references": [
             {
               "type": "number",
-              "value": "1px",
+              "value": "2px",
               "filePath": "tokens/default/base.dimension.json",
               "isSource": true,
               "original": {
                 "type": "number",
-                "value": 1
+                "value": 2
               },
-              "name": "pf-t--global--border--width--100",
+              "name": "pf-t--global--border--width--200",
               "attributes": {
                 "category": "global",
                 "type": "border",
                 "item": "width",
-                "subitem": "100"
+                "subitem": "200"
               },
               "path": [
                 "global",
                 "border",
                 "width",
-                "100"
+                "200"
               ]
             }
           ]
         }
       },
-      "pf-t--global--border--width--strong": {
+      "pf-t--global--border--width--extra-strong": {
         "default": {
-          "description": "Use as a stronger/wider border width for elements.",
+          "description": "Use as the strongest/widest border width for elements.",
           "type": "number",
-          "value": "2px",
+          "value": "3px",
           "filePath": "tokens/default/semantic.dimension.json",
           "isSource": true,
           "original": {
-            "description": "Use as a stronger/wider border width for elements.",
+            "description": "Use as the strongest/widest border width for elements.",
             "type": "number",
-            "value": "{global.border.width.200}"
+            "value": "{global.border.width.300}"
           },
-          "name": "pf-t--global--border--width--strong",
+          "name": "pf-t--global--border--width--extra-strong",
           "attributes": {
             "category": "global",
             "type": "border",
             "item": "width",
-            "subitem": "strong"
+            "subitem": "extra-strong"
           },
           "path": [
             "global",
             "border",
             "width",
-            "strong"
+            "extra-strong"
           ],
           "references": [
             {
               "type": "number",
-              "value": "2px",
+              "value": "3px",
               "filePath": "tokens/default/base.dimension.json",
               "isSource": true,
               "original": {
                 "type": "number",
-                "value": 2
+                "value": 3
               },
-              "name": "pf-t--global--border--width--200",
+              "name": "pf-t--global--border--width--300",
               "attributes": {
                 "category": "global",
                 "type": "border",
                 "item": "width",
-                "subitem": "200"
+                "subitem": "300"
               },
               "path": [
                 "global",
                 "border",
                 "width",
-                "200"
+                "300"
               ]
             }
           ]
         }
       },
-      "pf-t--global--border--width--extra-strong": {
+      "pf-t--global--border--width--main--default": {
         "default": {
-          "description": "Use as the strongest/widest border width for elements.",
           "type": "number",
-          "value": "3px",
+          "value": "4px",
           "filePath": "tokens/default/semantic.dimension.json",
           "isSource": true,
           "original": {
-            "description": "Use as the strongest/widest border width for elements.",
             "type": "number",
-            "value": "{global.border.width.300}"
+            "value": "{global.border.width.400}"
           },
-          "name": "pf-t--global--border--width--extra-strong",
+          "name": "pf-t--global--border--width--main--default",
           "attributes": {
             "category": "global",
             "type": "border",
             "item": "width",
-            "subitem": "extra-strong"
+            "subitem": "main",
+            "state": "default"
           },
           "path": [
             "global",
             "border",
             "width",
-            "extra-strong"
+            "main",
+            "default"
           ],
           "references": [
             {
               "type": "number",
-              "value": "3px",
+              "value": "4px",
               "filePath": "tokens/default/base.dimension.json",
               "isSource": true,
               "original": {
                 "type": "number",
-                "value": 3
+                "value": 4
               },
-              "name": "pf-t--global--border--width--300",
+              "name": "pf-t--global--border--width--400",
               "attributes": {
                 "category": "global",
                 "type": "border",
                 "item": "width",
-                "subitem": "300"
+                "subitem": "400"
               },
               "path": [
                 "global",
                 "border",
                 "width",
-                "300"
+                "400"
               ]
             }
           ]
         }
       },
+      "pf-t--global--border--width--high-contrast--regular": {
+        "default": {
+          "type": "number",
+          "value": "0px",
+          "filePath": "tokens/default/semantic.dimension.json",
+          "isSource": true,
+          "original": {
+            "type": "number",
+            "value": 0
+          },
+          "name": "pf-t--global--border--width--high-contrast--regular",
+          "attributes": {
+            "category": "global",
+            "type": "border",
+            "item": "width",
+            "subitem": "high-contrast",
+            "state": "regular"
+          },
+          "path": [
+            "global",
+            "border",
+            "width",
+            "high-contrast",
+            "regular"
+          ]
+        }
+      },
+      "pf-t--global--border--width--high-contrast--strong": {
+        "default": {
+          "type": "number",
+          "value": "0px",
+          "filePath": "tokens/default/semantic.dimension.json",
+          "isSource": true,
+          "original": {
+            "type": "number",
+            "value": 0
+          },
+          "name": "pf-t--global--border--width--high-contrast--strong",
+          "attributes": {
+            "category": "global",
+            "type": "border",
+            "item": "width",
+            "subitem": "high-contrast",
+            "state": "strong"
+          },
+          "path": [
+            "global",
+            "border",
+            "width",
+            "high-contrast",
+            "strong"
+          ]
+        }
+      },
+      "pf-t--global--border--width--high-contrast--extra-strong": {
+        "default": {
+          "type": "number",
+          "value": "0px",
+          "filePath": "tokens/default/semantic.dimension.json",
+          "isSource": true,
+          "original": {
+            "type": "number",
+            "value": 0
+          },
+          "name": "pf-t--global--border--width--high-contrast--extra-strong",
+          "attributes": {
+            "category": "global",
+            "type": "border",
+            "item": "width",
+            "subitem": "high-contrast",
+            "state": "extra-strong"
+          },
+          "path": [
+            "global",
+            "border",
+            "width",
+            "high-contrast",
+            "extra-strong"
+          ]
+        }
+      },
       "pf-t--global--border--width--box--default": {
         "default": {
           "description": "Use as the default border width for containers like cards, panels, code editors, etc.",
@@ -32673,86 +32908,140 @@
           ]
         }
       },
-      "pf-t--global--border--width--action--default": {
+      "pf-t--global--border--width--action--default": {
+        "default": {
+          "description": "Use as the default border width for actions like secondary and tertiary buttons",
+          "type": "number",
+          "value": "1px",
+          "filePath": "tokens/default/semantic.dimension.json",
+          "isSource": true,
+          "original": {
+            "description": "Use as the default border width for actions like secondary and tertiary buttons",
+            "type": "number",
+            "value": "{global.border.width.100}"
+          },
+          "name": "pf-t--global--border--width--action--default",
+          "attributes": {
+            "category": "global",
+            "type": "border",
+            "item": "width",
+            "subitem": "action",
+            "state": "default"
+          },
+          "path": [
+            "global",
+            "border",
+            "width",
+            "action",
+            "default"
+          ],
+          "references": [
+            {
+              "type": "number",
+              "value": "1px",
+              "filePath": "tokens/default/base.dimension.json",
+              "isSource": true,
+              "original": {
+                "type": "number",
+                "value": 1
+              },
+              "name": "pf-t--global--border--width--100",
+              "attributes": {
+                "category": "global",
+                "type": "border",
+                "item": "width",
+                "subitem": "100"
+              },
+              "path": [
+                "global",
+                "border",
+                "width",
+                "100"
+              ]
+            }
+          ]
+        }
+      },
+      "pf-t--global--border--width--action--hover": {
         "default": {
-          "description": "Use as the default border width for actions like secondary and tertiary buttons",
+          "description": "Use as the hover state border width for actions like secondary and tertiary buttons",
           "type": "number",
-          "value": "1px",
+          "value": "2px",
           "filePath": "tokens/default/semantic.dimension.json",
           "isSource": true,
           "original": {
-            "description": "Use as the default border width for actions like secondary and tertiary buttons",
+            "description": "Use as the hover state border width for actions like secondary and tertiary buttons",
             "type": "number",
-            "value": "{global.border.width.100}"
+            "value": "{global.border.width.200}"
           },
-          "name": "pf-t--global--border--width--action--default",
+          "name": "pf-t--global--border--width--action--hover",
           "attributes": {
             "category": "global",
             "type": "border",
             "item": "width",
             "subitem": "action",
-            "state": "default"
+            "state": "hover"
           },
           "path": [
             "global",
             "border",
             "width",
             "action",
-            "default"
+            "hover"
           ],
           "references": [
             {
               "type": "number",
-              "value": "1px",
+              "value": "2px",
               "filePath": "tokens/default/base.dimension.json",
               "isSource": true,
               "original": {
                 "type": "number",
-                "value": 1
+                "value": 2
               },
-              "name": "pf-t--global--border--width--100",
+              "name": "pf-t--global--border--width--200",
               "attributes": {
                 "category": "global",
                 "type": "border",
                 "item": "width",
-                "subitem": "100"
+                "subitem": "200"
               },
               "path": [
                 "global",
                 "border",
                 "width",
-                "100"
+                "200"
               ]
             }
           ]
         }
       },
-      "pf-t--global--border--width--action--hover": {
+      "pf-t--global--border--width--action--clicked": {
         "default": {
-          "description": "Use as the hover state border width for actions like secondary and tertiary buttons",
+          "description": "Use as the clicked state border width for actions like secondary and tertiary buttons",
           "type": "number",
           "value": "2px",
           "filePath": "tokens/default/semantic.dimension.json",
           "isSource": true,
           "original": {
-            "description": "Use as the hover state border width for actions like secondary and tertiary buttons",
+            "description": "Use as the clicked state border width for actions like secondary and tertiary buttons",
             "type": "number",
             "value": "{global.border.width.200}"
           },
-          "name": "pf-t--global--border--width--action--hover",
+          "name": "pf-t--global--border--width--action--clicked",
           "attributes": {
             "category": "global",
             "type": "border",
             "item": "width",
             "subitem": "action",
-            "state": "hover"
+            "state": "clicked"
           },
           "path": [
             "global",
             "border",
             "width",
             "action",
-            "hover"
+            "clicked"
           ],
           "references": [
             {
@@ -32781,57 +33070,93 @@
           ]
         }
       },
-      "pf-t--global--border--width--action--clicked": {
+      "pf-t--global--border--width--action--plain--default": {
+        "default": {
+          "description": "Use as the default border width for actions like secondary and tertiary buttons",
+          "type": "number",
+          "value": "0px",
+          "filePath": "tokens/default/semantic.dimension.json",
+          "isSource": true,
+          "original": {
+            "description": "Use as the default border width for actions like secondary and tertiary buttons",
+            "type": "number",
+            "value": 0
+          },
+          "name": "pf-t--global--border--width--action--plain--default",
+          "attributes": {
+            "category": "global",
+            "type": "border",
+            "item": "width",
+            "subitem": "action",
+            "state": "plain"
+          },
+          "path": [
+            "global",
+            "border",
+            "width",
+            "action",
+            "plain",
+            "default"
+          ]
+        }
+      },
+      "pf-t--global--border--width--action--plain--hover": {
+        "default": {
+          "description": "Use as the hover state border width for actions like secondary and tertiary buttons",
+          "type": "number",
+          "value": "0px",
+          "filePath": "tokens/default/semantic.dimension.json",
+          "isSource": true,
+          "original": {
+            "description": "Use as the hover state border width for actions like secondary and tertiary buttons",
+            "type": "number",
+            "value": 0
+          },
+          "name": "pf-t--global--border--width--action--plain--hover",
+          "attributes": {
+            "category": "global",
+            "type": "border",
+            "item": "width",
+            "subitem": "action",
+            "state": "plain"
+          },
+          "path": [
+            "global",
+            "border",
+            "width",
+            "action",
+            "plain",
+            "hover"
+          ]
+        }
+      },
+      "pf-t--global--border--width--action--plain--clicked": {
         "default": {
           "description": "Use as the clicked state border width for actions like secondary and tertiary buttons",
           "type": "number",
-          "value": "2px",
+          "value": "0px",
           "filePath": "tokens/default/semantic.dimension.json",
           "isSource": true,
           "original": {
             "description": "Use as the clicked state border width for actions like secondary and tertiary buttons",
             "type": "number",
-            "value": "{global.border.width.200}"
+            "value": 0
           },
-          "name": "pf-t--global--border--width--action--clicked",
+          "name": "pf-t--global--border--width--action--plain--clicked",
           "attributes": {
             "category": "global",
             "type": "border",
             "item": "width",
             "subitem": "action",
-            "state": "clicked"
+            "state": "plain"
           },
           "path": [
             "global",
             "border",
             "width",
             "action",
+            "plain",
             "clicked"
-          ],
-          "references": [
-            {
-              "type": "number",
-              "value": "2px",
-              "filePath": "tokens/default/base.dimension.json",
-              "isSource": true,
-              "original": {
-                "type": "number",
-                "value": 2
-              },
-              "name": "pf-t--global--border--width--200",
-              "attributes": {
-                "category": "global",
-                "type": "border",
-                "item": "width",
-                "subitem": "200"
-              },
-              "path": [
-                "global",
-                "border",
-                "width",
-                "200"
-              ]
-            }
           ]
         }
       },
@@ -38629,7 +38954,7 @@
       "pf-t--global--focus-ring--position--offset": {
         "default": {
           "type": "number",
-          "value": 2,
+          "value": "2px",
           "filePath": "tokens/default/semantic.dimension.json",
           "isSource": true,
           "original": {
@@ -38654,7 +38979,7 @@
       "pf-t--global--focus-ring--position--inset": {
         "default": {
           "type": "number",
-          "value": -4,
+          "value": "-4px",
           "filePath": "tokens/default/semantic.dimension.json",
           "isSource": true,
           "original": {
@@ -38679,7 +39004,7 @@
       "pf-t--global--focus-ring--width--offset": {
         "default": {
           "type": "number",
-          "value": 2,
+          "value": "2px",
           "filePath": "tokens/default/semantic.dimension.json",
           "isSource": true,
           "original": {
@@ -38704,7 +39029,7 @@
       "pf-t--global--focus-ring--width--inset": {
         "default": {
           "type": "number",
-          "value": 3,
+          "value": "3px",
           "filePath": "tokens/default/semantic.dimension.json",
           "isSource": true,
           "original": {
@@ -39078,31 +39403,31 @@
           ]
         }
       },
-      "pf-t--global--motion--duration--slide-in--short": {
+      "pf-t--global--motion--duration--slide-out--short": {
         "default": {
-          "description": "Use for a short duration of a slide-in animation, which moves an offscreen element into the viewport.",
+          "description": "Use for a shorter duration of a slide-out animation, which moves an element out of the viewport.",
           "type": "number",
           "value": "300ms",
           "filePath": "tokens/default/semantic.motion.json",
           "isSource": true,
           "original": {
-            "description": "Use for a short duration of a slide-in animation, which moves an offscreen element into the viewport.",
+            "description": "Use for a shorter duration of a slide-out animation, which moves an element out of the viewport.",
             "type": "number",
             "value": "{global.motion.duration.lg}"
           },
-          "name": "pf-t--global--motion--duration--slide-in--short",
+          "name": "pf-t--global--motion--duration--slide-out--short",
           "attributes": {
             "category": "global",
             "type": "motion",
             "item": "duration",
-            "subitem": "slide-in",
+            "subitem": "slide-out",
             "state": "short"
           },
           "path": [
             "global",
             "motion",
             "duration",
-            "slide-in",
+            "slide-out",
             "short"
           ],
           "references": [
@@ -39157,31 +39482,31 @@
           ]
         }
       },
-      "pf-t--global--motion--duration--slide-in--default": {
+      "pf-t--global--motion--duration--slide-out--default": {
         "default": {
-          "description": "Use for a default duration of a slide-in animation, which moves an offscreen element into the viewport.",
+          "description": "Use as the default duration of a slide-out animation, which moves an element out of the viewport.",
           "type": "number",
           "value": "400ms",
           "filePath": "tokens/default/semantic.motion.json",
           "isSource": true,
           "original": {
-            "description": "Use for a default duration of a slide-in animation, which moves an offscreen element into the viewport.",
+            "description": "Use as the default duration of a slide-out animation, which moves an element out of the viewport.",
             "type": "number",
             "value": "{global.motion.duration.xl}"
           },
-          "name": "pf-t--global--motion--duration--slide-in--default",
+          "name": "pf-t--global--motion--duration--slide-out--default",
           "attributes": {
             "category": "global",
             "type": "motion",
             "item": "duration",
-            "subitem": "slide-in",
+            "subitem": "slide-out",
             "state": "default"
           },
           "path": [
             "global",
             "motion",
             "duration",
-            "slide-in",
+            "slide-out",
             "default"
           ],
           "references": [
@@ -39236,31 +39561,31 @@
           ]
         }
       },
-      "pf-t--global--motion--duration--slide-in--long": {
+      "pf-t--global--motion--duration--slide-out--long": {
         "default": {
-          "description": "Use for a longer duration of a slide-in animation, which moves an offscreen element into the viewport.",
+          "description": "Use for a longer duration of a slide-out animation, which moves an element out of the viewport.",
           "type": "number",
           "value": "500ms",
           "filePath": "tokens/default/semantic.motion.json",
           "isSource": true,
           "original": {
-            "description": "Use for a longer duration of a slide-in animation, which moves an offscreen element into the viewport.",
+            "description": "Use for a longer duration of a slide-out animation, which moves an element out of the viewport.",
             "type": "number",
             "value": "{global.motion.duration.2xl}"
           },
-          "name": "pf-t--global--motion--duration--slide-in--long",
+          "name": "pf-t--global--motion--duration--slide-out--long",
           "attributes": {
             "category": "global",
             "type": "motion",
             "item": "duration",
-            "subitem": "slide-in",
+            "subitem": "slide-out",
             "state": "long"
           },
           "path": [
             "global",
             "motion",
             "duration",
-            "slide-in",
+            "slide-out",
             "long"
           ],
           "references": [
@@ -39315,33 +39640,112 @@
           ]
         }
       },
-      "pf-t--global--motion--duration--fade--short": {
+      "pf-t--global--motion--duration--icon--short": {
         "default": {
-          "description": "Use a short/quick fade to transition color and/or opacity. Useful for fading in one or more elements. Short fades are used for small elements traveling short distances. Used in small interactions like buttons.",
+          "description": "Use a short duration on an icon that requires a fast/snappy transition. Used to define the speed at which an icon may animate. Used on a notification badge(stateful button).",
           "type": "number",
-          "value": "100ms",
+          "value": "50ms",
           "filePath": "tokens/default/semantic.motion.json",
           "isSource": true,
           "original": {
-            "description": "Use a short/quick fade to transition color and/or opacity. Useful for fading in one or more elements. Short fades are used for small elements traveling short distances. Used in small interactions like buttons.",
+            "description": "Use a short duration on an icon that requires a fast/snappy transition. Used to define the speed at which an icon may animate. Used on a notification badge(stateful button).",
             "type": "number",
-            "value": "{global.motion.duration.sm}"
+            "value": "{global.motion.duration.xs}"
           },
-          "name": "pf-t--global--motion--duration--fade--short",
+          "name": "pf-t--global--motion--duration--icon--short",
           "attributes": {
             "category": "global",
             "type": "motion",
             "item": "duration",
-            "subitem": "fade",
+            "subitem": "icon",
             "state": "short"
           },
           "path": [
             "global",
             "motion",
             "duration",
-            "fade",
+            "icon",
             "short"
           ],
+          "references": [
+            {
+              "description": "Use for the quickest possible duration of an animation.",
+              "type": "number",
+              "value": "50ms",
+              "filePath": "tokens/default/semantic.motion.json",
+              "isSource": true,
+              "original": {
+                "description": "Use for the quickest possible duration of an animation.",
+                "type": "number",
+                "value": "{global.duration.50}"
+              },
+              "name": "pf-t--global--motion--duration--xs",
+              "attributes": {
+                "category": "global",
+                "type": "motion",
+                "item": "duration",
+                "subitem": "xs"
+              },
+              "path": [
+                "global",
+                "motion",
+                "duration",
+                "xs"
+              ],
+              "references": [
+                {
+                  "type": "number",
+                  "value": "50ms",
+                  "filePath": "tokens/default/base.motion.json",
+                  "isSource": true,
+                  "original": {
+                    "type": "number",
+                    "value": 50
+                  },
+                  "name": "pf-t--global--duration--50",
+                  "attributes": {
+                    "category": "global",
+                    "type": "duration",
+                    "item": "50"
+                  },
+                  "path": [
+                    "global",
+                    "duration",
+                    "50"
+                  ]
+                }
+              ]
+            }
+          ]
+        }
+      },
+      "pf-t--global--motion--duration--icon--default": {
+        "default": {
+          "description": "Use a default duration on an icon that requires a moderately timed transition. Used to define the speed at which an icon may animate. Used on a favoriting star(icon button).",
+          "type": "number",
+          "value": "100ms",
+          "filePath": "tokens/default/semantic.motion.json",
+          "isSource": true,
+          "original": {
+            "description": "Use a default duration on an icon that requires a moderately timed transition. Used to define the speed at which an icon may animate. Used on a favoriting star(icon button).",
+            "type": "number",
+            "value": "{global.motion.duration.sm}"
+          },
+          "name": "pf-t--global--motion--duration--icon--default",
+          "attributes": {
+            "category": "global",
+            "type": "motion",
+            "item": "duration",
+            "subitem": "icon",
+            "state": "default"
+          },
+          "path": [
+            "global",
+            "motion",
+            "duration",
+            "icon",
+            "default"
+          ],
           "references": [
             {
               "description": "Use for a short animation duration. Use for simple and/or small animations.",
@@ -39394,32 +39798,32 @@
           ]
         }
       },
-      "pf-t--global--motion--duration--fade--default": {
+      "pf-t--global--motion--duration--icon--long": {
         "default": {
-          "description": "Use a default fade to transition color and/or opacity. Useful for fading in one or more elements. Default fades are used for medium sized elements traveling medium distances. Used on alerts.",
+          "description": "Use a long duration on an icon that requires a slow transition. Used to define the speed at which an icon may animate. Used on the settings cog icon(plain menu toggle).",
           "type": "number",
           "value": "200ms",
           "filePath": "tokens/default/semantic.motion.json",
           "isSource": true,
           "original": {
-            "description": "Use a default fade to transition color and/or opacity. Useful for fading in one or more elements. Default fades are used for medium sized elements traveling medium distances. Used on alerts.",
+            "description": "Use a long duration on an icon that requires a slow transition. Used to define the speed at which an icon may animate. Used on the settings cog icon(plain menu toggle).",
             "type": "number",
             "value": "{global.motion.duration.md}"
           },
-          "name": "pf-t--global--motion--duration--fade--default",
+          "name": "pf-t--global--motion--duration--icon--long",
           "attributes": {
             "category": "global",
             "type": "motion",
             "item": "duration",
-            "subitem": "fade",
-            "state": "default"
+            "subitem": "icon",
+            "state": "long"
           },
           "path": [
             "global",
             "motion",
             "duration",
-            "fade",
-            "default"
+            "icon",
+            "long"
           ],
           "references": [
             {
@@ -39473,157 +39877,78 @@
           ]
         }
       },
-      "pf-t--global--motion--duration--fade--long": {
+      "pf-t--global--motion--duration--fade--short": {
         "default": {
-          "description": "Use a long fade to transition color and/or opacity. Useful for fading in one or more elements. Long fades are used for large elements traveling long distances.",
+          "description": "Use a short/quick fade to transition color and/or opacity. Useful for fading in one or more elements. Short fades are used for small elements traveling short distances. Used in small interactions like buttons.",
           "type": "number",
-          "value": "300ms",
+          "value": "100ms",
           "filePath": "tokens/default/semantic.motion.json",
           "isSource": true,
           "original": {
-            "description": "Use a long fade to transition color and/or opacity. Useful for fading in one or more elements. Long fades are used for large elements traveling long distances.",
+            "description": "Use a short/quick fade to transition color and/or opacity. Useful for fading in one or more elements. Short fades are used for small elements traveling short distances. Used in small interactions like buttons.",
             "type": "number",
-            "value": "{global.motion.duration.lg}"
+            "value": "{global.motion.duration.sm}"
           },
-          "name": "pf-t--global--motion--duration--fade--long",
+          "name": "pf-t--global--motion--duration--fade--short",
           "attributes": {
             "category": "global",
             "type": "motion",
             "item": "duration",
             "subitem": "fade",
-            "state": "long"
-          },
-          "path": [
-            "global",
-            "motion",
-            "duration",
-            "fade",
-            "long"
-          ],
-          "references": [
-            {
-              "description": "Use for long animation duration. Use for larger, more expressive animations.",
-              "type": "number",
-              "value": "300ms",
-              "filePath": "tokens/default/semantic.motion.json",
-              "isSource": true,
-              "original": {
-                "description": "Use for long animation duration. Use for larger, more expressive animations.",
-                "type": "number",
-                "value": "{global.duration.300}"
-              },
-              "name": "pf-t--global--motion--duration--lg",
-              "attributes": {
-                "category": "global",
-                "type": "motion",
-                "item": "duration",
-                "subitem": "lg"
-              },
-              "path": [
-                "global",
-                "motion",
-                "duration",
-                "lg"
-              ],
-              "references": [
-                {
-                  "type": "number",
-                  "value": "300ms",
-                  "filePath": "tokens/default/base.motion.json",
-                  "isSource": true,
-                  "original": {
-                    "type": "number",
-                    "value": 300
-                  },
-                  "name": "pf-t--global--duration--300",
-                  "attributes": {
-                    "category": "global",
-                    "type": "duration",
-                    "item": "300"
-                  },
-                  "path": [
-                    "global",
-                    "duration",
-                    "300"
-                  ]
-                }
-              ]
-            }
-          ]
-        }
-      },
-      "pf-t--global--motion--duration--icon--short": {
-        "default": {
-          "description": "Use a short duration on an icon that requires a fast/snappy transition. Used to define the speed at which an icon may animate. Used on a notification badge(stateful button).",
-          "type": "number",
-          "value": "50ms",
-          "filePath": "tokens/default/semantic.motion.json",
-          "isSource": true,
-          "original": {
-            "description": "Use a short duration on an icon that requires a fast/snappy transition. Used to define the speed at which an icon may animate. Used on a notification badge(stateful button).",
-            "type": "number",
-            "value": "{global.motion.duration.xs}"
-          },
-          "name": "pf-t--global--motion--duration--icon--short",
-          "attributes": {
-            "category": "global",
-            "type": "motion",
-            "item": "duration",
-            "subitem": "icon",
             "state": "short"
           },
           "path": [
             "global",
             "motion",
             "duration",
-            "icon",
+            "fade",
             "short"
           ],
           "references": [
             {
-              "description": "Use for the quickest possible duration of an animation.",
+              "description": "Use for a short animation duration. Use for simple and/or small animations.",
               "type": "number",
-              "value": "50ms",
+              "value": "100ms",
               "filePath": "tokens/default/semantic.motion.json",
               "isSource": true,
               "original": {
-                "description": "Use for the quickest possible duration of an animation.",
+                "description": "Use for a short animation duration. Use for simple and/or small animations.",
                 "type": "number",
-                "value": "{global.duration.50}"
+                "value": "{global.duration.100}"
               },
-              "name": "pf-t--global--motion--duration--xs",
+              "name": "pf-t--global--motion--duration--sm",
               "attributes": {
                 "category": "global",
                 "type": "motion",
                 "item": "duration",
-                "subitem": "xs"
+                "subitem": "sm"
               },
               "path": [
                 "global",
                 "motion",
                 "duration",
-                "xs"
+                "sm"
               ],
               "references": [
                 {
                   "type": "number",
-                  "value": "50ms",
+                  "value": "100ms",
                   "filePath": "tokens/default/base.motion.json",
                   "isSource": true,
                   "original": {
                     "type": "number",
-                    "value": 50
+                    "value": 100
                   },
-                  "name": "pf-t--global--duration--50",
+                  "name": "pf-t--global--duration--100",
                   "attributes": {
                     "category": "global",
                     "type": "duration",
-                    "item": "50"
+                    "item": "100"
                   },
                   "path": [
                     "global",
                     "duration",
-                    "50"
+                    "100"
                   ]
                 }
               ]
@@ -39631,78 +39956,78 @@
           ]
         }
       },
-      "pf-t--global--motion--duration--icon--default": {
+      "pf-t--global--motion--duration--fade--default": {
         "default": {
-          "description": "Use a default duration on an icon that requires a moderately timed transition. Used to define the speed at which an icon may animate. Used on a favoriting star(icon button).",
+          "description": "Use a default fade to transition color and/or opacity. Useful for fading in one or more elements. Default fades are used for medium sized elements traveling medium distances. Used on alerts.",
           "type": "number",
-          "value": "100ms",
+          "value": "200ms",
           "filePath": "tokens/default/semantic.motion.json",
           "isSource": true,
           "original": {
-            "description": "Use a default duration on an icon that requires a moderately timed transition. Used to define the speed at which an icon may animate. Used on a favoriting star(icon button).",
+            "description": "Use a default fade to transition color and/or opacity. Useful for fading in one or more elements. Default fades are used for medium sized elements traveling medium distances. Used on alerts.",
             "type": "number",
-            "value": "{global.motion.duration.sm}"
+            "value": "{global.motion.duration.md}"
           },
-          "name": "pf-t--global--motion--duration--icon--default",
+          "name": "pf-t--global--motion--duration--fade--default",
           "attributes": {
             "category": "global",
             "type": "motion",
             "item": "duration",
-            "subitem": "icon",
+            "subitem": "fade",
             "state": "default"
           },
           "path": [
             "global",
             "motion",
             "duration",
-            "icon",
+            "fade",
             "default"
           ],
           "references": [
             {
-              "description": "Use for a short animation duration. Use for simple and/or small animations.",
+              "description": "Use for a medium animation duration.",
               "type": "number",
-              "value": "100ms",
+              "value": "200ms",
               "filePath": "tokens/default/semantic.motion.json",
               "isSource": true,
               "original": {
-                "description": "Use for a short animation duration. Use for simple and/or small animations.",
+                "description": "Use for a medium animation duration.",
                 "type": "number",
-                "value": "{global.duration.100}"
+                "value": "{global.duration.200}"
               },
-              "name": "pf-t--global--motion--duration--sm",
+              "name": "pf-t--global--motion--duration--md",
               "attributes": {
                 "category": "global",
                 "type": "motion",
                 "item": "duration",
-                "subitem": "sm"
+                "subitem": "md"
               },
               "path": [
                 "global",
                 "motion",
                 "duration",
-                "sm"
+                "md"
               ],
               "references": [
                 {
                   "type": "number",
-                  "value": "100ms",
+                  "value": "200ms",
                   "filePath": "tokens/default/base.motion.json",
                   "isSource": true,
                   "original": {
                     "type": "number",
-                    "value": 100
+                    "value": 200
                   },
-                  "name": "pf-t--global--duration--100",
+                  "name": "pf-t--global--duration--200",
                   "attributes": {
                     "category": "global",
                     "type": "duration",
-                    "item": "100"
+                    "item": "200"
                   },
                   "path": [
                     "global",
                     "duration",
-                    "100"
+                    "200"
                   ]
                 }
               ]
@@ -39710,78 +40035,78 @@
           ]
         }
       },
-      "pf-t--global--motion--duration--icon--long": {
+      "pf-t--global--motion--duration--fade--long": {
         "default": {
-          "description": "Use a long duration on an icon that requires a slow transition. Used to define the speed at which an icon may animate. Used on the settings cog icon(plain menu toggle).",
+          "description": "Use a long fade to transition color and/or opacity. Useful for fading in one or more elements. Long fades are used for large elements traveling long distances.",
           "type": "number",
-          "value": "200ms",
+          "value": "300ms",
           "filePath": "tokens/default/semantic.motion.json",
           "isSource": true,
           "original": {
-            "description": "Use a long duration on an icon that requires a slow transition. Used to define the speed at which an icon may animate. Used on the settings cog icon(plain menu toggle).",
+            "description": "Use a long fade to transition color and/or opacity. Useful for fading in one or more elements. Long fades are used for large elements traveling long distances.",
             "type": "number",
-            "value": "{global.motion.duration.md}"
+            "value": "{global.motion.duration.lg}"
           },
-          "name": "pf-t--global--motion--duration--icon--long",
+          "name": "pf-t--global--motion--duration--fade--long",
           "attributes": {
             "category": "global",
             "type": "motion",
             "item": "duration",
-            "subitem": "icon",
+            "subitem": "fade",
             "state": "long"
           },
           "path": [
             "global",
             "motion",
             "duration",
-            "icon",
+            "fade",
             "long"
           ],
           "references": [
             {
-              "description": "Use for a medium animation duration.",
+              "description": "Use for long animation duration. Use for larger, more expressive animations.",
               "type": "number",
-              "value": "200ms",
+              "value": "300ms",
               "filePath": "tokens/default/semantic.motion.json",
               "isSource": true,
               "original": {
-                "description": "Use for a medium animation duration.",
+                "description": "Use for long animation duration. Use for larger, more expressive animations.",
                 "type": "number",
-                "value": "{global.duration.200}"
+                "value": "{global.duration.300}"
               },
-              "name": "pf-t--global--motion--duration--md",
+              "name": "pf-t--global--motion--duration--lg",
               "attributes": {
                 "category": "global",
                 "type": "motion",
                 "item": "duration",
-                "subitem": "md"
+                "subitem": "lg"
               },
               "path": [
                 "global",
                 "motion",
                 "duration",
-                "md"
+                "lg"
               ],
               "references": [
                 {
                   "type": "number",
-                  "value": "200ms",
+                  "value": "300ms",
                   "filePath": "tokens/default/base.motion.json",
                   "isSource": true,
                   "original": {
                     "type": "number",
-                    "value": 200
+                    "value": 300
                   },
-                  "name": "pf-t--global--duration--200",
+                  "name": "pf-t--global--duration--300",
                   "attributes": {
                     "category": "global",
                     "type": "duration",
-                    "item": "200"
+                    "item": "300"
                   },
                   "path": [
                     "global",
                     "duration",
-                    "200"
+                    "300"
                   ]
                 }
               ]
@@ -39789,31 +40114,31 @@
           ]
         }
       },
-      "pf-t--global--motion--duration--slide-out--short": {
+      "pf-t--global--motion--duration--slide-in--short": {
         "default": {
-          "description": "Use for a shorter duration of a slide-out animation, which moves an element out of the viewport.",
+          "description": "Use for a short duration of a slide-in animation, which moves an offscreen element into the viewport.",
           "type": "number",
           "value": "300ms",
           "filePath": "tokens/default/semantic.motion.json",
           "isSource": true,
           "original": {
-            "description": "Use for a shorter duration of a slide-out animation, which moves an element out of the viewport.",
+            "description": "Use for a short duration of a slide-in animation, which moves an offscreen element into the viewport.",
             "type": "number",
             "value": "{global.motion.duration.lg}"
           },
-          "name": "pf-t--global--motion--duration--slide-out--short",
+          "name": "pf-t--global--motion--duration--slide-in--short",
           "attributes": {
             "category": "global",
             "type": "motion",
             "item": "duration",
-            "subitem": "slide-out",
+            "subitem": "slide-in",
             "state": "short"
           },
           "path": [
             "global",
             "motion",
             "duration",
-            "slide-out",
+            "slide-in",
             "short"
           ],
           "references": [
@@ -39868,31 +40193,31 @@
           ]
         }
       },
-      "pf-t--global--motion--duration--slide-out--default": {
+      "pf-t--global--motion--duration--slide-in--default": {
         "default": {
-          "description": "Use as the default duration of a slide-out animation, which moves an element out of the viewport.",
+          "description": "Use for a default duration of a slide-in animation, which moves an offscreen element into the viewport.",
           "type": "number",
           "value": "400ms",
           "filePath": "tokens/default/semantic.motion.json",
           "isSource": true,
           "original": {
-            "description": "Use as the default duration of a slide-out animation, which moves an element out of the viewport.",
+            "description": "Use for a default duration of a slide-in animation, which moves an offscreen element into the viewport.",
             "type": "number",
             "value": "{global.motion.duration.xl}"
           },
-          "name": "pf-t--global--motion--duration--slide-out--default",
+          "name": "pf-t--global--motion--duration--slide-in--default",
           "attributes": {
             "category": "global",
             "type": "motion",
             "item": "duration",
-            "subitem": "slide-out",
+            "subitem": "slide-in",
             "state": "default"
           },
           "path": [
             "global",
             "motion",
             "duration",
-            "slide-out",
+            "slide-in",
             "default"
           ],
           "references": [
@@ -39947,31 +40272,31 @@
           ]
         }
       },
-      "pf-t--global--motion--duration--slide-out--long": {
+      "pf-t--global--motion--duration--slide-in--long": {
         "default": {
-          "description": "Use for a longer duration of a slide-out animation, which moves an element out of the viewport.",
+          "description": "Use for a longer duration of a slide-in animation, which moves an offscreen element into the viewport.",
           "type": "number",
           "value": "500ms",
           "filePath": "tokens/default/semantic.motion.json",
           "isSource": true,
           "original": {
-            "description": "Use for a longer duration of a slide-out animation, which moves an element out of the viewport.",
+            "description": "Use for a longer duration of a slide-in animation, which moves an offscreen element into the viewport.",
             "type": "number",
             "value": "{global.motion.duration.2xl}"
           },
-          "name": "pf-t--global--motion--duration--slide-out--long",
+          "name": "pf-t--global--motion--duration--slide-in--long",
           "attributes": {
             "category": "global",
             "type": "motion",
             "item": "duration",
-            "subitem": "slide-out",
+            "subitem": "slide-in",
             "state": "long"
           },
           "path": [
             "global",
             "motion",
             "duration",
-            "slide-out",
+            "slide-in",
             "long"
           ],
           "references": [
@@ -40762,7 +41087,7 @@
           ]
         }
       },
-      "pf-t--global--border--color--450": {
+      "pf-t--global--border--color--400": {
         "default": {
           "type": "color",
           "value": "#4d4d4d",
@@ -40772,18 +41097,18 @@
             "type": "color",
             "value": "{color.gray.60}"
           },
-          "name": "pf-t--global--border--color--450",
+          "name": "pf-t--global--border--color--400",
           "attributes": {
             "category": "global",
             "type": "border",
             "item": "color",
-            "subitem": "450"
+            "subitem": "400"
           },
           "path": [
             "global",
             "border",
             "color",
-            "450"
+            "400"
           ],
           "references": [
             {
@@ -53011,6 +53336,29 @@
         ]
       }
     },
+    "pf-t--chart--global--letter-spacing": {
+      "default": {
+        "type": "string",
+        "value": "normal",
+        "filePath": "tokens/default/charts.json",
+        "isSource": true,
+        "original": {
+          "type": "string",
+          "value": "normal"
+        },
+        "name": "pf-t--chart--global--letter-spacing",
+        "attributes": {
+          "category": "chart",
+          "type": "global",
+          "item": "letter-spacing"
+        },
+        "path": [
+          "chart",
+          "global",
+          "letter-spacing"
+        ]
+      }
+    },
     "pf-t--chart--global--FontSize--xs": {
       "default": {
         "type": "number",
@@ -53111,29 +53459,6 @@
         ]
       }
     },
-    "pf-t--chart--global--letter-spacing": {
-      "default": {
-        "type": "string",
-        "value": "normal",
-        "filePath": "tokens/default/charts.json",
-        "isSource": true,
-        "original": {
-          "type": "string",
-          "value": "normal"
-        },
-        "name": "pf-t--chart--global--letter-spacing",
-        "attributes": {
-          "category": "chart",
-          "type": "global",
-          "item": "letter-spacing"
-        },
-        "path": [
-          "chart",
-          "global",
-          "letter-spacing"
-        ]
-      }
-    },
     "pf-t--chart--global--layout--padding": {
       "default": {
         "type": "number",
@@ -53209,6 +53534,29 @@
         ]
       }
     },
+    "pf-t--chart--global--stroke-line-cap": {
+      "default": {
+        "type": "string",
+        "value": "round",
+        "filePath": "tokens/default/charts.json",
+        "isSource": true,
+        "original": {
+          "type": "string",
+          "value": "round"
+        },
+        "name": "pf-t--chart--global--stroke-line-cap",
+        "attributes": {
+          "category": "chart",
+          "type": "global",
+          "item": "stroke-line-cap"
+        },
+        "path": [
+          "chart",
+          "global",
+          "stroke-line-cap"
+        ]
+      }
+    },
     "pf-t--chart--global--label--padding": {
       "default": {
         "type": "number",
@@ -53369,29 +53717,6 @@
         ]
       }
     },
-    "pf-t--chart--global--stroke-line-cap": {
-      "default": {
-        "type": "string",
-        "value": "round",
-        "filePath": "tokens/default/charts.json",
-        "isSource": true,
-        "original": {
-          "type": "string",
-          "value": "round"
-        },
-        "name": "pf-t--chart--global--stroke-line-cap",
-        "attributes": {
-          "category": "chart",
-          "type": "global",
-          "item": "stroke-line-cap"
-        },
-        "path": [
-          "chart",
-          "global",
-          "stroke-line-cap"
-        ]
-      }
-    },
     "pf-t--chart--global--stroke-line-join": {
       "default": {
         "type": "string",