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

package/dist/esm/c_label_group.js

@@ -1,279 +1,235 @@
 export const c_label_group = {
-  ".pf-v5-c-label-group": {
+  ":where(:root)": {
     "c_label_group_RowGap": {
       "name": "--pf-v5-c-label-group--RowGap",
-      "value": "0.5rem",
+      "value": "8px",
       "values": [
-        "--pf-v5-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_label_group_ColumnGap": {
       "name": "--pf-v5-c-label-group--ColumnGap",
-      "value": "0"
+      "value": "4px",
+      "values": [
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
+      ]
     },
     "c_label_group_m_vertical_RowGap": {
       "name": "--pf-v5-c-label-group--m-vertical--RowGap",
-      "value": "0.5rem",
+      "value": "8px",
       "values": [
-        "--pf-v5-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_label_group_m_vertical_ColumnGap": {
       "name": "--pf-v5-c-label-group--m-vertical--ColumnGap",
-      "value": "0.5rem",
+      "value": "8px",
       "values": [
-        "--pf-v5-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_label_group__main_RowGap": {
       "name": "--pf-v5-c-label-group__main--RowGap",
-      "value": "0.25rem",
+      "value": "4px",
       "values": [
-        "--pf-v5-global--spacer--xs",
-        "$pf-v5-global--spacer--xs",
-        "pf-size-prem(4px)",
-        "0.25rem"
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
       ]
     },
     "c_label_group__main_ColumnGap": {
       "name": "--pf-v5-c-label-group__main--ColumnGap",
-      "value": "0.5rem",
+      "value": "8px",
       "values": [
-        "--pf-v5-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_label_group_m_vertical__main_RowGap": {
       "name": "--pf-v5-c-label-group--m-vertical__main--RowGap",
-      "value": "0.5rem",
+      "value": "8px",
       "values": [
-        "--pf-v5-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_label_group_m_vertical__main_ColumnGap": {
       "name": "--pf-v5-c-label-group--m-vertical__main--ColumnGap",
-      "value": "0.25rem",
+      "value": "4px",
       "values": [
-        "--pf-v5-global--spacer--xs",
-        "$pf-v5-global--spacer--xs",
-        "pf-size-prem(4px)",
-        "0.25rem"
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
       ]
     },
     "c_label_group__list_RowGap": {
       "name": "--pf-v5-c-label-group__list--RowGap",
-      "value": "0.25rem",
+      "value": "4px",
       "values": [
-        "--pf-v5-global--spacer--xs",
-        "$pf-v5-global--spacer--xs",
-        "pf-size-prem(4px)",
-        "0.25rem"
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
       ]
     },
     "c_label_group__list_ColumnGap": {
       "name": "--pf-v5-c-label-group__list--ColumnGap",
-      "value": "0.25rem",
+      "value": "4px",
       "values": [
-        "--pf-v5-global--spacer--xs",
-        "$pf-v5-global--spacer--xs",
-        "pf-size-prem(4px)",
-        "0.25rem"
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
       ]
     },
     "c_label_group_m_vertical__list_RowGap": {
       "name": "--pf-v5-c-label-group--m-vertical__list--RowGap",
-      "value": "0.25rem",
+      "value": "4px",
       "values": [
-        "--pf-v5-global--spacer--xs",
-        "$pf-v5-global--spacer--xs",
-        "pf-size-prem(4px)",
-        "0.25rem"
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
       ]
     },
     "c_label_group_m_vertical__list_ColumnGap": {
       "name": "--pf-v5-c-label-group--m-vertical__list--ColumnGap",
-      "value": "0.25rem",
+      "value": "4px",
       "values": [
-        "--pf-v5-global--spacer--xs",
-        "$pf-v5-global--spacer--xs",
-        "pf-size-prem(4px)",
-        "0.25rem"
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
       ]
     },
     "c_label_group_m_category_PaddingTop": {
       "name": "--pf-v5-c-label-group--m-category--PaddingTop",
-      "value": "0.25rem",
+      "value": "4px",
       "values": [
-        "--pf-v5-global--spacer--xs",
-        "$pf-v5-global--spacer--xs",
-        "pf-size-prem(4px)",
-        "0.25rem"
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
       ]
     },
     "c_label_group_m_category_PaddingRight": {
       "name": "--pf-v5-c-label-group--m-category--PaddingRight",
-      "value": "0.25rem",
+      "value": "8px",
       "values": [
-        "--pf-v5-global--spacer--xs",
-        "$pf-v5-global--spacer--xs",
-        "pf-size-prem(4px)",
-        "0.25rem"
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "8px"
       ]
     },
     "c_label_group_m_category_PaddingBottom": {
       "name": "--pf-v5-c-label-group--m-category--PaddingBottom",
-      "value": "0.25rem",
+      "value": "4px",
       "values": [
-        "--pf-v5-global--spacer--xs",
-        "$pf-v5-global--spacer--xs",
-        "pf-size-prem(4px)",
-        "0.25rem"
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
       ]
     },
     "c_label_group_m_category_PaddingLeft": {
       "name": "--pf-v5-c-label-group--m-category--PaddingLeft",
-      "value": "0.5rem",
-      "values": [
-        "--pf-v5-global--spacer--sm",
-        "$pf-v5-global--spacer--sm",
-        "pf-size-prem(8px)",
-        "0.5rem"
-      ]
-    },
-    "c_label_group_m_vertical_m_category_PaddingRight": {
-      "name": "--pf-v5-c-label-group--m-vertical--m-category--PaddingRight",
-      "value": "0.5rem",
+      "value": "8px",
       "values": [
-        "--pf-v5-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_label_group_m_category_BorderRadius": {
       "name": "--pf-v5-c-label-group--m-category--BorderRadius",
-      "value": "3px",
+      "value": "6px",
       "values": [
-        "--pf-v5-global--BorderRadius--sm",
-        "$pf-v5-global--BorderRadius--sm",
-        "3px"
+        "--pf-t--global--border--radius--small",
+        "--pf-t--global--border--radius--200",
+        "6px"
       ]
     },
     "c_label_group_m_category_BorderWidth": {
       "name": "--pf-v5-c-label-group--m-category--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"
       ]
     },
     "c_label_group_m_category_BorderColor": {
       "name": "--pf-v5-c-label-group--m-category--BorderColor",
-      "value": "#f0f0f0",
+      "value": "#c7c7c7",
       "values": [
-        "--pf-v5-global--BorderColor--300",
-        "$pf-v5-global--BorderColor--300",
-        "$pf-v5-color-black-200",
-        "#f0f0f0"
+        "--pf-t--global--border--color--default",
+        "--pf-t--global--border--color--100",
+        "--pf-t--color--gray--30",
+        "#c7c7c7"
       ]
     },
-    "c_label_group_m_category_BackgroundColor": {
-      "name": "--pf-v5-c-label-group--m-category--BackgroundColor",
-      "value": "#fff",
-      "values": [
-        "--pf-v5-global--BackgroundColor--100",
-        "$pf-v5-global--BackgroundColor--100",
-        "$pf-v5-color-white",
-        "#fff"
-      ]
-    },
-    "c_label_group__label_FontSize": {
-      "name": "--pf-v5-c-label-group__label--FontSize",
-      "value": "0.875rem",
+    "c_label_group_m_vertical_m_category_PaddingRight": {
+      "name": "--pf-v5-c-label-group--m-vertical--m-category--PaddingRight",
+      "value": "8px",
       "values": [
-        "--pf-v5-global--FontSize--sm",
-        "$pf-v5-global--FontSize--sm",
-        "pf-font-prem(14px)",
-        "0.875rem"
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "8px"
       ]
     },
     "c_label_group__label_MaxWidth": {
       "name": "--pf-v5-c-label-group__label--MaxWidth",
       "value": "18ch"
     },
-    "c_label_group__close_MarginTop": {
-      "name": "--pf-v5-c-label-group__close--MarginTop",
-      "value": "calc(0.25rem * -1)",
-      "values": [
-        "calc(--pf-v5-global--spacer--xs * -1)",
-        "calc($pf-v5-global--spacer--xs * -1)",
-        "calc(pf-size-prem(4px) * -1)",
-        "calc(0.25rem * -1)"
-      ]
-    },
-    "c_label_group__close_MarginBottom": {
-      "name": "--pf-v5-c-label-group__close--MarginBottom",
-      "value": "calc(0.25rem * -1)",
+    "c_label_group__close_c_button_FontSize": {
+      "name": "--pf-v5-c-label-group__close--c-button--FontSize",
+      "value": "12px",
       "values": [
-        "calc(--pf-v5-global--spacer--xs * -1)",
-        "calc($pf-v5-global--spacer--xs * -1)",
-        "calc(pf-size-prem(4px) * -1)",
-        "calc(0.25rem * -1)"
+        "--pf-t--global--icon--size--body--sm",
+        "--pf-t--global--font--size--body--sm",
+        "--pf-t--global--font--size--xs",
+        "--pf-t--global--font--size--100",
+        "12px"
       ]
     },
-    "c_label_group_m_vertical__close_MarginTop": {
-      "name": "--pf-v5-c-label-group--m-vertical__close--MarginTop",
-      "value": "calc(0.375rem * -1)",
+    "c_label_group__close_c_button_PaddingTop": {
+      "name": "--pf-v5-c-label-group__close--c-button--PaddingTop",
+      "value": "4px",
       "values": [
-        "calc(--pf-v5-global--spacer--form-element * -1)",
-        "calc($pf-v5-global--spacer--form-element * -1)",
-        "calc(pf-size-prem(6px) * -1)",
-        "calc(0.375rem * -1)"
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
       ]
     },
-    "c_label_group_m_vertical__close_MarginRight": {
-      "name": "--pf-v5-c-label-group--m-vertical__close--MarginRight",
-      "value": "calc(0.375rem * -1)",
+    "c_label_group__close_c_button_PaddingRight": {
+      "name": "--pf-v5-c-label-group__close--c-button--PaddingRight",
+      "value": "8px",
       "values": [
-        "calc(--pf-v5-global--spacer--form-element * -1)",
-        "calc($pf-v5-global--spacer--form-element * -1)",
-        "calc(pf-size-prem(6px) * -1)",
-        "calc(0.375rem * -1)"
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "8px"
       ]
     },
-    "c_label_group_m_vertical__close_c_button_PaddingRight": {
-      "name": "--pf-v5-c-label-group--m-vertical__close--c-button--PaddingRight",
-      "value": "0.5rem",
+    "c_label_group__close_c_button_PaddingBottom": {
+      "name": "--pf-v5-c-label-group__close--c-button--PaddingBottom",
+      "value": "4px",
       "values": [
-        "--pf-v5-global--spacer--sm",
-        "$pf-v5-global--spacer--sm",
-        "pf-size-prem(8px)",
-        "0.5rem"
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
       ]
     },
-    "c_label_group_m_vertical__close_c_button_PaddingLeft": {
-      "name": "--pf-v5-c-label-group--m-vertical__close--c-button--PaddingLeft",
-      "value": "0.5rem",
+    "c_label_group__close_c_button_PaddingLeft": {
+      "name": "--pf-v5-c-label-group__close--c-button--PaddingLeft",
+      "value": "8px",
       "values": [
-        "--pf-v5-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_label_group__textarea_MinWidth": {
@@ -286,12 +242,11 @@ export const c_label_group = {
     },
     "c_label_group__textarea_PaddingRight": {
       "name": "--pf-v5-c-label-group__textarea--PaddingRight",
-      "value": "0.25rem",
+      "value": "4px",
       "values": [
-        "--pf-v5-global--spacer--xs",
-        "$pf-v5-global--spacer--xs",
-        "pf-size-prem(4px)",
-        "0.25rem"
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
       ]
     },
     "c_label_group__textarea_PaddingBottom": {
@@ -300,149 +255,137 @@ export const c_label_group = {
     },
     "c_label_group__textarea_PaddingLeft": {
       "name": "--pf-v5-c-label-group__textarea--PaddingLeft",
-      "value": "0.25rem",
+      "value": "4px",
       "values": [
-        "--pf-v5-global--spacer--xs",
-        "$pf-v5-global--spacer--xs",
-        "pf-size-prem(4px)",
-        "0.25rem"
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
       ]
     }
   },
   ".pf-v5-c-label-group.pf-m-vertical": {
     "c_label_group_RowGap": {
       "name": "--pf-v5-c-label-group--RowGap",
-      "value": "0.5rem",
+      "value": "8px",
       "values": [
         "--pf-v5-c-label-group--m-vertical--RowGap",
-        "--pf-v5-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_label_group_ColumnGap": {
       "name": "--pf-v5-c-label-group--ColumnGap",
-      "value": "0.5rem",
+      "value": "8px",
       "values": [
         "--pf-v5-c-label-group--m-vertical--ColumnGap",
-        "--pf-v5-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_label_group__main_RowGap": {
       "name": "--pf-v5-c-label-group__main--RowGap",
-      "value": "0.5rem",
+      "value": "8px",
       "values": [
         "--pf-v5-c-label-group--m-vertical__main--RowGap",
-        "--pf-v5-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_label_group__main_ColumnGap": {
       "name": "--pf-v5-c-label-group__main--ColumnGap",
-      "value": "0.25rem",
+      "value": "4px",
       "values": [
         "--pf-v5-c-label-group--m-vertical__main--ColumnGap",
-        "--pf-v5-global--spacer--xs",
-        "$pf-v5-global--spacer--xs",
-        "pf-size-prem(4px)",
-        "0.25rem"
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
       ]
     },
     "c_label_group__list_RowGap": {
       "name": "--pf-v5-c-label-group__list--RowGap",
-      "value": "0.25rem",
+      "value": "4px",
       "values": [
         "--pf-v5-c-label-group--m-vertical__list--RowGap",
-        "--pf-v5-global--spacer--xs",
-        "$pf-v5-global--spacer--xs",
-        "pf-size-prem(4px)",
-        "0.25rem"
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
       ]
     },
     "c_label_group__list_ColumnGap": {
       "name": "--pf-v5-c-label-group__list--ColumnGap",
-      "value": "0.25rem",
+      "value": "4px",
       "values": [
         "--pf-v5-c-label-group--m-vertical__list--ColumnGap",
-        "--pf-v5-global--spacer--xs",
-        "$pf-v5-global--spacer--xs",
-        "pf-size-prem(4px)",
-        "0.25rem"
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
       ]
     },
-    "c_label_group__close_MarginTop": {
-      "name": "--pf-v5-c-label-group__close--MarginTop",
-      "value": "calc(0.375rem * -1)",
+    "c_label_group_m_category_PaddingRight": {
+      "name": "--pf-v5-c-label-group--m-category--PaddingRight",
+      "value": "8px",
       "values": [
-        "--pf-v5-c-label-group--m-vertical__close--MarginTop",
-        "calc(--pf-v5-global--spacer--form-element * -1)",
-        "calc($pf-v5-global--spacer--form-element * -1)",
-        "calc(pf-size-prem(6px) * -1)",
-        "calc(0.375rem * -1)"
+        "--pf-v5-c-label-group--m-vertical--m-category--PaddingRight",
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "8px"
       ]
-    },
-    "c_label_group__close_MarginLeft": {
-      "name": "--pf-v5-c-label-group__close--MarginLeft",
-      "value": "undefined",
+    }
+  },
+  ".pf-v5-c-label-group__close .pf-v5-c-button": {
+    "c_button_FontSize": {
+      "name": "--pf-v5-c-button--FontSize",
+      "value": "12px",
       "values": [
-        "--pf-v5-c-label-group--m-vertical__close--MarginLeft",
-        "undefined"
+        "--pf-v5-c-label-group__close--c-button--FontSize",
+        "--pf-t--global--icon--size--body--sm",
+        "--pf-t--global--font--size--body--sm",
+        "--pf-t--global--font--size--xs",
+        "--pf-t--global--font--size--100",
+        "12px"
       ]
     },
-    "c_label_group__close_MarginBottom": {
-      "name": "--pf-v5-c-label-group__close--MarginBottom",
-      "value": "0"
+    "c_button_m_plain_m_no_padding_PaddingTop": {
+      "name": "--pf-v5-c-button--m-plain--m-no-padding--PaddingTop",
+      "value": "4px",
+      "values": [
+        "--pf-v5-c-label-group__close--c-button--PaddingTop",
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
+      ]
     },
-    "c_label_group__close_MarginRight": {
-      "name": "--pf-v5-c-label-group__close--MarginRight",
-      "value": "calc(0.375rem * -1)",
+    "c_button_m_plain_m_no_padding_PaddingRight": {
+      "name": "--pf-v5-c-button--m-plain--m-no-padding--PaddingRight",
+      "value": "8px",
       "values": [
-        "--pf-v5-c-label-group--m-vertical__close--MarginRight",
-        "calc(--pf-v5-global--spacer--form-element * -1)",
-        "calc($pf-v5-global--spacer--form-element * -1)",
-        "calc(pf-size-prem(6px) * -1)",
-        "calc(0.375rem * -1)"
+        "--pf-v5-c-label-group__close--c-button--PaddingRight",
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "8px"
       ]
     },
-    "c_label_group_m_category_PaddingRight": {
-      "name": "--pf-v5-c-label-group--m-category--PaddingRight",
-      "value": "0.5rem",
+    "c_button_m_plain_m_no_padding_PaddingBottom": {
+      "name": "--pf-v5-c-button--m-plain--m-no-padding--PaddingBottom",
+      "value": "4px",
       "values": [
-        "--pf-v5-c-label-group--m-vertical--m-category--PaddingRight",
-        "--pf-v5-global--spacer--sm",
-        "$pf-v5-global--spacer--sm",
-        "pf-size-prem(8px)",
-        "0.5rem"
+        "--pf-v5-c-label-group__close--c-button--PaddingBottom",
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
       ]
-    }
-  },
-  ".pf-v5-c-label-group.pf-m-vertical .pf-v5-c-label-group__close .pf-v5-c-button": {
-    "c_button_PaddingLeft": {
-      "name": "--pf-v5-c-button--PaddingLeft",
-      "value": "0.5rem",
-      "values": [
-        "--pf-v5-c-label-group--m-vertical__close--c-button--PaddingLeft",
-        "--pf-v5-global--spacer--sm",
-        "$pf-v5-global--spacer--sm",
-        "pf-size-prem(8px)",
-        "0.5rem"
-      ]
-    },
-    "c_button_PaddingRight": {
-      "name": "--pf-v5-c-button--PaddingRight",
-      "value": "0.5rem",
-      "values": [
-        "--pf-v5-c-label-group--m-vertical__close--c-button--PaddingRight",
-        "--pf-v5-global--spacer--sm",
-        "$pf-v5-global--spacer--sm",
-        "pf-size-prem(8px)",
-        "0.5rem"
+    },
+    "c_button_m_plain_m_no_padding_PaddingLeft": {
+      "name": "--pf-v5-c-button--m-plain--m-no-padding--PaddingLeft",
+      "value": "8px",
+      "values": [
+        "--pf-v5-c-label-group__close--c-button--PaddingLeft",
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "8px"
       ]
     }
   }

package/dist/esm/c_label_group_ColumnGap.d.ts

@@ -1,6 +1,6 @@
 export const c_label_group_ColumnGap: {
   "name": "--pf-v5-c-label-group--ColumnGap",
-  "value": "0.5rem",
+  "value": "8px",
   "var": "var(--pf-v5-c-label-group--ColumnGap)"
 };
 export default c_label_group_ColumnGap;