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

package/dist/esm/c_empty_state_m_xs__icon_MarginBottom.d.ts

@@ -1,6 +1,6 @@
 export const c_empty_state_m_xs__icon_MarginBottom: {
   "name": "--pf-v5-c-empty-state--m-xs__icon--MarginBottom",
-  "value": "1rem",
+  "value": "24px",
   "var": "var(--pf-v5-c-empty-state--m-xs__icon--MarginBottom)"
 };
 export default c_empty_state_m_xs__icon_MarginBottom;

package/dist/esm/c_empty_state_m_xs__icon_MarginBottom.js

@@ -1,6 +1,6 @@
 export const c_empty_state_m_xs__icon_MarginBottom = {
   "name": "--pf-v5-c-empty-state--m-xs__icon--MarginBottom",
-  "value": "1rem",
+  "value": "24px",
   "var": "var(--pf-v5-c-empty-state--m-xs__icon--MarginBottom)"
 };
 export default c_empty_state_m_xs__icon_MarginBottom;

package/dist/esm/c_empty_state_m_xs__title_text_FontSize.d.ts

@@ -1,6 +1,6 @@
 export const c_empty_state_m_xs__title_text_FontSize: {
   "name": "--pf-v5-c-empty-state--m-xs__title-text--FontSize",
-  "value": "1rem",
+  "value": "16px",
   "var": "var(--pf-v5-c-empty-state--m-xs__title-text--FontSize)"
 };
 export default c_empty_state_m_xs__title_text_FontSize;

package/dist/esm/c_empty_state_m_xs__title_text_FontSize.js

@@ -1,6 +1,6 @@
 export const c_empty_state_m_xs__title_text_FontSize = {
   "name": "--pf-v5-c-empty-state--m-xs__title-text--FontSize",
-  "value": "1rem",
+  "value": "16px",
   "var": "var(--pf-v5-c-empty-state--m-xs__title-text--FontSize)"
 };
 export default c_empty_state_m_xs__title_text_FontSize;

package/dist/esm/c_expandable_section.d.ts

@@ -5,6 +5,7 @@ export const c_expandable_section: {
       "value": "8px",
       "values": [
         "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
         "8px"
       ]
     },
@@ -13,6 +14,7 @@ export const c_expandable_section: {
       "value": "16px",
       "values": [
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     },
@@ -21,6 +23,7 @@ export const c_expandable_section: {
       "value": "8px",
       "values": [
         "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
         "8px"
       ]
     },
@@ -29,59 +32,10 @@ export const c_expandable_section: {
       "value": "8px",
       "values": [
         "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
         "8px"
       ]
     },
-    "c_expandable_section__toggle_Color": {
-      "name": "--pf-v5-c-expandable-section__toggle--Color",
-      "value": "#0c61d9",
-      "values": [
-        "--pf-t--global--color--brand--default",
-        "--pf-t--global--color--brand--200",
-        "--pf-t--color--blue--400",
-        "#0c61d9"
-      ]
-    },
-    "c_expandable_section__toggle_hover_Color": {
-      "name": "--pf-v5-c-expandable-section__toggle--hover--Color",
-      "value": "#0043a0",
-      "values": [
-        "--pf-t--global--color--brand--hover",
-        "--pf-t--global--color--brand--300",
-        "--pf-t--color--blue--500",
-        "#0043a0"
-      ]
-    },
-    "c_expandable_section__toggle_active_Color": {
-      "name": "--pf-v5-c-expandable-section__toggle--active--Color",
-      "value": "#0043a0",
-      "values": [
-        "--pf-t--global--color--brand--hover",
-        "--pf-t--global--color--brand--300",
-        "--pf-t--color--blue--500",
-        "#0043a0"
-      ]
-    },
-    "c_expandable_section__toggle_focus_Color": {
-      "name": "--pf-v5-c-expandable-section__toggle--focus--Color",
-      "value": "#0043a0",
-      "values": [
-        "--pf-t--global--color--brand--hover",
-        "--pf-t--global--color--brand--300",
-        "--pf-t--color--blue--500",
-        "#0043a0"
-      ]
-    },
-    "c_expandable_section__toggle_m_expanded_Color": {
-      "name": "--pf-v5-c-expandable-section__toggle--m-expanded--Color",
-      "value": "#0043a0",
-      "values": [
-        "--pf-t--global--color--brand--hover",
-        "--pf-t--global--color--brand--300",
-        "--pf-t--color--blue--500",
-        "#0043a0"
-      ]
-    },
     "c_expandable_section__toggle_BackgroundColor": {
       "name": "--pf-v5-c-expandable-section__toggle--BackgroundColor",
       "value": "transparent"
@@ -91,6 +45,7 @@ export const c_expandable_section: {
       "value": "calc(4px + 8px)",
       "values": [
         "calc(--pf-t--global--spacer--xs + --pf-t--global--spacer--sm)",
+        "calc(--pf-t--global--spacer--100 + --pf-t--global--spacer--200)",
         "calc(4px + 8px)"
       ]
     },
@@ -104,7 +59,7 @@ export const c_expandable_section: {
       "values": [
         "--pf-t--global--icon--color--regular",
         "--pf-t--global--icon--color--100",
-        "--pf-t--color--gray--900",
+        "--pf-t--color--gray--90",
         "#1f1f1f"
       ]
     },
@@ -128,11 +83,42 @@ export const c_expandable_section: {
       "name": "--pf-v5-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate",
       "value": "-90deg"
     },
+    "c_expandable_section__toggle_text_Color": {
+      "name": "--pf-v5-c-expandable-section__toggle-text--Color",
+      "value": "#06c",
+      "values": [
+        "--pf-t--global--color--brand--default",
+        "--pf-t--global--color--brand--200",
+        "--pf-t--color--blue--50",
+        "#06c"
+      ]
+    },
+    "c_expandable_section__toggle_text_hover_Color": {
+      "name": "--pf-v5-c-expandable-section__toggle-text--hover--Color",
+      "value": "#004d99",
+      "values": [
+        "--pf-t--global--color--brand--hover",
+        "--pf-t--global--color--brand--300",
+        "--pf-t--color--blue--60",
+        "#004d99"
+      ]
+    },
+    "c_expandable_section_m_expanded__toggle_text_Color": {
+      "name": "--pf-v5-c-expandable-section--m-expanded__toggle-text--Color",
+      "value": "#004d99",
+      "values": [
+        "--pf-t--global--color--brand--hover",
+        "--pf-t--global--color--brand--300",
+        "--pf-t--color--blue--60",
+        "#004d99"
+      ]
+    },
     "c_expandable_section__content_PaddingTop": {
       "name": "--pf-v5-c-expandable-section__content--PaddingTop",
       "value": "8px",
       "values": [
         "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
         "8px"
       ]
     },
@@ -141,6 +127,7 @@ export const c_expandable_section: {
       "value": "8px",
       "values": [
         "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
         "8px"
       ]
     },
@@ -149,6 +136,7 @@ export const c_expandable_section: {
       "value": "8px",
       "values": [
         "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
         "8px"
       ]
     },
@@ -157,6 +145,7 @@ export const c_expandable_section: {
       "value": "8px",
       "values": [
         "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
         "8px"
       ]
     },
@@ -174,7 +163,7 @@ export const c_expandable_section: {
       "values": [
         "--pf-t--global--background--color--secondary--default",
         "--pf-t--global--background--color--200",
-        "--pf-t--color--gray--100",
+        "--pf-t--color--gray--10",
         "#f2f2f2"
       ]
     },
@@ -184,7 +173,7 @@ export const c_expandable_section: {
       "values": [
         "--pf-t--global--border--color--default",
         "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--300",
+        "--pf-t--color--gray--30",
         "#c7c7c7"
       ]
     },
@@ -193,6 +182,7 @@ export const c_expandable_section: {
       "value": "16px",
       "values": [
         "--pf-t--global--border--radius--medium",
+        "--pf-t--global--border--radius--300",
         "16px"
       ]
     },
@@ -201,6 +191,7 @@ export const c_expandable_section: {
       "value": "16px",
       "values": [
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     },
@@ -209,6 +200,7 @@ export const c_expandable_section: {
       "value": "24px",
       "values": [
         "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
         "24px"
       ]
     },
@@ -217,6 +209,7 @@ export const c_expandable_section: {
       "value": "16px",
       "values": [
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     },
@@ -225,6 +218,7 @@ export const c_expandable_section: {
       "value": "24px",
       "values": [
         "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
         "24px"
       ]
     },
@@ -233,6 +227,7 @@ export const c_expandable_section: {
       "value": "16px",
       "values": [
         "--pf-t--global--border--radius--medium",
+        "--pf-t--global--border--radius--300",
         "16px"
       ]
     },
@@ -246,7 +241,7 @@ export const c_expandable_section: {
       "values": [
         "--pf-t--global--background--color--secondary--hover",
         "--pf-t--global--background--color--300",
-        "--pf-t--color--gray--200",
+        "--pf-t--color--gray--20",
         "#e0e0e0"
       ]
     },
@@ -256,7 +251,7 @@ export const c_expandable_section: {
       "values": [
         "--pf-t--global--background--color--secondary--hover",
         "--pf-t--global--background--color--300",
-        "--pf-t--color--gray--200",
+        "--pf-t--color--gray--20",
         "#e0e0e0"
       ]
     },
@@ -266,7 +261,7 @@ export const c_expandable_section: {
       "values": [
         "--pf-t--global--background--color--secondary--hover",
         "--pf-t--global--background--color--300",
-        "--pf-t--color--gray--200",
+        "--pf-t--color--gray--20",
         "#e0e0e0"
       ]
     },
@@ -275,6 +270,7 @@ export const c_expandable_section: {
       "value": "24px",
       "values": [
         "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
         "24px"
       ]
     },
@@ -283,6 +279,7 @@ export const c_expandable_section: {
       "value": "16px",
       "values": [
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     },
@@ -291,6 +288,7 @@ export const c_expandable_section: {
       "value": "24px",
       "values": [
         "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
         "24px"
       ]
     },
@@ -299,6 +297,7 @@ export const c_expandable_section: {
       "value": "16px 16px 0 0",
       "values": [
         "--pf-t--global--border--radius--medium --pf-t--global--border--radius--medium 0 0",
+        "--pf-t--global--border--radius--300 --pf-t--global--border--radius--300 0 0",
         "16px 16px 0 0"
       ]
     },
@@ -308,6 +307,7 @@ export const c_expandable_section: {
       "values": [
         "calc(--pf-v5-c-expandable-section__toggle--ColumnGap + --pf-v5-c-expandable-section__toggle-icon--MinWidth)",
         "calc(calc(--pf-t--global--spacer--xs + --pf-t--global--spacer--sm) + 1em)",
+        "calc(calc(--pf-t--global--spacer--100 + --pf-t--global--spacer--200) + 1em)",
         "calc(calc(4px + 8px) + 1em)"
       ]
     },
@@ -317,7 +317,8 @@ export const c_expandable_section: {
       "values": [
         "calc(--pf-v5-c-expandable-section--m-indented__content--PaddingLeft--base + --pf-v5-c-expandable-section__toggle--PaddingLeft)",
         "calc(calc(--pf-v5-c-expandable-section__toggle--ColumnGap + --pf-v5-c-expandable-section__toggle-icon--MinWidth) + --pf-t--global--spacer--sm)",
-        "calc(calc(calc(--pf-t--global--spacer--xs + --pf-t--global--spacer--sm) + 1em) + 8px)",
+        "calc(calc(calc(--pf-t--global--spacer--xs + --pf-t--global--spacer--sm) + 1em) + --pf-t--global--spacer--200)",
+        "calc(calc(calc(--pf-t--global--spacer--100 + --pf-t--global--spacer--200) + 1em) + 8px)",
         "calc(calc(calc(4px + 8px) + 1em) + 8px)"
       ]
     },
@@ -327,7 +328,8 @@ export const c_expandable_section: {
       "values": [
         "calc(--pf-v5-c-expandable-section--m-indented__content--PaddingLeft--base + --pf-v5-c-expandable-section--m-display-lg__content--PaddingLeft)",
         "calc(calc(--pf-v5-c-expandable-section__toggle--ColumnGap + --pf-v5-c-expandable-section__toggle-icon--MinWidth) + --pf-t--global--spacer--lg)",
-        "calc(calc(calc(--pf-t--global--spacer--xs + --pf-t--global--spacer--sm) + 1em) + 24px)",
+        "calc(calc(calc(--pf-t--global--spacer--xs + --pf-t--global--spacer--sm) + 1em) + --pf-t--global--spacer--400)",
+        "calc(calc(calc(--pf-t--global--spacer--100 + --pf-t--global--spacer--200) + 1em) + 24px)",
         "calc(calc(calc(4px + 8px) + 1em) + 24px)"
       ]
     },
@@ -336,6 +338,7 @@ export const c_expandable_section: {
       "value": "8px",
       "values": [
         "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
         "8px"
       ]
     },
@@ -344,6 +347,7 @@ export const c_expandable_section: {
       "value": "16px",
       "values": [
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     },
@@ -352,6 +356,7 @@ export const c_expandable_section: {
       "value": "8px",
       "values": [
         "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
         "8px"
       ]
     },
@@ -360,6 +365,7 @@ export const c_expandable_section: {
       "value": "16px",
       "values": [
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     },
@@ -368,6 +374,7 @@ export const c_expandable_section: {
       "value": "8px",
       "values": [
         "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
         "8px"
       ]
     },
@@ -377,15 +384,15 @@ export const c_expandable_section: {
     }
   },
   ".pf-v5-c-expandable-section.pf-m-expanded": {
-    "c_expandable_section__toggle_Color": {
-      "name": "--pf-v5-c-expandable-section__toggle--Color",
-      "value": "#0043a0",
+    "c_expandable_section__toggle_text_Color": {
+      "name": "--pf-v5-c-expandable-section__toggle-text--Color",
+      "value": "#004d99",
       "values": [
-        "--pf-v5-c-expandable-section__toggle--m-expanded--Color",
+        "--pf-v5-c-expandable-section--m-expanded__toggle-text--Color",
         "--pf-t--global--color--brand--hover",
         "--pf-t--global--color--brand--300",
-        "--pf-t--color--blue--500",
-        "#0043a0"
+        "--pf-t--color--blue--60",
+        "#004d99"
       ]
     },
     "c_expandable_section__toggle_icon_Rotate": {
@@ -418,6 +425,7 @@ export const c_expandable_section: {
       "values": [
         "--pf-v5-c-expandable-section--m-expanded--m-display-lg__toggle--BorderRadius",
         "--pf-t--global--border--radius--medium --pf-t--global--border--radius--medium 0 0",
+        "--pf-t--global--border--radius--300 --pf-t--global--border--radius--300 0 0",
         "16px 16px 0 0"
       ]
     }
@@ -439,6 +447,7 @@ export const c_expandable_section: {
       "values": [
         "--pf-v5-c-expandable-section--m-display-lg__toggle--PaddingTop",
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     },
@@ -448,6 +457,7 @@ export const c_expandable_section: {
       "values": [
         "--pf-v5-c-expandable-section--m-display-lg__toggle--PaddingRight",
         "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
         "24px"
       ]
     },
@@ -457,6 +467,7 @@ export const c_expandable_section: {
       "values": [
         "--pf-v5-c-expandable-section--m-display-lg__toggle--PaddingBottom",
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     },
@@ -466,6 +477,7 @@ export const c_expandable_section: {
       "values": [
         "--pf-v5-c-expandable-section--m-display-lg__toggle--PaddingLeft",
         "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
         "24px"
       ]
     },
@@ -476,7 +488,7 @@ export const c_expandable_section: {
         "--pf-v5-c-expandable-section--m-display-lg__toggle--hover--BackgroundColor",
         "--pf-t--global--background--color--secondary--hover",
         "--pf-t--global--background--color--300",
-        "--pf-t--color--gray--200",
+        "--pf-t--color--gray--20",
         "#e0e0e0"
       ]
     },
@@ -487,7 +499,7 @@ export const c_expandable_section: {
         "--pf-v5-c-expandable-section--m-display-lg__toggle--active--BackgroundColor",
         "--pf-t--global--background--color--secondary--hover",
         "--pf-t--global--background--color--300",
-        "--pf-t--color--gray--200",
+        "--pf-t--color--gray--20",
         "#e0e0e0"
       ]
     },
@@ -498,7 +510,7 @@ export const c_expandable_section: {
         "--pf-v5-c-expandable-section--m-display-lg__toggle--focus--BackgroundColor",
         "--pf-t--global--background--color--secondary--hover",
         "--pf-t--global--background--color--300",
-        "--pf-t--color--gray--200",
+        "--pf-t--color--gray--20",
         "#e0e0e0"
       ]
     },
@@ -524,6 +536,7 @@ export const c_expandable_section: {
       "values": [
         "--pf-v5-c-expandable-section--m-display-lg__content--PaddingRight",
         "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
         "24px"
       ]
     },
@@ -533,6 +546,7 @@ export const c_expandable_section: {
       "values": [
         "--pf-v5-c-expandable-section--m-display-lg__content--PaddingBottom",
         "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
         "16px"
       ]
     },
@@ -542,6 +556,7 @@ export const c_expandable_section: {
       "values": [
         "--pf-v5-c-expandable-section--m-display-lg__content--PaddingLeft",
         "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
         "24px"
       ]
     },
@@ -552,7 +567,8 @@ export const c_expandable_section: {
         "--pf-v5-c-expandable-section--m-display-lg--m-indented__content--PaddingLeft",
         "calc(--pf-v5-c-expandable-section--m-indented__content--PaddingLeft--base + --pf-v5-c-expandable-section--m-display-lg__content--PaddingLeft)",
         "calc(calc(--pf-v5-c-expandable-section__toggle--ColumnGap + --pf-v5-c-expandable-section__toggle-icon--MinWidth) + --pf-t--global--spacer--lg)",
-        "calc(calc(calc(--pf-t--global--spacer--xs + --pf-t--global--spacer--sm) + 1em) + 24px)",
+        "calc(calc(calc(--pf-t--global--spacer--xs + --pf-t--global--spacer--sm) + 1em) + --pf-t--global--spacer--400)",
+        "calc(calc(calc(--pf-t--global--spacer--100 + --pf-t--global--spacer--200) + 1em) + 24px)",
         "calc(calc(calc(4px + 8px) + 1em) + 24px)"
       ]
     }
@@ -582,6 +598,7 @@ export const c_expandable_section: {
       "values": [
         "--pf-v5-c-expandable-section--m-truncate__toggle--PaddingBottom",
         "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
         "8px"
       ]
     },
@@ -606,16 +623,16 @@ export const c_expandable_section: {
       "value": "0"
     }
   },
-  ".pf-v5-c-expandable-section__toggle:hover": {
-    "c_expandable_section__toggle_Color": {
-      "name": "--pf-v5-c-expandable-section__toggle--Color",
-      "value": "#0043a0",
+  ".pf-v5-c-expandable-section__toggle:is(:hover, :focus)": {
+    "c_expandable_section__toggle_text_Color": {
+      "name": "--pf-v5-c-expandable-section__toggle-text--Color",
+      "value": "#004d99",
       "values": [
-        "--pf-v5-c-expandable-section__toggle--hover--Color",
+        "--pf-v5-c-expandable-section__toggle-text--hover--Color",
         "--pf-t--global--color--brand--hover",
         "--pf-t--global--color--brand--300",
-        "--pf-t--color--blue--500",
-        "#0043a0"
+        "--pf-t--color--blue--60",
+        "#004d99"
       ]
     },
     "c_expandable_section__toggle_BackgroundColor": {
@@ -626,57 +643,7 @@ export const c_expandable_section: {
         "--pf-v5-c-expandable-section--m-display-lg__toggle--hover--BackgroundColor, initial",
         "--pf-t--global--background--color--secondary--hover, initial",
         "--pf-t--global--background--color--300, initial",
-        "--pf-t--color--gray--200, initial",
-        "#e0e0e0, initial"
-      ]
-    }
-  },
-  ".pf-v5-c-expandable-section__toggle:active": {
-    "c_expandable_section__toggle_Color": {
-      "name": "--pf-v5-c-expandable-section__toggle--Color",
-      "value": "#0043a0",
-      "values": [
-        "--pf-v5-c-expandable-section__toggle--active--Color",
-        "--pf-t--global--color--brand--hover",
-        "--pf-t--global--color--brand--300",
-        "--pf-t--color--blue--500",
-        "#0043a0"
-      ]
-    },
-    "c_expandable_section__toggle_BackgroundColor": {
-      "name": "--pf-v5-c-expandable-section__toggle--BackgroundColor",
-      "value": "#e0e0e0, initial",
-      "values": [
-        "var(--pf-v5-c-expandable-section__toggle--active--BackgroundColor, initial)",
-        "--pf-v5-c-expandable-section--m-display-lg__toggle--active--BackgroundColor, initial",
-        "--pf-t--global--background--color--secondary--hover, initial",
-        "--pf-t--global--background--color--300, initial",
-        "--pf-t--color--gray--200, initial",
-        "#e0e0e0, initial"
-      ]
-    }
-  },
-  ".pf-v5-c-expandable-section__toggle:focus": {
-    "c_expandable_section__toggle_Color": {
-      "name": "--pf-v5-c-expandable-section__toggle--Color",
-      "value": "#0043a0",
-      "values": [
-        "--pf-v5-c-expandable-section__toggle--focus--Color",
-        "--pf-t--global--color--brand--hover",
-        "--pf-t--global--color--brand--300",
-        "--pf-t--color--blue--500",
-        "#0043a0"
-      ]
-    },
-    "c_expandable_section__toggle_BackgroundColor": {
-      "name": "--pf-v5-c-expandable-section__toggle--BackgroundColor",
-      "value": "#e0e0e0, initial",
-      "values": [
-        "var(--pf-v5-c-expandable-section__toggle--focus--BackgroundColor, initial)",
-        "--pf-v5-c-expandable-section--m-display-lg__toggle--focus--BackgroundColor, initial",
-        "--pf-t--global--background--color--secondary--hover, initial",
-        "--pf-t--global--background--color--300, initial",
-        "--pf-t--color--gray--200, initial",
+        "--pf-t--color--gray--20, initial",
         "#e0e0e0, initial"
       ]
     }