@gitlab/ui 115.7.0 → 115.9.0

package/dist/tokens/docs/tokens-tailwind-docs.dark.json

@@ -8724,6 +8724,160 @@
         "color"
       ],
       "cssWithValue": "var(--gl-dropdown-background-color, var(--gl-background-color-overlap, #28272d))"
+    },
+    "control": {
+      "default": {
+        "key": "{control.background.color.default}",
+        "$value": "rgba(05, 05, 06, 0.4)",
+        "$type": "color",
+        "$description": "Used for form control (input, radio button, checkbox, textarea) default background.",
+        "$extensions": {
+          "com.figma.scope": [
+            "FRAME_FILL",
+            "SHAPE_FILL"
+          ]
+        },
+        "filePath": "src/tokens/semantic/control.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": {
+            "default": "{color.neutral.0}",
+            "dark": "{color.alpha.dark.40}"
+          },
+          "$type": "color",
+          "$description": "Used for form control (input, radio button, checkbox, textarea) default background.",
+          "$extensions": {
+            "com.figma.scope": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ]
+          },
+          "key": "{control.background.color.default}"
+        },
+        "name": "CONTROL_BACKGROUND_COLOR_DEFAULT",
+        "attributes": {},
+        "path": [
+          "control",
+          "background",
+          "color",
+          "default"
+        ],
+        "cssWithValue": "var(--gl-control-background-color-default, var(--gl-color-neutral-0, rgba(05, 05, 06, 0.4)))"
+      },
+      "disabled": {
+        "key": "{control.background.color.disabled}",
+        "$value": "rgba(255, 255, 255, 0.04)",
+        "$type": "color",
+        "$description": "Used for disabled form control (checkbox, input, radio button, textarea) background.",
+        "$extensions": {
+          "com.figma.scope": [
+            "FRAME_FILL",
+            "SHAPE_FILL"
+          ]
+        },
+        "filePath": "src/tokens/semantic/control.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": {
+            "default": "{color.neutral.10}",
+            "dark": "{color.alpha.light.4}"
+          },
+          "$type": "color",
+          "$description": "Used for disabled form control (checkbox, input, radio button, textarea) background.",
+          "$extensions": {
+            "com.figma.scope": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ]
+          },
+          "key": "{control.background.color.disabled}"
+        },
+        "name": "CONTROL_BACKGROUND_COLOR_DISABLED",
+        "attributes": {},
+        "path": [
+          "control",
+          "background",
+          "color",
+          "disabled"
+        ],
+        "cssWithValue": "var(--gl-control-background-color-disabled, var(--gl-color-neutral-10, rgba(255, 255, 255, 0.04)))"
+      },
+      "concatenation": {
+        "key": "{control.background.color.concatenation}",
+        "$value": "rgba(255, 255, 255, 0.04)",
+        "$type": "color",
+        "$description": "Used for the background of static content that prepends or appends a text input.",
+        "$extensions": {
+          "com.figma.scope": [
+            "FRAME_FILL",
+            "SHAPE_FILL"
+          ]
+        },
+        "filePath": "src/tokens/semantic/control.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": {
+            "default": "{color.neutral.10}",
+            "dark": "{color.alpha.light.4}"
+          },
+          "$type": "color",
+          "$description": "Used for the background of static content that prepends or appends a text input.",
+          "$extensions": {
+            "com.figma.scope": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ]
+          },
+          "key": "{control.background.color.concatenation}"
+        },
+        "name": "CONTROL_BACKGROUND_COLOR_CONCATENATION",
+        "attributes": {},
+        "path": [
+          "control",
+          "background",
+          "color",
+          "concatenation"
+        ],
+        "cssWithValue": "var(--gl-control-background-color-concatenation, var(--gl-color-neutral-10, rgba(255, 255, 255, 0.04)))"
+      },
+      "readonly": {
+        "key": "{control.background.color.readonly}",
+        "$value": "rgba(255, 255, 255, 0.08)",
+        "$type": "color",
+        "$description": "Used for the background of static content that prepends or appends a text input.",
+        "$extensions": {
+          "com.figma.scope": [
+            "FRAME_FILL",
+            "SHAPE_FILL"
+          ]
+        },
+        "filePath": "src/tokens/semantic/control.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": {
+            "default": "{color.alpha.dark.2}",
+            "dark": "{color.alpha.light.8}"
+          },
+          "$type": "color",
+          "$description": "Used for the background of static content that prepends or appends a text input.",
+          "$extensions": {
+            "com.figma.scope": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ]
+          },
+          "key": "{control.background.color.readonly}"
+        },
+        "name": "CONTROL_BACKGROUND_COLOR_READONLY",
+        "attributes": {},
+        "path": [
+          "control",
+          "background",
+          "color",
+          "readonly"
+        ],
+        "cssWithValue": "var(--gl-control-background-color-readonly, var(--gl-color-alpha-dark-2, rgba(255, 255, 255, 0.08)))"
+      }
     }
   },
   "border": {
@@ -16947,6 +17101,116 @@
         "color"
       ],
       "cssWithValue": "var(--gl-dropdown-divider-color, var(--gl-border-color-default, #3a383f))"
+    },
+    "control": {
+      "default": {
+        "key": "{control.border.color.default}",
+        "$value": "#737278",
+        "$type": "color",
+        "$description": "Used for form control (input, radio button, checkbox, textarea) default border.",
+        "$extensions": {
+          "com.figma.scope": [
+            "STROKE_COLOR"
+          ]
+        },
+        "filePath": "src/tokens/semantic/control.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": {
+            "default": "{color.neutral.400}",
+            "dark": "{color.neutral.500}"
+          },
+          "$type": "color",
+          "$description": "Used for form control (input, radio button, checkbox, textarea) default border.",
+          "$extensions": {
+            "com.figma.scope": [
+              "STROKE_COLOR"
+            ]
+          },
+          "key": "{control.border.color.default}"
+        },
+        "name": "CONTROL_BORDER_COLOR_DEFAULT",
+        "attributes": {},
+        "path": [
+          "control",
+          "border",
+          "color",
+          "default"
+        ],
+        "cssWithValue": "var(--gl-control-border-color-default, var(--gl-color-neutral-400, #737278))"
+      },
+      "disabled": {
+        "key": "{control.border.color.disabled}",
+        "$value": "#3a383f",
+        "$type": "color",
+        "$description": "Used for disabled form control (input, radio button, checkbox, textarea) border.",
+        "$extensions": {
+          "com.figma.scope": [
+            "STROKE_COLOR"
+          ]
+        },
+        "filePath": "src/tokens/semantic/control.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": {
+            "default": "{color.neutral.100}",
+            "dark": "{color.neutral.800}"
+          },
+          "$type": "color",
+          "$description": "Used for disabled form control (input, radio button, checkbox, textarea) border.",
+          "$extensions": {
+            "com.figma.scope": [
+              "STROKE_COLOR"
+            ]
+          },
+          "key": "{control.border.color.disabled}"
+        },
+        "name": "CONTROL_BORDER_COLOR_DISABLED",
+        "attributes": {},
+        "path": [
+          "control",
+          "border",
+          "color",
+          "disabled"
+        ],
+        "cssWithValue": "var(--gl-control-border-color-disabled, var(--gl-color-neutral-100, #3a383f))"
+      },
+      "error": {
+        "key": "{control.border.color.error}",
+        "$value": "#f6806d",
+        "$type": "color",
+        "$description": "Used for invalid form control (input, textarea) border.",
+        "$extensions": {
+          "com.figma.scope": [
+            "STROKE_COLOR"
+          ]
+        },
+        "filePath": "src/tokens/semantic/control.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": {
+            "default": "{color.red.500}",
+            "dark": "{color.red.300}"
+          },
+          "$type": "color",
+          "$description": "Used for invalid form control (input, textarea) border.",
+          "$extensions": {
+            "com.figma.scope": [
+              "STROKE_COLOR"
+            ]
+          },
+          "key": "{control.border.color.error}"
+        },
+        "name": "CONTROL_BORDER_COLOR_ERROR",
+        "attributes": {},
+        "path": [
+          "control",
+          "border",
+          "color",
+          "error"
+        ],
+        "cssWithValue": "var(--gl-control-border-color-error, var(--gl-color-red-500, #f6806d))"
+      }
     }
   },
   "fill": {
@@ -34523,6 +34787,106 @@
         "tertiary"
       ],
       "cssWithValue": "var(--gl-text-tertiary, #737278)"
+    },
+    "control": {
+      "placeholder": {
+        "key": "{control.placeholder.color}",
+        "$value": "#89888d",
+        "$type": "color",
+        "$description": "Used for placeholder text within inputs.",
+        "$extensions": {
+          "com.figma.scope": [
+            "TEXT_FILL"
+          ]
+        },
+        "filePath": "src/tokens/semantic/control.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": "{text.color.disabled}",
+          "$type": "color",
+          "$description": "Used for placeholder text within inputs.",
+          "$extensions": {
+            "com.figma.scope": [
+              "TEXT_FILL"
+            ]
+          },
+          "key": "{control.placeholder.color}"
+        },
+        "name": "CONTROL_PLACEHOLDER_COLOR",
+        "attributes": {},
+        "path": [
+          "control",
+          "placeholder",
+          "color"
+        ],
+        "cssWithValue": "var(--gl-control-placeholder-color, var(--gl-text-color-disabled, #89888d))"
+      },
+      "error": {
+        "key": "{control.text.color.error}",
+        "$value": "#f6806d",
+        "$type": "color",
+        "$description": "Used for the helper text when the input is invalid.",
+        "$extensions": {
+          "com.figma.scope": [
+            "TEXT_FILL"
+          ]
+        },
+        "filePath": "src/tokens/semantic/control.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": "{text.color.danger}",
+          "$type": "color",
+          "$description": "Used for the helper text when the input is invalid.",
+          "$extensions": {
+            "com.figma.scope": [
+              "TEXT_FILL"
+            ]
+          },
+          "key": "{control.text.color.error}"
+        },
+        "name": "CONTROL_TEXT_COLOR_ERROR",
+        "attributes": {},
+        "path": [
+          "control",
+          "text",
+          "color",
+          "error"
+        ],
+        "cssWithValue": "var(--gl-control-text-color-error, var(--gl-text-color-danger, #f6806d))"
+      },
+      "valid": {
+        "key": "{control.text.color.valid}",
+        "$value": "#52b87a",
+        "$type": "color",
+        "$description": "Used for the helper text when the input is valid.",
+        "$extensions": {
+          "com.figma.scope": [
+            "TEXT_FILL"
+          ]
+        },
+        "filePath": "src/tokens/semantic/control.tokens.json",
+        "isSource": true,
+        "original": {
+          "$value": "{text.color.success}",
+          "$type": "color",
+          "$description": "Used for the helper text when the input is valid.",
+          "$extensions": {
+            "com.figma.scope": [
+              "TEXT_FILL"
+            ]
+          },
+          "key": "{control.text.color.valid}"
+        },
+        "name": "CONTROL_TEXT_COLOR_VALID",
+        "attributes": {},
+        "path": [
+          "control",
+          "text",
+          "color",
+          "valid"
+        ],
+        "cssWithValue": "var(--gl-control-text-color-valid, var(--gl-text-color-success, #52b87a))"
+      }
     }
   },
   "outline": {