@patternfly/react-tokens 5.0.0-alpha.4 → 5.0.0-alpha.5

package/dist/js/c_input_group.d.ts

@@ -1,108 +1,69 @@
 export const c_input_group: {
   ".pf-c-input-group": {
-    "global_Color_100": {
-      "name": "--pf-global--Color--100",
-      "value": "#151515",
-      "values": [
-        "--pf-global--Color--dark-100",
-        "$pf-global--Color--dark-100",
-        "$pf-color-black-900",
-        "#151515"
-      ]
-    },
-    "global_Color_200": {
-      "name": "--pf-global--Color--200",
-      "value": "#6a6e73",
-      "values": [
-        "--pf-global--Color--dark-200",
-        "$pf-global--Color--dark-200",
-        "$pf-color-black-600",
-        "#6a6e73"
-      ]
-    },
-    "global_BorderColor_100": {
-      "name": "--pf-global--BorderColor--100",
-      "value": "#d2d2d2",
-      "values": [
-        "--pf-global--BorderColor--dark-100",
-        "$pf-global--BorderColor--dark-100",
-        "$pf-color-black-300",
-        "#d2d2d2"
-      ]
-    },
-    "global_primary_color_100": {
-      "name": "--pf-global--primary-color--100",
-      "value": "#06c",
+    "c_input_group_child_ZIndex": {
+      "name": "--pf-c-input-group--child--ZIndex",
+      "value": "100",
       "values": [
-        "--pf-global--primary-color--dark-100",
-        "$pf-global--primary-color--dark-100",
-        "$pf-color-blue-400",
-        "#06c"
+        "--pf-global--ZIndex--xs",
+        "$pf-global--ZIndex--xs",
+        "100"
       ]
     },
-    "global_link_Color": {
-      "name": "--pf-global--link--Color",
-      "value": "#06c",
+    "c_input_group__item_offset": {
+      "name": "--pf-c-input-group__item--offset",
+      "value": "1px",
       "values": [
-        "--pf-global--link--Color--dark",
-        "$pf-global--link--Color--dark",
-        "$pf-global--primary-color--100",
-        "$pf-color-blue-400",
-        "#06c"
+        "--pf-global--BorderWidth--sm",
+        "$pf-global--BorderWidth--sm",
+        "1px"
       ]
     },
-    "global_link_Color_hover": {
-      "name": "--pf-global--link--Color--hover",
-      "value": "#004080",
+    "c_input_group__item_MarginLeft": {
+      "name": "--pf-c-input-group__item--MarginLeft",
+      "value": "calc(1px * -1)",
       "values": [
-        "--pf-global--link--Color--dark--hover",
-        "$pf-global--link--Color--dark--hover",
-        "$pf-global--primary-color--200",
-        "$pf-color-blue-500",
-        "#004080"
+        "calc(--pf-c-input-group__item--offset * -1)",
+        "calc(--pf-global--BorderWidth--sm * -1)",
+        "calc($pf-global--BorderWidth--sm * -1)",
+        "calc(1px * -1)"
       ]
     },
-    "global_BackgroundColor_100": {
-      "name": "--pf-global--BackgroundColor--100",
-      "value": "#fff",
+    "c_input_group__item_BorderWidth_base": {
+      "name": "--pf-c-input-group__item--BorderWidth--base",
+      "value": "1px",
       "values": [
-        "--pf-global--BackgroundColor--light-100",
-        "$pf-global--BackgroundColor--light-100",
-        "$pf-color-white",
-        "#fff"
+        "--pf-c-input-group__item--offset",
+        "--pf-global--BorderWidth--sm",
+        "$pf-global--BorderWidth--sm",
+        "1px"
       ]
     },
-    "c_input_group_BackgroundColor": {
-      "name": "--pf-c-input-group--BackgroundColor",
-      "value": "#fff",
+    "c_input_group__item_BorderColor_base": {
+      "name": "--pf-c-input-group__item--BorderColor--base",
+      "value": "#f0f0f0",
       "values": [
-        "--pf-global--BackgroundColor--100",
-        "$pf-global--BackgroundColor--100",
-        "$pf-color-white",
-        "#fff"
+        "--pf-global--BorderColor--300",
+        "$pf-global--BorderColor--300",
+        "$pf-color-black-200",
+        "#f0f0f0"
       ]
     },
-    "c_input_group_child_ZIndex": {
-      "name": "--pf-c-input-group--child--ZIndex",
-      "value": "100",
+    "c_input_group__item_BorderColor_accent": {
+      "name": "--pf-c-input-group__item--BorderColor--accent",
+      "value": "#8a8d90",
       "values": [
-        "--pf-global--ZIndex--xs",
-        "$pf-global--ZIndex--xs",
-        "100"
+        "--pf-global--BorderColor--200",
+        "$pf-global--BorderColor--200",
+        "$pf-color-black-500",
+        "#8a8d90"
       ]
     },
-    "c_input_group__text_FontSize": {
-      "name": "--pf-c-input-group__text--FontSize",
-      "value": "1rem",
-      "values": [
-        "--pf-global--FontSize--md",
-        "$pf-global--FontSize--md",
-        "pf-font-prem(16px)",
-        "1rem"
-      ]
+    "c_input_group__item_BackgroundColor": {
+      "name": "--pf-c-input-group__item--BackgroundColor",
+      "value": "transparent"
     },
-    "c_input_group__text_PaddingRight": {
-      "name": "--pf-c-input-group__text--PaddingRight",
+    "c_input_group__item_m_box_PaddingRight": {
+      "name": "--pf-c-input-group__item--m-box--PaddingRight",
       "value": "0.5rem",
       "values": [
         "--pf-global--spacer--sm",
@@ -111,8 +72,8 @@ export const c_input_group: {
         "0.5rem"
       ]
     },
-    "c_input_group__text_PaddingLeft": {
-      "name": "--pf-c-input-group__text--PaddingLeft",
+    "c_input_group__item_m_box_PaddingLeft": {
+      "name": "--pf-c-input-group__item--m-box--PaddingLeft",
       "value": "0.5rem",
       "values": [
         "--pf-global--spacer--sm",
@@ -121,87 +82,96 @@ export const c_input_group: {
         "0.5rem"
       ]
     },
-    "c_input_group__text_Color": {
-      "name": "--pf-c-input-group__text--Color",
-      "value": "#6a6e73",
+    "c_input_group__item_m_box_BackgroundColor": {
+      "name": "--pf-c-input-group__item--m-box--BackgroundColor",
+      "value": "#fff",
       "values": [
-        "--pf-global--Color--dark-200",
-        "$pf-global--Color--dark-200",
-        "$pf-color-black-600",
-        "#6a6e73"
+        "--pf-global--BackgroundColor--100",
+        "$pf-global--BackgroundColor--100",
+        "$pf-color-white",
+        "#fff"
       ]
     },
-    "c_input_group__text_BorderWidth": {
-      "name": "--pf-c-input-group__text--BorderWidth",
+    "c_input_group__item_m_box_BorderWidth": {
+      "name": "--pf-c-input-group__item--m-box--BorderWidth",
       "value": "1px",
       "values": [
+        "--pf-c-input-group__item--offset",
         "--pf-global--BorderWidth--sm",
         "$pf-global--BorderWidth--sm",
         "1px"
       ]
     },
-    "c_input_group__text_BorderTopColor": {
-      "name": "--pf-c-input-group__text--BorderTopColor",
+    "c_input_group__item_m_box_BorderTopColor": {
+      "name": "--pf-c-input-group__item--m-box--BorderTopColor",
       "value": "#f0f0f0",
       "values": [
+        "--pf-c-input-group__item--BorderColor--base",
         "--pf-global--BorderColor--300",
         "$pf-global--BorderColor--300",
         "$pf-color-black-200",
         "#f0f0f0"
       ]
     },
-    "c_input_group__text_BorderRightColor": {
-      "name": "--pf-c-input-group__text--BorderRightColor",
+    "c_input_group__item_m_box_BorderRightColor": {
+      "name": "--pf-c-input-group__item--m-box--BorderRightColor",
       "value": "#f0f0f0",
       "values": [
+        "--pf-c-input-group__item--BorderColor--base",
         "--pf-global--BorderColor--300",
         "$pf-global--BorderColor--300",
         "$pf-color-black-200",
         "#f0f0f0"
       ]
     },
-    "c_input_group__text_BorderBottomColor": {
-      "name": "--pf-c-input-group__text--BorderBottomColor",
+    "c_input_group__item_m_box_BorderBottomColor": {
+      "name": "--pf-c-input-group__item--m-box--BorderBottomColor",
       "value": "#8a8d90",
       "values": [
+        "--pf-c-input-group__item--BorderColor--accent",
         "--pf-global--BorderColor--200",
         "$pf-global--BorderColor--200",
         "$pf-color-black-500",
         "#8a8d90"
       ]
     },
-    "c_input_group__text_BorderLeftColor": {
-      "name": "--pf-c-input-group__text--BorderLeftColor",
+    "c_input_group__item_m_box_BorderLeftColor": {
+      "name": "--pf-c-input-group__item--m-box--BorderLeftColor",
       "value": "#f0f0f0",
       "values": [
+        "--pf-c-input-group__item--BorderColor--base",
         "--pf-global--BorderColor--300",
         "$pf-global--BorderColor--300",
         "$pf-color-black-200",
         "#f0f0f0"
       ]
     },
-    "c_input_group__text_BackgroundColor": {
-      "name": "--pf-c-input-group__text--BackgroundColor",
-      "value": "#fff",
+    "c_input_group__item_m_plain_BackgroundColor": {
+      "name": "--pf-c-input-group__item--m-plain--BackgroundColor",
+      "value": "transparent"
+    },
+    "c_input_group__text_FontSize": {
+      "name": "--pf-c-input-group__text--FontSize",
+      "value": "1rem",
       "values": [
-        "--pf-global--BackgroundColor--100",
-        "$pf-global--BackgroundColor--100",
-        "$pf-color-white",
-        "#fff"
+        "--pf-global--FontSize--md",
+        "$pf-global--FontSize--md",
+        "pf-font-prem(16px)",
+        "1rem"
       ]
     },
-    "c_input_group__textarea_MinHeight": {
-      "name": "--pf-c-input-group__textarea--MinHeight",
-      "value": "2rem",
+    "c_input_group__text_Color": {
+      "name": "--pf-c-input-group__text--Color",
+      "value": "#6a6e73",
       "values": [
-        "--pf-global--spacer--xl",
-        "$pf-global--spacer--xl",
-        "pf-size-prem(32px)",
-        "2rem"
+        "--pf-global--Color--dark-200",
+        "$pf-global--Color--dark-200",
+        "$pf-color-black-600",
+        "#6a6e73"
       ]
     },
-    "c_input_group__text_m_disabled_Color": {
-      "name": "--pf-c-input-group__text--m-disabled--Color",
+    "c_input_group__item_m_disabled__text_Color": {
+      "name": "--pf-c-input-group__item--m-disabled__text--Color",
       "value": "#6a6e73",
       "values": [
         "--pf-global--disabled-color--100",
@@ -210,8 +180,12 @@ export const c_input_group: {
         "#6a6e73"
       ]
     },
-    "c_input_group__text_m_disabled_BackgroundColor": {
-      "name": "--pf-c-input-group__text--m-disabled--BackgroundColor",
+    "c_input_group__item_m_disabled_BorderBottomColor": {
+      "name": "--pf-c-input-group__item--m-disabled--BorderBottomColor",
+      "value": "transparent"
+    },
+    "c_input_group__item_m_disabled_BackgroundColor": {
+      "name": "--pf-c-input-group__item--m-disabled--BackgroundColor",
       "value": "#f0f0f0",
       "values": [
         "--pf-global--disabled-color--300",
@@ -220,10 +194,6 @@ export const c_input_group: {
         "#f0f0f0"
       ]
     },
-    "c_input_group__text_m_disabled_BorderBottomColor": {
-      "name": "--pf-c-input-group__text--m-disabled--BorderBottomColor",
-      "value": "transparent"
-    },
     "c_input_group_c_form_control_invalid_ZIndex": {
       "name": "--pf-c-input-group--c-form-control--invalid--ZIndex",
       "value": "100",
@@ -238,48 +208,63 @@ export const c_input_group: {
       "value": "0"
     }
   },
-  ".pf-c-input-group.pf-m-plain": {
-    "c_input_group_BackgroundColor": {
-      "name": "--pf-c-input-group--BackgroundColor",
-      "value": "transparent"
+  ".pf-c-input-group__item.pf-m-box": {
+    "c_input_group__item_BackgroundColor": {
+      "name": "--pf-c-input-group__item--BackgroundColor",
+      "value": "#fff",
+      "values": [
+        "--pf-c-input-group__item--m-box--BackgroundColor",
+        "--pf-global--BackgroundColor--100",
+        "$pf-global--BackgroundColor--100",
+        "$pf-color-white",
+        "#fff"
+      ]
     }
   },
-  ".pf-c-input-group__text.pf-m-plain": {
-    "c_input_group__text_BorderWidth": {
-      "name": "--pf-c-input-group__text--BorderWidth",
+  ".pf-c-input-group__item.pf-m-plain": {
+    "c_input_group__item_MarginLeft": {
+      "name": "--pf-c-input-group__item--MarginLeft",
       "value": "0"
-    }
-  },
-  ".pf-c-input-group__text.pf-m-disabled": {
-    "c_input_group__text_Color": {
-      "name": "--pf-c-input-group__text--Color",
-      "value": "#6a6e73",
+    },
+    "c_input_group__item_BackgroundColor": {
+      "name": "--pf-c-input-group__item--BackgroundColor",
+      "value": "transparent",
       "values": [
-        "--pf-c-input-group__text--m-disabled--Color",
-        "--pf-global--disabled-color--100",
-        "$pf-global--disabled-color--100",
-        "$pf-color-black-600",
-        "#6a6e73"
+        "--pf-c-input-group__item--m-plain--BackgroundColor",
+        "transparent"
       ]
-    },
-    "c_input_group__text_BackgroundColor": {
-      "name": "--pf-c-input-group__text--BackgroundColor",
+    }
+  },
+  ".pf-c-input-group__item.pf-m-disabled": {
+    "c_input_group__item_BackgroundColor": {
+      "name": "--pf-c-input-group__item--BackgroundColor",
       "value": "#f0f0f0",
       "values": [
-        "--pf-c-input-group__text--m-disabled--BackgroundColor",
+        "--pf-c-input-group__item--m-disabled--BackgroundColor",
         "--pf-global--disabled-color--300",
         "$pf-global--disabled-color--300",
         "$pf-color-black-200",
         "#f0f0f0"
       ]
     },
-    "c_input_group__text_BorderBottomColor": {
-      "name": "--pf-c-input-group__text--BorderBottomColor",
+    "c_input_group__item_m_box_BorderBottomColor": {
+      "name": "--pf-c-input-group__item--m-box--BorderBottomColor",
       "value": "transparent",
       "values": [
-        "--pf-c-input-group__text--m-disabled--BorderBottomColor",
+        "--pf-c-input-group__item--m-disabled--BorderBottomColor",
         "transparent"
       ]
+    },
+    "c_input_group__text_Color": {
+      "name": "--pf-c-input-group__text--Color",
+      "value": "#6a6e73",
+      "values": [
+        "--pf-c-input-group__item--m-disabled__text--Color",
+        "--pf-global--disabled-color--100",
+        "$pf-global--disabled-color--100",
+        "$pf-color-black-600",
+        "#6a6e73"
+      ]
     }
   }
 };