{
  "kind": "ComponentSpec",
  "metadata": {
    "id": "tag-group-item",
    "name": "Tag Group Item"
  },
  "data": {
    "id": "tag-group-item",
    "name": "Tag Group Item",
    "schema": {
      "slots": {
        "root": {
          "properties": {
            "gap": {
              "type": "dimension"
            }
          }
        },
        "label": {
          "properties": {
            "fontSize": {
              "type": "dimension"
            },
            "lineHeight": {
              "type": "dimension"
            },
            "fontWeight": {
              "type": "number"
            },
            "color": {
              "type": "color"
            }
          }
        },
        "icon": {
          "properties": {
            "size": {
              "type": "dimension"
            },
            "color": {
              "type": "color"
            }
          }
        },
        "prefixIcon": {
          "properties": {
            "size": {
              "type": "dimension"
            },
            "color": {
              "type": "color"
            }
          }
        },
        "suffixIcon": {
          "properties": {
            "size": {
              "type": "dimension"
            },
            "color": {
              "type": "color"
            }
          }
        }
      },
      "variants": {
        "size": {
          "values": {
            "t2": {},
            "t3": {},
            "t4": {}
          },
          "defaultValue": "t2"
        },
        "weight": {
          "values": {
            "regular": {},
            "bold": {}
          },
          "defaultValue": "regular"
        },
        "tone": {
          "values": {
            "neutralSubtle": {},
            "neutral": {},
            "brand": {}
          },
          "defaultValue": "neutralSubtle"
        }
      }
    },
    "definitions": [
      {
        "variants": {},
        "definitions": [
          {
            "states": [
              "enabled"
            ],
            "slots": {
              "root": {
                "gap": {
                  "type": "dimension",
                  "value": "$dimension.x0_5"
                }
              }
            }
          }
        ]
      },
      {
        "variants": {
          "size": "t2"
        },
        "definitions": [
          {
            "states": [
              "enabled"
            ],
            "slots": {
              "label": {
                "fontSize": {
                  "type": "dimension",
                  "value": "$font-size.t2"
                },
                "lineHeight": {
                  "type": "dimension",
                  "value": "$line-height.t2"
                }
              },
              "icon": {
                "size": {
                  "type": "dimension",
                  "value": "$dimension.x3"
                }
              },
              "prefixIcon": {
                "size": {
                  "type": "dimension",
                  "value": "$dimension.x3"
                }
              },
              "suffixIcon": {
                "size": {
                  "type": "dimension",
                  "value": "$dimension.x3"
                }
              }
            }
          }
        ]
      },
      {
        "variants": {
          "size": "t3"
        },
        "definitions": [
          {
            "states": [
              "enabled"
            ],
            "slots": {
              "label": {
                "fontSize": {
                  "type": "dimension",
                  "value": "$font-size.t3"
                },
                "lineHeight": {
                  "type": "dimension",
                  "value": "$line-height.t3"
                }
              },
              "icon": {
                "size": {
                  "type": "dimension",
                  "value": {
                    "value": 13,
                    "unit": "px"
                  }
                }
              },
              "prefixIcon": {
                "size": {
                  "type": "dimension",
                  "value": {
                    "value": 13,
                    "unit": "px"
                  }
                }
              },
              "suffixIcon": {
                "size": {
                  "type": "dimension",
                  "value": {
                    "value": 13,
                    "unit": "px"
                  }
                }
              }
            }
          }
        ]
      },
      {
        "variants": {
          "size": "t4"
        },
        "definitions": [
          {
            "states": [
              "enabled"
            ],
            "slots": {
              "label": {
                "fontSize": {
                  "type": "dimension",
                  "value": "$font-size.t4"
                },
                "lineHeight": {
                  "type": "dimension",
                  "value": "$line-height.t4"
                }
              },
              "icon": {
                "size": {
                  "type": "dimension",
                  "value": "$dimension.x3_5"
                }
              },
              "prefixIcon": {
                "size": {
                  "type": "dimension",
                  "value": "$dimension.x3_5"
                }
              },
              "suffixIcon": {
                "size": {
                  "type": "dimension",
                  "value": "$dimension.x3_5"
                }
              }
            }
          }
        ]
      },
      {
        "variants": {
          "weight": "regular"
        },
        "definitions": [
          {
            "states": [
              "enabled"
            ],
            "slots": {
              "label": {
                "fontWeight": {
                  "type": "number",
                  "value": "$font-weight.regular"
                }
              }
            }
          }
        ]
      },
      {
        "variants": {
          "weight": "bold"
        },
        "definitions": [
          {
            "states": [
              "enabled"
            ],
            "slots": {
              "label": {
                "fontWeight": {
                  "type": "number",
                  "value": "$font-weight.bold"
                }
              }
            }
          }
        ]
      },
      {
        "variants": {
          "tone": "neutralSubtle"
        },
        "definitions": [
          {
            "states": [
              "enabled"
            ],
            "slots": {
              "label": {
                "color": {
                  "type": "color",
                  "value": "$color.fg.neutral-subtle"
                }
              },
              "icon": {
                "color": {
                  "type": "color",
                  "value": "$color.fg.neutral-subtle"
                }
              },
              "prefixIcon": {
                "color": {
                  "type": "color",
                  "value": "$color.fg.neutral-subtle"
                }
              },
              "suffixIcon": {
                "color": {
                  "type": "color",
                  "value": "$color.fg.neutral-subtle"
                }
              }
            }
          }
        ]
      },
      {
        "variants": {
          "tone": "neutral"
        },
        "definitions": [
          {
            "states": [
              "enabled"
            ],
            "slots": {
              "label": {
                "color": {
                  "type": "color",
                  "value": "$color.fg.neutral"
                }
              },
              "icon": {
                "color": {
                  "type": "color",
                  "value": "$color.fg.neutral"
                }
              },
              "prefixIcon": {
                "color": {
                  "type": "color",
                  "value": "$color.fg.neutral"
                }
              },
              "suffixIcon": {
                "color": {
                  "type": "color",
                  "value": "$color.fg.neutral"
                }
              }
            }
          }
        ]
      },
      {
        "variants": {
          "tone": "brand"
        },
        "definitions": [
          {
            "states": [
              "enabled"
            ],
            "slots": {
              "label": {
                "color": {
                  "type": "color",
                  "value": "$color.fg.brand"
                }
              },
              "icon": {
                "color": {
                  "type": "color",
                  "value": "$color.fg.brand"
                }
              },
              "prefixIcon": {
                "color": {
                  "type": "color",
                  "value": "$color.fg.brand"
                }
              },
              "suffixIcon": {
                "color": {
                  "type": "color",
                  "value": "$color.fg.brand"
                }
              }
            }
          }
        ]
      }
    ]
  }
}