@patternfly/react-tokens 4.76.9 → 4.76.10

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 4.76.10 (2022-07-08)
+
+**Note:** Version bump only for package @patternfly/react-tokens
+
+
+
+
+
 ## 4.76.9 (2022-07-07)
 
 **Note:** Version bump only for package @patternfly/react-tokens

package/dist/esm/c_button.d.ts

@@ -2552,7 +2552,7 @@ export const c_button: {
   ".pf-c-button__progress .pf-c-spinner": {
     "c_spinner_Color": {
       "name": "--pf-c-spinner--Color",
-      "value": "currentColor"
+      "value": "currentcolor"
     }
   },
   ".pf-m-overpass-font .pf-c-button": {

package/dist/esm/c_button.js

@@ -2552,7 +2552,7 @@ export const c_button = {
   ".pf-c-button__progress .pf-c-spinner": {
     "c_spinner_Color": {
       "name": "--pf-c-spinner--Color",
-      "value": "currentColor"
+      "value": "currentcolor"
     }
   },
   ".pf-m-overpass-font .pf-c-button": {

package/dist/esm/c_drawer.d.ts

@@ -616,18 +616,22 @@ export const c_drawer: {
     },
     "c_drawer__actions_MarginTop": {
       "name": "--pf-c-drawer__actions--MarginTop",
-      "value": "calc(pf-global--spacer--form-element * -1)",
+      "value": "calc(0.375rem * -1)",
       "values": [
-        "calc(pf-global--spacer--form-element * -1)",
-        "calc(pf-global--spacer--form-element * -1)"
+        "calc(--pf-global--spacer--form-element * -1)",
+        "calc($pf-global--spacer--form-element * -1)",
+        "calc(pf-size-prem(6px) * -1)",
+        "calc(0.375rem * -1)"
       ]
     },
     "c_drawer__actions_MarginRight": {
       "name": "--pf-c-drawer__actions--MarginRight",
-      "value": "calc(pf-global--spacer--form-element * -1)",
+      "value": "calc(0.375rem * -1)",
       "values": [
-        "calc(pf-global--spacer--form-element * -1)",
-        "calc(pf-global--spacer--form-element * -1)"
+        "calc(--pf-global--spacer--form-element * -1)",
+        "calc($pf-global--spacer--form-element * -1)",
+        "calc(pf-size-prem(6px) * -1)",
+        "calc(0.375rem * -1)"
       ]
     },
     "c_drawer__panel_BoxShadow": {

package/dist/esm/c_drawer.js

@@ -616,18 +616,22 @@ export const c_drawer = {
     },
     "c_drawer__actions_MarginTop": {
       "name": "--pf-c-drawer__actions--MarginTop",
-      "value": "calc(pf-global--spacer--form-element * -1)",
+      "value": "calc(0.375rem * -1)",
       "values": [
-        "calc(pf-global--spacer--form-element * -1)",
-        "calc(pf-global--spacer--form-element * -1)"
+        "calc(--pf-global--spacer--form-element * -1)",
+        "calc($pf-global--spacer--form-element * -1)",
+        "calc(pf-size-prem(6px) * -1)",
+        "calc(0.375rem * -1)"
       ]
     },
     "c_drawer__actions_MarginRight": {
       "name": "--pf-c-drawer__actions--MarginRight",
-      "value": "calc(pf-global--spacer--form-element * -1)",
+      "value": "calc(0.375rem * -1)",
       "values": [
-        "calc(pf-global--spacer--form-element * -1)",
-        "calc(pf-global--spacer--form-element * -1)"
+        "calc(--pf-global--spacer--form-element * -1)",
+        "calc($pf-global--spacer--form-element * -1)",
+        "calc(pf-size-prem(6px) * -1)",
+        "calc(0.375rem * -1)"
       ]
     },
     "c_drawer__panel_BoxShadow": {

package/dist/esm/c_drawer__actions_MarginRight.d.ts

@@ -1,6 +1,6 @@
 export const c_drawer__actions_MarginRight: {
   "name": "--pf-c-drawer__actions--MarginRight",
-  "value": "calc(pf-global--spacer--form-element * -1)",
+  "value": "calc(0.375rem * -1)",
   "var": "var(--pf-c-drawer__actions--MarginRight)"
 };
 export default c_drawer__actions_MarginRight;

package/dist/esm/c_drawer__actions_MarginRight.js

@@ -1,6 +1,6 @@
 export const c_drawer__actions_MarginRight = {
   "name": "--pf-c-drawer__actions--MarginRight",
-  "value": "calc(pf-global--spacer--form-element * -1)",
+  "value": "calc(0.375rem * -1)",
   "var": "var(--pf-c-drawer__actions--MarginRight)"
 };
 export default c_drawer__actions_MarginRight;

package/dist/esm/c_drawer__actions_MarginTop.d.ts

@@ -1,6 +1,6 @@
 export const c_drawer__actions_MarginTop: {
   "name": "--pf-c-drawer__actions--MarginTop",
-  "value": "calc(pf-global--spacer--form-element * -1)",
+  "value": "calc(0.375rem * -1)",
   "var": "var(--pf-c-drawer__actions--MarginTop)"
 };
 export default c_drawer__actions_MarginTop;

package/dist/esm/c_drawer__actions_MarginTop.js

@@ -1,6 +1,6 @@
 export const c_drawer__actions_MarginTop = {
   "name": "--pf-c-drawer__actions--MarginTop",
-  "value": "calc(pf-global--spacer--form-element * -1)",
+  "value": "calc(0.375rem * -1)",
   "var": "var(--pf-c-drawer__actions--MarginTop)"
 };
 export default c_drawer__actions_MarginTop;

package/dist/esm/c_jump_links.d.ts

@@ -382,7 +382,7 @@ export const c_jump_links: {
     },
     "c_jump_links__toggle_icon_Color": {
       "name": "--pf-c-jump-links__toggle-icon--Color",
-      "value": "currentColor"
+      "value": "currentcolor"
     },
     "c_jump_links__toggle_icon_Transition": {
       "name": "--pf-c-jump-links__toggle-icon--Transition",

package/dist/esm/c_jump_links.js

@@ -382,7 +382,7 @@ export const c_jump_links = {
     },
     "c_jump_links__toggle_icon_Color": {
       "name": "--pf-c-jump-links__toggle-icon--Color",
-      "value": "currentColor"
+      "value": "currentcolor"
     },
     "c_jump_links__toggle_icon_Transition": {
       "name": "--pf-c-jump-links__toggle-icon--Transition",

package/dist/esm/c_menu_toggle.d.ts

@@ -1643,7 +1643,7 @@ export const c_menu_toggle: {
     },
     "c_check__label_Color": {
       "name": "--pf-c-check__label--Color",
-      "value": "currentColor"
+      "value": "currentcolor"
     }
   },
   ".pf-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled)) > *:hover": {

package/dist/esm/c_menu_toggle.js

@@ -1643,7 +1643,7 @@ export const c_menu_toggle = {
     },
     "c_check__label_Color": {
       "name": "--pf-c-check__label--Color",
-      "value": "currentColor"
+      "value": "currentcolor"
     }
   },
   ".pf-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled)) > *:hover": {

package/dist/esm/c_spinner_Color.d.ts

@@ -1,6 +1,6 @@
 export const c_spinner_Color: {
   "name": "--pf-c-spinner--Color",
-  "value": "currentColor",
+  "value": "currentcolor",
   "var": "var(--pf-c-spinner--Color)"
 };
 export default c_spinner_Color;

package/dist/esm/c_spinner_Color.js

@@ -1,6 +1,6 @@
 export const c_spinner_Color = {
   "name": "--pf-c-spinner--Color",
-  "value": "currentColor",
+  "value": "currentcolor",
   "var": "var(--pf-c-spinner--Color)"
 };
 export default c_spinner_Color;

package/dist/esm/c_table.d.ts

@@ -954,19 +954,19 @@ export const c_table: {
     },
     "c_table__sort__button__text_Color": {
       "name": "--pf-c-table__sort__button__text--Color",
-      "value": "currentColor"
+      "value": "currentcolor"
     },
     "c_table__sort__button_hover__text_Color": {
       "name": "--pf-c-table__sort__button--hover__text--Color",
-      "value": "currentColor"
+      "value": "currentcolor"
     },
     "c_table__sort__button_focus__text_Color": {
       "name": "--pf-c-table__sort__button--focus__text--Color",
-      "value": "currentColor"
+      "value": "currentcolor"
     },
     "c_table__sort__button_active__text_Color": {
       "name": "--pf-c-table__sort__button--active__text--Color",
-      "value": "currentColor"
+      "value": "currentcolor"
     },
     "c_table__sort_indicator_Color": {
       "name": "--pf-c-table__sort-indicator--Color",
@@ -2758,10 +2758,10 @@ export const c_table: {
     },
     "c_table__sort__button__text_Color": {
       "name": "--pf-c-table__sort__button__text--Color",
-      "value": "currentColor",
+      "value": "currentcolor",
       "values": [
         "--pf-c-table__sort__button--hover__text--Color",
-        "currentColor"
+        "currentcolor"
       ]
     }
   },
@@ -2779,10 +2779,10 @@ export const c_table: {
     },
     "c_table__sort__button__text_Color": {
       "name": "--pf-c-table__sort__button__text--Color",
-      "value": "currentColor",
+      "value": "currentcolor",
       "values": [
         "--pf-c-table__sort__button--focus__text--Color",
-        "currentColor"
+        "currentcolor"
       ]
     }
   },
@@ -2800,10 +2800,10 @@ export const c_table: {
     },
     "c_table__sort__button__text_Color": {
       "name": "--pf-c-table__sort__button__text--Color",
-      "value": "currentColor",
+      "value": "currentcolor",
       "values": [
         "--pf-c-table__sort__button--active__text--Color",
-        "currentColor"
+        "currentcolor"
       ]
     }
   },
@@ -2821,10 +2821,10 @@ export const c_table: {
     },
     "c_table__sort__button__text_Color": {
       "name": "--pf-c-table__sort__button__text--Color",
-      "value": "currentColor",
+      "value": "currentcolor",
       "values": [
         "--pf-c-table__sort--m-selected__button__text--Color",
-        "currentColor"
+        "currentcolor"
       ]
     }
   },
@@ -2885,7 +2885,7 @@ export const c_table: {
     },
     "c_table__sort_m_selected__button__text_Color": {
       "name": "--pf-c-table__sort--m-selected__button__text--Color",
-      "value": "currentColor"
+      "value": "currentcolor"
     }
   },
   ".pf-c-table__expandable-row": {

package/dist/esm/c_table.js

@@ -954,19 +954,19 @@ export const c_table = {
     },
     "c_table__sort__button__text_Color": {
       "name": "--pf-c-table__sort__button__text--Color",
-      "value": "currentColor"
+      "value": "currentcolor"
     },
     "c_table__sort__button_hover__text_Color": {
       "name": "--pf-c-table__sort__button--hover__text--Color",
-      "value": "currentColor"
+      "value": "currentcolor"
     },
     "c_table__sort__button_focus__text_Color": {
       "name": "--pf-c-table__sort__button--focus__text--Color",
-      "value": "currentColor"
+      "value": "currentcolor"
     },
     "c_table__sort__button_active__text_Color": {
       "name": "--pf-c-table__sort__button--active__text--Color",
-      "value": "currentColor"
+      "value": "currentcolor"
     },
     "c_table__sort_indicator_Color": {
       "name": "--pf-c-table__sort-indicator--Color",
@@ -2758,10 +2758,10 @@ export const c_table = {
     },
     "c_table__sort__button__text_Color": {
       "name": "--pf-c-table__sort__button__text--Color",
-      "value": "currentColor",
+      "value": "currentcolor",
       "values": [
         "--pf-c-table__sort__button--hover__text--Color",
-        "currentColor"
+        "currentcolor"
       ]
     }
   },
@@ -2779,10 +2779,10 @@ export const c_table = {
     },
     "c_table__sort__button__text_Color": {
       "name": "--pf-c-table__sort__button__text--Color",
-      "value": "currentColor",
+      "value": "currentcolor",
       "values": [
         "--pf-c-table__sort__button--focus__text--Color",
-        "currentColor"
+        "currentcolor"
       ]
     }
   },
@@ -2800,10 +2800,10 @@ export const c_table = {
     },
     "c_table__sort__button__text_Color": {
       "name": "--pf-c-table__sort__button__text--Color",
-      "value": "currentColor",
+      "value": "currentcolor",
       "values": [
         "--pf-c-table__sort__button--active__text--Color",
-        "currentColor"
+        "currentcolor"
       ]
     }
   },
@@ -2821,10 +2821,10 @@ export const c_table = {
     },
     "c_table__sort__button__text_Color": {
       "name": "--pf-c-table__sort__button__text--Color",
-      "value": "currentColor",
+      "value": "currentcolor",
       "values": [
         "--pf-c-table__sort--m-selected__button__text--Color",
-        "currentColor"
+        "currentcolor"
       ]
     }
   },
@@ -2885,7 +2885,7 @@ export const c_table = {
     },
     "c_table__sort_m_selected__button__text_Color": {
       "name": "--pf-c-table__sort--m-selected__button__text--Color",
-      "value": "currentColor"
+      "value": "currentcolor"
     }
   },
   ".pf-c-table__expandable-row": {

package/dist/esm/c_table__sort_m_selected__button__text_Color.d.ts

@@ -1,6 +1,6 @@
 export const c_table__sort_m_selected__button__text_Color: {
   "name": "--pf-c-table__sort--m-selected__button__text--Color",
-  "value": "currentColor",
+  "value": "currentcolor",
   "var": "var(--pf-c-table__sort--m-selected__button__text--Color)"
 };
 export default c_table__sort_m_selected__button__text_Color;

package/dist/esm/c_table__sort_m_selected__button__text_Color.js

@@ -1,6 +1,6 @@
 export const c_table__sort_m_selected__button__text_Color = {
   "name": "--pf-c-table__sort--m-selected__button__text--Color",
-  "value": "currentColor",
+  "value": "currentcolor",
   "var": "var(--pf-c-table__sort--m-selected__button__text--Color)"
 };
 export default c_table__sort_m_selected__button__text_Color;

package/dist/esm/c_tabs.d.ts

@@ -735,7 +735,7 @@ export const c_tabs: {
     },
     "c_tabs__toggle_icon_Color": {
       "name": "--pf-c-tabs__toggle-icon--Color",
-      "value": "currentColor"
+      "value": "currentcolor"
     },
     "c_tabs__toggle_icon_Transition": {
       "name": "--pf-c-tabs__toggle-icon--Transition",

package/dist/esm/c_tabs.js

@@ -735,7 +735,7 @@ export const c_tabs = {
     },
     "c_tabs__toggle_icon_Color": {
       "name": "--pf-c-tabs__toggle-icon--Color",
-      "value": "currentColor"
+      "value": "currentcolor"
     },
     "c_tabs__toggle_icon_Transition": {
       "name": "--pf-c-tabs__toggle-icon--Transition",

package/dist/esm/c_tree_view.d.ts

@@ -195,6 +195,67 @@ export const c_tree_view: {
       "name": "--pf-c-tree-view__node-toggle--Position",
       "value": "absolute"
     },
+    "c_tree_view__node_toggle_Color_base": {
+      "name": "--pf-c-tree-view__node-toggle--Color--base",
+      "value": "#6a6e73",
+      "values": [
+        "--pf-global--Color--200",
+        "$pf-global--Color--200",
+        "$pf-color-black-600",
+        "#6a6e73"
+      ]
+    },
+    "c_tree_view__node_toggle_Color": {
+      "name": "--pf-c-tree-view__node-toggle--Color",
+      "value": "#6a6e73",
+      "values": [
+        "--pf-c-tree-view__node-toggle--Color--base",
+        "--pf-global--Color--200",
+        "$pf-global--Color--200",
+        "$pf-color-black-600",
+        "#6a6e73"
+      ]
+    },
+    "c_tree_view__node_toggle_hover_Color": {
+      "name": "--pf-c-tree-view__node-toggle--hover--Color",
+      "value": "#151515",
+      "values": [
+        "--pf-global--Color--100",
+        "$pf-global--Color--100",
+        "$pf-color-black-900",
+        "#151515"
+      ]
+    },
+    "c_tree_view__node_toggle_focus_Color": {
+      "name": "--pf-c-tree-view__node-toggle--focus--Color",
+      "value": "#151515",
+      "values": [
+        "--pf-global--Color--100",
+        "$pf-global--Color--100",
+        "$pf-color-black-900",
+        "#151515"
+      ]
+    },
+    "c_tree_view__node_toggle_active_Color": {
+      "name": "--pf-c-tree-view__node-toggle--active--Color",
+      "value": "#151515",
+      "values": [
+        "--pf-global--Color--100",
+        "$pf-global--Color--100",
+        "$pf-color-black-900",
+        "#151515"
+      ]
+    },
+    "c_tree_view__list_item_m_expanded__node_toggle_Color": {
+      "name": "--pf-c-tree-view__list-item--m-expanded__node-toggle--Color",
+      "value": "#151515",
+      "values": [
+        "--pf-global--Color--100",
+        "$pf-global--Color--100",
+        "$pf-color-black-900",
+        "#151515"
+      ]
+    },
     "c_tree_view__node_toggle_icon_MinWidth": {
       "name": "--pf-c-tree-view__node-toggle-icon--MinWidth",
       "value": "1rem",
@@ -207,11 +268,11 @@ export const c_tree_view: {
     },
     "c_tree_view__node_toggle_icon_Transition": {
       "name": "--pf-c-tree-view__node-toggle-icon--Transition",
-      "value": "all 250ms cubic-bezier(.42, 0, .58, 1)",
+      "value": "transform 250ms cubic-bezier(.645, .045, .355, 1)",
       "values": [
-        "--pf-global--Transition",
-        "$pf-global--Transition",
-        "all 250ms cubic-bezier(.42, 0, .58, 1)"
+        "transform --pf-global--TransitionDuration --pf-global--TimingFunction",
+        "transform $pf-global--TransitionDuration $pf-global--TimingFunction",
+        "transform 250ms cubic-bezier(.645, .045, .355, 1)"
       ]
     },
     "c_tree_view__node_toggle_button_PaddingTop": {
@@ -1271,6 +1332,17 @@ export const c_tree_view: {
         "0"
       ]
     },
+    "c_tree_view__node_toggle_Color": {
+      "name": "--pf-c-tree-view__node-toggle--Color",
+      "value": "#6a6e73",
+      "values": [
+        "--pf-c-tree-view__node-toggle--Color--base",
+        "--pf-global--Color--200",
+        "$pf-global--Color--200",
+        "$pf-color-black-600",
+        "#6a6e73"
+      ]
+    },
     "c_tree_view__list_item__list_item__node_toggle_Left": {
       "name": "--pf-c-tree-view__list-item__list-item__node-toggle--Left",
       "value": "calc(calc(calc(1rem * 2 + 1rem) - 1rem) * 1 + calc(1rem * 2 + 1rem))",
@@ -1316,6 +1388,17 @@ export const c_tree_view: {
     }
   },
   ".pf-c-tree-view__list-item.pf-m-expanded": {
+    "c_tree_view__node_toggle_Color": {
+      "name": "--pf-c-tree-view__node-toggle--Color",
+      "value": "#151515",
+      "values": [
+        "--pf-c-tree-view__list-item--m-expanded__node-toggle--Color",
+        "--pf-global--Color--100",
+        "$pf-global--Color--100",
+        "$pf-color-black-900",
+        "#151515"
+      ]
+    },
     "c_tree_view__node_toggle_icon_Rotate": {
       "name": "--pf-c-tree-view__node-toggle-icon--Rotate",
       "value": "90deg",
@@ -1352,6 +1435,49 @@ export const c_tree_view: {
       ]
     }
   },
+  ".pf-c-tree-view__node.pf-m-selectable .pf-c-tree-view__node-toggle": {
+    "c_tree_view__node_toggle_Color": {
+      "name": "--pf-c-tree-view__node-toggle--Color",
+      "value": "#6a6e73",
+      "values": [
+        "--pf-c-tree-view__node-toggle--Color--base",
+        "--pf-global--Color--200",
+        "$pf-global--Color--200",
+        "$pf-color-black-600",
+        "#6a6e73"
+      ]
+    }
+  },
+  ".pf-c-tree-view__node:hover": {
+    "c_tree_view__node_toggle_Color": {
+      "name": "--pf-c-tree-view__node-toggle--Color",
+      "value": "undefined",
+      "values": [
+        "--pf-c-tree-view__node-toggle--hover__icon--Color",
+        "undefined"
+      ]
+    }
+  },
+  ".pf-c-tree-view__node:focus": {
+    "c_tree_view__node_toggle_Color": {
+      "name": "--pf-c-tree-view__node-toggle--Color",
+      "value": "undefined",
+      "values": [
+        "--pf-c-tree-view__node-toggle--focus__icon--Color",
+        "undefined"
+      ]
+    }
+  },
+  ".pf-c-tree-view__node:active": {
+    "c_tree_view__node_toggle_Color": {
+      "name": "--pf-c-tree-view__node-toggle--Color",
+      "value": "undefined",
+      "values": [
+        "--pf-c-tree-view__node-toggle--active__icon--Color",
+        "undefined"
+      ]
+    }
+  },
   ".pf-c-tree-view__node-title.pf-m-truncate": {
     "c_tree_view__node_content_Overflow": {
       "name": "--pf-c-tree-view__node-content--Overflow",