@gitlab/ui/src/tokens/contextual/label.tokens.json

GitLab UI Components

{
  "label": {
    "light": {
      "text": {
        "color": {
          "$value": "{color.neutral.950}",
          "$type": "color",
          "$description": "Used for the label text color on a light background color.",
          "$extensions": {
            "com.figma.scope": [
              "TEXT_FILL"
            ]
          }
        }
      },
      "button": {
        "background": {
          "color": {
            "default": {
              "$value": "{color.alpha.0}",
              "$type": "color",
              "$description": "Used for the label remove button background on a light background color in the default state.",
              "$extensions": {
                "com.figma.scope": [
                  "FRAME_FILL",
                  "SHAPE_FILL"
                ]
              }
            },
            "hover": {
              "$value": "{color.neutral.950}",
              "$type": "color",
              "$description": "Used for the label remove button background on a light background color in the hover state.",
              "$extensions": {
                "com.figma.scope": [
                  "FRAME_FILL",
                  "SHAPE_FILL"
                ]
              }
            }
          }
        },
        "icon": {
          "color": {
            "default": {
              "$value": "{color.neutral.950}",
              "$type": "color",
              "$description": "Used for the label remove button icon on a light background color in the default state.",
              "$extensions": {
                "com.figma.scope": [
                  "SHAPE_FILL",
                  "TEXT_FILL"
                ]
              }
            }
          }
        }
      }
    },
    "dark": {
      "text": {
        "color": {
          "$value": "{color.neutral.0}",
          "$type": "color",
          "$description": "Used for the label text color on a dark background color.",
          "$extensions": {
            "com.figma.scope": [
              "TEXT_FILL"
            ]
          }
        }
      },
      "button": {
        "background": {
          "color": {
            "default": {
              "$value": "{color.alpha.0}",
              "$type": "color",
              "$description": "Used for the label remove button background on a dark background color in the default state.",
              "$extensions": {
                "com.figma.scope": [
                  "FRAME_FILL",
                  "SHAPE_FILL"
                ]
              }
            },
            "hover": {
              "$value": "{color.neutral.0}",
              "$type": "color",
              "$description": "Used for the label remove button background on a dark background color in the hover state.",
              "$extensions": {
                "com.figma.scope": [
                  "FRAME_FILL",
                  "SHAPE_FILL"
                ]
              }
            }
          }
        },
        "icon": {
          "color": {
            "default": {
              "$value": "{color.neutral.0}",
              "$type": "color",
              "$description": "Used for the label remove button icon on a dark background color in the default state.",
              "$extensions": {
                "com.figma.scope": [
                  "SHAPE_FILL",
                  "TEXT_FILL"
                ]
              }
            }
          }
        }
      }
    },
    "scoped": {
      "text": {
        "color": {
          "$value": {
            "default": "{color.neutral.950}",
            "dark": "{color.neutral.0}"
          },
          "$type": "color",
          "$description": "Used for the scoped label text color.",
          "$extensions": {
            "com.figma.scope": [
              "TEXT_FILL"
            ]
          }
        }
      },
      "button": {
        "background": {
          "color": {
            "hover": {
              "$value": {
                "default": "{color.neutral.950}",
                "dark": "{color.neutral.0}"
              },
              "$type": "color",
              "$description": "Used for the scoped label remove button background in the hover state.",
              "$extensions": {
                "com.figma.scope": [
                  "FRAME_FILL",
                  "SHAPE_FILL"
                ]
              }
            }
          }
        },
        "icon": {
          "color": {
            "default": {
              "$value": {
                "default": "{color.neutral.950}",
                "dark": "{color.neutral.0}"
              },
              "$type": "color",
              "$description": "Used for the scoped label remove button icon in the default state.",
              "$extensions": {
                "com.figma.scope": [
                  "SHAPE_FILL",
                  "TEXT_FILL"
                ]
              }
            },
            "hover": {
              "$value": {
                "default": "{color.neutral.0}",
                "dark": "{color.neutral.950}"
              },
              "$type": "color",
              "$description": "Used for the scoped label remove button icon in the hover state.",
              "$extensions": {
                "com.figma.scope": [
                  "SHAPE_FILL",
                  "TEXT_FILL"
                ]
              }
            }
          }
        }
      }
    }
  }
}