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

package/dist/js/c_text_input_group.d.ts

@@ -1,190 +1,151 @@
 export const c_text_input_group: {
-  ".pf-v6-c-text-input-group": {
+  ":where(:root)": {
     "c_text_input_group_BackgroundColor": {
       "name": "--pf-v6-c-text-input-group--BackgroundColor",
       "value": "#fff",
       "values": [
-        "--pf-v6-global--BackgroundColor--100",
-        "$pf-v5-global--BackgroundColor--100",
-        "$pf-v5-color-white",
+        "--pf-t--global--background--color--control--default",
+        "--pf-t--global--background--color--primary--default",
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
         "#fff"
       ]
     },
-    "c_text_input_group__text_before_BorderWidth": {
-      "name": "--pf-v6-c-text-input-group__text--before--BorderWidth",
-      "value": "1px",
-      "values": [
-        "--pf-v6-global--BorderWidth--sm",
-        "$pf-v5-global--BorderWidth--sm",
-        "1px"
-      ]
-    },
-    "c_text_input_group__text_before_BorderColor": {
-      "name": "--pf-v6-c-text-input-group__text--before--BorderColor",
-      "value": "#f0f0f0",
+    "c_text_input_group_BorderColor": {
+      "name": "--pf-v6-c-text-input-group--BorderColor",
+      "value": "#c7c7c7",
       "values": [
-        "--pf-v6-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_text_input_group__text_after_BorderBottomWidth": {
-      "name": "--pf-v6-c-text-input-group__text--after--BorderBottomWidth",
+    "c_text_input_group_BorderWidth": {
+      "name": "--pf-v6-c-text-input-group--BorderWidth",
       "value": "1px",
       "values": [
-        "--pf-v6-global--BorderWidth--sm",
-        "$pf-v5-global--BorderWidth--sm",
+        "--pf-t--global--border--width--control--default",
+        "--pf-t--global--border--width--100",
         "1px"
       ]
     },
-    "c_text_input_group__text_after_BorderBottomColor": {
-      "name": "--pf-v6-c-text-input-group__text--after--BorderBottomColor",
-      "value": "#8a8d90",
-      "values": [
-        "--pf-v6-global--BorderColor--200",
-        "$pf-v5-global--BorderColor--200",
-        "$pf-v5-color-black-500",
-        "#8a8d90"
-      ]
-    },
-    "c_text_input_group_hover__text_after_BorderBottomColor": {
-      "name": "--pf-v6-c-text-input-group--hover__text--after--BorderBottomColor",
-      "value": "#06c",
-      "values": [
-        "--pf-v6-global--primary-color--100",
-        "$pf-v5-global--primary-color--100",
-        "$pf-v5-color-blue-400",
-        "#06c"
-      ]
-    },
-    "c_text_input_group__text_focus_within_after_BorderBottomWidth": {
-      "name": "--pf-v6-c-text-input-group__text--focus-within--after--BorderBottomWidth",
-      "value": "2px",
+    "c_text_input_group_BorderRadius": {
+      "name": "--pf-v6-c-text-input-group--BorderRadius",
+      "value": "6px",
       "values": [
-        "--pf-v6-global--BorderWidth--md",
-        "$pf-v5-global--BorderWidth--md",
-        "2px"
+        "--pf-t--global--border--radius--small",
+        "--pf-t--global--border--radius--200",
+        "6px"
       ]
     },
-    "c_text_input_group__text_focus_within_after_BorderBottomColor": {
-      "name": "--pf-v6-c-text-input-group__text--focus-within--after--BorderBottomColor",
-      "value": "#06c",
+    "c_text_input_group_m_hover_BorderColor": {
+      "name": "--pf-v6-c-text-input-group--m-hover--BorderColor",
+      "value": "#4394e5",
       "values": [
-        "--pf-v6-global--primary-color--100",
-        "$pf-v5-global--primary-color--100",
-        "$pf-v5-color-blue-400",
-        "#06c"
+        "--pf-t--global--border--color--hover",
+        "--pf-t--global--color--brand--100",
+        "--pf-t--color--blue--40",
+        "#4394e5"
       ]
     },
     "c_text_input_group__main_first_child_not_text_input_MarginLeft": {
       "name": "--pf-v6-c-text-input-group__main--first-child--not--text-input--MarginLeft",
-      "value": "0.5rem",
+      "value": "4px",
       "values": [
-        "--pf-v6-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_text_input_group__main_m_icon__text_input_PaddingLeft": {
       "name": "--pf-v6-c-text-input-group__main--m-icon__text-input--PaddingLeft",
-      "value": "2rem",
+      "value": "32px",
       "values": [
-        "--pf-v6-global--spacer--xl",
-        "$pf-v5-global--spacer--xl",
-        "pf-size-prem(32px)",
-        "2rem"
+        "--pf-t--global--spacer--xl",
+        "--pf-t--global--spacer--500",
+        "32px"
       ]
     },
     "c_text_input_group__main_RowGap": {
       "name": "--pf-v6-c-text-input-group__main--RowGap",
-      "value": "0.25rem",
+      "value": "4px",
       "values": [
-        "--pf-v6-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_text_input_group__main_ColumnGap": {
       "name": "--pf-v6-c-text-input-group__main--ColumnGap",
-      "value": "0.5rem",
+      "value": "4px",
       "values": [
-        "--pf-v6-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_text_input_group_c_chip_group__main_PaddingTop": {
       "name": "--pf-v6-c-text-input-group--c-chip-group__main--PaddingTop",
-      "value": "0.25rem",
+      "value": "4px",
       "values": [
-        "--pf-v6-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_text_input_group_c_chip_group__main_PaddingRight": {
       "name": "--pf-v6-c-text-input-group--c-chip-group__main--PaddingRight",
-      "value": "0.25rem",
+      "value": "4px",
       "values": [
-        "--pf-v6-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_text_input_group_c_chip_group__main_PaddingBottom": {
       "name": "--pf-v6-c-text-input-group--c-chip-group__main--PaddingBottom",
-      "value": "0.25rem",
+      "value": "4px",
       "values": [
-        "--pf-v6-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_text_input_group__text_input_PaddingTop": {
       "name": "--pf-v6-c-text-input-group__text-input--PaddingTop",
-      "value": "0.375rem",
+      "value": "8px",
       "values": [
-        "--pf-v6-global--spacer--form-element",
-        "$pf-v5-global--spacer--form-element",
-        "pf-size-prem(6px)",
-        "0.375rem"
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "8px"
       ]
     },
     "c_text_input_group__text_input_PaddingRight": {
       "name": "--pf-v6-c-text-input-group__text-input--PaddingRight",
-      "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_text_input_group__text_input_PaddingBottom": {
       "name": "--pf-v6-c-text-input-group__text-input--PaddingBottom",
-      "value": "0.375rem",
+      "value": "8px",
       "values": [
-        "--pf-v6-global--spacer--form-element",
-        "$pf-v5-global--spacer--form-element",
-        "pf-size-prem(6px)",
-        "0.375rem"
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "8px"
       ]
     },
     "c_text_input_group__text_input_PaddingLeft": {
       "name": "--pf-v6-c-text-input-group__text-input--PaddingLeft",
-      "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_text_input_group__text_input_MinWidth": {
@@ -193,46 +154,51 @@ export const c_text_input_group: {
     },
     "c_text_input_group__text_input_m_hint_Color": {
       "name": "--pf-v6-c-text-input-group__text-input--m-hint--Color",
-      "value": "#6a6e73",
+      "value": "#4d4d4d",
       "values": [
-        "--pf-v6-global--Color--200",
-        "$pf-v5-global--Color--200",
-        "$pf-v5-color-black-600",
-        "#6a6e73"
+        "--pf-t--global--text--color--placeholder",
+        "--pf-t--global--text--color--subtle",
+        "--pf-t--global--text--color--200",
+        "--pf-t--color--gray--60",
+        "#4d4d4d"
       ]
     },
     "c_text_input_group__text_input_placeholder_Color": {
       "name": "--pf-v6-c-text-input-group__text-input--placeholder--Color",
-      "value": "#6a6e73",
+      "value": "#4d4d4d",
       "values": [
-        "--pf-v6-global--Color--200",
-        "$pf-v5-global--Color--200",
-        "$pf-v5-color-black-600",
-        "#6a6e73"
+        "--pf-t--global--text--color--placeholder",
+        "--pf-t--global--text--color--subtle",
+        "--pf-t--global--text--color--200",
+        "--pf-t--color--gray--60",
+        "#4d4d4d"
       ]
     },
     "c_text_input_group__text_input_BackgroundColor": {
       "name": "--pf-v6-c-text-input-group__text-input--BackgroundColor",
       "value": "transparent"
     },
+    "c_text_input_group__text_input_OutlineOffset": {
+      "name": "--pf-v6-c-text-input-group__text-input--OutlineOffset",
+      "value": "-6px"
+    },
     "c_text_input_group__icon_Left": {
       "name": "--pf-v6-c-text-input-group__icon--Left",
-      "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_text_input_group__icon_Color": {
       "name": "--pf-v6-c-text-input-group__icon--Color",
-      "value": "#151515",
+      "value": "#1f1f1f",
       "values": [
-        "--pf-v6-global--icon--Color--dark",
-        "$pf-v5-global--icon--Color--dark",
-        "$pf-v5-color-black-900",
-        "#151515"
+        "--pf-t--global--icon--color--regular",
+        "--pf-t--global--icon--color--100",
+        "--pf-t--color--gray--90",
+        "#1f1f1f"
       ]
     },
     "c_text_input_group__icon_TranslateY": {
@@ -241,108 +207,89 @@ export const c_text_input_group: {
     },
     "c_text_input_group__utilities_child_MarginLeft": {
       "name": "--pf-v6-c-text-input-group__utilities--child--MarginLeft",
-      "value": "0.25rem",
+      "value": "4px",
       "values": [
-        "--pf-v6-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_text_input_group__utilities_c_button_PaddingRight": {
       "name": "--pf-v6-c-text-input-group__utilities--c-button--PaddingRight",
-      "value": "0.25rem",
+      "value": "4px",
       "values": [
-        "--pf-v6-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_text_input_group__utilities_c_button_PaddingLeft": {
       "name": "--pf-v6-c-text-input-group__utilities--c-button--PaddingLeft",
-      "value": "0.25rem",
+      "value": "4px",
       "values": [
-        "--pf-v6-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_text_input_group_m_disabled_Color": {
       "name": "--pf-v6-c-text-input-group--m-disabled--Color",
-      "value": "#6a6e73",
+      "value": "#4d4d4d",
       "values": [
-        "--pf-v6-global--disabled-color--100",
-        "$pf-v5-global--disabled-color--100",
-        "$pf-v5-color-black-600",
-        "#6a6e73"
+        "--pf-t--global--text--color--on-disabled",
+        "--pf-t--global--color--disabled--300",
+        "--pf-t--color--gray--60",
+        "#4d4d4d"
       ]
     },
     "c_text_input_group_m_disabled_BackgroundColor": {
       "name": "--pf-v6-c-text-input-group--m-disabled--BackgroundColor",
-      "value": "#f0f0f0",
+      "value": "#a3a3a3",
       "values": [
-        "--pf-v6-global--disabled-color--300",
-        "$pf-v5-global--disabled-color--300",
-        "$pf-v5-color-black-200",
-        "#f0f0f0"
+        "--pf-t--global--background--color--disabled--default",
+        "--pf-t--global--color--disabled--100",
+        "--pf-t--color--gray--40",
+        "#a3a3a3"
       ]
     }
   },
   ".pf-v6-c-text-input-group:hover": {
-    "c_text_input_group__text_after_BorderBottomColor": {
-      "name": "--pf-v6-c-text-input-group__text--after--BorderBottomColor",
-      "value": "#06c",
+    "c_text_input_group_BorderColor": {
+      "name": "--pf-v6-c-text-input-group--BorderColor",
+      "value": "",
       "values": [
-        "--pf-v6-c-text-input-group--hover__text--after--BorderBottomColor",
-        "--pf-v6-global--primary-color--100",
-        "$pf-v5-global--primary-color--100",
-        "$pf-v5-color-blue-400",
-        "#06c"
+        "--pf-v6-c-text-input-group--m-hover--BorderColor",
+        "--pf-t--global--border--color--hover",
+        ""
       ]
     }
   },
   ".pf-v6-c-text-input-group.pf-m-disabled": {
-    "c_text_input_group__text_before_BorderWidth": {
-      "name": "--pf-v6-c-text-input-group__text--before--BorderWidth",
-      "value": "0"
-    },
-    "c_text_input_group__text_after_BorderBottomWidth": {
-      "name": "--pf-v6-c-text-input-group__text--after--BorderBottomWidth",
-      "value": "0"
-    },
     "c_text_input_group_Color": {
       "name": "--pf-v6-c-text-input-group--Color",
-      "value": "#6a6e73",
+      "value": "",
       "values": [
         "--pf-v6-c-text-input-group--m-disabled--Color",
-        "--pf-v6-global--disabled-color--100",
-        "$pf-v5-global--disabled-color--100",
-        "$pf-v5-color-black-600",
-        "#6a6e73"
+        "--pf-t--global--text--color--on-disabled",
+        ""
       ]
     },
     "c_text_input_group__icon_Color": {
       "name": "--pf-v6-c-text-input-group__icon--Color",
-      "value": "#6a6e73",
+      "value": "",
       "values": [
         "--pf-v6-c-text-input-group--m-disabled--Color",
-        "--pf-v6-global--disabled-color--100",
-        "$pf-v5-global--disabled-color--100",
-        "$pf-v5-color-black-600",
-        "#6a6e73"
+        "--pf-t--global--text--color--on-disabled",
+        ""
       ]
     },
     "c_text_input_group_BackgroundColor": {
       "name": "--pf-v6-c-text-input-group--BackgroundColor",
-      "value": "#f0f0f0",
+      "value": "",
       "values": [
         "--pf-v6-c-text-input-group--m-disabled--BackgroundColor",
-        "--pf-v6-global--disabled-color--300",
-        "$pf-v5-global--disabled-color--300",
-        "$pf-v5-color-black-200",
-        "#f0f0f0"
+        "--pf-t--global--background--color--disabled--default",
+        ""
       ]
     }
   },
@@ -355,36 +302,12 @@ export const c_text_input_group: {
   ".pf-v6-c-text-input-group__main.pf-m-icon": {
     "c_text_input_group__text_input_PaddingLeft": {
       "name": "--pf-v6-c-text-input-group__text-input--PaddingLeft",
-      "value": "2rem",
+      "value": "32px",
       "values": [
         "--pf-v6-c-text-input-group__main--m-icon__text-input--PaddingLeft",
-        "--pf-v6-global--spacer--xl",
-        "$pf-v5-global--spacer--xl",
-        "pf-size-prem(32px)",
-        "2rem"
-      ]
-    }
-  },
-  ".pf-v6-c-text-input-group__text:focus-within": {
-    "c_text_input_group__text_after_BorderBottomWidth": {
-      "name": "--pf-v6-c-text-input-group__text--after--BorderBottomWidth",
-      "value": "2px",
-      "values": [
-        "--pf-v6-c-text-input-group__text--focus-within--after--BorderBottomWidth",
-        "--pf-v6-global--BorderWidth--md",
-        "$pf-v5-global--BorderWidth--md",
-        "2px"
-      ]
-    },
-    "c_text_input_group__text_after_BorderBottomColor": {
-      "name": "--pf-v6-c-text-input-group__text--after--BorderBottomColor",
-      "value": "#06c",
-      "values": [
-        "--pf-v6-c-text-input-group__text--focus-within--after--BorderBottomColor",
-        "--pf-v6-global--primary-color--100",
-        "$pf-v5-global--primary-color--100",
-        "$pf-v5-color-blue-400",
-        "#06c"
+        "--pf-t--global--spacer--xl",
+        "--pf-t--global--spacer--500",
+        "32px"
       ]
     }
   }