@patternfly/react-tokens 6.0.0-alpha.5 → 6.0.0-alpha.7

package/dist/js/c_spinner.d.ts

@@ -1,165 +1,45 @@
 export const c_spinner: {
-  ".pf-v5-c-spinner": {
+  ":root": {
     "c_spinner_diameter": {
       "name": "--pf-v5-c-spinner--diameter",
-      "value": "3.375rem",
+      "value": "56px",
       "values": [
-        "--pf-v5-global--icon--FontSize--xl",
-        "$pf-v5-global--icon--FontSize--xl",
-        "pf-font-prem(54px)",
-        "3.375rem"
+        "--pf-t--global--icon--size--2xl",
+        "--pf-t--global--icon--size--400",
+        "56px"
       ]
     },
     "c_spinner_Width": {
       "name": "--pf-v5-c-spinner--Width",
-      "value": "3.375rem",
+      "value": "56px",
       "values": [
         "--pf-v5-c-spinner--diameter",
-        "--pf-v5-global--icon--FontSize--xl",
-        "$pf-v5-global--icon--FontSize--xl",
-        "pf-font-prem(54px)",
-        "3.375rem"
+        "--pf-t--global--icon--size--2xl",
+        "--pf-t--global--icon--size--400",
+        "56px"
       ]
     },
     "c_spinner_Height": {
       "name": "--pf-v5-c-spinner--Height",
-      "value": "3.375rem",
+      "value": "56px",
       "values": [
         "--pf-v5-c-spinner--diameter",
-        "--pf-v5-global--icon--FontSize--xl",
-        "$pf-v5-global--icon--FontSize--xl",
-        "pf-font-prem(54px)",
-        "3.375rem"
+        "--pf-t--global--icon--size--2xl",
+        "--pf-t--global--icon--size--400",
+        "56px"
       ]
     },
     "c_spinner_Color": {
       "name": "--pf-v5-c-spinner--Color",
       "value": "#06c",
       "values": [
-        "--pf-v5-global--primary-color--100",
-        "$pf-v5-global--primary-color--100",
-        "$pf-v5-color-blue-400",
+        "--pf-t--global--icon--color--brand--default",
+        "--pf-t--global--color--brand--default",
+        "--pf-t--global--color--brand--200",
+        "--pf-t--color--blue--50",
         "#06c"
       ]
     },
-    "c_spinner_m_sm_diameter": {
-      "name": "--pf-v5-c-spinner--m-sm--diameter",
-      "value": "0.75rem",
-      "values": [
-        "--pf-v5-global--icon--FontSize--sm",
-        "$pf-v5-global--icon--FontSize--sm",
-        "pf-font-prem(12px)",
-        "0.75rem"
-      ]
-    },
-    "c_spinner_m_md_diameter": {
-      "name": "--pf-v5-c-spinner--m-md--diameter",
-      "value": "1rem",
-      "values": [
-        "--pf-v5-global--icon--FontSize--md",
-        "$pf-v5-global--icon--FontSize--md",
-        "pf-font-prem(16px)",
-        "1rem"
-      ]
-    },
-    "c_spinner_m_lg_diameter": {
-      "name": "--pf-v5-c-spinner--m-lg--diameter",
-      "value": "1.5rem",
-      "values": [
-        "--pf-v5-global--icon--FontSize--lg",
-        "$pf-v5-global--icon--FontSize--lg",
-        "pf-font-prem(24px)",
-        "1.5rem"
-      ]
-    },
-    "c_spinner_m_xl_diameter": {
-      "name": "--pf-v5-c-spinner--m-xl--diameter",
-      "value": "3.375rem",
-      "values": [
-        "--pf-v5-global--icon--FontSize--xl",
-        "$pf-v5-global--icon--FontSize--xl",
-        "pf-font-prem(54px)",
-        "3.375rem"
-      ]
-    },
-    "c_spinner_m_inline_diameter": {
-      "name": "--pf-v5-c-spinner--m-inline--diameter",
-      "value": "1em"
-    }
-  },
-  ".pf-v5-c-spinner.pf-m-inline": {
-    "c_spinner_diameter": {
-      "name": "--pf-v5-c-spinner--diameter",
-      "value": "1em",
-      "values": [
-        "--pf-v5-c-spinner--m-inline--diameter",
-        "1em"
-      ]
-    }
-  },
-  ".pf-v5-c-spinner.pf-m-sm": {
-    "c_spinner_diameter": {
-      "name": "--pf-v5-c-spinner--diameter",
-      "value": "0.75rem",
-      "values": [
-        "--pf-v5-c-spinner--m-sm--diameter",
-        "--pf-v5-global--icon--FontSize--sm",
-        "$pf-v5-global--icon--FontSize--sm",
-        "pf-font-prem(12px)",
-        "0.75rem"
-      ]
-    }
-  },
-  ".pf-v5-c-spinner.pf-m-md": {
-    "c_spinner_diameter": {
-      "name": "--pf-v5-c-spinner--diameter",
-      "value": "1rem",
-      "values": [
-        "--pf-v5-c-spinner--m-md--diameter",
-        "--pf-v5-global--icon--FontSize--md",
-        "$pf-v5-global--icon--FontSize--md",
-        "pf-font-prem(16px)",
-        "1rem"
-      ]
-    }
-  },
-  ".pf-v5-c-spinner.pf-m-lg": {
-    "c_spinner_diameter": {
-      "name": "--pf-v5-c-spinner--diameter",
-      "value": "1.5rem",
-      "values": [
-        "--pf-v5-c-spinner--m-lg--diameter",
-        "--pf-v5-global--icon--FontSize--lg",
-        "$pf-v5-global--icon--FontSize--lg",
-        "pf-font-prem(24px)",
-        "1.5rem"
-      ]
-    }
-  },
-  ".pf-v5-c-spinner.pf-m-xl": {
-    "c_spinner_diameter": {
-      "name": "--pf-v5-c-spinner--diameter",
-      "value": "3.375rem",
-      "values": [
-        "--pf-v5-c-spinner--m-xl--diameter",
-        "--pf-v5-global--icon--FontSize--xl",
-        "$pf-v5-global--icon--FontSize--xl",
-        "pf-font-prem(54px)",
-        "3.375rem"
-      ]
-    }
-  },
-  "svg.pf-v5-c-spinner": {
-    "c_spinner_diameter": {
-      "name": "--pf-v5-c-spinner--diameter",
-      "value": "3.375rem",
-      "values": [
-        "--pf-v5-global--icon--FontSize--xl",
-        "$pf-v5-global--icon--FontSize--xl",
-        "pf-font-prem(54px)",
-        "3.375rem"
-      ]
-    },
     "c_spinner_AnimationDuration": {
       "name": "--pf-v5-c-spinner--AnimationDuration",
       "value": "1.4s"
@@ -168,26 +48,15 @@ export const c_spinner: {
       "name": "--pf-v5-c-spinner--AnimationTimingFunction",
       "value": "linear"
     },
-    "c_spinner_stroke_width": {
-      "name": "--pf-v5-c-spinner--stroke-width",
+    "c_spinner_StrokeWidth": {
+      "name": "--pf-v5-c-spinner--StrokeWidth",
       "value": "10"
     },
-    "c_spinner__path_Stroke": {
-      "name": "--pf-v5-c-spinner__path--Stroke",
-      "value": "#06c",
-      "values": [
-        "--pf-v5-c-spinner--Color",
-        "--pf-v5-global--primary-color--100",
-        "$pf-v5-global--primary-color--100",
-        "$pf-v5-color-blue-400",
-        "#06c"
-      ]
-    },
     "c_spinner__path_StrokeWidth": {
       "name": "--pf-v5-c-spinner__path--StrokeWidth",
       "value": "10",
       "values": [
-        "--pf-v5-c-spinner--stroke-width",
+        "--pf-v5-c-spinner--StrokeWidth",
         "10"
       ]
     },
@@ -197,94 +66,100 @@ export const c_spinner: {
     },
     "c_spinner_m_sm_diameter": {
       "name": "--pf-v5-c-spinner--m-sm--diameter",
-      "value": "0.75rem",
+      "value": "14px",
       "values": [
-        "--pf-v5-global--icon--FontSize--sm",
-        "$pf-v5-global--icon--FontSize--sm",
-        "pf-font-prem(12px)",
-        "0.75rem"
+        "--pf-t--global--icon--size--md",
+        "--pf-t--global--icon--size--200",
+        "14px"
       ]
     },
     "c_spinner_m_md_diameter": {
       "name": "--pf-v5-c-spinner--m-md--diameter",
-      "value": "1rem",
+      "value": "16px",
       "values": [
-        "--pf-v5-global--icon--FontSize--md",
-        "$pf-v5-global--icon--FontSize--md",
-        "pf-font-prem(16px)",
-        "1rem"
+        "--pf-t--global--icon--size--lg",
+        "--pf-t--global--icon--size--250",
+        "16px"
       ]
     },
     "c_spinner_m_lg_diameter": {
       "name": "--pf-v5-c-spinner--m-lg--diameter",
-      "value": "1.5rem",
+      "value": "22px",
       "values": [
-        "--pf-v5-global--icon--FontSize--lg",
-        "$pf-v5-global--icon--FontSize--lg",
-        "pf-font-prem(24px)",
-        "1.5rem"
+        "--pf-t--global--icon--size--xl",
+        "--pf-t--global--icon--size--300",
+        "22px"
       ]
     },
     "c_spinner_m_xl_diameter": {
       "name": "--pf-v5-c-spinner--m-xl--diameter",
-      "value": "3.375rem",
+      "value": "56px",
       "values": [
-        "--pf-v5-global--icon--FontSize--xl",
-        "$pf-v5-global--icon--FontSize--xl",
-        "pf-font-prem(54px)",
-        "3.375rem"
+        "--pf-t--global--icon--size--2xl",
+        "--pf-t--global--icon--size--400",
+        "56px"
       ]
+    },
+    "c_spinner_m_inline_diameter": {
+      "name": "--pf-v5-c-spinner--m-inline--diameter",
+      "value": "1em"
     }
   },
-  "svg.pf-v5-c-spinner.pf-m-sm": {
+  ".pf-v5-c-spinner.pf-m-inline": {
     "c_spinner_diameter": {
       "name": "--pf-v5-c-spinner--diameter",
-      "value": "0.75rem",
+      "value": "1em",
+      "values": [
+        "--pf-v5-c-spinner--m-inline--diameter",
+        "1em"
+      ]
+    }
+  },
+  ".pf-v5-c-spinner.pf-m-sm": {
+    "c_spinner_diameter": {
+      "name": "--pf-v5-c-spinner--diameter",
+      "value": "14px",
       "values": [
         "--pf-v5-c-spinner--m-sm--diameter",
-        "--pf-v5-global--icon--FontSize--sm",
-        "$pf-v5-global--icon--FontSize--sm",
-        "pf-font-prem(12px)",
-        "0.75rem"
+        "--pf-t--global--icon--size--md",
+        "--pf-t--global--icon--size--200",
+        "14px"
       ]
     }
   },
-  "svg.pf-v5-c-spinner.pf-m-md": {
+  ".pf-v5-c-spinner.pf-m-md": {
     "c_spinner_diameter": {
       "name": "--pf-v5-c-spinner--diameter",
-      "value": "1rem",
+      "value": "16px",
       "values": [
         "--pf-v5-c-spinner--m-md--diameter",
-        "--pf-v5-global--icon--FontSize--md",
-        "$pf-v5-global--icon--FontSize--md",
-        "pf-font-prem(16px)",
-        "1rem"
+        "--pf-t--global--icon--size--lg",
+        "--pf-t--global--icon--size--250",
+        "16px"
       ]
     }
   },
-  "svg.pf-v5-c-spinner.pf-m-lg": {
+  ".pf-v5-c-spinner.pf-m-lg": {
     "c_spinner_diameter": {
       "name": "--pf-v5-c-spinner--diameter",
-      "value": "1.5rem",
+      "value": "22px",
       "values": [
         "--pf-v5-c-spinner--m-lg--diameter",
-        "--pf-v5-global--icon--FontSize--lg",
-        "$pf-v5-global--icon--FontSize--lg",
-        "pf-font-prem(24px)",
-        "1.5rem"
+        "--pf-t--global--icon--size--xl",
+        "--pf-t--global--icon--size--300",
+        "22px"
       ]
     }
   },
-  "svg.pf-v5-c-spinner.pf-m-xl": {
+  ".pf-v5-c-spinner.pf-m-xl": {
     "c_spinner_diameter": {
       "name": "--pf-v5-c-spinner--diameter",
-      "value": "3.375rem",
+      "value": "56px",
       "values": [
         "--pf-v5-c-spinner--m-xl--diameter",
-        "--pf-v5-global--icon--FontSize--xl",
-        "$pf-v5-global--icon--FontSize--xl",
-        "pf-font-prem(54px)",
-        "3.375rem"
+        "--pf-t--global--icon--size--2xl",
+        "--pf-t--global--icon--size--400",
+        "56px"
       ]
     }
   }