@patternfly/react-tokens 6.0.0-alpha.6 → 6.0.0-alpha.8

package/dist/js/c_description_list__term_icon_MarginRight.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_description_list__term_icon_MarginRight = {
   "name": "--pf-v5-c-description-list__term-icon--MarginRight",
-  "value": "0.5rem",
+  "value": "8px",
   "var": "var(--pf-v5-c-description-list__term-icon--MarginRight)"
 };
 exports["default"] = exports.c_description_list__term_icon_MarginRight;

package/dist/js/c_description_list__term_icon_MinWidth.d.ts

@@ -1,6 +1,6 @@
 export const c_description_list__term_icon_MinWidth: {
   "name": "--pf-v5-c-description-list__term-icon--MinWidth",
-  "value": "0.75rem",
+  "value": "12px",
   "var": "var(--pf-v5-c-description-list__term-icon--MinWidth)"
 };
 export default c_description_list__term_icon_MinWidth;

package/dist/js/c_description_list__term_icon_MinWidth.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_description_list__term_icon_MinWidth = {
   "name": "--pf-v5-c-description-list__term-icon--MinWidth",
-  "value": "0.75rem",
+  "value": "12px",
   "var": "var(--pf-v5-c-description-list__term-icon--MinWidth)"
 };
 exports["default"] = exports.c_description_list__term_icon_MinWidth;

package/dist/js/c_description_list__text_m_help_text_TextDecorationColor.d.ts

@@ -1,6 +1,6 @@
 export const c_description_list__text_m_help_text_TextDecorationColor: {
   "name": "--pf-v5-c-description-list__text--m-help-text--TextDecorationColor",
-  "value": "#151515",
+  "value": "#4394e5",
   "var": "var(--pf-v5-c-description-list__text--m-help-text--TextDecorationColor)"
 };
 export default c_description_list__text_m_help_text_TextDecorationColor;

package/dist/js/c_description_list__text_m_help_text_TextDecorationColor.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_description_list__text_m_help_text_TextDecorationColor = {
   "name": "--pf-v5-c-description-list__text--m-help-text--TextDecorationColor",
-  "value": "#151515",
+  "value": "#4394e5",
   "var": "var(--pf-v5-c-description-list__text--m-help-text--TextDecorationColor)"
 };
 exports["default"] = exports.c_description_list__text_m_help_text_TextDecorationColor;

package/dist/js/c_description_list__text_m_help_text_focus_TextDecorationColor.d.ts

@@ -1,6 +1,6 @@
 export const c_description_list__text_m_help_text_focus_TextDecorationColor: {
   "name": "--pf-v5-c-description-list__text--m-help-text--focus--TextDecorationColor",
-  "value": "#151515",
+  "value": "#4394e5",
   "var": "var(--pf-v5-c-description-list__text--m-help-text--focus--TextDecorationColor)"
 };
 export default c_description_list__text_m_help_text_focus_TextDecorationColor;

package/dist/js/c_description_list__text_m_help_text_focus_TextDecorationColor.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_description_list__text_m_help_text_focus_TextDecorationColor = {
   "name": "--pf-v5-c-description-list__text--m-help-text--focus--TextDecorationColor",
-  "value": "#151515",
+  "value": "#4394e5",
   "var": "var(--pf-v5-c-description-list__text--m-help-text--focus--TextDecorationColor)"
 };
 exports["default"] = exports.c_description_list__text_m_help_text_focus_TextDecorationColor;

package/dist/js/c_description_list__text_m_help_text_hover_TextDecorationColor.d.ts

@@ -1,6 +1,6 @@
 export const c_description_list__text_m_help_text_hover_TextDecorationColor: {
   "name": "--pf-v5-c-description-list__text--m-help-text--hover--TextDecorationColor",
-  "value": "#151515",
+  "value": "#4394e5",
   "var": "var(--pf-v5-c-description-list__text--m-help-text--hover--TextDecorationColor)"
 };
 export default c_description_list__text_m_help_text_hover_TextDecorationColor;

package/dist/js/c_description_list__text_m_help_text_hover_TextDecorationColor.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_description_list__text_m_help_text_hover_TextDecorationColor = {
   "name": "--pf-v5-c-description-list__text--m-help-text--hover--TextDecorationColor",
-  "value": "#151515",
+  "value": "#4394e5",
   "var": "var(--pf-v5-c-description-list__text--m-help-text--hover--TextDecorationColor)"
 };
 exports["default"] = exports.c_description_list__text_m_help_text_hover_TextDecorationColor;

package/dist/js/c_description_list_m_compact_ColumnGap.d.ts

@@ -1,6 +1,6 @@
 export const c_description_list_m_compact_ColumnGap: {
   "name": "--pf-v5-c-description-list--m-compact--ColumnGap",
-  "value": "0.5rem",
+  "value": "8px",
   "var": "var(--pf-v5-c-description-list--m-compact--ColumnGap)"
 };
 export default c_description_list_m_compact_ColumnGap;

package/dist/js/c_description_list_m_compact_ColumnGap.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_description_list_m_compact_ColumnGap = {
   "name": "--pf-v5-c-description-list--m-compact--ColumnGap",
-  "value": "0.5rem",
+  "value": "8px",
   "var": "var(--pf-v5-c-description-list--m-compact--ColumnGap)"
 };
 exports["default"] = exports.c_description_list_m_compact_ColumnGap;

package/dist/js/c_description_list_m_compact_RowGap.d.ts

@@ -1,6 +1,6 @@
 export const c_description_list_m_compact_RowGap: {
   "name": "--pf-v5-c-description-list--m-compact--RowGap",
-  "value": "1rem",
+  "value": "16px",
   "var": "var(--pf-v5-c-description-list--m-compact--RowGap)"
 };
 export default c_description_list_m_compact_RowGap;

package/dist/js/c_description_list_m_compact_RowGap.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_description_list_m_compact_RowGap = {
   "name": "--pf-v5-c-description-list--m-compact--RowGap",
-  "value": "1rem",
+  "value": "16px",
   "var": "var(--pf-v5-c-description-list--m-compact--RowGap)"
 };
 exports["default"] = exports.c_description_list_m_compact_RowGap;

package/dist/js/c_description_list_m_display_2xl__description_FontSize.d.ts

@@ -1,6 +1,6 @@
 export const c_description_list_m_display_2xl__description_FontSize: {
   "name": "--pf-v5-c-description-list--m-display-2xl__description--FontSize",
-  "value": "1.5rem",
+  "value": "22px",
   "var": "var(--pf-v5-c-description-list--m-display-2xl__description--FontSize)"
 };
 export default c_description_list_m_display_2xl__description_FontSize;

package/dist/js/c_description_list_m_display_2xl__description_FontSize.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_description_list_m_display_2xl__description_FontSize = {
   "name": "--pf-v5-c-description-list--m-display-2xl__description--FontSize",
-  "value": "1.5rem",
+  "value": "22px",
   "var": "var(--pf-v5-c-description-list--m-display-2xl__description--FontSize)"
 };
 exports["default"] = exports.c_description_list_m_display_2xl__description_FontSize;

package/dist/js/c_description_list_m_display_lg__description_FontSize.d.ts

@@ -1,6 +1,6 @@
 export const c_description_list_m_display_lg__description_FontSize: {
   "name": "--pf-v5-c-description-list--m-display-lg__description--FontSize",
-  "value": "1.125rem",
+  "value": "16px",
   "var": "var(--pf-v5-c-description-list--m-display-lg__description--FontSize)"
 };
 export default c_description_list_m_display_lg__description_FontSize;

package/dist/js/c_description_list_m_display_lg__description_FontSize.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_description_list_m_display_lg__description_FontSize = {
   "name": "--pf-v5-c-description-list--m-display-lg__description--FontSize",
-  "value": "1.125rem",
+  "value": "16px",
   "var": "var(--pf-v5-c-description-list--m-display-lg__description--FontSize)"
 };
 exports["default"] = exports.c_description_list_m_display_lg__description_FontSize;

package/dist/js/c_description_list_m_horizontal__term_width_on_2xl.d.ts

@@ -0,0 +1,6 @@
+export const c_description_list_m_horizontal__term_width_on_2xl: {
+  "name": "--pf-v5-c-description-list--m-horizontal__term--width-on-2xl",
+  "value": "inherit",
+  "var": "var(--pf-v5-c-description-list--m-horizontal__term--width-on-2xl)"
+};
+export default c_description_list_m_horizontal__term_width_on_2xl;

package/dist/js/c_description_list_m_horizontal__term_width_on_2xl.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_description_list_m_horizontal__term_width_on_2xl = {
+  "name": "--pf-v5-c-description-list--m-horizontal__term--width-on-2xl",
+  "value": "inherit",
+  "var": "var(--pf-v5-c-description-list--m-horizontal__term--width-on-2xl)"
+};
+exports["default"] = exports.c_description_list_m_horizontal__term_width_on_2xl;

package/dist/js/c_description_list_m_horizontal__term_width_on_lg.d.ts

@@ -0,0 +1,6 @@
+export const c_description_list_m_horizontal__term_width_on_lg: {
+  "name": "--pf-v5-c-description-list--m-horizontal__term--width-on-lg",
+  "value": "inherit",
+  "var": "var(--pf-v5-c-description-list--m-horizontal__term--width-on-lg)"
+};
+export default c_description_list_m_horizontal__term_width_on_lg;

package/dist/js/c_description_list_m_horizontal__term_width_on_lg.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_description_list_m_horizontal__term_width_on_lg = {
+  "name": "--pf-v5-c-description-list--m-horizontal__term--width-on-lg",
+  "value": "inherit",
+  "var": "var(--pf-v5-c-description-list--m-horizontal__term--width-on-lg)"
+};
+exports["default"] = exports.c_description_list_m_horizontal__term_width_on_lg;

package/dist/js/c_description_list_m_horizontal__term_width_on_md.d.ts

@@ -0,0 +1,6 @@
+export const c_description_list_m_horizontal__term_width_on_md: {
+  "name": "--pf-v5-c-description-list--m-horizontal__term--width-on-md",
+  "value": "inherit",
+  "var": "var(--pf-v5-c-description-list--m-horizontal__term--width-on-md)"
+};
+export default c_description_list_m_horizontal__term_width_on_md;

package/dist/js/c_description_list_m_horizontal__term_width_on_md.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_description_list_m_horizontal__term_width_on_md = {
+  "name": "--pf-v5-c-description-list--m-horizontal__term--width-on-md",
+  "value": "inherit",
+  "var": "var(--pf-v5-c-description-list--m-horizontal__term--width-on-md)"
+};
+exports["default"] = exports.c_description_list_m_horizontal__term_width_on_md;

package/dist/js/c_description_list_m_horizontal__term_width_on_sm.d.ts

@@ -0,0 +1,6 @@
+export const c_description_list_m_horizontal__term_width_on_sm: {
+  "name": "--pf-v5-c-description-list--m-horizontal__term--width-on-sm",
+  "value": "inherit",
+  "var": "var(--pf-v5-c-description-list--m-horizontal__term--width-on-sm)"
+};
+export default c_description_list_m_horizontal__term_width_on_sm;

package/dist/js/c_description_list_m_horizontal__term_width_on_sm.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_description_list_m_horizontal__term_width_on_sm = {
+  "name": "--pf-v5-c-description-list--m-horizontal__term--width-on-sm",
+  "value": "inherit",
+  "var": "var(--pf-v5-c-description-list--m-horizontal__term--width-on-sm)"
+};
+exports["default"] = exports.c_description_list_m_horizontal__term_width_on_sm;

package/dist/js/c_description_list_m_horizontal__term_width_on_xl.d.ts

@@ -0,0 +1,6 @@
+export const c_description_list_m_horizontal__term_width_on_xl: {
+  "name": "--pf-v5-c-description-list--m-horizontal__term--width-on-xl",
+  "value": "inherit",
+  "var": "var(--pf-v5-c-description-list--m-horizontal__term--width-on-xl)"
+};
+export default c_description_list_m_horizontal__term_width_on_xl;

package/dist/js/c_description_list_m_horizontal__term_width_on_xl.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_description_list_m_horizontal__term_width_on_xl = {
+  "name": "--pf-v5-c-description-list--m-horizontal__term--width-on-xl",
+  "value": "inherit",
+  "var": "var(--pf-v5-c-description-list--m-horizontal__term--width-on-xl)"
+};
+exports["default"] = exports.c_description_list_m_horizontal__term_width_on_xl;

package/dist/js/c_drag_drop.d.ts

@@ -1,5 +1,5 @@
 export const c_drag_drop: {
-  ".pf-v5-c-draggable": {
+  ":where(:root)": {
     "c_draggable_Cursor": {
       "name": "--pf-v5-c-draggable--Cursor",
       "value": "auto"
@@ -10,21 +10,18 @@ export const c_drag_drop: {
     },
     "c_draggable_m_dragging_BoxShadow": {
       "name": "--pf-v5-c-draggable--m-dragging--BoxShadow",
-      "value": "0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)",
+      "value": "0px 4px 8px 0px rgb(0 0 0 / 12%)",
       "values": [
-        "--pf-v5-global--BoxShadow--md",
-        "$pf-v5-global--BoxShadow--md",
-        "0 pf-size-prem(4px) pf-size-prem(8px) pf-size-prem(0) rgba($pf-v5-color-black-1000, .12), 0 0 pf-size-prem(4px) 0 rgba($pf-v5-color-black-1000, .06)",
-        "0 pf-size-prem(4px) pf-size-prem(8px) pf-size-prem(0) rgba(#030303, .12), 0 0 pf-size-prem(4px) 0 rgba(#030303, .06)",
-        "0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)"
+        "--pf-t--global--box-shadow--md",
+        "0px 4px 8px 0px rgb(0 0 0 / 12%)"
       ]
     },
     "c_draggable_m_dragging_after_BorderWidth": {
       "name": "--pf-v5-c-draggable--m-dragging--after--BorderWidth",
       "value": "1px",
       "values": [
-        "--pf-v5-global--BorderWidth--sm",
-        "$pf-v5-global--BorderWidth--sm",
+        "--pf-t--global--border--width--regular",
+        "--pf-t--global--border--width--100",
         "1px"
       ]
     },
@@ -32,59 +29,37 @@ export const c_drag_drop: {
       "name": "--pf-v5-c-draggable--m-dragging--after--BorderColor",
       "value": "#06c",
       "values": [
-        "--pf-v5-global--active-color--100",
-        "$pf-v5-global--active-color--100",
-        "$pf-v5-color-blue-400",
+        "--pf-t--global--border--color--brand--default",
+        "--pf-t--global--color--brand--default",
+        "--pf-t--global--color--brand--200",
+        "--pf-t--color--blue--50",
         "#06c"
       ]
     },
+    "c_draggable_m_dragging_after_BorderRadius": {
+      "name": "--pf-v5-c-draggable--m-dragging--after--BorderRadius",
+      "value": "6px",
+      "values": [
+        "--pf-t--global--border--radius--small",
+        "--pf-t--global--border--radius--200",
+        "6px"
+      ]
+    },
     "c_draggable_m_drag_outside_Cursor": {
       "name": "--pf-v5-c-draggable--m-drag-outside--Cursor",
       "value": "not-allowed"
     },
     "c_draggable_m_drag_outside_after_BorderColor": {
       "name": "--pf-v5-c-draggable--m-drag-outside--after--BorderColor",
-      "value": "#c9190b",
+      "value": "#f0561d",
       "values": [
-        "--pf-v5-global--danger-color--100",
-        "$pf-v5-global--danger-color--100",
-        "$pf-v5-color-red-100",
-        "#c9190b"
-      ]
-    }
-  },
-  ".pf-v5-c-draggable.pf-m-dragging": {
-    "c_draggable_Cursor": {
-      "name": "--pf-v5-c-draggable--Cursor",
-      "value": "grabbing",
-      "values": [
-        "--pf-v5-c-draggable--m-dragging--Cursor",
-        "grabbing"
-      ]
-    }
-  },
-  ".pf-v5-c-draggable.pf-m-drag-outside": {
-    "c_draggable_m_dragging_Cursor": {
-      "name": "--pf-v5-c-draggable--m-dragging--Cursor",
-      "value": "not-allowed",
-      "values": [
-        "--pf-v5-c-draggable--m-drag-outside--Cursor",
-        "not-allowed"
+        "--pf-t--global--border--color--status--danger--default",
+        "--pf-t--global--color--status--danger--default",
+        "--pf-t--global--color--status--danger--100",
+        "--pf-t--color--red-orange--50",
+        "#f0561d"
       ]
     },
-    "c_draggable_m_dragging_after_BorderColor": {
-      "name": "--pf-v5-c-draggable--m-dragging--after--BorderColor",
-      "value": "#c9190b",
-      "values": [
-        "--pf-v5-c-draggable--m-drag-outside--after--BorderColor",
-        "--pf-v5-global--danger-color--100",
-        "$pf-v5-global--danger-color--100",
-        "$pf-v5-color-red-100",
-        "#c9190b"
-      ]
-    }
-  },
-  ".pf-v5-c-droppable": {
     "c_droppable_before_BackgroundColor": {
       "name": "--pf-v5-c-droppable--before--BackgroundColor",
       "value": "transparent"
@@ -105,8 +80,9 @@ export const c_drag_drop: {
       "name": "--pf-v5-c-droppable--m-dragging--before--BackgroundColor",
       "value": "#fff",
       "values": [
-        "--pf-v5-global--palette--white",
-        "$pf-v5-color-white",
+        "--pf-t--global--background--color--primary--default",
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
         "#fff"
       ]
     },
@@ -118,8 +94,8 @@ export const c_drag_drop: {
       "name": "--pf-v5-c-droppable--m-dragging--after--BorderWidth",
       "value": "1px",
       "values": [
-        "--pf-v5-global--BorderWidth--sm",
-        "$pf-v5-global--BorderWidth--sm",
+        "--pf-t--global--border--width--regular",
+        "--pf-t--global--border--width--100",
         "1px"
       ]
     },
@@ -127,20 +103,63 @@ export const c_drag_drop: {
       "name": "--pf-v5-c-droppable--m-dragging--after--BorderColor",
       "value": "#06c",
       "values": [
-        "--pf-v5-global--active-color--100",
-        "$pf-v5-global--active-color--100",
-        "$pf-v5-color-blue-400",
+        "--pf-t--global--border--color--brand--default",
+        "--pf-t--global--color--brand--default",
+        "--pf-t--global--color--brand--200",
+        "--pf-t--color--blue--50",
         "#06c"
       ]
     },
+    "c_droppable_m_dragging_after_BorderRadius": {
+      "name": "--pf-v5-c-droppable--m-dragging--after--BorderRadius",
+      "value": "6px",
+      "values": [
+        "--pf-t--global--border--radius--small",
+        "--pf-t--global--border--radius--200",
+        "6px"
+      ]
+    },
     "c_droppable_m_drag_outside_after_BorderColor": {
       "name": "--pf-v5-c-droppable--m-drag-outside--after--BorderColor",
-      "value": "#c9190b",
+      "value": "#f0561d",
+      "values": [
+        "--pf-t--global--border--color--status--danger--default",
+        "--pf-t--global--color--status--danger--default",
+        "--pf-t--global--color--status--danger--100",
+        "--pf-t--color--red-orange--50",
+        "#f0561d"
+      ]
+    }
+  },
+  ".pf-v5-c-draggable.pf-m-dragging": {
+    "c_draggable_Cursor": {
+      "name": "--pf-v5-c-draggable--Cursor",
+      "value": "",
+      "values": [
+        "--pf-v5-c-draggable--m-dragging--Cursor",
+        ""
+      ]
+    }
+  },
+  ".pf-v5-c-draggable.pf-m-drag-outside": {
+    "c_draggable_m_dragging_Cursor": {
+      "name": "--pf-v5-c-draggable--m-dragging--Cursor",
+      "value": "not-allowed",
+      "values": [
+        "--pf-v5-c-draggable--m-drag-outside--Cursor",
+        "not-allowed"
+      ]
+    },
+    "c_draggable_m_dragging_after_BorderColor": {
+      "name": "--pf-v5-c-draggable--m-dragging--after--BorderColor",
+      "value": "#f0561d",
       "values": [
-        "--pf-v5-global--danger-color--100",
-        "$pf-v5-global--danger-color--100",
-        "$pf-v5-color-red-100",
-        "#c9190b"
+        "--pf-v5-c-draggable--m-drag-outside--after--BorderColor",
+        "--pf-t--global--border--color--status--danger--default",
+        "--pf-t--global--color--status--danger--default",
+        "--pf-t--global--color--status--danger--100",
+        "--pf-t--color--red-orange--50",
+        "#f0561d"
       ]
     }
   },
@@ -150,8 +169,9 @@ export const c_drag_drop: {
       "value": "#fff",
       "values": [
         "--pf-v5-c-droppable--m-dragging--before--BackgroundColor",
-        "--pf-v5-global--palette--white",
-        "$pf-v5-color-white",
+        "--pf-t--global--background--color--primary--default",
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
         "#fff"
       ]
     },
@@ -168,33 +188,31 @@ export const c_drag_drop: {
       "value": "1px",
       "values": [
         "--pf-v5-c-droppable--m-dragging--after--BorderWidth",
-        "--pf-v5-global--BorderWidth--sm",
-        "$pf-v5-global--BorderWidth--sm",
+        "--pf-t--global--border--width--regular",
+        "--pf-t--global--border--width--100",
         "1px"
       ]
     },
     "c_droppable_after_BorderColor": {
       "name": "--pf-v5-c-droppable--after--BorderColor",
-      "value": "#06c",
+      "value": "",
       "values": [
         "--pf-v5-c-droppable--m-dragging--after--BorderColor",
-        "--pf-v5-global--active-color--100",
-        "$pf-v5-global--active-color--100",
-        "$pf-v5-color-blue-400",
-        "#06c"
+        ""
       ]
     }
   },
   ".pf-v5-c-droppable.pf-m-drag-outside": {
     "c_droppable_m_dragging_after_BorderColor": {
       "name": "--pf-v5-c-droppable--m-dragging--after--BorderColor",
-      "value": "#c9190b",
+      "value": "#f0561d",
       "values": [
         "--pf-v5-c-droppable--m-drag-outside--after--BorderColor",
-        "--pf-v5-global--danger-color--100",
-        "$pf-v5-global--danger-color--100",
-        "$pf-v5-color-red-100",
-        "#c9190b"
+        "--pf-t--global--border--color--status--danger--default",
+        "--pf-t--global--color--status--danger--default",
+        "--pf-t--global--color--status--danger--100",
+        "--pf-t--color--red-orange--50",
+        "#f0561d"
       ]
     }
   }