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

GitLab UI Components

{
  "spinner": {
    "track": {
      "color": {
        "default": {
          "$value": {
            "default": "{color.neutral.100}",
            "dark": "{color.neutral.600}"
          },
          "$type": "color",
          "$description": "Used for the static track (background) of a loading spinner.",
          "$extensions": {
            "com.figma.scope": [
              "SHAPE_FILL"
            ]
          }
        },
        "light": {
          "$value": "{color.neutral.800}",
          "$type": "color",
          "$description": "Used for the static track (background) of a loading spinner on a dark background.",
          "$extensions": {
            "com.figma.scope": [
              "SHAPE_FILL"
            ]
          }
        }
      }
    },
    "segment": {
      "color": {
        "default": {
          "$value": {
            "default": "{color.neutral.700}",
            "dark": "{color.neutral.100}"
          },
          "$type": "color",
          "$description": "Used for the animated segment of a loading spinner.",
          "$extensions": {
            "com.figma.scope": [
              "SHAPE_FILL"
            ]
          }
        },
        "light": {
          "$value": "{color.neutral.200}",
          "$type": "color",
          "$description": "Used for the animated segment of a loading spinner on a dark background.",
          "$extensions": {
            "com.figma.scope": [
              "SHAPE_FILL"
            ]
          }
        }
      }
    }
  }
}