@patternfly/react-tokens 6.0.0-alpha.14 → 6.0.0-alpha.16

package/dist/js/c_page.js

@@ -918,60 +918,47 @@ exports.c_page = {
     },
     "c_page__main_subnav_BackgroundColor": {
       "name": "--pf-v6-c-page__main-subnav--BackgroundColor",
-      "value": "#f2f2f2",
-      "values": [
-        "--pf-t--global--background--color--secondary--default",
-        "--pf-t--global--background--color--200",
-        "--pf-t--color--gray--10",
-        "#f2f2f2"
-      ]
-    },
-    "c_page__main_subnav_BorderTopWidth": {
-      "name": "--pf-v6-c-page__main-subnav--BorderTopWidth",
-      "value": "1px",
+      "value": "#fff",
       "values": [
-        "--pf-t--global--border--width--divider--default",
-        "--pf-t--global--border--width--100",
-        "1px"
+        "--pf-t--global--background--color--primary--default",
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
+        "#fff"
       ]
     },
-    "c_page__main_subnav_BorderTopColor": {
-      "name": "--pf-v6-c-page__main-subnav--BorderTopColor",
-      "value": "#c7c7c7",
+    "c_page__main_subnav_PaddingBlockStart": {
+      "name": "--pf-v6-c-page__main-subnav--PaddingBlockStart",
+      "value": "16px",
       "values": [
-        "--pf-t--global--border--color--default",
-        "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--30",
-        "#c7c7c7"
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
       ]
     },
-    "c_page__main_subnav_BorderLeftWidth": {
-      "name": "--pf-v6-c-page__main-subnav--BorderLeftWidth",
+    "c_page__main_subnav_PaddingBlockEnd": {
+      "name": "--pf-v6-c-page__main-subnav--PaddingBlockEnd",
       "value": "0"
     },
-    "c_page__main_subnav_BorderLeftColor": {
-      "name": "--pf-v6-c-page__main-subnav--BorderLeftColor",
-      "value": "#c7c7c7",
+    "c_page__main_subnav_PaddingInlineStart": {
+      "name": "--pf-v6-c-page__main-subnav--PaddingInlineStart",
+      "value": "calc(24px - 8px)",
       "values": [
-        "--pf-t--global--border--color--default",
-        "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--30",
-        "#c7c7c7"
+        "calc(--pf-t--global--spacer--lg - --pf-v6-c-page__main--BorderWidth)",
+        "calc(--pf-t--global--spacer--400 - --pf-t--global--spacer--sm)",
+        "calc(24px - --pf-t--global--spacer--200)",
+        "calc(24px - 8px)"
       ]
     },
-    "c_page__sidebar_main__main_subnav_BorderLeftWidth": {
-      "name": "--pf-v6-c-page__sidebar--main__main-subnav--BorderLeftWidth",
-      "value": "1px",
+    "c_page__main_subnav_PaddingInlineEnd": {
+      "name": "--pf-v6-c-page__main-subnav--PaddingInlineEnd",
+      "value": "calc(24px - 8px)",
       "values": [
-        "--pf-t--global--border--width--divider--default",
-        "--pf-t--global--border--width--100",
-        "1px"
+        "calc(--pf-t--global--spacer--lg - --pf-v6-c-page__main--BorderWidth)",
+        "calc(--pf-t--global--spacer--400 - --pf-t--global--spacer--sm)",
+        "calc(24px - --pf-t--global--spacer--200)",
+        "calc(24px - 8px)"
       ]
     },
-    "c_page__sidebar_m_collapsed_main__main_subnav_BorderLeftWidth": {
-      "name": "--pf-v6-c-page__sidebar--m-collapsed--main__main-subnav--BorderLeftWidth",
-      "value": "0"
-    },
     "c_page__main_breadcrumb_PaddingTop": {
       "name": "--pf-v6-c-page__main-breadcrumb--PaddingTop",
       "value": "16px",
@@ -1127,16 +1114,6 @@ exports.c_page = {
       "value": "0"
     }
   },
-  ".pf-v6-c-page__sidebar.pf-m-collapsed ~ .pf-v6-c-page__main": {
-    "c_page__main_subnav_BorderLeftWidth": {
-      "name": "--pf-v6-c-page__main-subnav--BorderLeftWidth",
-      "value": "0",
-      "values": [
-        "--pf-v6-c-page__sidebar--m-collapsed--main__main-subnav--BorderLeftWidth",
-        "0"
-      ]
-    }
-  },
   ".pf-v6-c-page__main-breadcrumb + .pf-v6-c-page__main-section": {
     "c_page__main_section_PaddingTop": {
       "name": "--pf-v6-c-page__main-section--PaddingTop",

package/dist/js/c_page__main_subnav_BackgroundColor.d.ts

@@ -1,6 +1,6 @@
 export const c_page__main_subnav_BackgroundColor: {
   "name": "--pf-v6-c-page__main-subnav--BackgroundColor",
-  "value": "#f2f2f2",
+  "value": "#fff",
   "var": "var(--pf-v6-c-page__main-subnav--BackgroundColor)"
 };
 export default c_page__main_subnav_BackgroundColor;

package/dist/js/c_page__main_subnav_BackgroundColor.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_page__main_subnav_BackgroundColor = {
   "name": "--pf-v6-c-page__main-subnav--BackgroundColor",
-  "value": "#f2f2f2",
+  "value": "#fff",
   "var": "var(--pf-v6-c-page__main-subnav--BackgroundColor)"
 };
 exports["default"] = exports.c_page__main_subnav_BackgroundColor;

package/dist/js/c_page__main_subnav_PaddingBlockEnd.d.ts

@@ -0,0 +1,6 @@
+export const c_page__main_subnav_PaddingBlockEnd: {
+  "name": "--pf-v6-c-page__main-subnav--PaddingBlockEnd",
+  "value": "0",
+  "var": "var(--pf-v6-c-page__main-subnav--PaddingBlockEnd)"
+};
+export default c_page__main_subnav_PaddingBlockEnd;

package/dist/js/c_page__main_subnav_PaddingBlockEnd.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_page__main_subnav_PaddingBlockEnd = {
+  "name": "--pf-v6-c-page__main-subnav--PaddingBlockEnd",
+  "value": "0",
+  "var": "var(--pf-v6-c-page__main-subnav--PaddingBlockEnd)"
+};
+exports["default"] = exports.c_page__main_subnav_PaddingBlockEnd;

package/dist/js/c_page__main_subnav_PaddingBlockStart.d.ts

@@ -0,0 +1,6 @@
+export const c_page__main_subnav_PaddingBlockStart: {
+  "name": "--pf-v6-c-page__main-subnav--PaddingBlockStart",
+  "value": "16px",
+  "var": "var(--pf-v6-c-page__main-subnav--PaddingBlockStart)"
+};
+export default c_page__main_subnav_PaddingBlockStart;

package/dist/js/c_page__main_subnav_PaddingBlockStart.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_page__main_subnav_PaddingBlockStart = {
+  "name": "--pf-v6-c-page__main-subnav--PaddingBlockStart",
+  "value": "16px",
+  "var": "var(--pf-v6-c-page__main-subnav--PaddingBlockStart)"
+};
+exports["default"] = exports.c_page__main_subnav_PaddingBlockStart;

package/dist/js/c_page__main_subnav_PaddingInlineEnd.d.ts

@@ -0,0 +1,6 @@
+export const c_page__main_subnav_PaddingInlineEnd: {
+  "name": "--pf-v6-c-page__main-subnav--PaddingInlineEnd",
+  "value": "calc(24px - 8px)",
+  "var": "var(--pf-v6-c-page__main-subnav--PaddingInlineEnd)"
+};
+export default c_page__main_subnav_PaddingInlineEnd;

package/dist/js/c_page__main_subnav_PaddingInlineEnd.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_page__main_subnav_PaddingInlineEnd = {
+  "name": "--pf-v6-c-page__main-subnav--PaddingInlineEnd",
+  "value": "calc(24px - 8px)",
+  "var": "var(--pf-v6-c-page__main-subnav--PaddingInlineEnd)"
+};
+exports["default"] = exports.c_page__main_subnav_PaddingInlineEnd;

package/dist/js/c_page__main_subnav_PaddingInlineStart.d.ts

@@ -0,0 +1,6 @@
+export const c_page__main_subnav_PaddingInlineStart: {
+  "name": "--pf-v6-c-page__main-subnav--PaddingInlineStart",
+  "value": "calc(24px - 8px)",
+  "var": "var(--pf-v6-c-page__main-subnav--PaddingInlineStart)"
+};
+export default c_page__main_subnav_PaddingInlineStart;

package/dist/js/c_page__main_subnav_PaddingInlineStart.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_page__main_subnav_PaddingInlineStart = {
+  "name": "--pf-v6-c-page__main-subnav--PaddingInlineStart",
+  "value": "calc(24px - 8px)",
+  "var": "var(--pf-v6-c-page__main-subnav--PaddingInlineStart)"
+};
+exports["default"] = exports.c_page__main_subnav_PaddingInlineStart;

package/dist/js/c_radio.d.ts

@@ -20,6 +20,17 @@ export const c_radio: {
         "#06c"
       ]
     },
+    "c_radio_Height": {
+      "name": "--pf-v6-c-radio--Height",
+      "value": "calc(14px * 1.5)",
+      "values": [
+        "calc(--pf-v6-c-radio__label--FontSize * --pf-v6-c-radio__label--LineHeight)",
+        "calc(--pf-t--global--font--size--body--default * --pf-t--global--font--line-height--body)",
+        "calc(--pf-t--global--font--size--sm * --pf-t--global--font--line-height--200)",
+        "calc(--pf-t--global--font--size--200 * 1.5)",
+        "calc(14px * 1.5)"
+      ]
+    },
     "c_radio__label_disabled_Color": {
       "name": "--pf-v6-c-radio__label--disabled--Color",
       "value": "#a3a3a3",
@@ -68,25 +79,6 @@ export const c_radio: {
         "1.5"
       ]
     },
-    "c_radio__input_TranslateY": {
-      "name": "--pf-v6-c-radio__input--TranslateY",
-      "value": "calc((1.5 * 14px / 2 ) - 50%)",
-      "values": [
-        "calc((--pf-v6-c-radio__label--LineHeight * --pf-v6-c-radio__label--FontSize / 2 ) - 50%)",
-        "calc((--pf-t--global--font--line-height--body * --pf-t--global--font--size--body--default / 2 ) - 50%)",
-        "calc((--pf-t--global--font--line-height--200 * --pf-t--global--font--size--sm / 2 ) - 50%)",
-        "calc((1.5 * --pf-t--global--font--size--200 / 2 ) - 50%)",
-        "calc((1.5 * 14px / 2 ) - 50%)"
-      ]
-    },
-    "c_radio__input_first_child_MarginLeft": {
-      "name": "--pf-v6-c-radio__input--first-child--MarginLeft",
-      "value": "0.0625rem"
-    },
-    "c_radio__input_last_child_MarginRight": {
-      "name": "--pf-v6-c-radio__input--last-child--MarginRight",
-      "value": "0.0625rem"
-    },
     "c_radio__description_FontSize": {
       "name": "--pf-v6-c-radio__description--FontSize",
       "value": "12px",
@@ -107,6 +99,14 @@ export const c_radio: {
         "#4d4d4d"
       ]
     },
+    "c_radio__input_first_child_MarginLeft": {
+      "name": "--pf-v6-c-radio__input--first-child--MarginLeft",
+      "value": "0.0625rem"
+    },
+    "c_radio__input_last_child_MarginRight": {
+      "name": "--pf-v6-c-radio__input--last-child--MarginRight",
+      "value": "0.0625rem"
+    },
     "c_radio__body_MarginTop": {
       "name": "--pf-v6-c-radio__body--MarginTop",
       "value": "8px",
@@ -115,16 +115,17 @@ export const c_radio: {
         "--pf-t--global--spacer--200",
         "8px"
       ]
-    }
-  },
-  ".pf-v6-c-radio.pf-m-standalone": {
-    "c_radio_GridGap": {
-      "name": "--pf-v6-c-radio--GridGap",
-      "value": "0"
     },
     "c_radio__input_TranslateY": {
       "name": "--pf-v6-c-radio__input--TranslateY",
-      "value": "none"
+      "value": "calc((1.5 * 14px / 2 ) - 50%)",
+      "values": [
+        "calc((--pf-v6-c-radio__label--LineHeight * --pf-v6-c-radio__label--FontSize / 2 ) - 50%)",
+        "calc((--pf-t--global--font--line-height--body * --pf-t--global--font--size--body--default / 2 ) - 50%)",
+        "calc((--pf-t--global--font--line-height--200 * --pf-t--global--font--size--sm / 2 ) - 50%)",
+        "calc((1.5 * --pf-t--global--font--size--200 / 2 ) - 50%)",
+        "calc((1.5 * 14px / 2 ) - 50%)"
+      ]
     }
   },
   ".pf-v6-c-radio__label:disabled": {

package/dist/js/c_radio.js

@@ -22,6 +22,17 @@ exports.c_radio = {
         "#06c"
       ]
     },
+    "c_radio_Height": {
+      "name": "--pf-v6-c-radio--Height",
+      "value": "calc(14px * 1.5)",
+      "values": [
+        "calc(--pf-v6-c-radio__label--FontSize * --pf-v6-c-radio__label--LineHeight)",
+        "calc(--pf-t--global--font--size--body--default * --pf-t--global--font--line-height--body)",
+        "calc(--pf-t--global--font--size--sm * --pf-t--global--font--line-height--200)",
+        "calc(--pf-t--global--font--size--200 * 1.5)",
+        "calc(14px * 1.5)"
+      ]
+    },
     "c_radio__label_disabled_Color": {
       "name": "--pf-v6-c-radio__label--disabled--Color",
       "value": "#a3a3a3",
@@ -70,25 +81,6 @@ exports.c_radio = {
         "1.5"
       ]
     },
-    "c_radio__input_TranslateY": {
-      "name": "--pf-v6-c-radio__input--TranslateY",
-      "value": "calc((1.5 * 14px / 2 ) - 50%)",
-      "values": [
-        "calc((--pf-v6-c-radio__label--LineHeight * --pf-v6-c-radio__label--FontSize / 2 ) - 50%)",
-        "calc((--pf-t--global--font--line-height--body * --pf-t--global--font--size--body--default / 2 ) - 50%)",
-        "calc((--pf-t--global--font--line-height--200 * --pf-t--global--font--size--sm / 2 ) - 50%)",
-        "calc((1.5 * --pf-t--global--font--size--200 / 2 ) - 50%)",
-        "calc((1.5 * 14px / 2 ) - 50%)"
-      ]
-    },
-    "c_radio__input_first_child_MarginLeft": {
-      "name": "--pf-v6-c-radio__input--first-child--MarginLeft",
-      "value": "0.0625rem"
-    },
-    "c_radio__input_last_child_MarginRight": {
-      "name": "--pf-v6-c-radio__input--last-child--MarginRight",
-      "value": "0.0625rem"
-    },
     "c_radio__description_FontSize": {
       "name": "--pf-v6-c-radio__description--FontSize",
       "value": "12px",
@@ -109,6 +101,14 @@ exports.c_radio = {
         "#4d4d4d"
       ]
     },
+    "c_radio__input_first_child_MarginLeft": {
+      "name": "--pf-v6-c-radio__input--first-child--MarginLeft",
+      "value": "0.0625rem"
+    },
+    "c_radio__input_last_child_MarginRight": {
+      "name": "--pf-v6-c-radio__input--last-child--MarginRight",
+      "value": "0.0625rem"
+    },
     "c_radio__body_MarginTop": {
       "name": "--pf-v6-c-radio__body--MarginTop",
       "value": "8px",
@@ -117,16 +117,17 @@ exports.c_radio = {
         "--pf-t--global--spacer--200",
         "8px"
       ]
-    }
-  },
-  ".pf-v6-c-radio.pf-m-standalone": {
-    "c_radio_GridGap": {
-      "name": "--pf-v6-c-radio--GridGap",
-      "value": "0"
     },
     "c_radio__input_TranslateY": {
       "name": "--pf-v6-c-radio__input--TranslateY",
-      "value": "none"
+      "value": "calc((1.5 * 14px / 2 ) - 50%)",
+      "values": [
+        "calc((--pf-v6-c-radio__label--LineHeight * --pf-v6-c-radio__label--FontSize / 2 ) - 50%)",
+        "calc((--pf-t--global--font--line-height--body * --pf-t--global--font--size--body--default / 2 ) - 50%)",
+        "calc((--pf-t--global--font--line-height--200 * --pf-t--global--font--size--sm / 2 ) - 50%)",
+        "calc((1.5 * --pf-t--global--font--size--200 / 2 ) - 50%)",
+        "calc((1.5 * 14px / 2 ) - 50%)"
+      ]
     }
   },
   ".pf-v6-c-radio__label:disabled": {

package/dist/js/c_radio_GridGap.d.ts

@@ -1,6 +1,6 @@
 export const c_radio_GridGap: {
   "name": "--pf-v6-c-radio--GridGap",
-  "value": "0",
+  "value": "8px 8px",
   "var": "var(--pf-v6-c-radio--GridGap)"
 };
 export default c_radio_GridGap;

package/dist/js/c_radio_GridGap.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_radio_GridGap = {
   "name": "--pf-v6-c-radio--GridGap",
-  "value": "0",
+  "value": "8px 8px",
   "var": "var(--pf-v6-c-radio--GridGap)"
 };
 exports["default"] = exports.c_radio_GridGap;

package/dist/js/c_radio_Height.d.ts

@@ -0,0 +1,6 @@
+export const c_radio_Height: {
+  "name": "--pf-v6-c-radio--Height",
+  "value": "calc(14px * 1.5)",
+  "var": "var(--pf-v6-c-radio--Height)"
+};
+export default c_radio_Height;

package/dist/js/c_radio_Height.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_radio_Height = {
+  "name": "--pf-v6-c-radio--Height",
+  "value": "calc(14px * 1.5)",
+  "var": "var(--pf-v6-c-radio--Height)"
+};
+exports["default"] = exports.c_radio_Height;

package/dist/js/c_radio__input_TranslateY.d.ts

@@ -1,6 +1,6 @@
 export const c_radio__input_TranslateY: {
   "name": "--pf-v6-c-radio__input--TranslateY",
-  "value": "none",
+  "value": "calc((1.5 * 14px / 2 ) - 50%)",
   "var": "var(--pf-v6-c-radio__input--TranslateY)"
 };
 export default c_radio__input_TranslateY;

package/dist/js/c_radio__input_TranslateY.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_radio__input_TranslateY = {
   "name": "--pf-v6-c-radio__input--TranslateY",
-  "value": "none",
+  "value": "calc((1.5 * 14px / 2 ) - 50%)",
   "var": "var(--pf-v6-c-radio__input--TranslateY)"
 };
 exports["default"] = exports.c_radio__input_TranslateY;