@patternfly/react-tokens 6.0.0-alpha.18 → 6.0.0-alpha.19

package/dist/js/c_badge.js

@@ -199,21 +199,21 @@ exports.c_badge = {
         "--pf-v6-c-badge--m-unread--Color",
         "--pf-v6-c-button--disabled__c-badge--Color",
         "--pf-t--global--text--color--disabled",
-        "--pf-t--global--color--disabled--100",
+        "--pf-t--global--color--disabled--200",
         "--pf-t--color--gray--40",
         "#a3a3a3"
       ]
     },
     "c_badge_BackgroundColor": {
       "name": "--pf-v6-c-badge--BackgroundColor",
-      "value": "#a3a3a3",
+      "value": "#c7c7c7",
       "values": [
         "--pf-v6-c-badge--m-unread--BackgroundColor",
         "--pf-v6-c-button--disabled__c-badge--BackgroundColor",
         "--pf-t--global--background--color--disabled--default",
         "--pf-t--global--color--disabled--100",
-        "--pf-t--color--gray--40",
-        "#a3a3a3"
+        "--pf-t--color--gray--30",
+        "#c7c7c7"
       ]
     },
     "c_badge__toggle_icon_Color": {

package/dist/js/c_badge_BackgroundColor.d.ts

@@ -1,6 +1,6 @@
 export const c_badge_BackgroundColor: {
   "name": "--pf-v6-c-badge--BackgroundColor",
-  "value": "#a3a3a3",
+  "value": "#c7c7c7",
   "var": "var(--pf-v6-c-badge--BackgroundColor)"
 };
 export default c_badge_BackgroundColor;

package/dist/js/c_badge_BackgroundColor.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_badge_BackgroundColor = {
   "name": "--pf-v6-c-badge--BackgroundColor",
-  "value": "#a3a3a3",
+  "value": "#c7c7c7",
   "var": "var(--pf-v6-c-badge--BackgroundColor)"
 };
 exports["default"] = exports.c_badge_BackgroundColor;

package/dist/js/c_banner.d.ts

@@ -142,8 +142,7 @@ export const c_banner: {
       "name": "--pf-v6-c-banner--m-sticky--ZIndex",
       "value": "300",
       "values": [
-        "--pf-v6-global--ZIndex--md",
-        "$pf-v5-global--ZIndex--md",
+        "--pf-t--global--z-index--md",
         "300"
       ]
     },

package/dist/js/c_banner.js

@@ -144,8 +144,7 @@ exports.c_banner = {
       "name": "--pf-v6-c-banner--m-sticky--ZIndex",
       "value": "300",
       "values": [
-        "--pf-v6-global--ZIndex--md",
-        "$pf-v5-global--ZIndex--md",
+        "--pf-t--global--z-index--md",
         "300"
       ]
     },

package/dist/js/c_breadcrumb.d.ts

@@ -137,7 +137,7 @@ export const c_breadcrumb: {
       "name": "--pf-v6-c-breadcrumb__dropdown--MarginTop",
       "value": "calc(8px * -1)",
       "values": [
-        "calc(--pf-t--global--spacer--sm * -1)",
+        "calc(--pf-t--global--spacer--control--vertical--default * -1)",
         "calc(--pf-t--global--spacer--200 * -1)",
         "calc(8px * -1)"
       ]
@@ -156,7 +156,7 @@ export const c_breadcrumb: {
       "name": "--pf-v6-c-breadcrumb__dropdown--MarginBottom",
       "value": "calc(8px * -1)",
       "values": [
-        "calc(--pf-t--global--spacer--sm * -1)",
+        "calc(--pf-t--global--spacer--control--vertical--default * -1)",
         "calc(--pf-t--global--spacer--200 * -1)",
         "calc(8px * -1)"
       ]

package/dist/js/c_breadcrumb.js

@@ -139,7 +139,7 @@ exports.c_breadcrumb = {
       "name": "--pf-v6-c-breadcrumb__dropdown--MarginTop",
       "value": "calc(8px * -1)",
       "values": [
-        "calc(--pf-t--global--spacer--sm * -1)",
+        "calc(--pf-t--global--spacer--control--vertical--default * -1)",
         "calc(--pf-t--global--spacer--200 * -1)",
         "calc(8px * -1)"
       ]
@@ -158,7 +158,7 @@ exports.c_breadcrumb = {
       "name": "--pf-v6-c-breadcrumb__dropdown--MarginBottom",
       "value": "calc(8px * -1)",
       "values": [
-        "calc(--pf-t--global--spacer--sm * -1)",
+        "calc(--pf-t--global--spacer--control--vertical--default * -1)",
         "calc(--pf-t--global--spacer--200 * -1)",
         "calc(8px * -1)"
       ]

package/dist/js/c_button.d.ts

@@ -808,7 +808,7 @@ export const c_button: {
       "value": "#a3a3a3",
       "values": [
         "--pf-t--global--text--color--disabled",
-        "--pf-t--global--color--disabled--100",
+        "--pf-t--global--color--disabled--200",
         "--pf-t--color--gray--40",
         "#a3a3a3"
       ]
@@ -818,7 +818,7 @@ export const c_button: {
       "value": "#a3a3a3",
       "values": [
         "--pf-t--global--icon--color--disabled",
-        "--pf-t--global--color--disabled--100",
+        "--pf-t--global--color--disabled--200",
         "--pf-t--color--gray--40",
         "#a3a3a3"
       ]
@@ -939,7 +939,7 @@ export const c_button: {
       "value": "#a3a3a3",
       "values": [
         "--pf-t--global--icon--color--disabled",
-        "--pf-t--global--color--disabled--100",
+        "--pf-t--global--color--disabled--200",
         "--pf-t--color--gray--40",
         "#a3a3a3"
       ]
@@ -1787,12 +1787,12 @@ export const c_button: {
     },
     "c_button_disabled_BackgroundColor": {
       "name": "--pf-v6-c-button--disabled--BackgroundColor",
-      "value": "#a3a3a3",
+      "value": "#c7c7c7",
       "values": [
         "--pf-t--global--background--color--disabled--default",
         "--pf-t--global--color--disabled--100",
-        "--pf-t--color--gray--40",
-        "#a3a3a3"
+        "--pf-t--color--gray--30",
+        "#c7c7c7"
       ]
     },
     "c_button_disabled_BorderColor": {
@@ -1859,12 +1859,12 @@ export const c_button: {
     },
     "c_button__progress_width": {
       "name": "--pf-v6-c-button__progress--width",
-      "value": "calc(1rem + 0.5rem)",
+      "value": "calc(16px + 8px)",
       "values": [
-        "calc(--pf-v6-global--icon--FontSize--md + --pf-v6-global--spacer--sm)",
-        "calc($pf-v5-global--icon--FontSize--md + $pf-v5-global--spacer--sm)",
-        "calc(pf-font-prem(16px) + pf-size-prem(8px))",
-        "calc(1rem + 0.5rem)"
+        "calc(--pf-v6-c-spinner--m-md--diameter + --pf-t--global--spacer--sm)",
+        "calc(--pf-t--global--icon--size--lg + --pf-t--global--spacer--200)",
+        "calc(--pf-t--global--icon--size--250 + 8px)",
+        "calc(16px + 8px)"
       ]
     },
     "c_button__progress_Opacity": {
@@ -1900,31 +1900,30 @@ export const c_button: {
       "name": "--pf-v6-c-button--m-progress--TransitionDuration",
       "value": "250ms",
       "values": [
-        "--pf-v6-global--TransitionDuration",
-        "$pf-v5-global--TransitionDuration",
+        "--pf-t--global--transition--duration",
         "250ms"
       ]
     },
     "c_button_m_progress_PaddingRight": {
       "name": "--pf-v6-c-button--m-progress--PaddingRight",
-      "value": "calc(16px + calc(1rem + 0.5rem) / 2)",
+      "value": "calc(16px + calc(16px + 8px) / 2)",
       "values": [
         "calc(--pf-t--global--spacer--md + --pf-v6-c-button__progress--width / 2)",
-        "calc(--pf-t--global--spacer--300 + calc(--pf-v6-global--icon--FontSize--md + --pf-v6-global--spacer--sm) / 2)",
-        "calc(16px + calc($pf-v5-global--icon--FontSize--md + $pf-v5-global--spacer--sm) / 2)",
-        "calc(16px + calc(pf-font-prem(16px) + pf-size-prem(8px)) / 2)",
-        "calc(16px + calc(1rem + 0.5rem) / 2)"
+        "calc(--pf-t--global--spacer--300 + calc(--pf-v6-c-spinner--m-md--diameter + --pf-t--global--spacer--sm) / 2)",
+        "calc(16px + calc(--pf-t--global--icon--size--lg + --pf-t--global--spacer--200) / 2)",
+        "calc(16px + calc(--pf-t--global--icon--size--250 + 8px) / 2)",
+        "calc(16px + calc(16px + 8px) / 2)"
       ]
     },
     "c_button_m_progress_PaddingLeft": {
       "name": "--pf-v6-c-button--m-progress--PaddingLeft",
-      "value": "calc(16px + calc(1rem + 0.5rem) / 2)",
+      "value": "calc(16px + calc(16px + 8px) / 2)",
       "values": [
         "calc(--pf-t--global--spacer--md + --pf-v6-c-button__progress--width / 2)",
-        "calc(--pf-t--global--spacer--300 + calc(--pf-v6-global--icon--FontSize--md + --pf-v6-global--spacer--sm) / 2)",
-        "calc(16px + calc($pf-v5-global--icon--FontSize--md + $pf-v5-global--spacer--sm) / 2)",
-        "calc(16px + calc(pf-font-prem(16px) + pf-size-prem(8px)) / 2)",
-        "calc(16px + calc(1rem + 0.5rem) / 2)"
+        "calc(--pf-t--global--spacer--300 + calc(--pf-v6-c-spinner--m-md--diameter + --pf-t--global--spacer--sm) / 2)",
+        "calc(16px + calc(--pf-t--global--icon--size--lg + --pf-t--global--spacer--200) / 2)",
+        "calc(16px + calc(--pf-t--global--icon--size--250 + 8px) / 2)",
+        "calc(16px + calc(16px + 8px) / 2)"
       ]
     },
     "c_button_m_in_progress_PaddingRight": {
@@ -1938,13 +1937,13 @@ export const c_button: {
     },
     "c_button_m_in_progress_PaddingLeft": {
       "name": "--pf-v6-c-button--m-in-progress--PaddingLeft",
-      "value": "calc(16px + calc(1rem + 0.5rem))",
+      "value": "calc(16px + calc(16px + 8px))",
       "values": [
         "calc(--pf-t--global--spacer--md + --pf-v6-c-button__progress--width)",
-        "calc(--pf-t--global--spacer--300 + calc(--pf-v6-global--icon--FontSize--md + --pf-v6-global--spacer--sm))",
-        "calc(16px + calc($pf-v5-global--icon--FontSize--md + $pf-v5-global--spacer--sm))",
-        "calc(16px + calc(pf-font-prem(16px) + pf-size-prem(8px)))",
-        "calc(16px + calc(1rem + 0.5rem))"
+        "calc(--pf-t--global--spacer--300 + calc(--pf-v6-c-spinner--m-md--diameter + --pf-t--global--spacer--sm))",
+        "calc(16px + calc(--pf-t--global--icon--size--lg + --pf-t--global--spacer--200))",
+        "calc(16px + calc(--pf-t--global--icon--size--250 + 8px))",
+        "calc(16px + calc(16px + 8px))"
       ]
     },
     "c_button_m_in_progress_m_plain_Color": {
@@ -1969,12 +1968,11 @@ export const c_button: {
     },
     "c_button__count_MarginLeft": {
       "name": "--pf-v6-c-button__count--MarginLeft",
-      "value": "0.5rem",
+      "value": "8px",
       "values": [
-        "--pf-v6-global--spacer--sm",
-        "$pf-v5-global--spacer--sm",
-        "pf-size-prem(8px)",
-        "0.5rem"
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "8px"
       ]
     },
     "c_button_disabled__c_badge_Color": {
@@ -1982,19 +1980,19 @@ export const c_button: {
       "value": "#a3a3a3",
       "values": [
         "--pf-t--global--text--color--disabled",
-        "--pf-t--global--color--disabled--100",
+        "--pf-t--global--color--disabled--200",
         "--pf-t--color--gray--40",
         "#a3a3a3"
       ]
     },
     "c_button_disabled__c_badge_BackgroundColor": {
       "name": "--pf-v6-c-button--disabled__c-badge--BackgroundColor",
-      "value": "#a3a3a3",
+      "value": "#c7c7c7",
       "values": [
         "--pf-t--global--background--color--disabled--default",
         "--pf-t--global--color--disabled--100",
-        "--pf-t--color--gray--40",
-        "#a3a3a3"
+        "--pf-t--color--gray--30",
+        "#c7c7c7"
       ]
     },
     "c_button_m_primary__c_badge_BorderColor": {
@@ -2036,8 +2034,8 @@ export const c_button: {
       "values": [
         "--pf-v6-c-button--m-primary--BackgroundColor",
         "--pf-v6-global--primary-color--dark-100",
-        "$pf-v5-global--primary-color--dark-100",
-        "$pf-v5-color-blue-400",
+        "$pf-v6-global--primary-color--dark-100",
+        "$pf-v6-color-blue-400",
         "#06c"
       ]
     },
@@ -2695,7 +2693,7 @@ export const c_button: {
       "values": [
         "--pf-v6-c-button--m-link--m-inline--disabled--Color",
         "--pf-t--global--text--color--disabled",
-        "--pf-t--global--color--disabled--100",
+        "--pf-t--global--color--disabled--200",
         "--pf-t--color--gray--40",
         "#a3a3a3"
       ]
@@ -2706,7 +2704,7 @@ export const c_button: {
       "values": [
         "--pf-v6-c-button--m-link--m-inline--disabled__icon--Color",
         "--pf-t--global--icon--color--disabled",
-        "--pf-t--global--color--disabled--100",
+        "--pf-t--global--color--disabled--200",
         "--pf-t--color--gray--40",
         "#a3a3a3"
       ]
@@ -4032,20 +4030,20 @@ export const c_button: {
       "values": [
         "--pf-v6-c-button--disabled__c-badge--Color",
         "--pf-t--global--text--color--disabled",
-        "--pf-t--global--color--disabled--100",
+        "--pf-t--global--color--disabled--200",
         "--pf-t--color--gray--40",
         "#a3a3a3"
       ]
     },
     "c_badge_m_unread_BackgroundColor": {
       "name": "--pf-v6-c-badge--m-unread--BackgroundColor",
-      "value": "#a3a3a3",
+      "value": "#c7c7c7",
       "values": [
         "--pf-v6-c-button--disabled__c-badge--BackgroundColor",
         "--pf-t--global--background--color--disabled--default",
         "--pf-t--global--color--disabled--100",
-        "--pf-t--color--gray--40",
-        "#a3a3a3"
+        "--pf-t--color--gray--30",
+        "#c7c7c7"
       ]
     },
     "c_button_m_primary__c_badge_BorderWidth": {
@@ -4062,26 +4060,26 @@ export const c_button: {
   ".pf-v6-c-button.pf-m-progress": {
     "c_button_PaddingRight": {
       "name": "--pf-v6-c-button--PaddingRight",
-      "value": "calc(16px + calc(1rem + 0.5rem) / 2)",
+      "value": "calc(16px + calc(16px + 8px) / 2)",
       "values": [
         "--pf-v6-c-button--m-progress--PaddingRight",
         "calc(--pf-t--global--spacer--md + --pf-v6-c-button__progress--width / 2)",
-        "calc(--pf-t--global--spacer--300 + calc(--pf-v6-global--icon--FontSize--md + --pf-v6-global--spacer--sm) / 2)",
-        "calc(16px + calc($pf-v5-global--icon--FontSize--md + $pf-v5-global--spacer--sm) / 2)",
-        "calc(16px + calc(pf-font-prem(16px) + pf-size-prem(8px)) / 2)",
-        "calc(16px + calc(1rem + 0.5rem) / 2)"
+        "calc(--pf-t--global--spacer--300 + calc(--pf-v6-c-spinner--m-md--diameter + --pf-t--global--spacer--sm) / 2)",
+        "calc(16px + calc(--pf-t--global--icon--size--lg + --pf-t--global--spacer--200) / 2)",
+        "calc(16px + calc(--pf-t--global--icon--size--250 + 8px) / 2)",
+        "calc(16px + calc(16px + 8px) / 2)"
       ]
     },
     "c_button_PaddingLeft": {
       "name": "--pf-v6-c-button--PaddingLeft",
-      "value": "calc(16px + calc(1rem + 0.5rem) / 2)",
+      "value": "calc(16px + calc(16px + 8px) / 2)",
       "values": [
         "--pf-v6-c-button--m-progress--PaddingLeft",
         "calc(--pf-t--global--spacer--md + --pf-v6-c-button__progress--width / 2)",
-        "calc(--pf-t--global--spacer--300 + calc(--pf-v6-global--icon--FontSize--md + --pf-v6-global--spacer--sm) / 2)",
-        "calc(16px + calc($pf-v5-global--icon--FontSize--md + $pf-v5-global--spacer--sm) / 2)",
-        "calc(16px + calc(pf-font-prem(16px) + pf-size-prem(8px)) / 2)",
-        "calc(16px + calc(1rem + 0.5rem) / 2)"
+        "calc(--pf-t--global--spacer--300 + calc(--pf-v6-c-spinner--m-md--diameter + --pf-t--global--spacer--sm) / 2)",
+        "calc(16px + calc(--pf-t--global--icon--size--lg + --pf-t--global--spacer--200) / 2)",
+        "calc(16px + calc(--pf-t--global--icon--size--250 + 8px) / 2)",
+        "calc(16px + calc(16px + 8px) / 2)"
       ]
     }
   },
@@ -4111,14 +4109,14 @@ export const c_button: {
     },
     "c_button_PaddingLeft": {
       "name": "--pf-v6-c-button--PaddingLeft",
-      "value": "calc(16px + calc(1rem + 0.5rem))",
+      "value": "calc(16px + calc(16px + 8px))",
       "values": [
         "--pf-v6-c-button--m-in-progress--PaddingLeft",
         "calc(--pf-t--global--spacer--md + --pf-v6-c-button__progress--width)",
-        "calc(--pf-t--global--spacer--300 + calc(--pf-v6-global--icon--FontSize--md + --pf-v6-global--spacer--sm))",
-        "calc(16px + calc($pf-v5-global--icon--FontSize--md + $pf-v5-global--spacer--sm))",
-        "calc(16px + calc(pf-font-prem(16px) + pf-size-prem(8px)))",
-        "calc(16px + calc(1rem + 0.5rem))"
+        "calc(--pf-t--global--spacer--300 + calc(--pf-v6-c-spinner--m-md--diameter + --pf-t--global--spacer--sm))",
+        "calc(16px + calc(--pf-t--global--icon--size--lg + --pf-t--global--spacer--200))",
+        "calc(16px + calc(--pf-t--global--icon--size--250 + 8px))",
+        "calc(16px + calc(16px + 8px))"
       ]
     }
   },