@patternfly/react-tokens 6.0.0-alpha.27 → 6.0.0-alpha.28

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [6.0.0-alpha.28](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@6.0.0-alpha.27...@patternfly/react-tokens@6.0.0-alpha.28) (2024-07-03)
+
+### Features
+
+- **page:** support for context selector in sidebar ([#10686](https://github.com/patternfly/patternfly-react/issues/10686)) ([b85fb19](https://github.com/patternfly/patternfly-react/commit/b85fb19e8e40f3003da644f12609f50b59584f92))
+
 # [6.0.0-alpha.27](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@6.0.0-alpha.26...@patternfly/react-tokens@6.0.0-alpha.27) (2024-07-02)
 
 ### Features

package/dist/esm/c_alert.d.ts

@@ -98,18 +98,22 @@ export const c_alert: {
     },
     "c_alert__toggle_MarginBlockStart": {
       "name": "--pf-v6-c-alert__toggle--MarginBlockStart",
-      "value": "calc(-1 * undefined - 0.0625rem)",
+      "value": "calc(8px * -1)",
       "values": [
-        "calc(-1 * --pf-t--global--spacer--button--vertical--default - 0.0625rem)",
-        "calc(-1 * undefined - 0.0625rem)"
+        "calc(--pf-t--global--spacer--control--vertical--default * -1)",
+        "calc(--pf-t--global--spacer--sm * -1)",
+        "calc(--pf-t--global--spacer--200 * -1)",
+        "calc(8px * -1)"
       ]
     },
     "c_alert__toggle_MarginBlockEnd": {
       "name": "--pf-v6-c-alert__toggle--MarginBlockEnd",
-      "value": "calc(-1 * undefined)",
+      "value": "calc(8px * -1)",
       "values": [
-        "calc(-1 * --pf-t--global--spacer--button--vertical--default)",
-        "calc(-1 * undefined)"
+        "calc(--pf-t--global--spacer--control--vertical--default * -1)",
+        "calc(--pf-t--global--spacer--sm * -1)",
+        "calc(--pf-t--global--spacer--200 * -1)",
+        "calc(8px * -1)"
       ]
     },
     "c_alert__toggle_MarginInlineEnd": {
@@ -165,41 +169,13 @@ export const c_alert: {
         "14px"
       ]
     },
-    "c_alert__title_FontFamily": {
-      "name": "--pf-v6-c-alert__title--FontFamily",
-      "value": "\"Red Hat Display VF\"",
-      "values": [
-        "--pf-t--global--font--family--heading",
-        "--pf-t--global--font--family--200",
-        "\"Red Hat Display VF\""
-      ]
-    },
-    "c_alert__title_FontSize": {
-      "name": "--pf-v6-c-alert__title--FontSize",
-      "value": "16px",
-      "values": [
-        "--pf-t--global--font--size--heading--xs",
-        "--pf-t--global--font--size--md",
-        "--pf-t--global--font--size--300",
-        "16px"
-      ]
-    },
     "c_alert__title_FontWeight": {
       "name": "--pf-v6-c-alert__title--FontWeight",
-      "value": "700",
-      "values": [
-        "--pf-t--global--font--weight--heading",
-        "--pf-t--global--font--weight--300",
-        "700"
-      ]
-    },
-    "c_alert__title_LineHeight": {
-      "name": "--pf-v6-c-alert__title--LineHeight",
-      "value": "1.5",
+      "value": "500",
       "values": [
-        "--pf-t--global--font--line-height--heading",
-        "--pf-t--global--font--line-height--200",
-        "1.5"
+        "--pf-t--global--font--weight--body--bold",
+        "--pf-t--global--font--weight--body--200",
+        "500"
       ]
     },
     "c_alert__title_Color": {
@@ -260,21 +236,21 @@ export const c_alert: {
     },
     "c_alert__action_group_PaddingBlockStart_base": {
       "name": "--pf-v6-c-alert__action-group--PaddingBlockStart-base",
-      "value": "4px",
+      "value": "8px",
       "values": [
-        "--pf-t--global--spacer--xs",
-        "--pf-t--global--spacer--100",
-        "4px"
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "8px"
       ]
     },
     "c_alert__action_group_PaddingBlockStart": {
       "name": "--pf-v6-c-alert__action-group--PaddingBlockStart",
-      "value": "4px",
+      "value": "8px",
       "values": [
         "--pf-v6-c-alert__action-group--PaddingBlockStart-base",
-        "--pf-t--global--spacer--xs",
-        "--pf-t--global--spacer--100",
-        "4px"
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "8px"
       ]
     },
     "c_alert__description_action_group_PaddingBlockStart_base": {
@@ -298,11 +274,12 @@ export const c_alert: {
     },
     "c_alert__action_group__c_button_not_last_child_MarginInlineEnd": {
       "name": "--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd",
-      "value": "24px",
+      "value": "16px",
       "values": [
-        "--pf-t--global--spacer--lg",
-        "--pf-t--global--spacer--400",
-        "24px"
+        "--pf-t--global--spacer--gap--action-to-action--default",
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
       ]
     },
     "c_alert_m_custom_BorderColor": {
@@ -511,12 +488,12 @@ export const c_alert: {
     },
     "c_alert_m_expandable__description_action_group_PaddingBlockStart": {
       "name": "--pf-v6-c-alert--m-expandable__description--action-group--PaddingBlockStart",
-      "value": "4px",
+      "value": "8px",
       "values": [
         "--pf-v6-c-alert__action-group--PaddingBlockStart-base",
-        "--pf-t--global--spacer--xs",
-        "--pf-t--global--spacer--100",
-        "4px"
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "8px"
       ]
     },
     "c_alert_m_expanded__toggle_icon_Rotate": {
@@ -807,13 +784,13 @@ export const c_alert: {
     },
     "c_alert__description_action_group_PaddingBlockStart": {
       "name": "--pf-v6-c-alert__description--action-group--PaddingBlockStart",
-      "value": "4px",
+      "value": "8px",
       "values": [
         "--pf-v6-c-alert--m-expandable__description--action-group--PaddingBlockStart",
         "--pf-v6-c-alert__action-group--PaddingBlockStart-base",
-        "--pf-t--global--spacer--xs",
-        "--pf-t--global--spacer--100",
-        "4px"
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "8px"
       ]
     }
   },
@@ -856,12 +833,6 @@ export const c_alert: {
       "name": "--pf-v6-c-button--LineHeight",
       "value": "1"
     }
-  },
-  ".pf-v6-c-alert__action-group > .pf-v6-c-button": {
-    "c_button_m_link_m_inline_hover_TextDecoration": {
-      "name": "--pf-v6-c-button--m-link--m-inline--hover--TextDecoration",
-      "value": "none"
-    }
   }
 };
 export default c_alert;

package/dist/esm/c_alert.js

@@ -98,18 +98,22 @@ export const c_alert = {
     },
     "c_alert__toggle_MarginBlockStart": {
       "name": "--pf-v6-c-alert__toggle--MarginBlockStart",
-      "value": "calc(-1 * undefined - 0.0625rem)",
+      "value": "calc(8px * -1)",
       "values": [
-        "calc(-1 * --pf-t--global--spacer--button--vertical--default - 0.0625rem)",
-        "calc(-1 * undefined - 0.0625rem)"
+        "calc(--pf-t--global--spacer--control--vertical--default * -1)",
+        "calc(--pf-t--global--spacer--sm * -1)",
+        "calc(--pf-t--global--spacer--200 * -1)",
+        "calc(8px * -1)"
       ]
     },
     "c_alert__toggle_MarginBlockEnd": {
       "name": "--pf-v6-c-alert__toggle--MarginBlockEnd",
-      "value": "calc(-1 * undefined)",
+      "value": "calc(8px * -1)",
       "values": [
-        "calc(-1 * --pf-t--global--spacer--button--vertical--default)",
-        "calc(-1 * undefined)"
+        "calc(--pf-t--global--spacer--control--vertical--default * -1)",
+        "calc(--pf-t--global--spacer--sm * -1)",
+        "calc(--pf-t--global--spacer--200 * -1)",
+        "calc(8px * -1)"
       ]
     },
     "c_alert__toggle_MarginInlineEnd": {
@@ -165,41 +169,13 @@ export const c_alert = {
         "14px"
       ]
     },
-    "c_alert__title_FontFamily": {
-      "name": "--pf-v6-c-alert__title--FontFamily",
-      "value": "\"Red Hat Display VF\"",
-      "values": [
-        "--pf-t--global--font--family--heading",
-        "--pf-t--global--font--family--200",
-        "\"Red Hat Display VF\""
-      ]
-    },
-    "c_alert__title_FontSize": {
-      "name": "--pf-v6-c-alert__title--FontSize",
-      "value": "16px",
-      "values": [
-        "--pf-t--global--font--size--heading--xs",
-        "--pf-t--global--font--size--md",
-        "--pf-t--global--font--size--300",
-        "16px"
-      ]
-    },
     "c_alert__title_FontWeight": {
       "name": "--pf-v6-c-alert__title--FontWeight",
-      "value": "700",
-      "values": [
-        "--pf-t--global--font--weight--heading",
-        "--pf-t--global--font--weight--300",
-        "700"
-      ]
-    },
-    "c_alert__title_LineHeight": {
-      "name": "--pf-v6-c-alert__title--LineHeight",
-      "value": "1.5",
+      "value": "500",
       "values": [
-        "--pf-t--global--font--line-height--heading",
-        "--pf-t--global--font--line-height--200",
-        "1.5"
+        "--pf-t--global--font--weight--body--bold",
+        "--pf-t--global--font--weight--body--200",
+        "500"
       ]
     },
     "c_alert__title_Color": {
@@ -260,21 +236,21 @@ export const c_alert = {
     },
     "c_alert__action_group_PaddingBlockStart_base": {
       "name": "--pf-v6-c-alert__action-group--PaddingBlockStart-base",
-      "value": "4px",
+      "value": "8px",
       "values": [
-        "--pf-t--global--spacer--xs",
-        "--pf-t--global--spacer--100",
-        "4px"
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "8px"
       ]
     },
     "c_alert__action_group_PaddingBlockStart": {
       "name": "--pf-v6-c-alert__action-group--PaddingBlockStart",
-      "value": "4px",
+      "value": "8px",
       "values": [
         "--pf-v6-c-alert__action-group--PaddingBlockStart-base",
-        "--pf-t--global--spacer--xs",
-        "--pf-t--global--spacer--100",
-        "4px"
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "8px"
       ]
     },
     "c_alert__description_action_group_PaddingBlockStart_base": {
@@ -298,11 +274,12 @@ export const c_alert = {
     },
     "c_alert__action_group__c_button_not_last_child_MarginInlineEnd": {
       "name": "--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd",
-      "value": "24px",
+      "value": "16px",
       "values": [
-        "--pf-t--global--spacer--lg",
-        "--pf-t--global--spacer--400",
-        "24px"
+        "--pf-t--global--spacer--gap--action-to-action--default",
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
       ]
     },
     "c_alert_m_custom_BorderColor": {
@@ -511,12 +488,12 @@ export const c_alert = {
     },
     "c_alert_m_expandable__description_action_group_PaddingBlockStart": {
       "name": "--pf-v6-c-alert--m-expandable__description--action-group--PaddingBlockStart",
-      "value": "4px",
+      "value": "8px",
       "values": [
         "--pf-v6-c-alert__action-group--PaddingBlockStart-base",
-        "--pf-t--global--spacer--xs",
-        "--pf-t--global--spacer--100",
-        "4px"
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "8px"
       ]
     },
     "c_alert_m_expanded__toggle_icon_Rotate": {
@@ -807,13 +784,13 @@ export const c_alert = {
     },
     "c_alert__description_action_group_PaddingBlockStart": {
       "name": "--pf-v6-c-alert__description--action-group--PaddingBlockStart",
-      "value": "4px",
+      "value": "8px",
       "values": [
         "--pf-v6-c-alert--m-expandable__description--action-group--PaddingBlockStart",
         "--pf-v6-c-alert__action-group--PaddingBlockStart-base",
-        "--pf-t--global--spacer--xs",
-        "--pf-t--global--spacer--100",
-        "4px"
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "8px"
       ]
     }
   },
@@ -856,12 +833,6 @@ export const c_alert = {
       "name": "--pf-v6-c-button--LineHeight",
       "value": "1"
     }
-  },
-  ".pf-v6-c-alert__action-group > .pf-v6-c-button": {
-    "c_button_m_link_m_inline_hover_TextDecoration": {
-      "name": "--pf-v6-c-button--m-link--m-inline--hover--TextDecoration",
-      "value": "none"
-    }
   }
 };
 export default c_alert;

package/dist/esm/c_alert__action_group_PaddingBlockStart_base.d.ts

@@ -1,6 +1,6 @@
 export const c_alert__action_group_PaddingBlockStart_base: {
   "name": "--pf-v6-c-alert__action-group--PaddingBlockStart-base",
-  "value": "4px",
+  "value": "8px",
   "var": "var(--pf-v6-c-alert__action-group--PaddingBlockStart-base)"
 };
 export default c_alert__action_group_PaddingBlockStart_base;

package/dist/esm/c_alert__action_group_PaddingBlockStart_base.js

@@ -1,6 +1,6 @@
 export const c_alert__action_group_PaddingBlockStart_base = {
   "name": "--pf-v6-c-alert__action-group--PaddingBlockStart-base",
-  "value": "4px",
+  "value": "8px",
   "var": "var(--pf-v6-c-alert__action-group--PaddingBlockStart-base)"
 };
 export default c_alert__action_group_PaddingBlockStart_base;

package/dist/esm/c_alert__action_group__c_button_not_last_child_MarginInlineEnd.d.ts

@@ -1,6 +1,6 @@
 export const c_alert__action_group__c_button_not_last_child_MarginInlineEnd: {
   "name": "--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd",
-  "value": "24px",
+  "value": "16px",
   "var": "var(--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd)"
 };
 export default c_alert__action_group__c_button_not_last_child_MarginInlineEnd;

package/dist/esm/c_alert__action_group__c_button_not_last_child_MarginInlineEnd.js

@@ -1,6 +1,6 @@
 export const c_alert__action_group__c_button_not_last_child_MarginInlineEnd = {
   "name": "--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd",
-  "value": "24px",
+  "value": "16px",
   "var": "var(--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd)"
 };
 export default c_alert__action_group__c_button_not_last_child_MarginInlineEnd;

package/dist/esm/c_alert__title_FontWeight.d.ts

@@ -1,6 +1,6 @@
 export const c_alert__title_FontWeight: {
   "name": "--pf-v6-c-alert__title--FontWeight",
-  "value": "700",
+  "value": "500",
   "var": "var(--pf-v6-c-alert__title--FontWeight)"
 };
 export default c_alert__title_FontWeight;

package/dist/esm/c_alert__title_FontWeight.js

@@ -1,6 +1,6 @@
 export const c_alert__title_FontWeight = {
   "name": "--pf-v6-c-alert__title--FontWeight",
-  "value": "700",
+  "value": "500",
   "var": "var(--pf-v6-c-alert__title--FontWeight)"
 };
 export default c_alert__title_FontWeight;

package/dist/esm/c_alert__toggle_MarginBlockEnd.d.ts

@@ -1,6 +1,6 @@
 export const c_alert__toggle_MarginBlockEnd: {
   "name": "--pf-v6-c-alert__toggle--MarginBlockEnd",
-  "value": "calc(-1 * undefined)",
+  "value": "calc(8px * -1)",
   "var": "var(--pf-v6-c-alert__toggle--MarginBlockEnd)"
 };
 export default c_alert__toggle_MarginBlockEnd;

package/dist/esm/c_alert__toggle_MarginBlockEnd.js

@@ -1,6 +1,6 @@
 export const c_alert__toggle_MarginBlockEnd = {
   "name": "--pf-v6-c-alert__toggle--MarginBlockEnd",
-  "value": "calc(-1 * undefined)",
+  "value": "calc(8px * -1)",
   "var": "var(--pf-v6-c-alert__toggle--MarginBlockEnd)"
 };
 export default c_alert__toggle_MarginBlockEnd;

package/dist/esm/c_alert__toggle_MarginBlockStart.d.ts

@@ -1,6 +1,6 @@
 export const c_alert__toggle_MarginBlockStart: {
   "name": "--pf-v6-c-alert__toggle--MarginBlockStart",
-  "value": "calc(-1 * undefined - 0.0625rem)",
+  "value": "calc(8px * -1)",
   "var": "var(--pf-v6-c-alert__toggle--MarginBlockStart)"
 };
 export default c_alert__toggle_MarginBlockStart;

package/dist/esm/c_alert__toggle_MarginBlockStart.js

@@ -1,6 +1,6 @@
 export const c_alert__toggle_MarginBlockStart = {
   "name": "--pf-v6-c-alert__toggle--MarginBlockStart",
-  "value": "calc(-1 * undefined - 0.0625rem)",
+  "value": "calc(8px * -1)",
   "var": "var(--pf-v6-c-alert__toggle--MarginBlockStart)"
 };
 export default c_alert__toggle_MarginBlockStart;

package/dist/esm/c_alert_group.d.ts

@@ -2,11 +2,12 @@ export const c_alert_group: {
   ":where(:root, .pf-v6-c-alert-group)": {
     "c_alert_group__item_MarginBlockStart": {
       "name": "--pf-v6-c-alert-group__item--MarginBlockStart",
-      "value": "16px",
+      "value": "8px",
       "values": [
-        "--pf-t--global--spacer--md",
-        "--pf-t--global--spacer--300",
-        "16px"
+        "--pf-t--global--spacer--gap--group--vertical",
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "8px"
       ]
     },
     "c_alert_group_m_toast_InsetBlockStart": {
@@ -190,7 +191,7 @@ export const c_alert_group: {
       ]
     }
   },
-  ".pf-v6-c-alert-group__overflow-button:hover": {
+  ".pf-v6-c-alert-group__item:hover": {
     "c_alert_group__overflow_button_Color": {
       "name": "--pf-v6-c-alert-group__overflow-button--Color",
       "value": "#004d99",
@@ -225,7 +226,7 @@ export const c_alert_group: {
       ]
     }
   },
-  ".pf-v6-c-alert-group__overflow-button:focus": {
+  ".pf-v6-c-alert-group__item:focus": {
     "c_alert_group__overflow_button_Color": {
       "name": "--pf-v6-c-alert-group__overflow-button--Color",
       "value": "#004d99",
@@ -249,7 +250,7 @@ export const c_alert_group: {
       ]
     }
   },
-  ".pf-v6-c-alert-group__overflow-button:active": {
+  ".pf-v6-c-alert-group__item:active": {
     "c_alert_group__overflow_button_Color": {
       "name": "--pf-v6-c-alert-group__overflow-button--Color",
       "value": "#004d99",

package/dist/esm/c_alert_group.js

@@ -2,11 +2,12 @@ export const c_alert_group = {
   ":where(:root, .pf-v6-c-alert-group)": {
     "c_alert_group__item_MarginBlockStart": {
       "name": "--pf-v6-c-alert-group__item--MarginBlockStart",
-      "value": "16px",
+      "value": "8px",
       "values": [
-        "--pf-t--global--spacer--md",
-        "--pf-t--global--spacer--300",
-        "16px"
+        "--pf-t--global--spacer--gap--group--vertical",
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "8px"
       ]
     },
     "c_alert_group_m_toast_InsetBlockStart": {
@@ -190,7 +191,7 @@ export const c_alert_group = {
       ]
     }
   },
-  ".pf-v6-c-alert-group__overflow-button:hover": {
+  ".pf-v6-c-alert-group__item:hover": {
     "c_alert_group__overflow_button_Color": {
       "name": "--pf-v6-c-alert-group__overflow-button--Color",
       "value": "#004d99",
@@ -225,7 +226,7 @@ export const c_alert_group = {
       ]
     }
   },
-  ".pf-v6-c-alert-group__overflow-button:focus": {
+  ".pf-v6-c-alert-group__item:focus": {
     "c_alert_group__overflow_button_Color": {
       "name": "--pf-v6-c-alert-group__overflow-button--Color",
       "value": "#004d99",
@@ -249,7 +250,7 @@ export const c_alert_group = {
       ]
     }
   },
-  ".pf-v6-c-alert-group__overflow-button:active": {
+  ".pf-v6-c-alert-group__item:active": {
     "c_alert_group__overflow_button_Color": {
       "name": "--pf-v6-c-alert-group__overflow-button--Color",
       "value": "#004d99",

package/dist/esm/c_alert_group__item_MarginBlockStart.d.ts

@@ -1,6 +1,6 @@
 export const c_alert_group__item_MarginBlockStart: {
   "name": "--pf-v6-c-alert-group__item--MarginBlockStart",
-  "value": "16px",
+  "value": "8px",
   "var": "var(--pf-v6-c-alert-group__item--MarginBlockStart)"
 };
 export default c_alert_group__item_MarginBlockStart;

package/dist/esm/c_alert_group__item_MarginBlockStart.js

@@ -1,6 +1,6 @@
 export const c_alert_group__item_MarginBlockStart = {
   "name": "--pf-v6-c-alert-group__item--MarginBlockStart",
-  "value": "16px",
+  "value": "8px",
   "var": "var(--pf-v6-c-alert-group__item--MarginBlockStart)"
 };
 export default c_alert_group__item_MarginBlockStart;

package/dist/esm/c_alert_m_expandable__description_action_group_PaddingBlockStart.d.ts

@@ -1,6 +1,6 @@
 export const c_alert_m_expandable__description_action_group_PaddingBlockStart: {
   "name": "--pf-v6-c-alert--m-expandable__description--action-group--PaddingBlockStart",
-  "value": "4px",
+  "value": "8px",
   "var": "var(--pf-v6-c-alert--m-expandable__description--action-group--PaddingBlockStart)"
 };
 export default c_alert_m_expandable__description_action_group_PaddingBlockStart;

package/dist/esm/c_alert_m_expandable__description_action_group_PaddingBlockStart.js

@@ -1,6 +1,6 @@
 export const c_alert_m_expandable__description_action_group_PaddingBlockStart = {
   "name": "--pf-v6-c-alert--m-expandable__description--action-group--PaddingBlockStart",
-  "value": "4px",
+  "value": "8px",
   "var": "var(--pf-v6-c-alert--m-expandable__description--action-group--PaddingBlockStart)"
 };
 export default c_alert_m_expandable__description_action_group_PaddingBlockStart;