CS_DesignToken/tokens（12-13）交付版/comp-light.json

{
  "btn": {
    "cta": {
      "s": {
        "mac-text": {
          "def": {
            "value": {
              "fill": "{color.btn.cta.text.def}",
              "typography": "{text.mac.body.s}"
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "fill": "{color.btn.cta.text.dis}",
              "typography": "{text.mac.body.s}"
            },
            "type": "composition"
          }
        },
        "bg": {
          "norm": {
            "value": {
              "height": "{sizing.24}",
              "horizontalPadding": "{spacing.base.element.8}",
              "fill": "{color.btn.cta.bg.norm}",
              "borderRadius": "{radius.base.m}",
              "itemSpacing": "{spacing.base.element.4}",
              "borderWidth": "",
              "border": ""
            },
            "type": "composition"
          },
          "hov": {
            "value": {
              "height": "{sizing.24}",
              "horizontalPadding": "{spacing.base.element.8}",
              "fill": "{color.btn.cta.bg.hov}",
              "borderRadius": "{radius.base.m}",
              "itemSpacing": "{spacing.base.element.4}",
              "borderWidth": "",
              "border": ""
            },
            "type": "composition"
          },
          "act": {
            "value": {
              "height": "{sizing.24}",
              "horizontalPadding": "{spacing.base.element.8}",
              "fill": "{color.btn.cta.bg.act}",
              "borderRadius": "{radius.base.m}",
              "itemSpacing": "{spacing.base.element.4}",
              "borderWidth": "",
              "border": ""
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "height": "{sizing.24}",
              "horizontalPadding": "{spacing.base.element.8}",
              "fill": "{color.btn.cta.bg.dis}",
              "borderRadius": "{radius.base.m}",
              "itemSpacing": "{spacing.base.element.4}",
              "borderWidth": "",
              "border": ""
            },
            "type": "composition"
          }
        },
        "win-text": {
          "def": {
            "value": {
              "fill": "{color.btn.cta.text.def}",
              "typography": "{text.win.body.s}"
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "fill": "{color.btn.cta.text.dis}",
              "typography": "{text.win.body.s}"
            },
            "type": "composition"
          }
        }
      },
      "m": {
        "mac-text": {
          "def": {
            "value": {
              "fill": "{color.btn.cta.text.def}",
              "typography": "{text.mac.body.m-base}"
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "fill": "{color.btn.cta.text.dis}",
              "typography": "{text.mac.body.m-base}"
            },
            "type": "composition"
          }
        },
        "bg": {
          "norm": {
            "value": {
              "height": "{sizing.32}",
              "horizontalPadding": "{spacing.base.element.16}",
              "fill": "{color.btn.cta.bg.norm}",
              "borderRadius": "{radius.base.m}",
              "itemSpacing": "{spacing.base.element.8}",
              "border": "",
              "borderWidth": ""
            },
            "type": "composition"
          },
          "hov": {
            "value": {
              "height": "{sizing.32}",
              "horizontalPadding": "{spacing.base.element.16}",
              "fill": "{color.btn.cta.bg.hov}",
              "borderRadius": "{radius.base.m}",
              "itemSpacing": "{spacing.base.element.8}",
              "border": "",
              "borderWidth": ""
            },
            "type": "composition"
          },
          "act": {
            "value": {
              "height": "{sizing.32}",
              "horizontalPadding": "{spacing.base.element.16}",
              "fill": "{color.btn.cta.bg.act}",
              "borderRadius": "{radius.base.m}",
              "itemSpacing": "{spacing.base.element.8}",
              "border": "",
              "borderWidth": ""
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "height": "{sizing.32}",
              "horizontalPadding": "{spacing.base.element.16}",
              "fill": "{color.btn.cta.bg.dis}",
              "borderRadius": "{radius.base.m}",
              "itemSpacing": "{spacing.base.element.8}",
              "border": "",
              "borderWidth": ""
            },
            "type": "composition"
          }
        },
        "win-text": {
          "def": {
            "value": {
              "fill": "{color.btn.cta.text.def}",
              "typography": "{text.win.body.m-base}"
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "fill": "{color.btn.cta.text.dis}",
              "typography": "{text.win.body.m-base}"
            },
            "type": "composition"
          }
        }
      },
      "l": {
        "mac-text": {
          "def": {
            "value": {
              "fill": "{color.btn.cta.text.def}",
              "typography": "{text.mac.body.l}"
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "fill": "{color.btn.cta.text.dis}",
              "typography": "{text.mac.body.l}"
            },
            "type": "composition"
          }
        },
        "bg": {
          "norm": {
            "value": {
              "height": "{sizing.40}",
              "horizontalPadding": "{spacing.base.module.24}",
              "fill": "{color.btn.cta.bg.norm}",
              "borderRadius": "{radius.base.m}",
              "itemSpacing": "{spacing.base.element.12}",
              "border": "",
              "borderWidth": ""
            },
            "type": "composition"
          },
          "hov": {
            "value": {
              "height": "{sizing.40}",
              "horizontalPadding": "{spacing.base.module.24}",
              "fill": "{color.btn.cta.bg.hov}",
              "borderRadius": "{radius.base.m}",
              "itemSpacing": "{spacing.base.element.12}",
              "border": "",
              "borderWidth": ""
            },
            "type": "composition"
          },
          "act": {
            "value": {
              "height": "{sizing.40}",
              "horizontalPadding": "{spacing.base.module.24}",
              "fill": "{color.btn.cta.bg.act}",
              "borderRadius": "{radius.base.m}",
              "itemSpacing": "{spacing.base.element.12}",
              "border": "",
              "borderWidth": ""
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "height": "{sizing.40}",
              "horizontalPadding": "{spacing.base.module.24}",
              "fill": "{color.btn.cta.bg.dis}",
              "borderRadius": "{radius.base.m}",
              "itemSpacing": "{spacing.base.element.12}",
              "border": "",
              "borderWidth": ""
            },
            "type": "composition"
          }
        },
        "win-text": {
          "def": {
            "value": {
              "fill": "{color.btn.cta.text.def}",
              "typography": "{text.win.body.l}"
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "fill": "{color.btn.cta.text.dis}",
              "typography": "{text.win.body.l}"
            },
            "type": "composition"
          }
        }
      }
    },
    "brand": {
      "s": {
        "mac-text": {
          "def": {
            "value": {
              "fill": "{color.btn.brand.text.def}",
              "typography": "{text.mac.body.s}"
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "fill": "{color.btn.brand.text.dis}",
              "typography": "{text.mac.body.s}"
            },
            "type": "composition"
          }
        },
        "bg": {
          "norm": {
            "value": {
              "height": "{sizing.24}",
              "horizontalPadding": "{spacing.base.element.8}",
              "fill": "{color.btn.brand.bg.norm}",
              "borderRadius": "{radius.base.m}",
              "itemSpacing": "{spacing.base.element.4}",
              "border": "",
              "borderWidth": ""
            },
            "type": "composition"
          },
          "hov": {
            "value": {
              "height": "{sizing.24}",
              "horizontalPadding": "{spacing.base.element.8}",
              "fill": "{color.btn.brand.bg.hov}",
              "borderRadius": "{radius.base.m}",
              "itemSpacing": "{spacing.base.element.4}",
              "border": "",
              "borderWidth": ""
            },
            "type": "composition"
          },
          "act": {
            "value": {
              "height": "{sizing.24}",
              "horizontalPadding": "{spacing.base.element.8}",
              "fill": "{color.btn.brand.bg.act}",
              "borderRadius": "{radius.base.m}",
              "itemSpacing": "{spacing.base.element.4}",
              "border": "",
              "borderWidth": ""
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "height": "{sizing.24}",
              "horizontalPadding": "{spacing.base.element.8}",
              "fill": "{color.btn.brand.bg.dis}",
              "borderRadius": "{radius.base.m}",
              "itemSpacing": "{spacing.base.element.4}",
              "border": "",
              "borderWidth": ""
            },
            "type": "composition"
          }
        },
        "win-text": {
          "def": {
            "value": {
              "fill": "{color.btn.brand.text.def}",
              "typography": "{text.win.body.s}"
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "fill": "{color.btn.brand.text.dis}",
              "typography": "{text.win.body.s}"
            },
            "type": "composition"
          }
        }
      },
      "m": {
        "mac-text": {
          "def": {
            "value": {
              "fill": "{color.btn.brand.text.def}",
              "typography": "{text.mac.body.m-base}"
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "fill": "{color.btn.brand.text.dis}",
              "typography": "{text.mac.body.m-base}"
            },
            "type": "composition"
          }
        },
        "bg": {
          "norm": {
            "value": {
              "height": "{sizing.32}",
              "horizontalPadding": "{spacing.base.element.16}",
              "fill": "{color.btn.brand.bg.norm}",
              "borderRadius": "{radius.base.m}",
              "itemSpacing": "{spacing.base.element.12}",
              "border": "",
              "borderWidth": ""
            },
            "type": "composition"
          },
          "hov": {
            "value": {
              "height": "{sizing.32}",
              "horizontalPadding": "{spacing.base.element.16}",
              "fill": "{color.btn.brand.bg.hov}",
              "borderRadius": "{radius.base.m}",
              "itemSpacing": "{spacing.base.element.8}",
              "border": "",
              "borderWidth": ""
            },
            "type": "composition"
          },
          "act": {
            "value": {
              "height": "{sizing.32}",
              "horizontalPadding": "{spacing.base.element.16}",
              "fill": "{color.btn.brand.bg.act}",
              "borderRadius": "{radius.base.m}",
              "itemSpacing": "{spacing.base.element.8}",
              "border": "",
              "borderWidth": ""
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "height": "{sizing.32}",
              "horizontalPadding": "{spacing.base.element.16}",
              "fill": "{color.btn.brand.bg.dis}",
              "borderRadius": "{radius.base.m}",
              "itemSpacing": "{spacing.base.element.8}",
              "border": "",
              "borderWidth": ""
            },
            "type": "composition"
          }
        },
        "win-text": {
          "def": {
            "value": {
              "fill": "{color.btn.brand.text.def}",
              "typography": "{text.win.body.m-base}"
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "fill": "{color.btn.brand.text.dis}",
              "typography": "{text.win.body.m-base}"
            },
            "type": "composition"
          }
        }
      },
      "l": {
        "mac-text": {
          "def": {
            "value": {
              "fill": "{color.btn.brand.text.def}",
              "typography": "{text.mac.body.l}"
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "fill": "{color.btn.brand.text.dis}",
              "typography": "{text.mac.body.l}"
            },
            "type": "composition"
          }
        },
        "bg": {
          "norm": {
            "value": {
              "height": "{sizing.40}",
              "horizontalPadding": "{spacing.base.module.24}",
              "fill": "{color.btn.brand.bg.norm}",
              "borderRadius": "{radius.base.m}",
              "itemSpacing": "{spacing.base.element.12}",
              "border": "",
              "borderWidth": ""
            },
            "type": "composition"
          },
          "hov": {
            "value": {
              "height": "{sizing.40}",
              "horizontalPadding": "{spacing.base.module.24}",
              "fill": "{color.btn.brand.bg.hov}",
              "borderRadius": "{radius.base.m}",
              "itemSpacing": "{spacing.base.element.12}",
              "border": "",
              "borderWidth": ""
            },
            "type": "composition"
          },
          "act": {
            "value": {
              "height": "{sizing.40}",
              "horizontalPadding": "{spacing.base.module.24}",
              "fill": "{color.btn.brand.bg.act}",
              "borderRadius": "{radius.base.m}",
              "itemSpacing": "{spacing.base.element.12}",
              "border": "",
              "borderWidth": ""
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "height": "{sizing.40}",
              "horizontalPadding": "{spacing.base.module.24}",
              "fill": "{color.btn.brand.bg.dis}",
              "borderRadius": "{radius.base.m}",
              "itemSpacing": "{spacing.base.element.12}",
              "border": "",
              "borderWidth": ""
            },
            "type": "composition"
          }
        },
        "win-text": {
          "def": {
            "value": {
              "fill": "{color.btn.brand.text.def}",
              "typography": "{text.win.body.l}"
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "fill": "{color.btn.brand.text.dis}",
              "typography": "{text.win.body.l}"
            },
            "type": "composition"
          }
        }
      }
    },
    "sec": {
      "s": {
        "mac-text": {
          "def": {
            "value": {
              "fill": "{color.btn.sec.text.def}",
              "typography": "{text.mac.body.s}"
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "fill": "{color.btn.sec.text.dis}",
              "typography": "{text.mac.body.s}"
            },
            "type": "composition"
          }
        },
        "bg": {
          "norm": {
            "value": {
              "height": "{sizing.24}",
              "horizontalPadding": "{spacing.base.element.8}",
              "borderRadius": "{radius.base.m}",
              "borderWidth": "{border-width.1}",
              "border": "{color.btn.sec.border-color}",
              "itemSpacing": "{spacing.base.element.4}",
              "fill": "{color.btn.sec.bg.norm}"
            },
            "type": "composition"
          },
          "hov": {
            "value": {
              "height": "{sizing.24}",
              "horizontalPadding": "{spacing.base.element.8}",
              "borderRadius": "{radius.base.m}",
              "borderWidth": "{border-width.1}",
              "border": "{color.btn.sec.border-color}",
              "itemSpacing": "{spacing.base.element.4}",
              "fill": "{color.btn.sec.bg.hov}"
            },
            "type": "composition"
          },
          "act": {
            "value": {
              "height": "{sizing.24}",
              "horizontalPadding": "{spacing.base.element.8}",
              "borderRadius": "{radius.base.m}",
              "borderWidth": "{border-width.1}",
              "border": "{color.btn.sec.border-color}",
              "fill": "{color.btn.sec.bg.act}",
              "itemSpacing": "{spacing.base.element.4}"
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "height": "{sizing.24}",
              "horizontalPadding": "{spacing.base.element.8}",
              "borderRadius": "{radius.base.m}",
              "borderWidth": "{border-width.1}",
              "border": "{color.btn.sec.border-color}",
              "fill": "{color.btn.sec.bg.dis}",
              "itemSpacing": "{spacing.base.element.4}"
            },
            "type": "composition"
          }
        },
        "win-text": {
          "def": {
            "value": {
              "fill": "{color.btn.sec.text.def}",
              "typography": "{text.win.body.s}"
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "fill": "{color.btn.sec.text.dis}",
              "typography": "{text.win.body.s}"
            },
            "type": "composition"
          }
        }
      },
      "m": {
        "mac-text": {
          "def": {
            "value": {
              "fill": "{color.btn.sec.text.def}",
              "typography": "{text.mac.body.m-base}"
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "fill": "{color.btn.sec.text.dis}",
              "typography": "{text.mac.body.m-base}"
            },
            "type": "composition"
          }
        },
        "bg": {
          "norm": {
            "value": {
              "height": "{sizing.32}",
              "horizontalPadding": "{spacing.base.element.16}",
              "borderRadius": "{radius.base.m}",
              "borderWidth": "{border-width.1}",
              "border": "{color.btn.sec.border-color}",
              "itemSpacing": "{spacing.base.element.8}",
              "fill": "{color.btn.sec.bg.norm}"
            },
            "type": "composition"
          },
          "hov": {
            "value": {
              "height": "{sizing.32}",
              "horizontalPadding": "{spacing.base.element.16}",
              "borderRadius": "{radius.base.m}",
              "borderWidth": "{border-width.1}",
              "border": "{color.btn.sec.border-color}",
              "fill": "{color.btn.sec.bg.hov}",
              "itemSpacing": "{spacing.base.element.8}"
            },
            "type": "composition"
          },
          "act": {
            "value": {
              "height": "{sizing.32}",
              "horizontalPadding": "{spacing.base.element.16}",
              "borderRadius": "{radius.base.m}",
              "borderWidth": "{border-width.1}",
              "border": "{color.btn.sec.border-color}",
              "fill": "{color.btn.sec.bg.act}",
              "itemSpacing": "{spacing.base.element.8}"
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "height": "{sizing.32}",
              "horizontalPadding": "{spacing.base.element.16}",
              "borderRadius": "{radius.base.m}",
              "borderWidth": "{border-width.1}",
              "border": "{color.btn.sec.border-color}",
              "fill": "{color.btn.sec.bg.dis}",
              "itemSpacing": "{spacing.base.element.8}"
            },
            "type": "composition"
          }
        },
        "win-text": {
          "def": {
            "value": {
              "fill": "{color.btn.sec.text.def}",
              "typography": "{text.win.body.m-base}"
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "fill": "{color.btn.sec.text.dis}",
              "typography": "{text.win.body.m-base}"
            },
            "type": "composition"
          }
        }
      },
      "l": {
        "mac-text": {
          "def": {
            "value": {
              "fill": "{color.btn.sec.text.def}",
              "typography": "{text.mac.body.l}"
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "fill": "{color.btn.sec.text.dis}",
              "typography": "{text.mac.body.l}"
            },
            "type": "composition"
          }
        },
        "bg": {
          "norm": {
            "value": {
              "height": "{sizing.40}",
              "horizontalPadding": "{spacing.base.module.24}",
              "borderRadius": "{radius.base.m}",
              "borderWidth": "{border-width.1}",
              "border": "{color.btn.sec.border-color}",
              "itemSpacing": "{spacing.base.element.12}",
              "fill": "{color.btn.sec.bg.norm}"
            },
            "type": "composition"
          },
          "hov": {
            "value": {
              "height": "{sizing.40}",
              "horizontalPadding": "{spacing.base.module.24}",
              "borderRadius": "{radius.base.m}",
              "borderWidth": "{border-width.1}",
              "border": "{color.btn.sec.border-color}",
              "fill": "{color.btn.sec.bg.hov}",
              "itemSpacing": "{spacing.base.element.12}"
            },
            "type": "composition"
          },
          "act": {
            "value": {
              "height": "{sizing.40}",
              "horizontalPadding": "{spacing.base.module.24}",
              "borderRadius": "{radius.base.m}",
              "borderWidth": "{border-width.1}",
              "border": "{color.btn.sec.border-color}",
              "fill": "{color.btn.sec.bg.act}",
              "itemSpacing": "{spacing.base.element.12}"
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "height": "{sizing.40}",
              "horizontalPadding": "{spacing.base.module.24}",
              "borderRadius": "{radius.base.m}",
              "borderWidth": "{border-width.1}",
              "border": "{color.btn.sec.border-color}",
              "fill": "{color.btn.sec.bg.dis}",
              "itemSpacing": "{spacing.base.element.12}"
            },
            "type": "composition"
          }
        },
        "win-text": {
          "def": {
            "value": {
              "fill": "{color.btn.sec.text.def}",
              "typography": "{text.win.body.l}"
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "fill": "{color.btn.sec.text.dis}",
              "typography": "{text.win.body.l}"
            },
            "type": "composition"
          }
        }
      }
    },
    "ghost": {
      "s": {
        "bg": {
          "norm": {
            "value": {
              "height": "{sizing.24}",
              "horizontalPadding": "{spacing.base.element.8}",
              "border": "{color.btn.ghost.border.norm}",
              "borderRadius": "{radius.base.m}",
              "borderWidth": "{border-width.1}",
              "itemSpacing": "",
              "fill": ""
            },
            "type": "composition"
          },
          "hov": {
            "value": {
              "height": "{sizing.24}",
              "horizontalPadding": "{spacing.base.element.8}",
              "border": "{color.btn.ghost.border.hov}",
              "borderRadius": "{radius.base.m}",
              "borderWidth": "{border-width.1}",
              "itemSpacing": "",
              "fill": ""
            },
            "type": "composition"
          },
          "act": {
            "value": {
              "height": "{sizing.24}",
              "horizontalPadding": "{spacing.base.element.8}",
              "border": "{color.btn.ghost.border.act}",
              "borderRadius": "{radius.base.m}",
              "borderWidth": "{border-width.1}",
              "itemSpacing": "",
              "fill": ""
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "height": "{sizing.24}",
              "horizontalPadding": "{spacing.base.element.8}",
              "border": "{color.btn.ghost.border.dis}",
              "borderRadius": "{radius.base.m}",
              "borderWidth": "{border-width.1}",
              "itemSpacing": "",
              "fill": ""
            },
            "type": "composition"
          }
        },
        "mac-text": {
          "norm": {
            "value": {
              "typography": "{text.mac.body.s}",
              "fill": "{color.btn.ghost.text.norm}"
            },
            "type": "composition"
          },
          "hov": {
            "value": {
              "typography": "{text.mac.body.s}",
              "fill": "{color.btn.ghost.text.hov}"
            },
            "type": "composition"
          },
          "act": {
            "value": {
              "typography": "{text.mac.body.s}",
              "fill": "{color.btn.ghost.text.act}"
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "typography": "{text.mac.body.s}",
              "fill": "{color.btn.ghost.text.dis}"
            },
            "type": "composition"
          }
        },
        "win-text": {
          "norm": {
            "value": {
              "typography": "{text.win.body.s}",
              "fill": "{color.btn.ghost.text.norm}"
            },
            "type": "composition"
          },
          "hov": {
            "value": {
              "typography": "{text.win.body.s}",
              "fill": "{color.btn.ghost.text.hov}"
            },
            "type": "composition"
          },
          "act": {
            "value": {
              "typography": "{text.win.body.s}",
              "fill": "{color.btn.ghost.text.act}"
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "typography": "{text.win.body.s}",
              "fill": "{color.btn.ghost.text.dis}"
            },
            "type": "composition"
          }
        }
      },
      "m": {
        "bg": {
          "norm": {
            "value": {
              "height": "{sizing.32}",
              "horizontalPadding": "{spacing.base.element.16}",
              "border": "{color.btn.ghost.border.norm}",
              "borderRadius": "{radius.base.m}",
              "borderWidth": "{border-width.1}",
              "itemSpacing": "",
              "fill": ""
            },
            "type": "composition"
          },
          "hov": {
            "value": {
              "height": "{sizing.32}",
              "horizontalPadding": "{spacing.base.element.16}",
              "border": "{color.btn.ghost.border.hov}",
              "borderRadius": "{radius.base.m}",
              "borderWidth": "{border-width.1}",
              "itemSpacing": "",
              "fill": ""
            },
            "type": "composition"
          },
          "act": {
            "value": {
              "height": "{sizing.32}",
              "horizontalPadding": "{spacing.base.element.16}",
              "border": "{color.btn.ghost.border.act}",
              "borderRadius": "{radius.base.m}",
              "borderWidth": "{border-width.1}",
              "itemSpacing": "",
              "fill": ""
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "height": "{sizing.32}",
              "horizontalPadding": "{spacing.base.element.16}",
              "border": "{color.btn.ghost.border.dis}",
              "borderRadius": "{radius.base.m}",
              "borderWidth": "{border-width.1}",
              "itemSpacing": "",
              "fill": ""
            },
            "type": "composition"
          }
        },
        "mac-text": {
          "norm": {
            "value": {
              "typography": "{text.mac.body.m-base}",
              "fill": "{color.btn.ghost.text.norm}"
            },
            "type": "composition"
          },
          "hov": {
            "value": {
              "typography": "{text.mac.body.m-base}",
              "fill": "{color.btn.ghost.text.hov}"
            },
            "type": "composition"
          },
          "act": {
            "value": {
              "typography": "{text.mac.body.m-base}",
              "fill": "{color.btn.ghost.text.act}"
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "typography": "{text.mac.body.m-base}",
              "fill": "{color.btn.ghost.text.dis}"
            },
            "type": "composition"
          }
        },
        "win-text": {
          "norm": {
            "value": {
              "typography": "{text.win.body.m-base}",
              "fill": "{color.btn.ghost.text.norm}"
            },
            "type": "composition"
          },
          "hov": {
            "value": {
              "typography": "{text.win.body.m-base}",
              "fill": "{color.btn.ghost.text.hov}"
            },
            "type": "composition"
          },
          "act": {
            "value": {
              "typography": "{text.win.body.m-base}",
              "fill": "{color.btn.ghost.text.act}"
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "typography": "{text.win.body.m-base}",
              "fill": "{color.btn.ghost.text.dis}"
            },
            "type": "composition"
          }
        }
      },
      "l": {
        "bg": {
          "norm": {
            "value": {
              "height": "{sizing.40}",
              "horizontalPadding": "{spacing.base.module.24}",
              "border": "{color.btn.ghost.border.norm}",
              "borderRadius": "{radius.base.m}",
              "borderWidth": "{border-width.1}",
              "itemSpacing": "",
              "fill": ""
            },
            "type": "composition"
          },
          "hov": {
            "value": {
              "height": "{sizing.40}",
              "horizontalPadding": "{spacing.base.module.24}",
              "border": "{color.btn.ghost.border.hov}",
              "borderRadius": "{radius.base.m}",
              "borderWidth": "{border-width.1}",
              "itemSpacing": "",
              "fill": ""
            },
            "type": "composition"
          },
          "act": {
            "value": {
              "height": "{sizing.40}",
              "horizontalPadding": "{spacing.base.module.24}",
              "border": "{color.btn.ghost.border.act}",
              "borderRadius": "{radius.base.m}",
              "borderWidth": "{border-width.1}",
              "itemSpacing": "",
              "fill": ""
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "height": "{sizing.40}",
              "horizontalPadding": "{spacing.base.module.24}",
              "border": "{color.btn.ghost.border.dis}",
              "borderRadius": "{radius.base.m}",
              "borderWidth": "{border-width.1}",
              "itemSpacing": "",
              "fill": ""
            },
            "type": "composition"
          }
        },
        "mac-text": {
          "norm": {
            "value": {
              "typography": "{text.mac.body.l}",
              "fill": "{color.btn.ghost.text.norm}"
            },
            "type": "composition"
          },
          "hov": {
            "value": {
              "typography": "{text.mac.body.l}",
              "fill": "{color.btn.ghost.text.hov}"
            },
            "type": "composition"
          },
          "act": {
            "value": {
              "typography": "{text.mac.body.l}",
              "fill": "{color.btn.ghost.text.act}"
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "typography": "{text.mac.body.l}",
              "fill": "{color.btn.ghost.text.dis}"
            },
            "type": "composition"
          }
        },
        "win-text": {
          "norm": {
            "value": {
              "typography": "{text.win.body.l}",
              "fill": "{color.btn.ghost.text.norm}"
            },
            "type": "composition"
          },
          "hov": {
            "value": {
              "typography": "{text.win.body.l}",
              "fill": "{color.btn.ghost.text.hov}"
            },
            "type": "composition"
          },
          "act": {
            "value": {
              "typography": "{text.win.body.l}",
              "fill": "{color.btn.ghost.text.act}"
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "typography": "{text.win.body.l}",
              "fill": "{color.btn.ghost.text.dis}"
            },
            "type": "composition"
          }
        }
      }
    },
    "link": {
      "s": {
        "bg": {
          "value": {
            "height": "{sizing.24}",
            "horizontalPadding": "{spacing.base.element.8}",
            "itemSpacing": "",
            "fill": "",
            "border": "",
            "borderRadius": "",
            "borderWidth": ""
          },
          "type": "composition"
        },
        "mac-text": {
          "norm": {
            "value": {
              "typography": "{text.mac.body.s}",
              "fill": "{color.btn.link.text.norm}"
            },
            "type": "composition"
          },
          "hov": {
            "value": {
              "typography": "{text.mac.body.s}",
              "fill": "{color.btn.link.text.hov}"
            },
            "type": "composition"
          },
          "act": {
            "value": {
              "typography": "{text.mac.body.s}",
              "fill": "{color.btn.link.text.act}"
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "typography": "{text.mac.body.s}",
              "fill": "{color.btn.link.text.dis}"
            },
            "type": "composition"
          }
        },
        "win-text": {
          "norm": {
            "value": {
              "typography": "{text.win.body.s}",
              "fill": "{color.btn.link.text.norm}"
            },
            "type": "composition"
          },
          "hov": {
            "value": {
              "typography": "{text.win.body.s}",
              "fill": "{color.btn.link.text.hov}"
            },
            "type": "composition"
          },
          "act": {
            "value": {
              "typography": "{text.win.body.s}",
              "fill": "{color.btn.link.text.act}"
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "typography": "{text.win.body.s}",
              "fill": "{color.btn.link.text.dis}"
            },
            "type": "composition"
          }
        }
      },
      "m": {
        "bg": {
          "value": {
            "height": "{sizing.32}",
            "horizontalPadding": "{spacing.base.element.16}",
            "itemSpacing": "",
            "fill": "",
            "border": "",
            "borderRadius": "",
            "borderWidth": ""
          },
          "type": "composition"
        },
        "mac-text": {
          "norm": {
            "value": {
              "typography": "{text.mac.body.m-base}",
              "fill": "{color.btn.link.text.norm}"
            },
            "type": "composition"
          },
          "hov": {
            "value": {
              "typography": "{text.mac.body.m-base}",
              "fill": "{color.btn.link.text.hov}"
            },
            "type": "composition"
          },
          "act": {
            "value": {
              "typography": "{text.mac.body.m-base}",
              "fill": "{color.btn.link.text.act}"
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "typography": "{text.mac.body.m-base}",
              "fill": "{color.btn.link.text.dis}"
            },
            "type": "composition"
          }
        },
        "win-text": {
          "norm": {
            "value": {
              "typography": "{text.win.body.m-base}",
              "fill": "{color.btn.link.text.norm}"
            },
            "type": "composition"
          },
          "hov": {
            "value": {
              "typography": "{text.win.body.m-base}",
              "fill": "{color.btn.link.text.hov}"
            },
            "type": "composition"
          },
          "act": {
            "value": {
              "typography": "{text.win.body.m-base}",
              "fill": "{color.btn.link.text.act}"
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "typography": "{text.win.body.m-base}",
              "fill": "{color.btn.link.text.dis}"
            },
            "type": "composition"
          }
        }
      },
      "l": {
        "bg": {
          "value": {
            "height": "{sizing.40}",
            "horizontalPadding": "{spacing.base.module.24}",
            "itemSpacing": "",
            "fill": "",
            "border": "",
            "borderRadius": "",
            "borderWidth": ""
          },
          "type": "composition"
        },
        "mac-text": {
          "norm": {
            "value": {
              "typography": "{text.mac.body.l}",
              "fill": "{color.btn.link.text.norm}"
            },
            "type": "composition"
          },
          "hov": {
            "value": {
              "typography": "{text.mac.body.l}",
              "fill": "{color.btn.link.text.hov}"
            },
            "type": "composition"
          },
          "act": {
            "value": {
              "typography": "{text.mac.body.l}",
              "fill": "{color.btn.link.text.act}"
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "typography": "{text.mac.body.l}",
              "fill": "{color.btn.link.text.dis}"
            },
            "type": "composition"
          }
        },
        "win-text": {
          "norm": {
            "value": {
              "typography": "{text.win.body.l}",
              "fill": "{color.btn.link.text.norm}"
            },
            "type": "composition"
          },
          "hov": {
            "value": {
              "typography": "{text.win.body.l}",
              "fill": "{color.btn.link.text.hov}"
            },
            "type": "composition"
          },
          "act": {
            "value": {
              "typography": "{text.win.body.l}",
              "fill": "{color.btn.link.text.act}"
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "typography": "{text.win.body.l}",
              "fill": "{color.btn.link.text.dis}"
            },
            "type": "composition"
          }
        }
      }
    },
    "upgrade": {
      "s": {
        "mac-text": {
          "def": {
            "value": {
              "typography": "{text.mac.body.s}",
              "fill": "{color.btn.upgrade.text.def}"
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "typography": "{text.mac.body.s}",
              "fill": "{color.btn.upgrade.text.dis}"
            },
            "type": "composition"
          }
        },
        "bg": {
          "norm": {
            "value": {
              "height": "{sizing.24}",
              "horizontalPadding": "{spacing.base.element.8}",
              "fill": "{color.btn.upgrade.bg.norm}",
              "borderRadius": "{radius.fullround-btn.s}",
              "itemSpacing": "",
              "border": "",
              "borderWidth": ""
            },
            "type": "composition"
          },
          "hov": {
            "value": {
              "height": "{sizing.24}",
              "horizontalPadding": "{spacing.base.element.8}",
              "fill": "{color.btn.upgrade.bg.hov}",
              "borderRadius": "{radius.fullround-btn.s}",
              "itemSpacing": "",
              "border": "",
              "borderWidth": ""
            },
            "type": "composition"
          },
          "act": {
            "value": {
              "height": "{sizing.24}",
              "horizontalPadding": "{spacing.base.element.8}",
              "fill": "{color.btn.upgrade.bg.act}",
              "borderRadius": "{radius.fullround-btn.s}",
              "itemSpacing": "",
              "border": "",
              "borderWidth": ""
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "height": "{sizing.24}",
              "horizontalPadding": "{spacing.base.element.8}",
              "fill": "{color.btn.upgrade.bg.dis}",
              "borderRadius": "{radius.fullround-btn.s}",
              "itemSpacing": "",
              "border": "",
              "borderWidth": ""
            },
            "type": "composition"
          }
        },
        "win-text": {
          "def": {
            "value": {
              "typography": "{text.win.body.s}",
              "fill": "{color.btn.upgrade.text.def}"
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "typography": "{text.win.body.s}",
              "fill": "{color.btn.upgrade.text.dis}"
            },
            "type": "composition"
          }
        }
      },
      "m": {
        "mac-text": {
          "def": {
            "value": {
              "typography": "{text.mac.body.m-base}",
              "fill": "{color.btn.upgrade.text.def}"
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "typography": "{text.mac.body.m-base}",
              "fill": "{color.btn.upgrade.text.dis}"
            },
            "type": "composition"
          }
        },
        "bg": {
          "norm": {
            "value": {
              "height": "{sizing.32}",
              "horizontalPadding": "{spacing.base.element.16}",
              "fill": "{color.btn.upgrade.bg.norm}",
              "borderRadius": "{radius.fullround-btn.m}",
              "itemSpacing": "",
              "border": "",
              "borderWidth": ""
            },
            "type": "composition"
          },
          "hov": {
            "value": {
              "height": "{sizing.32}",
              "horizontalPadding": "{spacing.base.element.16}",
              "fill": "{color.btn.upgrade.bg.hov}",
              "borderRadius": "{radius.fullround-btn.m}",
              "itemSpacing": "",
              "border": "",
              "borderWidth": ""
            },
            "type": "composition"
          },
          "act": {
            "value": {
              "height": "{sizing.32}",
              "horizontalPadding": "{spacing.base.element.16}",
              "fill": "{color.btn.upgrade.bg.act}",
              "borderRadius": "{radius.fullround-btn.m}",
              "itemSpacing": "",
              "border": "",
              "borderWidth": ""
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "height": "{sizing.32}",
              "horizontalPadding": "{spacing.base.element.16}",
              "fill": "{color.btn.upgrade.bg.dis}",
              "borderRadius": "{radius.fullround-btn.m}",
              "itemSpacing": "",
              "border": "",
              "borderWidth": ""
            },
            "type": "composition"
          }
        },
        "win-text": {
          "def": {
            "value": {
              "typography": "{text.win.body.m-base}",
              "fill": "{color.btn.upgrade.text.def}"
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "typography": "{text.win.body.m-base}",
              "fill": "{color.btn.upgrade.text.dis}"
            },
            "type": "composition"
          }
        }
      },
      "l": {
        "mac-text": {
          "def": {
            "value": {
              "typography": "{text.mac.body.l}",
              "fill": "{color.btn.upgrade.text.def}"
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "typography": "{text.mac.body.l}",
              "fill": "{color.btn.upgrade.text.dis}"
            },
            "type": "composition"
          }
        },
        "bg": {
          "norm": {
            "value": {
              "height": "{sizing.40}",
              "horizontalPadding": "{spacing.base.module.24}",
              "fill": "{color.btn.upgrade.bg.norm}",
              "borderRadius": "{radius.fullround-btn.l}",
              "itemSpacing": "",
              "border": "",
              "borderWidth": ""
            },
            "type": "composition"
          },
          "hov": {
            "value": {
              "height": "{sizing.40}",
              "horizontalPadding": "{spacing.base.module.24}",
              "fill": "{color.btn.upgrade.bg.hov}",
              "borderRadius": "{radius.fullround-btn.l}",
              "itemSpacing": "",
              "border": "",
              "borderWidth": ""
            },
            "type": "composition"
          },
          "act": {
            "value": {
              "height": "{sizing.40}",
              "horizontalPadding": "{spacing.base.module.24}",
              "fill": "{color.btn.upgrade.bg.act}",
              "borderRadius": "{radius.fullround-btn.l}",
              "itemSpacing": "",
              "border": "",
              "borderWidth": ""
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "height": "{sizing.40}",
              "horizontalPadding": "{spacing.base.module.24}",
              "fill": "{color.btn.upgrade.bg.dis}",
              "borderRadius": "{radius.fullround-btn.l}"
            },
            "type": "composition"
          }
        },
        "win-text": {
          "def": {
            "value": {
              "typography": "{text.win.body.l}",
              "fill": "{color.btn.upgrade.text.def}"
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "typography": "{text.win.body.l}",
              "fill": "{color.btn.upgrade.text.dis}"
            },
            "type": "composition"
          }
        }
      }
    },
    "icon-fill": {
      "m": {
        "bg": {
          "norm": {
            "value": {
              "height": "{sizing.32}",
              "horizontalPadding": "{spacing.base.element.8}",
              "fill": "{color.btn.icon-fill.bg.norm}",
              "borderRadius": "{radius.base.m}",
              "itemSpacing": "",
              "border": "",
              "borderWidth": ""
            },
            "type": "composition"
          },
          "hov": {
            "value": {
              "height": "{sizing.32}",
              "horizontalPadding": "{spacing.base.element.8}",
              "fill": "{color.btn.icon-fill.bg.hov}",
              "borderRadius": "{radius.base.m}",
              "itemSpacing": "",
              "border": "",
              "borderWidth": ""
            },
            "type": "composition"
          },
          "act": {
            "value": {
              "height": "{sizing.32}",
              "horizontalPadding": "{spacing.base.element.8}",
              "fill": "{color.btn.icon-fill.bg.act}",
              "borderRadius": "{radius.base.m}",
              "itemSpacing": "",
              "border": "",
              "borderWidth": ""
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "height": "{sizing.32}",
              "horizontalPadding": "{spacing.base.element.8}",
              "fill": "{color.btn.icon-fill.bg.dis}",
              "borderRadius": "{radius.base.m}",
              "itemSpacing": "",
              "border": "",
              "borderWidth": ""
            },
            "type": "composition"
          }
        }
      },
      "l": {
        "bg": {
          "norm": {
            "value": {
              "height": "{sizing.40}",
              "horizontalPadding": "{spacing.base.element.8}",
              "fill": "{color.btn.icon-fill.bg.norm}",
              "borderRadius": "{radius.base.m}",
              "itemSpacing": "",
              "border": "",
              "borderWidth": ""
            },
            "type": "composition"
          },
          "hov": {
            "value": {
              "height": "{sizing.40}",
              "horizontalPadding": "{spacing.base.element.8}",
              "fill": "{color.btn.icon-fill.bg.hov}",
              "borderRadius": "{radius.base.m}",
              "itemSpacing": "",
              "border": "",
              "borderWidth": ""
            },
            "type": "composition"
          },
          "act": {
            "value": {
              "height": "{sizing.40}",
              "horizontalPadding": "{spacing.base.element.8}",
              "fill": "{color.btn.icon-fill.bg.act}",
              "borderRadius": "{radius.base.m}",
              "itemSpacing": "",
              "border": "",
              "borderWidth": ""
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "height": "{sizing.40}",
              "horizontalPadding": "{spacing.base.element.8}",
              "fill": "{color.btn.icon-fill.bg.dis}",
              "borderRadius": "{radius.base.m}",
              "itemSpacing": "",
              "border": "",
              "borderWidth": ""
            },
            "type": "composition"
          }
        }
      }
    },
    "sec-icon": {
      "m": {
        "bg": {
          "norm": {
            "value": {
              "height": "{sizing.32}",
              "horizontalPadding": "{spacing.base.element.8}",
              "borderRadius": "{radius.base.m}",
              "border": "{color.btn.sec.border-color}",
              "borderWidth": "{border-width.1}",
              "fill": "{color.btn.sec.bg.norm}",
              "itemSpacing": ""
            },
            "type": "composition"
          },
          "hov": {
            "value": {
              "height": "{sizing.32}",
              "horizontalPadding": "{spacing.base.element.8}",
              "borderRadius": "{radius.base.m}",
              "border": "{color.btn.sec.border-color}",
              "borderWidth": "{border-width.1}",
              "fill": "{color.btn.sec.bg.hov}",
              "itemSpacing": ""
            },
            "type": "composition"
          },
          "act": {
            "value": {
              "height": "{sizing.32}",
              "horizontalPadding": "{spacing.base.element.8}",
              "borderRadius": "{radius.base.m}",
              "border": "{color.btn.sec.border-color}",
              "borderWidth": "{border-width.1}",
              "fill": "{color.btn.sec.bg.act}",
              "itemSpacing": ""
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "height": "{sizing.32}",
              "horizontalPadding": "{spacing.base.element.8}",
              "borderRadius": "{radius.base.m}",
              "border": "{color.btn.sec.border-color}",
              "borderWidth": "{border-width.1}",
              "fill": "{color.btn.sec.bg.dis}",
              "itemSpacing": ""
            },
            "type": "composition"
          }
        }
      },
      "l": {
        "bg": {
          "norm": {
            "value": {
              "height": "{sizing.40}",
              "horizontalPadding": "{spacing.base.element.8}",
              "borderRadius": "{radius.base.m}",
              "border": "{color.btn.sec.border-color}",
              "borderWidth": "{border-width.1}",
              "fill": "{color.btn.sec.bg.norm}",
              "itemSpacing": ""
            },
            "type": "composition"
          },
          "hov": {
            "value": {
              "height": "{sizing.40}",
              "horizontalPadding": "{spacing.base.element.8}",
              "borderRadius": "{radius.base.m}",
              "border": "{color.btn.sec.border-color}",
              "borderWidth": "{border-width.1}",
              "fill": "{color.btn.sec.bg.hov}",
              "itemSpacing": ""
            },
            "type": "composition"
          },
          "act": {
            "value": {
              "height": "{sizing.40}",
              "horizontalPadding": "{spacing.base.element.8}",
              "borderRadius": "{radius.base.m}",
              "border": "{color.btn.sec.border-color}",
              "borderWidth": "{border-width.1}",
              "fill": "{color.btn.sec.bg.act}",
              "itemSpacing": ""
            },
            "type": "composition"
          },
          "dis": {
            "value": {
              "height": "{sizing.40}",
              "horizontalPadding": "{spacing.base.element.8}",
              "borderRadius": "{radius.base.m}",
              "border": "{color.btn.sec.border-color}",
              "borderWidth": "{border-width.1}",
              "fill": "{color.btn.sec.bg.dis}",
              "itemSpacing": ""
            },
            "type": "composition"
          }
        }
      }
    }
  },
  "dropdown": {
    "s": {
      "mac-text": {
        "def": {
          "value": {
            "typography": "{text.mac.body.s}",
            "fill": "{color.sys.text.neutral.lv1}"
          },
          "type": "composition"
        },
        "sel": {
          "value": {
            "typography": "{text.mac.body.s}",
            "fill": "{color.sys.text.accent.norm}"
          },
          "type": "composition"
        },
        "dis": {
          "value": {
            "typography": "{text.mac.body.s}",
            "fill": "{color.sys.text.neutral.dis}"
          },
          "type": "composition"
        }
      },
      "bg": {
        "norm": {
          "value": {
            "height": "{sizing.24}",
            "horizontalPadding": "{spacing.base.element.4}",
            "borderRadius": "",
            "fill": ""
          },
          "type": "composition"
        },
        "hov": {
          "value": {
            "height": "{sizing.24}",
            "horizontalPadding": "{spacing.base.element.4}",
            "borderRadius": "{radius.base.m}",
            "fill": "{color.item-state.hov.bg}"
          },
          "type": "composition"
        },
        "sel": {
          "value": {
            "height": "{sizing.24}",
            "horizontalPadding": "{spacing.base.element.4}",
            "fill": "{color.item-state.sel.bg.lv1}",
            "borderRadius": "{radius.base.m}"
          },
          "type": "composition"
        },
        "dis": {
          "value": {
            "height": "{sizing.24}",
            "horizontalPadding": "{spacing.base.element.4}",
            "borderRadius": "",
            "fill": ""
          },
          "type": "composition"
        }
      },
      "win-text": {
        "def": {
          "value": {
            "typography": "{text.win.body.s}",
            "fill": "{color.sys.text.neutral.lv1}"
          },
          "type": "composition"
        },
        "sel": {
          "value": {
            "typography": "{text.win.body.s}",
            "fill": "{color.sys.text.accent.norm}"
          },
          "type": "composition"
        },
        "dis": {
          "value": {
            "typography": "{text.win.body.s}",
            "fill": "{color.sys.text.neutral.dis}"
          },
          "type": "composition"
        }
      }
    },
    "m": {
      "mac-text": {
        "def": {
          "value": {
            "typography": "{text.mac.body.m-base}",
            "fill": "{color.sys.text.neutral.lv1}"
          },
          "type": "composition"
        },
        "sel": {
          "value": {
            "typography": "{text.mac.body.m-base}",
            "fill": "{color.sys.text.accent.norm}"
          },
          "type": "composition"
        },
        "dis": {
          "value": {
            "typography": "{text.mac.body.m-base}",
            "fill": "{color.sys.text.neutral.dis}"
          },
          "type": "composition"
        }
      },
      "bg": {
        "norm": {
          "value": {
            "height": "{sizing.32}",
            "horizontalPadding": "{spacing.base.element.8}",
            "borderRadius": "",
            "fill": ""
          },
          "type": "composition"
        },
        "hov": {
          "value": {
            "height": "{sizing.32}",
            "horizontalPadding": "{spacing.base.element.8}",
            "fill": "{color.item-state.hov.bg}",
            "borderRadius": "{radius.base.m}"
          },
          "type": "composition"
        },
        "sel": {
          "value": {
            "height": "{sizing.32}",
            "horizontalPadding": "{spacing.base.element.8}",
            "borderRadius": "{radius.base.m}",
            "fill": "{color.item-state.sel.bg.lv1}"
          },
          "type": "composition"
        },
        "dis": {
          "value": {
            "height": "{sizing.32}",
            "horizontalPadding": "{spacing.base.element.8}",
            "borderRadius": "",
            "fill": ""
          },
          "type": "composition"
        }
      },
      "win-text": {
        "def": {
          "value": {
            "typography": "{text.win.body.m-base}",
            "fill": "{color.sys.text.neutral.lv1}"
          },
          "type": "composition"
        },
        "sel": {
          "value": {
            "typography": "{text.win.body.m-base}",
            "fill": "{color.sys.text.accent.norm}"
          },
          "type": "composition"
        },
        "dis": {
          "value": {
            "typography": "{text.win.body.m-base}",
            "fill": "{color.sys.text.neutral.dis}"
          },
          "type": "composition"
        }
      }
    }
  },
  "navmenu": {
    "mac-text": {
      "def": {
        "value": {
          "typography": "{text.mac.body.m-base}",
          "fill": "{color.sys.text.neutral.lv2}"
        },
        "type": "composition"
      },
      "sel": {
        "value": {
          "typography": "{text.mac.title.m-base}",
          "fill": "{color.sys.text.accent.norm}"
        },
        "type": "composition"
      }
    },
    "base": {
      "s": {
        "bg": {
          "norm": {
            "value": {
              "height": "{sizing.32}",
              "horizontalPadding": "{spacing.base.element.8}",
              "fill": "",
              "borderRadius": "",
              "itemSpacing": ""
            },
            "type": "composition"
          },
          "hov": {
            "value": {
              "height": "{sizing.32}",
              "horizontalPadding": "{spacing.base.element.8}",
              "borderRadius": "{radius.base.m}",
              "fill": "{color.item-state.hov.bg}",
              "itemSpacing": ""
            },
            "type": "composition"
          },
          "sel": {
            "value": {
              "height": "{sizing.32}",
              "horizontalPadding": "{spacing.base.element.8}",
              "borderRadius": "{radius.base.m}",
              "fill": "{color.item-state.sel.bg.lv1}",
              "itemSpacing": ""
            },
            "type": "composition"
          }
        }
      }
    },
    "has-icon": {
      "s": {
        "bg": {
          "norm": {
            "value": {
              "height": "{sizing.32}",
              "horizontalPadding": "{spacing.base.element.8}",
              "itemSpacing": "{spacing.base.element.8}",
              "borderRadius": "",
              "fill": ""
            },
            "type": "composition"
          },
          "hov": {
            "value": {
              "height": "{sizing.32}",
              "horizontalPadding": "{spacing.base.element.8}",
              "borderRadius": "{radius.base.m}",
              "itemSpacing": "{spacing.base.element.8}",
              "fill": "{color.item-state.hov.bg}"
            },
            "type": "composition"
          },
          "sel": {
            "value": {
              "height": "{sizing.32}",
              "horizontalPadding": "{spacing.base.element.8}",
              "borderRadius": "{radius.base.m}",
              "itemSpacing": "{spacing.base.element.8}",
              "fill": "{color.item-state.sel.bg.lv1}"
            },
            "type": "composition"
          }
        }
      },
      "m": {
        "bg": {
          "norm": {
            "value": {
              "height": "{sizing.40}",
              "horizontalPadding": "{spacing.base.element.16}",
              "itemSpacing": "{spacing.base.element.8}",
              "borderRadius": "",
              "fill": ""
            },
            "type": "composition"
          },
          "hov": {
            "value": {
              "height": "{sizing.40}",
              "horizontalPadding": "{spacing.base.element.16}",
              "borderRadius": "{radius.base.m}",
              "itemSpacing": "{spacing.base.element.8}",
              "fill": "{color.item-state.hov.bg}"
            },
            "type": "composition"
          },
          "sel": {
            "value": {
              "height": "{sizing.40}",
              "horizontalPadding": "{spacing.base.element.16}",
              "borderRadius": "{radius.base.m}",
              "itemSpacing": "{spacing.base.element.8}",
              "fill": "{color.item-state.sel.bg.lv1}"
            },
            "type": "composition"
          }
        }
      }
    },
    "win-text": {
      "def": {
        "value": {
          "typography": "{text.win.body.m-base}",
          "fill": "{color.sys.text.neutral.lv2}"
        },
        "type": "composition"
      },
      "sel": {
        "value": {
          "typography": "{text.win.title.m-base}",
          "fill": "{color.sys.text.accent.norm}"
        },
        "type": "composition"
      }
    }
  },
  "multi-tab": {
    "bg": {
      "norm": {
        "value": {
          "height": "{sizing.34}",
          "horizontalPadding": "{spacing.base.element.8}",
          "itemSpacing": "{spacing.base.element.8}",
          "border": "",
          "borderRadiusTopLeft": "",
          "borderRadiusTopRight": "",
          "borderWidthBottom": "",
          "fill": ""
        },
        "type": "composition"
      },
      "hov": {
        "value": {
          "height": "{sizing.34}",
          "horizontalPadding": "{spacing.base.element.8}",
          "itemSpacing": "{spacing.base.element.8}",
          "borderRadiusTopLeft": "{radius.base.m}",
          "borderRadiusTopRight": "{radius.base.m}",
          "fill": "{color.item-state.hov.bg}",
          "borderWidthBottom": "",
          "border": ""
        },
        "type": "composition"
      },
      "sel": {
        "value": {
          "height": "{sizing.34}",
          "horizontalPadding": "{spacing.base.element.8}",
          "itemSpacing": "{spacing.base.element.8}",
          "border": "{color.sys.border.neutral.lv3}",
          "borderRadiusTopLeft": "{radius.base.m}",
          "borderRadiusTopRight": "{radius.base.m}",
          "borderWidthBottom": "{border-width.1}",
          "fill": "{color.sys.layout.mg}"
        },
        "type": "composition"
      }
    },
    "mac-text": {
      "def": {
        "value": {
          "typography": "{text.mac.body.s}",
          "fill": "{color.sys.text.neutral.lv2}"
        },
        "type": "composition"
      },
      "sel": {
        "value": {
          "typography": "{text.mac.body.s}",
          "fill": "{color.sys.text.neutral.lv1}"
        },
        "type": "composition"
      }
    },
    "win-text": {
      "def": {
        "value": {
          "typography": "{text.win.body.s}",
          "fill": "{color.sys.text.neutral.lv2}"
        },
        "type": "composition"
      },
      "sel": {
        "value": {
          "typography": "{text.win.body.s}",
          "fill": "{color.sys.text.neutral.lv1}"
        },
        "type": "composition"
      }
    }
  },
  "checkbox-radio": {
    "bg": {
      "def": {
        "value": {
          "itemSpacing": "{spacing.base.element.8}"
        },
        "type": "composition"
      }
    },
    "mac-text": {
      "def": {
        "value": {
          "typography": "{text.mac.body.m-base}",
          "fill": "{color.sys.text.neutral.lv1}"
        },
        "type": "composition"
      },
      "dis": {
        "value": {
          "typography": "{text.mac.body.m-base}",
          "fill": "{color.sys.text.neutral.dis}"
        },
        "type": "composition"
      }
    },
    "win-text": {
      "def": {
        "value": {
          "typography": "{text.win.body.m-base}",
          "fill": "{color.sys.text.neutral.lv1}"
        },
        "type": "composition"
      },
      "dis": {
        "value": {
          "typography": "{text.win.body.m-base}",
          "fill": "{color.sys.text.neutral.dis}"
        },
        "type": "composition"
      }
    }
  },
  "input": {
    "m": {
      "mac-text": {
        "act": {
          "value": {
            "typography": "{text.mac.body.m-base}",
            "fill": "{color.field.text.act}"
          },
          "type": "composition"
        },
        "placeholder": {
          "value": {
            "typography": "{text.mac.body.m-base}",
            "fill": "{color.field.text.placeholder}"
          },
          "type": "composition"
        },
        "dis": {
          "value": {
            "typography": "{text.mac.body.m-base}",
            "fill": "{color.field.text.dis}"
          },
          "type": "composition"
        }
      },
      "bg": {
        "norm": {
          "value": {
            "height": "{sizing.32}",
            "horizontalPadding": "{spacing.base.element.8}",
            "border": "{color.field.border.norm}",
            "borderRadius": "{radius.base.m}",
            "borderWidth": "{border-width.1}",
            "fill": "{color.field.bg.def}",
            "boxShadow": "",
            "itemSpacing": ""
          },
          "type": "composition"
        },
        "hov": {
          "value": {
            "height": "{sizing.32}",
            "horizontalPadding": "{spacing.base.element.8}",
            "border": "{color.field.border.hov}",
            "borderRadius": "{radius.base.m}",
            "borderWidth": "{border-width.1}",
            "fill": "{color.field.bg.def}",
            "boxShadow": "",
            "itemSpacing": ""
          },
          "type": "composition"
        },
        "focus": {
          "value": {
            "height": "{sizing.32}",
            "horizontalPadding": "{spacing.base.element.8}",
            "border": "{color.field.border.focus}",
            "borderRadius": "{radius.base.m}",
            "borderWidth": "{border-width.1}",
            "boxShadow": "{shadow.blue-0-4}",
            "fill": "{color.field.bg.def}",
            "itemSpacing": "{spacing.base.element.8}"
          },
          "type": "composition"
        },
        "dis": {
          "value": {
            "height": "{sizing.32}",
            "horizontalPadding": "{spacing.base.element.8}",
            "border": "{color.field.border.dis}",
            "borderRadius": "{radius.base.m}",
            "borderWidth": "{border-width.1}",
            "fill": "{color.field.bg.dis}",
            "boxShadow": "",
            "itemSpacing": ""
          },
          "type": "composition"
        },
        "error-def": {
          "value": {
            "height": "{sizing.32}",
            "horizontalPadding": "{spacing.base.element.8}",
            "border": "{color.sys.border.error}",
            "borderRadius": "{radius.base.m}",
            "borderWidth": "{border-width.1}",
            "fill": "{color.field.bg.def}",
            "boxShadow": "",
            "itemSpacing": ""
          },
          "type": "composition"
        },
        "error-focus": {
          "value": {
            "height": "{sizing.32}",
            "horizontalPadding": "{spacing.base.element.8}",
            "border": "{color.sys.border.error}",
            "borderRadius": "{radius.base.m}",
            "borderWidth": "{border-width.1}",
            "fill": "{color.field.bg.def}",
            "boxShadow": "{shadow.error.s}",
            "itemSpacing": ""
          },
          "type": "composition"
        }
      },
      "win-text": {
        "act": {
          "value": {
            "typography": "{text.win.body.m-base}",
            "fill": "{color.field.text.act}"
          },
          "type": "composition"
        },
        "placeholder": {
          "value": {
            "typography": "{text.win.body.m-base}",
            "fill": "{color.field.text.placeholder}"
          },
          "type": "composition"
        },
        "dis": {
          "value": {
            "typography": "{text.win.body.m-base}",
            "fill": "{color.field.text.dis}"
          },
          "type": "composition"
        }
      }
    },
    "tips": {
      "mac-text": {
        "norm": {
          "value": {
            "typography": "{text.mac.body.s}",
            "fill": "{color.field.text.tips}"
          },
          "type": "composition"
        },
        "error": {
          "value": {
            "typography": "{text.mac.body.s}",
            "fill": "{color.field.text.tips-error}"
          },
          "type": "composition"
        }
      },
      "item-spacing": {
        "value": {
          "itemSpacing": "{spacing.base.element.2}"
        },
        "type": "composition"
      },
      "win-text": {
        "norm": {
          "value": {
            "typography": "{text.win.body.s}",
            "fill": "{color.field.text.tips}"
          },
          "type": "composition"
        },
        "error": {
          "value": {
            "typography": "{text.win.body.s}",
            "fill": "{color.field.text.tips-error}"
          },
          "type": "composition"
        }
      }
    },
    "s": {
      "mac-text": {
        "act": {
          "value": {
            "typography": "{text.mac.body.s}",
            "fill": "{color.field.text.act}"
          },
          "type": "composition"
        },
        "placeholder": {
          "value": {
            "typography": "{text.mac.body.s}",
            "fill": "{color.field.text.placeholder}"
          },
          "type": "composition"
        },
        "dis": {
          "value": {
            "typography": "{text.mac.body.s}",
            "fill": "{color.field.text.dis}"
          },
          "type": "composition"
        }
      },
      "bg": {
        "norm": {
          "value": {
            "height": "{sizing.24}",
            "horizontalPadding": "{spacing.base.element.8}",
            "border": "{color.field.border.norm}",
            "borderRadius": "{radius.base.m}",
            "borderWidth": "{border-width.1}",
            "fill": "{color.field.bg.def}",
            "itemSpacing": "",
            "boxShadow": ""
          },
          "type": "composition"
        },
        "hov": {
          "value": {
            "height": "{sizing.24}",
            "horizontalPadding": "{spacing.base.element.8}",
            "border": "{color.field.border.hov}",
            "borderRadius": "{radius.base.m}",
            "borderWidth": "{border-width.1}",
            "fill": "{color.field.bg.def}",
            "itemSpacing": "",
            "boxShadow": ""
          },
          "type": "composition"
        },
        "focus": {
          "value": {
            "height": "{sizing.24}",
            "horizontalPadding": "{spacing.base.element.8}",
            "border": "{color.field.border.focus}",
            "borderRadius": "{radius.base.m}",
            "borderWidth": "{border-width.1}",
            "boxShadow": "{shadow.blue-0-4}",
            "fill": "{color.field.bg.def}",
            "itemSpacing": "{spacing.base.element.8}"
          },
          "type": "composition"
        },
        "dis": {
          "value": {
            "height": "{sizing.24}",
            "horizontalPadding": "{spacing.base.element.8}",
            "border": "{color.field.border.norm}",
            "borderRadius": "{radius.base.m}",
            "borderWidth": "{border-width.1}",
            "fill": "{color.field.bg.dis}",
            "itemSpacing": "",
            "boxShadow": ""
          },
          "type": "composition"
        },
        "error-def": {
          "value": {
            "height": "{sizing.24}",
            "horizontalPadding": "{spacing.base.element.8}",
            "border": "{color.sys.border.error}",
            "borderRadius": "{radius.base.m}",
            "borderWidth": "{border-width.1}",
            "fill": "{color.field.bg.def}",
            "itemSpacing": "",
            "boxShadow": ""
          },
          "type": "composition"
        },
        "error-focus": {
          "value": {
            "height": "{sizing.24}",
            "horizontalPadding": "{spacing.base.element.8}",
            "border": "{color.sys.border.error}",
            "borderRadius": "{radius.base.m}",
            "borderWidth": "{border-width.1}",
            "fill": "{color.field.bg.def}",
            "boxShadow": "{shadow.error.s}",
            "itemSpacing": ""
          },
          "type": "composition"
        }
      },
      "win-text": {
        "act": {
          "value": {
            "typography": "{text.win.body.s}",
            "fill": "{color.field.text.act}"
          },
          "type": "composition"
        },
        "placeholder": {
          "value": {
            "typography": "{text.win.body.s}",
            "fill": "{color.field.text.placeholder}"
          },
          "type": "composition"
        },
        "dis": {
          "value": {
            "typography": "{text.win.body.s}",
            "fill": "{color.field.text.dis}"
          },
          "type": "composition"
        }
      }
    }
  },
  "pagination": {
    "simple": {
      "bg": {
        "value": {
          "fill": "{color.sys.layout.dark.bg}",
          "borderRadius": "{radius.base.m}",
          "horizontalPadding": "{spacing.base.element.16}",
          "height": "{sizing.32}",
          "border": ""
        },
        "type": "composition"
      },
      "mac-text": {
        "value": {
          "typography": "{text.mac.body.m-base}",
          "fill": "{color.sys.text.anti.norm}"
        },
        "type": "composition"
      },
      "win-text": {
        "value": {
          "typography": "{text.win.body.m-base}",
          "fill": "{color.sys.text.anti.norm}"
        },
        "type": "composition"
      }
    },
    "multiple": {
      "bg": {
        "value": {
          "borderRadius": "{radius.base.m}",
          "horizontalPadding": "{spacing.base.element.4}",
          "border": "{color.field.border.norm}",
          "height": "{sizing.24}",
          "fill": ""
        },
        "type": "composition"
      },
      "mac-text": {
        "value": {
          "typography": "{text.mac.body.s}",
          "fill": "{color.sys.text.neutral.lv1}"
        },
        "type": "composition"
      },
      "win-text": {
        "value": {
          "typography": "{text.win.body.s}",
          "fill": "{color.sys.text.neutral.lv1}"
        },
        "type": "composition"
      },
      "item-spacing": {
        "value": {
          "itemSpacing": "{spacing.base.element.8}"
        },
        "type": "composition"
      }
    }
  },
  "select": {
    "s": {
      "bg": {
        "norm": {
          "value": {
            "height": "{sizing.24}",
            "horizontalPadding": "{spacing.base.element.8}",
            "border": "{color.field.border.norm}",
            "borderRadius": "{radius.base.m}",
            "borderWidth": "{border-width.1}",
            "fill": "{color.field.bg.def}",
            "itemSpacing": "{spacing.base.element.8}",
            "boxShadow": ""
          },
          "type": "composition"
        },
        "hov": {
          "value": {
            "height": "{sizing.24}",
            "horizontalPadding": "{spacing.base.element.8}",
            "border": "{color.field.border.hov}",
            "borderRadius": "{radius.base.m}",
            "borderWidth": "{border-width.1}",
            "fill": "{color.field.bg.def}",
            "itemSpacing": "{spacing.base.element.8}",
            "boxShadow": ""
          },
          "type": "composition"
        },
        "focus": {
          "value": {
            "height": "{sizing.24}",
            "horizontalPadding": "{spacing.base.element.8}",
            "border": "{color.field.border.focus}",
            "borderRadius": "{radius.base.m}",
            "borderWidth": "{border-width.1}",
            "boxShadow": "{shadow.blue-0-4}",
            "fill": "{color.field.bg.def}",
            "itemSpacing": "{spacing.base.element.8}"
          },
          "type": "composition"
        },
        "dis": {
          "value": {
            "height": "{sizing.24}",
            "horizontalPadding": "{spacing.base.element.8}",
            "border": "{color.field.border.dis}",
            "borderRadius": "{radius.base.m}",
            "borderWidth": "{border-width.1}",
            "fill": "{color.field.bg.dis}",
            "itemSpacing": "{spacing.base.element.8}",
            "boxShadow": ""
          },
          "type": "composition"
        }
      },
      "mac-text": {
        "act": {
          "value": {
            "typography": "{text.mac.body.s}",
            "fill": "{color.field.text.act}"
          },
          "type": "composition"
        },
        "placeholder": {
          "value": {
            "typography": "{text.mac.body.s}",
            "fill": "{color.field.text.placeholder}"
          },
          "type": "composition"
        },
        "dis": {
          "value": {
            "typography": "{text.mac.body.s}",
            "fill": "{color.field.text.dis}"
          },
          "type": "composition"
        }
      },
      "win-text": {
        "act": {
          "value": {
            "typography": "{text.win.body.s}",
            "fill": "{color.field.text.act}"
          },
          "type": "composition"
        },
        "placeholder": {
          "value": {
            "typography": "{text.win.body.s}",
            "fill": "{color.field.text.placeholder}"
          },
          "type": "composition"
        },
        "dis": {
          "value": {
            "typography": "{text.win.body.s}",
            "fill": "{color.field.text.dis}"
          },
          "type": "composition"
        }
      }
    },
    "m": {
      "bg": {
        "norm": {
          "value": {
            "height": "{sizing.32}",
            "horizontalPadding": "{spacing.base.element.8}",
            "border": "{color.field.border.norm}",
            "borderRadius": "{radius.base.m}",
            "borderWidth": "{border-width.1}",
            "fill": "{color.field.bg.def}",
            "itemSpacing": "{spacing.base.element.8}",
            "boxShadow": ""
          },
          "type": "composition"
        },
        "hov": {
          "value": {
            "height": "{sizing.32}",
            "horizontalPadding": "{spacing.base.element.8}",
            "border": "{color.field.border.hov}",
            "borderRadius": "{radius.base.m}",
            "borderWidth": "{border-width.1}",
            "fill": "{color.field.bg.def}",
            "itemSpacing": "{spacing.base.element.8}",
            "boxShadow": ""
          },
          "type": "composition"
        },
        "focus": {
          "value": {
            "height": "{sizing.32}",
            "horizontalPadding": "{spacing.base.element.8}",
            "border": "{color.field.border.focus}",
            "borderRadius": "{border-radius.4}",
            "borderWidth": "{border-width.1}",
            "boxShadow": "{shadow.blue-0-4}",
            "fill": "{color.field.bg.def}",
            "itemSpacing": "{spacing.base.element.8}"
          },
          "type": "composition"
        },
        "dis": {
          "value": {
            "height": "{sizing.32}",
            "horizontalPadding": "{spacing.base.element.8}",
            "border": "{color.field.border.dis}",
            "borderRadius": "{radius.base.m}",
            "borderWidth": "{border-width.1}",
            "fill": "{color.field.bg.dis}",
            "itemSpacing": "{spacing.base.element.8}",
            "boxShadow": ""
          },
          "type": "composition"
        }
      },
      "mac-text": {
        "act": {
          "value": {
            "typography": "{text.mac.body.m-base}",
            "fill": "{color.field.text.act}"
          },
          "type": "composition"
        },
        "placeholder": {
          "value": {
            "typography": "{text.mac.body.m-base}",
            "fill": "{color.field.text.placeholder}"
          },
          "type": "composition"
        },
        "dis": {
          "value": {
            "typography": "{text.mac.body.m-base}",
            "fill": "{color.field.text.dis}"
          },
          "type": "composition"
        }
      },
      "win-text": {
        "act": {
          "value": {
            "typography": "{text.win.body.m-base}",
            "fill": "{color.field.text.act}"
          },
          "type": "composition"
        },
        "placeholder": {
          "value": {
            "typography": "{text.win.body.m-base}",
            "fill": "{color.field.text.placeholder}"
          },
          "type": "composition"
        },
        "dis": {
          "value": {
            "typography": "{text.win.body.m-base}",
            "fill": "{color.field.text.dis}"
          },
          "type": "composition"
        }
      }
    },
    "simple": {
      "bg": {
        "value": {
          "height": "{sizing.24}",
          "horizontalPadding": "{spacing.base.element.8}",
          "border": "",
          "borderRadius": "",
          "borderWidth": "",
          "boxShadow": "",
          "itemSpacing": "",
          "fill": ""
        },
        "type": "composition"
      },
      "mac-text": {
        "value": {
          "typography": "{text.mac.body.s}",
          "fill": "{color.field.text.act}"
        },
        "type": "composition"
      },
      "win-text": {
        "value": {
          "typography": "{text.win.body.s}",
          "fill": "{color.field.text.act}"
        },
        "type": "composition"
      }
    }
  },
  "slider": {
    "knob": {
      "norm": {
        "value": {
          "sizing": "{sizing.14}",
          "fill": "{color.slider.knob.norm}",
          "borderRadius": "{radius.base.l}",
          "border": "{color.slider.knob.border}",
          "borderWidth": "{border-width.2}",
          "boxShadow": "{shadow.neutral.s}"
        },
        "type": "composition"
      },
      "dis": {
        "value": {
          "sizing": "{sizing.14}",
          "fill": "{color.slider.knob.dis}",
          "borderRadius": "{radius.base.l}",
          "border": "{color.slider.knob.border}",
          "borderWidth": "{border-width.2}",
          "boxShadow": "{shadow.neutral.s}"
        },
        "type": "composition"
      }
    },
    "track": {
      "norm": {
        "value": {
          "height": "{sizing.4}",
          "fill": "{color.slider.track.norm}",
          "borderRadius": "{radius.base.s}"
        },
        "type": "composition"
      },
      "dis": {
        "value": {
          "height": "{sizing.4}",
          "fill": "{color.slider.track.dis}",
          "borderRadius": "{radius.base.s}"
        },
        "type": "composition"
      }
    },
    "track-filled": {
      "norm": {
        "value": {
          "height": "{sizing.4}",
          "fill": "{color.slider.track-filled.norm}",
          "borderRadius": "{radius.base.s}"
        },
        "type": "composition"
      },
      "dis": {
        "value": {
          "height": "{sizing.4}",
          "fill": "{color.slider.track-filled.dis}",
          "borderRadius": "{radius.base.s}"
        },
        "type": "composition"
      }
    }
  },
  "stepper": {
    "item-spacing": {
      "value": {
        "itemSpacing": "{spacing.base.element.8}"
      },
      "type": "composition"
    },
    "mac-text": {
      "def": {
        "value": {
          "typography": "{text.mac.body.m-base}",
          "fill": "{color.field.text.act}"
        },
        "type": "composition"
      },
      "dis": {
        "value": {
          "typography": "{text.mac.body.m-base}",
          "fill": "{color.field.text.dis}"
        },
        "type": "composition"
      }
    },
    "bg": {
      "norm": {
        "value": {
          "height": "{sizing.32}",
          "paddingLeft": "{spacing.base.element.8}",
          "border": "{color.field.border.norm}",
          "borderRadius": "{radius.base.m}",
          "borderWidth": "{border-width.1}",
          "paddingRight": "{spacing.base.element.1}",
          "fill": "{color.field.bg.def}",
          "boxShadow": ""
        },
        "type": "composition"
      },
      "hov": {
        "value": {
          "height": "{sizing.32}",
          "paddingLeft": "{spacing.base.element.8}",
          "border": "{color.field.border.hov}",
          "borderRadius": "{radius.base.m}",
          "borderWidth": "{border-width.1}",
          "paddingRight": "{spacing.base.element.1}",
          "fill": "{color.field.bg.def}",
          "boxShadow": ""
        },
        "type": "composition"
      },
      "focus": {
        "value": {
          "height": "{sizing.32}",
          "paddingLeft": "{spacing.base.element.8}",
          "border": "{color.field.border.focus}",
          "borderRadius": "{radius.base.m}",
          "borderWidth": "{border-width.1}",
          "paddingRight": "{spacing.base.element.1}",
          "boxShadow": "{shadow.accent.s}",
          "fill": "{color.field.bg.def}"
        },
        "type": "composition"
      },
      "dis": {
        "value": {
          "height": "{sizing.32}",
          "paddingLeft": "{spacing.base.element.8}",
          "border": "{color.field.border.dis}",
          "borderRadius": "{radius.base.m}",
          "borderWidth": "{border-width.1}",
          "paddingRight": "{spacing.base.element.1}",
          "fill": "{color.field.bg.dis}",
          "boxShadow": ""
        },
        "type": "composition"
      }
    },
    "arrow": {
      "bg": {
        "def": {
          "value": {
            "height": "{sizing.14}",
            "fill": ""
          },
          "type": "composition"
        },
        "hov": {
          "value": {
            "height": "{sizing.14}",
            "fill": "{color.item-state.hov.bg}"
          },
          "type": "composition"
        }
      }
    },
    "win-text": {
      "def": {
        "value": {
          "typography": "{text.win.body.m-base}",
          "fill": "{color.field.text.act}"
        },
        "type": "composition"
      },
      "dis": {
        "value": {
          "typography": "{text.win.body.m-base}",
          "fill": "{color.field.text.dis}"
        },
        "type": "composition"
      }
    }
  },
  "badge": {
    "dot": {
      "value": {
        "sizing": "{sizing.8}",
        "fill": "{color.badge.red.bg}"
      },
      "type": "composition"
    },
    "text": {
      "bg": {
        "value": {
          "fill": "{color.badge.red.bg}",
          "horizontalPadding": "{spacing.base.element.6}",
          "height": "{sizing.20}",
          "borderRadius": "{radius.fullround-btn.xs}"
        },
        "type": "composition"
      },
      "mac-text": {
        "value": {
          "typography": "{text.mac.body.s}",
          "fill": "{color.sys.text.anti.norm}"
        },
        "type": "composition"
      },
      "win-text": {
        "value": {
          "typography": "{text.win.body.s}",
          "fill": "{color.sys.text.anti.norm}"
        },
        "type": "composition"
      }
    }
  },
  "card": {
    "has-desc": {
      "bg": {
        "norm": {
          "value": {
            "height": "{sizing.116}",
            "horizontalPadding": "{spacing.base.element.16}",
            "border": "{color.sys.border.neutral.lv3}",
            "borderRadius": "{radius.base.l}",
            "borderWidth": "{border-width.1}",
            "itemSpacing": "{spacing.base.element.8}",
            "fill": "",
            "boxShadow": ""
          },
          "type": "composition"
        },
        "hov": {
          "value": {
            "height": "{sizing.116}",
            "horizontalPadding": "{spacing.base.element.16}",
            "border": "{color.sys.border.accent.lv2}",
            "borderRadius": "{radius.base.l}",
            "borderWidth": "{border-width.1}",
            "itemSpacing": "{spacing.base.element.8}",
            "fill": "",
            "boxShadow": ""
          },
          "type": "composition"
        },
        "sel": {
          "value": {
            "height": "{sizing.116}",
            "horizontalPadding": "{spacing.base.element.16}",
            "border": "{color.item-state.sel.border.lv3}",
            "borderRadius": "{radius.base.l}",
            "borderWidth": "{border-width.1}",
            "fill": "{color.item-state.sel.bg.lv3}",
            "itemSpacing": "{spacing.base.element.8}",
            "boxShadow": ""
          },
          "type": "composition"
        },
        "none": {
          "value": {
            "height": "{sizing.116}",
            "horizontalPadding": "{spacing.base.element.16}",
            "border": "{color.item-state.sel.border.lv3}",
            "borderRadius": "{radius.base.l}",
            "borderWidth": "{border-width.1}",
            "fill": "{color.sys.layout.mg}",
            "itemSpacing": "{spacing.base.element.8}",
            "boxShadow": ""
          },
          "type": "composition"
        },
        "custom": {
          "value": {
            "height": "{sizing.116}",
            "horizontalPadding": "{spacing.base.element.16}",
            "border": "{color.sys.border.accent.lv2}",
            "borderRadius": "{radius.base.l}",
            "borderWidth": "{border-width.1}",
            "fill": "{color.sys.layout.mg}",
            "itemSpacing": "{spacing.base.element.8}",
            "boxShadow": ""
          },
          "type": "composition"
        },
        "move": {
          "value": {
            "height": "{sizing.116}",
            "horizontalPadding": "{spacing.base.element.16}",
            "border": "{color.item-state.sel.border.lv3}",
            "borderRadius": "{radius.base.l}",
            "borderWidth": "{border-width.1}",
            "itemSpacing": "{spacing.base.element.8}",
            "fill": "{color.sys.layout.fg.light}",
            "boxShadow": "{shadow.neutral.m}"
          },
          "type": "composition"
        },
        "change": {
          "value": {
            "height": "{sizing.116}",
            "horizontalPadding": "{spacing.base.element.16}",
            "border": "{color.sys.border.accent.lv2}",
            "borderRadius": "{radius.base.l}",
            "borderWidth": "{border-width.2}",
            "itemSpacing": "{spacing.base.element.8}",
            "fill": "{color.item-state.sel.bg.lv3}",
            "boxShadow": ""
          },
          "type": "composition"
        }
      }
    },
    "simple": {
      "bg": {
        "norm": {
          "value": {
            "height": "{sizing.68}",
            "horizontalPadding": "{spacing.base.element.16}",
            "border": "{color.sys.border.neutral.lv3}",
            "borderRadius": "{radius.base.l}",
            "borderWidth": "{border-width.1}",
            "itemSpacing": "{spacing.base.element.8}",
            "fill": "",
            "boxShadow": ""
          },
          "type": "composition"
        },
        "hov": {
          "value": {
            "height": "{sizing.68}",
            "horizontalPadding": "{spacing.base.element.16}",
            "border": "{color.sys.border.accent.lv2}",
            "borderRadius": "{radius.base.l}",
            "borderWidth": "{border-width.1}",
            "itemSpacing": "{spacing.base.element.8}",
            "fill": "",
            "boxShadow": ""
          },
          "type": "composition"
        },
        "none": {
          "value": {
            "height": "{sizing.68}",
            "horizontalPadding": "{spacing.base.element.16}",
            "border": "{color.item-state.sel.border.lv3}",
            "borderRadius": "{radius.base.l}",
            "borderWidth": "{border-width.1}",
            "fill": "{color.sys.layout.mg}",
            "itemSpacing": "{spacing.base.element.8}",
            "boxShadow": ""
          },
          "type": "composition"
        },
        "sel": {
          "value": {
            "height": "{sizing.68}",
            "horizontalPadding": "{spacing.base.element.16}",
            "border": "{color.item-state.sel.border.lv3}",
            "borderRadius": "{radius.base.l}",
            "borderWidth": "{border-width.1}",
            "fill": "{color.item-state.sel.bg.lv3}",
            "itemSpacing": "{spacing.base.element.8}",
            "boxShadow": ""
          },
          "type": "composition"
        },
        "custom": {
          "value": {
            "height": "{sizing.68}",
            "horizontalPadding": "{spacing.base.element.16}",
            "border": "{color.sys.border.accent.lv2}",
            "borderRadius": "{radius.base.l}",
            "borderWidth": "{border-width.1}",
            "fill": "{color.sys.layout.mg}",
            "itemSpacing": "{spacing.base.element.8}",
            "boxShadow": ""
          },
          "type": "composition"
        },
        "change": {
          "value": {
            "height": "{sizing.68}",
            "horizontalPadding": "{spacing.base.element.16}",
            "border": "{color.sys.border.accent.lv2}",
            "borderRadius": "{radius.base.l}",
            "borderWidth": "{border-width.2}",
            "itemSpacing": "{spacing.base.element.8}",
            "fill": "{color.item-state.sel.bg.lv3}",
            "boxShadow": ""
          },
          "type": "composition"
        },
        "move": {
          "value": {
            "height": "{sizing.68}",
            "horizontalPadding": "{spacing.base.element.16}",
            "border": "{color.item-state.sel.border.lv3}",
            "borderRadius": "{radius.base.l}",
            "borderWidth": "{border-width.1}",
            "itemSpacing": "{spacing.base.element.8}",
            "fill": "{color.sys.layout.fg.light}",
            "boxShadow": "{shadow.neutral.m}"
          },
          "type": "composition"
        }
      }
    },
    "mac-text": {
      "title": {
        "value": {
          "typography": "{text.mac.title.m-base}",
          "fill": "{color.sys.text.neutral.lv1}"
        },
        "type": "composition"
      },
      "desc": {
        "value": {
          "typography": "{text.mac.body.s}",
          "fill": "{color.sys.text.neutral.lv2}"
        },
        "type": "composition"
      }
    },
    "item-spacing": {
      "value": {
        "itemSpacing": "{spacing.base.element.8}"
      },
      "type": "composition"
    },
    "win-text": {
      "title": {
        "value": {
          "typography": "{text.win.title.m-base}",
          "fill": "{color.sys.text.neutral.lv1}"
        },
        "type": "composition"
      },
      "desc": {
        "value": {
          "typography": "{text.win.body.s}",
          "fill": "{color.sys.text.neutral.lv2}"
        },
        "type": "composition"
      }
    }
  },
  "collapse": {
    "ad-list": {
      "bg": {
        "value": {
          "height": "{sizing.32}",
          "paddingLeft": "{spacing.base.element.16}",
          "itemSpacing": "{spacing.base.element.8}",
          "horizontalPadding": "",
          "border": "",
          "borderWidthBottom": "",
          "fill": ""
        },
        "type": "composition"
      },
      "mac-text": {
        "norm": {
          "value": {
            "typography": "{text.mac.title.s}",
            "fill": "{color.sys.text.neutral.lv1}"
          },
          "type": "composition"
        },
        "dis": {
          "value": {
            "typography": "{text.mac.title.s}",
            "fill": "{color.sys.text.neutral.dis}"
          },
          "type": "composition"
        }
      },
      "win-text": {
        "norm": {
          "value": {
            "typography": "{text.win.title.s}",
            "fill": "{color.sys.text.neutral.lv1}"
          },
          "type": "composition"
        },
        "dis": {
          "value": {
            "typography": "{text.win.title.s}",
            "fill": "{color.sys.text.neutral.dis}"
          },
          "type": "composition"
        }
      }
    },
    "bota-list": {
      "bg": {
        "value": {
          "height": "{sizing.32}",
          "horizontalPadding": "{spacing.base.element.16}",
          "border": "{color.sys.border.neutral.lv3}",
          "borderWidthBottom": "{border-width.1}",
          "itemSpacing": "{spacing.base.element.8}",
          "fill": "{color.sys.layout.fg.light}",
          "paddingLeft": ""
        },
        "type": "composition"
      },
      "mac-text-title": {
        "norm": {
          "value": {
            "typography": "{text.mac.body.m-base}",
            "fill": "{color.sys.text.neutral.lv1}"
          },
          "type": "composition"
        },
        "dis": {
          "value": {
            "typography": "{text.mac.body.m-base}",
            "fill": "{color.sys.text.neutral.dis}"
          },
          "type": "composition"
        }
      },
      "mac-text-desc": {
        "norm": {
          "value": {
            "typography": "{text.mac.body.m-base}",
            "fill": "{color.sys.text.neutral.lv3}"
          },
          "type": "composition"
        },
        "dis": {
          "value": {
            "typography": "{text.mac.body.m-base}",
            "fill": "{color.sys.text.neutral.dis}"
          },
          "type": "composition"
        }
      },
      "win-text-title": {
        "norm": {
          "value": {
            "typography": "{text.win.body.m-base}",
            "fill": "{color.sys.text.neutral.lv1}"
          },
          "type": "composition"
        },
        "dis": {
          "value": {
            "typography": "{text.win.body.m-base}",
            "fill": "{color.sys.text.neutral.dis}"
          },
          "type": "composition"
        }
      },
      "win-text-desc": {
        "norm": {
          "value": {
            "typography": "{text.win.body.m-base}",
            "fill": "{color.sys.text.neutral.lv3}"
          },
          "type": "composition"
        },
        "dis": {
          "value": {
            "typography": "{text.win.body.m-base}",
            "fill": "{color.sys.text.neutral.dis}"
          },
          "type": "composition"
        }
      }
    }
  },
  "list": {
    "bookmark": {
      "mac-text": {
        "value": {
          "typography": "{text.mac.body.m-base}",
          "fill": "{color.sys.text.neutral.lv1}"
        },
        "type": "composition"
      },
      "win-text": {
        "value": {
          "typography": "{text.win.body.m-base}",
          "fill": "{color.sys.text.neutral.lv1}"
        },
        "type": "composition"
      },
      "bg": {
        "norm": {
          "value": {
            "height": "{sizing.40}",
            "horizontalPadding": "{spacing.base.element.8}",
            "itemSpacing": "{spacing.base.element.8}",
            "border": "",
            "borderRadius": "",
            "borderWidth": "",
            "fill": ""
          },
          "type": "composition"
        },
        "hov": {
          "value": {
            "height": "{sizing.40}",
            "horizontalPadding": "{spacing.base.element.8}",
            "fill": "{color.item-state.hov.bg}",
            "borderRadius": "{radius.base.m}",
            "itemSpacing": "{spacing.base.element.8}",
            "border": "",
            "borderWidth": ""
          },
          "type": "composition"
        },
        "sel": {
          "value": {
            "height": "{sizing.40}",
            "horizontalPadding": "{spacing.base.element.8}",
            "fill": "{color.item-state.sel.bg.lv3}",
            "border": "{color.item-state.sel.border.lv3}",
            "borderRadius": "{radius.base.m}",
            "borderWidth": "{border-width.1}",
            "itemSpacing": "{spacing.base.element.8}"
          },
          "type": "composition"
        }
      }
    },
    "markup-header": {
      "bg": {
        "value": {
          "height": "{sizing.24}",
          "horizontalPadding": "{spacing.base.element.0}"
        },
        "type": "composition"
      },
      "mac-text": {
        "value": {
          "typography": "{text.mac.footnote}",
          "fill": "{color.sys.text.neutral.lv3}"
        },
        "type": "composition"
      },
      "win-text": {
        "value": {
          "typography": "{text.win.footnote}",
          "fill": "{color.sys.text.neutral.lv3}"
        },
        "type": "composition"
      },
      "item-spacing": {
        "value": {
          "itemSpacing": "{spacing.base.element.4}"
        },
        "type": "composition"
      }
    },
    "markup-note": {
      "bg": {
        "value": {
          "width": "{sizing.180}",
          "spacing": "{spacing.base.element.4}",
          "border": "{color.sys.border.neutral.lv2}",
          "borderRadius": "{radius.base.m}",
          "borderWidth": "{border-width.1}"
        },
        "type": "composition"
      },
      "mac-text": {
        "value": {
          "typography": "{text.mac.body.m-base}",
          "fill": "{color.sys.text.neutral.lv2}"
        },
        "type": "composition"
      },
      "win-text": {
        "value": {
          "typography": "{text.win.body.m-base}",
          "fill": "{color.sys.text.neutral.lv2}"
        },
        "type": "composition"
      }
    }
  },
  "progress": {
    "popup": {
      "bg": {
        "value": {
          "height": "{sizing.58}",
          "horizontalPadding": "{spacing.base.element.16}",
          "paddingTop": "{spacing.base.element.8}",
          "paddingBottom": "{spacing.base.element.16}",
          "itemSpacing": "{spacing.base.element.8}",
          "borderRadius": "{radius.base.m}",
          "fill": "{color.sys.layout.dark.bg}",
          "boxShadow": "{shadow.neutral.m}"
        },
        "type": "composition"
      },
      "mac-text": {
        "value": {
          "typography": "{text.mac.body.m-base}",
          "fill": "{color.sys.text.anti.norm}"
        },
        "type": "composition"
      },
      "win-text": {
        "value": {
          "typography": "{text.win.body.m-base}",
          "fill": "{color.sys.text.anti.norm}"
        },
        "type": "composition"
      },
      "progress-bar": {
        "track": {
          "value": {
            "height": "{sizing.4}",
            "fill": "{color.slider.track.norm}",
            "borderRadius": "{radius.base.s}"
          },
          "type": "composition"
        },
        "track-filled": {
          "value": {
            "height": "{sizing.4}",
            "fill": "{color.slider.track-filled.norm}",
            "borderRadius": "{radius.base.s}"
          },
          "type": "composition"
        }
      },
      "item-spacing": {
        "value": {
          "itemSpacing": "{spacing.base.element.16}"
        },
        "type": "composition"
      }
    },
    "loading": {
      "m": {
        "value": {
          "sizing": "{sizing.48}"
        },
        "type": "composition"
      },
      "s": {
        "value": {
          "sizing": "{sizing.16}"
        },
        "type": "composition"
      }
    }
  },
  "segmented": {
    "bg": {
      "value": {
        "height": "{sizing.32}",
        "spacing": "{spacing.base.element.2}",
        "itemSpacing": "{spacing.base.element.0}",
        "borderRadius": "{radius.base.m}",
        "fill": "{color.sys.layout.fg.dark}"
      },
      "type": "composition"
    },
    "bg-item": {
      "sel": {
        "value": {
          "height": "{sizing.28}",
          "fill": "{color.sys.layout.anti}"
        },
        "type": "composition"
      },
      "unsel": {
        "value": {
          "height": "{sizing.28}",
          "fill": ""
        },
        "type": "composition"
      }
    },
    "mac-text": {
      "sel": {
        "value": {
          "typography": "{text.mac.title.s}",
          "fill": "{color.sys.text.neutral.lv1}"
        },
        "type": "composition"
      },
      "unsel": {
        "value": {
          "typography": "{text.mac.title.s}",
          "fill": "{color.sys.text.neutral.lv2}"
        },
        "type": "composition"
      }
    },
    "win-text": {
      "sel": {
        "value": {
          "typography": "{text.win.title.s}",
          "fill": "{color.sys.text.neutral.lv1}"
        },
        "type": "composition"
      },
      "unsel": {
        "value": {
          "typography": "{text.win.title.s}",
          "fill": "{color.sys.text.neutral.lv2}"
        },
        "type": "composition"
      }
    }
  },
  "tree": {
    "base": {
      "parent": {
        "bg": {
          "norm": {
            "value": {
              "height": "{sizing.40}",
              "horizontalPadding": "{spacing.base.element.8}",
              "itemSpacing": "{spacing.base.element.8}",
              "fill": "",
              "border": "",
              "borderRadius": "",
              "borderWidth": ""
            },
            "type": "composition"
          },
          "hov": {
            "value": {
              "height": "{sizing.40}",
              "horizontalPadding": "{spacing.base.element.8}",
              "fill": "{color.item-state.hov.bg}",
              "borderRadius": "{radius.base.m}",
              "itemSpacing": "{spacing.base.element.8}",
              "border": "",
              "borderWidth": ""
            },
            "type": "composition"
          },
          "sel": {
            "value": {
              "height": "{sizing.40}",
              "horizontalPadding": "{spacing.base.element.8}",
              "fill": "{color.item-state.sel.bg.lv3}",
              "border": "{color.item-state.sel.border.lv3}",
              "borderRadius": "{radius.base.m}",
              "itemSpacing": "{spacing.base.element.8}",
              "borderWidth": "{border-width.1}"
            },
            "type": "composition"
          }
        }
      },
      "children-lv2": {
        "bg": {
          "norm": {
            "value": {
              "height": "{sizing.40}",
              "paddingLeft": "{spacing.tree.32}",
              "paddingRight": "{spacing.base.element.8}",
              "itemSpacing": "{spacing.base.element.8}",
              "fill": "",
              "border": "",
              "borderRadius": "",
              "borderWidth": ""
            },
            "type": "composition"
          },
          "hov": {
            "value": {
              "height": "{sizing.40}",
              "paddingLeft": "{spacing.tree.32}",
              "fill": "{color.item-state.hov.bg}",
              "borderRadius": "{radius.base.m}",
              "paddingRight": "{spacing.base.element.8}",
              "itemSpacing": "{spacing.base.element.8}",
              "border": "",
              "borderWidth": ""
            },
            "type": "composition"
          },
          "sel": {
            "value": {
              "height": "{sizing.40}",
              "paddingLeft": "{spacing.tree.32}",
              "fill": "{color.item-state.sel.bg.lv3}",
              "border": "{color.item-state.sel.border.lv3}",
              "borderRadius": "{radius.base.m}",
              "paddingRight": "{spacing.base.element.8}",
              "itemSpacing": "{spacing.base.element.8}",
              "borderWidth": "{border-width.1}"
            },
            "type": "composition"
          }
        }
      },
      "children-lv3": {
        "bg": {
          "norm": {
            "value": {
              "height": "{sizing.40}",
              "paddingLeft": "{spacing.tree.56}",
              "paddingRight": "{spacing.base.element.8}",
              "itemSpacing": "{spacing.base.element.8}",
              "fill": "",
              "border": "",
              "borderRadius": "",
              "borderWidth": ""
            },
            "type": "composition"
          },
          "hov": {
            "value": {
              "height": "{sizing.40}",
              "paddingLeft": "{spacing.tree.56}",
              "fill": "{color.item-state.hov.bg}",
              "borderRadius": "{radius.base.m}",
              "paddingRight": "{spacing.base.element.8}",
              "itemSpacing": "{spacing.base.element.8}",
              "border": "",
              "borderWidth": ""
            },
            "type": "composition"
          },
          "sel": {
            "value": {
              "height": "{sizing.40}",
              "paddingLeft": "{spacing.tree.56}",
              "fill": "{color.item-state.sel.bg.lv3}",
              "border": "{color.item-state.sel.border.lv3}",
              "borderRadius": "{radius.base.m}",
              "paddingRight": "{spacing.base.element.8}",
              "itemSpacing": "{spacing.base.element.8}",
              "borderWidth": "{border-width.1}"
            },
            "type": "composition"
          }
        }
      },
      "children-lv4": {
        "bg": {
          "norm": {
            "value": {
              "height": "{sizing.40}",
              "paddingLeft": "{spacing.tree.80}",
              "paddingRight": "{spacing.base.element.8}",
              "itemSpacing": "{spacing.base.element.8}",
              "border": "",
              "borderRadius": "",
              "borderWidth": "",
              "fill": ""
            },
            "type": "composition"
          },
          "hov": {
            "value": {
              "height": "{sizing.40}",
              "paddingLeft": "{spacing.tree.80}",
              "fill": "{color.item-state.hov.bg}",
              "borderRadius": "{radius.base.m}",
              "paddingRight": "{spacing.base.element.8}",
              "itemSpacing": "{spacing.base.element.8}",
              "borderWidth": "",
              "border": ""
            },
            "type": "composition"
          },
          "sel": {
            "value": {
              "height": "{sizing.40}",
              "paddingLeft": "{spacing.tree.80}",
              "fill": "{color.item-state.sel.bg.lv3}",
              "border": "{color.item-state.sel.border.lv3}",
              "borderRadius": "{radius.base.m}",
              "paddingRight": "{spacing.base.element.8}",
              "itemSpacing": "{spacing.base.element.8}",
              "borderWidth": "{border-width.1}"
            },
            "type": "composition"
          }
        }
      }
    },
    "mac-text": {
      "main": {
        "value": {
          "typography": "{text.mac.body.m-base}",
          "fill": "{color.sys.text.neutral.lv1}"
        },
        "type": "composition"
      },
      "desc": {
        "value": {
          "typography": "{text.mac.body.m-base}",
          "fill": "{color.sys.text.neutral.lv3}"
        },
        "type": "composition"
      }
    },
    "rename": {
      "bg-text": {
        "focus": {
          "value": {
            "height": "{sizing.22}",
            "spacing": "{spacing.base.element.0}",
            "fill": "",
            "itemSpacing": ""
          },
          "type": "composition"
        },
        "sel": {
          "value": {
            "height": "{sizing.22}",
            "spacing": "{spacing.base.element.0}",
            "fill": "{color.field.bg-text.sel}",
            "itemSpacing": "{spacing.base.element.2}"
          },
          "type": "composition"
        }
      },
      "bg-field": {
        "value": {
          "height": "{sizing.26}",
          "spacing": "{spacing.base.element.2}",
          "fill": "{color.field.bg.def}",
          "itemSpacing": "{spacing.base.element.0}",
          "border": "{color.field.border.focus}",
          "borderRadius": "{radius.base.m}",
          "borderWidth": "{border-width.1}"
        },
        "type": "composition"
      }
    },
    "has-arrow": {
      "parent": {
        "bg": {
          "norm": {
            "value": {
              "height": "{sizing.40}",
              "horizontalPadding": "{spacing.base.element.8}",
              "itemSpacing": "{spacing.base.element.2}",
              "fill": "",
              "border": "",
              "borderRadius": "",
              "borderWidth": ""
            },
            "type": "composition"
          },
          "hov": {
            "value": {
              "height": "{sizing.40}",
              "horizontalPadding": "{spacing.base.element.8}",
              "fill": "{color.item-state.hov.bg}",
              "borderRadius": "{radius.base.m}",
              "itemSpacing": "{spacing.base.element.2}",
              "borderWidth": "",
              "border": ""
            },
            "type": "composition"
          },
          "sel": {
            "value": {
              "height": "{sizing.40}",
              "horizontalPadding": "{spacing.base.element.8}",
              "fill": "{color.item-state.sel.bg.lv3}",
              "border": "{color.item-state.sel.border.lv3}",
              "borderRadius": "{radius.base.m}",
              "itemSpacing": "{spacing.base.element.2}",
              "borderWidth": "{border-width.1}"
            },
            "type": "composition"
          }
        }
      },
      "item-spacing": {
        "value": {
          "itemSpacing": "{spacing.base.element.8}"
        },
        "type": "composition"
      },
      "children-lv2": {
        "bg": {
          "norm": {
            "value": {
              "height": "{sizing.40}",
              "paddingLeft": "{spacing.tree.32}",
              "paddingRight": "{spacing.base.element.8}",
              "itemSpacing": "{spacing.base.element.2}",
              "fill": "",
              "border": "",
              "borderRadius": "",
              "borderWidth": ""
            },
            "type": "composition"
          },
          "hov": {
            "value": {
              "height": "{sizing.40}",
              "paddingLeft": "{spacing.tree.32}",
              "fill": "{color.item-state.hov.bg}",
              "borderRadius": "{radius.base.m}",
              "paddingRight": "{spacing.base.element.8}",
              "itemSpacing": "{spacing.base.element.2}",
              "border": "",
              "borderWidth": ""
            },
            "type": "composition"
          },
          "sel": {
            "value": {
              "height": "{sizing.40}",
              "paddingLeft": "{spacing.tree.32}",
              "fill": "{color.item-state.sel.bg.lv3}",
              "border": "{color.item-state.sel.border.lv3}",
              "borderRadius": "{radius.base.m}",
              "paddingRight": "{spacing.base.element.8}",
              "itemSpacing": "{spacing.base.element.2}",
              "borderWidth": "{border-width.1}"
            },
            "type": "composition"
          }
        }
      },
      "children-lv3": {
        "bg": {
          "norm": {
            "value": {
              "height": "{sizing.40}",
              "paddingLeft": "{spacing.tree.56}",
              "paddingRight": "{spacing.base.element.8}",
              "itemSpacing": "{spacing.base.element.2}",
              "fill": "",
              "border": "",
              "borderRadius": "",
              "borderWidth": ""
            },
            "type": "composition"
          },
          "hov": {
            "value": {
              "height": "{sizing.40}",
              "paddingLeft": "{spacing.tree.56}",
              "fill": "{color.item-state.hov.bg}",
              "paddingRight": "{spacing.base.element.8}",
              "itemSpacing": "{spacing.base.element.2}",
              "border": "",
              "borderRadius": "",
              "borderWidth": ""
            },
            "type": "composition"
          },
          "sel": {
            "value": {
              "height": "{sizing.40}",
              "paddingLeft": "{spacing.tree.56}",
              "fill": "{color.item-state.sel.bg.lv3}",
              "border": "{color.item-state.sel.border.lv3}",
              "borderRadius": "{radius.base.m}",
              "paddingRight": "{spacing.base.element.8}",
              "itemSpacing": "{spacing.base.element.2}",
              "borderWidth": "{border-width.1}"
            },
            "type": "composition"
          }
        }
      }
    },
    "win-text": {
      "main": {
        "value": {
          "typography": "{text.win.body.m-base}",
          "fill": "{color.sys.text.neutral.lv1}"
        },
        "type": "composition"
      },
      "desc": {
        "value": {
          "typography": "{text.win.body.m-base}",
          "fill": "{color.sys.text.neutral.lv3}"
        },
        "type": "composition"
      }
    }
  },
  "alert": {
    "mac-text": {
      "value": {
        "typography": "{text.mac.body.m-base}",
        "fill": "{color.sys.text.neutral.lv1}"
      },
      "type": "composition"
    },
    "win-text": {
      "value": {
        "typography": "{text.win.body.m-base}",
        "fill": "{color.sys.text.neutral.lv1}"
      },
      "type": "composition"
    },
    "bg": {
      "info": {
        "value": {
          "height": "{sizing.32}",
          "fill": "{color.sys.layout.state.info}",
          "horizontalPadding": "{spacing.base.element.8}"
        },
        "type": "composition"
      },
      "warning": {
        "value": {
          "height": "{sizing.32}",
          "fill": "{color.sys.layout.state.warning}",
          "horizontalPadding": "{spacing.base.element.8}"
        },
        "type": "composition"
      },
      "error": {
        "value": {
          "height": "{sizing.32}",
          "fill": "{color.sys.layout.state.error}",
          "horizontalPadding": "{spacing.base.element.8}"
        },
        "type": "composition"
      }
    },
    "item-spacing": {
      "value": {
        "itemSpacing": "{spacing.base.element.8}"
      },
      "type": "composition"
    }
  },
  "drawer": {
    "bg": {
      "value": {
        "width": "{sizing.260}",
        "horizontalPadding": "{spacing.base.element.16}",
        "paddingTop": "{spacing.base.element.0}",
        "fill": "{color.sys.layout.mg}"
      },
      "type": "composition"
    },
    "mac-text": {
      "value": {
        "typography": "{text.mac.title.m-base}",
        "fill": "{color.sys.text.neutral.lv1}"
      },
      "type": "composition"
    },
    "win-text": {
      "value": {
        "typography": "{text.win.title.m-base}",
        "fill": "{color.sys.text.neutral.lv1}"
      },
      "type": "composition"
    },
    "item-spacing": {
      "value": {
        "itemSpacing": "{spacing.base.element.8}"
      },
      "type": "composition"
    }
  },
  "notification": {
    "toast": {
      "bg": {
        "value": {
          "height": "{sizing.40}",
          "spacing": "{spacing.base.element.16}",
          "itemSpacing": "{spacing.base.element.8}",
          "fill": "{color.sys.layout.anti}",
          "borderRadius": "{radius.base.m}",
          "boxShadow": "{shadow.neutral.m}"
        },
        "type": "composition"
      },
      "mac-text": {
        "value": {
          "typography": "{text.mac.body.m-base}",
          "fill": "{color.sys.text.neutral.lv1}"
        },
        "type": "composition"
      },
      "win-text": {
        "value": {
          "typography": "{text.win.body.m-base}",
          "fill": "{color.sys.text.neutral.lv1}"
        },
        "type": "composition"
      }
    },
    "modal": {
      "bg": {
        "value": {
          "spacing": "{spacing.base.element.16}",
          "itemSpacing": "{spacing.base.element.16}",
          "fill": "{color.sys.layout.state.note}",
          "borderRadius": "{radius.base.l}",
          "height": "{sizing.132}"
        },
        "type": "composition"
      },
      "item-spacing": {
        "value": {
          "itemSpacing": "{spacing.base.element.8}"
        },
        "type": "composition"
      },
      "mac-text": {
        "title": {
          "value": {
            "typography": "{text.mac.title.m-base}",
            "fill": "{color.sys.text.neutral.lv1}"
          },
          "type": "composition"
        },
        "desc": {
          "value": {
            "typography": "{text.mac.body.m-base}",
            "fill": "{color.sys.text.neutral.lv2}"
          },
          "type": "composition"
        }
      },
      "win-text": {
        "title": {
          "value": {
            "typography": "{text.win.title.m-base}",
            "fill": "{color.sys.text.neutral.lv1}"
          },
          "type": "composition"
        },
        "desc": {
          "value": {
            "typography": "{text.win.body.m-base}",
            "fill": "{color.sys.text.neutral.lv2}"
          },
          "type": "composition"
        }
      }
    }
  },
  "table": {
    "header": {
      "bg": {
        "value": {
          "height": "{sizing.32}",
          "border": "{color.sys.border.neutral.lv2}",
          "borderWidthBottom": "{border-width.1}",
          "itemSpacing": "{spacing.base.element.0}",
          "paddingLeft": "{spacing.base.element.8}"
        },
        "type": "composition"
      },
      "mac-text": {
        "value": {
          "typography": "{text.mac.title.s}",
          "fill": "{color.sys.text.neutral.lv2}"
        },
        "type": "composition"
      },
      "win-text": {
        "value": {
          "typography": "{text.win.title.s}",
          "fill": "{color.sys.text.neutral.lv2}"
        },
        "type": "composition"
      }
    },
    "mac-text": {
      "main": {
        "value": {
          "typography": "{text.mac.body.m-base}",
          "fill": "{color.sys.text.neutral.lv1}"
        },
        "type": "composition"
      },
      "item": {
        "value": {
          "typography": "{text.mac.body.m-base}",
          "fill": "{color.sys.text.neutral.lv2}"
        },
        "type": "composition"
      },
      "desc": {
        "value": {
          "typography": "{text.mac.body.m-base}",
          "fill": "{color.sys.text.neutral.lv3}"
        },
        "type": "composition"
      }
    },
    "list": {
      "file": {
        "item-spacing": {
          "item1": {
            "value": {
              "itemSpacing": "{spacing.base.element.8}"
            },
            "type": "composition"
          },
          "item2": {
            "value": {
              "itemSpacing": "{spacing.base.element.16}"
            },
            "type": "composition"
          },
          "item3": {
            "value": {
              "itemSpacing": "{spacing.base.element.4}"
            },
            "type": "composition"
          }
        },
        "bg": {
          "norm": {
            "value": {
              "height": "{sizing.72}",
              "border": "{color.sys.border.neutral.lv2}",
              "borderWidthBottom": "{border-width.1}",
              "paddingRight": "{spacing.base.element.8}",
              "itemSpacing": "{spacing.base.element.16}",
              "fill": "",
              "borderRadius": "",
              "borderWidth": ""
            },
            "type": "composition"
          },
          "hov": {
            "value": {
              "height": "{sizing.72}",
              "fill": "{color.item-state.hov.bg}",
              "borderRadius": "{radius.base.m}",
              "paddingRight": "{spacing.base.element.8}",
              "itemSpacing": "{spacing.base.element.16}",
              "border": "",
              "borderWidthBottom": "",
              "borderWidth": ""
            },
            "type": "composition"
          },
          "sel": {
            "value": {
              "height": "{sizing.72}",
              "fill": "{color.item-state.sel.bg.lv3}",
              "borderRadius": "{radius.base.m}",
              "paddingRight": "{spacing.base.element.8}",
              "itemSpacing": "{spacing.base.element.16}",
              "border": "{color.item-state.sel.border.lv3}",
              "borderWidthBottom": "",
              "borderWidth": "{border-width.1}"
            },
            "type": "composition"
          }
        }
      },
      "batch": {
        "item-spacing": {
          "value": {
            "itemSpacing": "{spacing.base.element.8}"
          },
          "type": "composition"
        },
        "bg": {
          "norm": {
            "value": {
              "height": "{sizing.40}",
              "horizontalPadding": "{spacing.base.element.8}",
              "border": "{color.sys.border.neutral.lv2}",
              "borderWidthBottom": "{border-width.1}",
              "itemSpacing": "{spacing.base.element.16}",
              "fill": "",
              "borderRadius": "",
              "borderWidth": ""
            },
            "type": "composition"
          },
          "hov": {
            "value": {
              "height": "{sizing.40}",
              "horizontalPadding": "{spacing.base.element.8}",
              "fill": "{color.item-state.hov.bg}",
              "itemSpacing": "{spacing.base.element.16}",
              "borderRadius": "{radius.base.m}",
              "border": "",
              "borderWidthBottom": "",
              "borderWidth": ""
            },
            "type": "composition"
          },
          "sel": {
            "value": {
              "height": "{sizing.40}",
              "horizontalPadding": "{spacing.base.element.8}",
              "fill": "{color.item-state.sel.bg.lv3}",
              "itemSpacing": "{spacing.base.element.16}",
              "border": "{color.item-state.sel.border.lv3}",
              "borderRadius": "{radius.base.m}",
              "borderWidth": "{border-width.1}",
              "borderWidthBottom": ""
            },
            "type": "composition"
          }
        }
      }
    },
    "win-text": {
      "main": {
        "value": {
          "typography": "{text.win.body.m-base}",
          "fill": "{color.sys.text.neutral.lv1}"
        },
        "type": "composition"
      },
      "item": {
        "value": {
          "typography": "{text.win.body.m-base}",
          "fill": "{color.sys.text.neutral.lv2}"
        },
        "type": "composition"
      },
      "desc": {
        "value": {
          "typography": "{text.win.body.m-base}",
          "fill": "{color.sys.text.neutral.lv3}"
        },
        "type": "composition"
      }
    }
  },
  "divider": {
    "horiz": {
      "value": {
        "height": "{sizing.1}",
        "fill": "{color.sys.layout.divider}"
      },
      "type": "composition"
    },
    "vert": {
      "value": {
        "fill": "{color.sys.layout.divider}",
        "width": "{sizing.1}"
      },
      "type": "composition"
    }
  }
}