CS_DesignToken/PDF Office-Design Token/Mac-Light Mode/comp-light-m.json

{
  "btn": {
    "cta": {
      "s": {
        "norm": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-s}",
              "horizontalPadding": "{btn.spacing.bg-s}",
              "fill": "{btn.color.cta.bg-norm}",
              "borderRadius": "{btn.border-radius.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "fill": "{btn.color.cta.text-norm}",
              "typography": "{text-mac.body.s}"
            },
            "type": "composition"
          }
        },
        "hov": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-s}",
              "horizontalPadding": "{btn.spacing.bg-s}",
              "fill": "{btn.color.cta.bg-hov}",
              "borderRadius": "{btn.border-radius.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "fill": "{btn.color.cta.text-norm}",
              "typography": "{text-mac.body.s}"
            },
            "type": "composition"
          }
        },
        "act": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-s}",
              "horizontalPadding": "{btn.spacing.bg-s}",
              "fill": "{btn.color.cta.bg-act}",
              "borderRadius": "{btn.border-radius.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "fill": "{btn.color.cta.text-norm}",
              "typography": "{text-mac.body.s}"
            },
            "type": "composition"
          }
        },
        "disabled": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-s}",
              "horizontalPadding": "{btn.spacing.bg-s}",
              "fill": "{btn.color.cta.bg-disabled}",
              "borderRadius": "{btn.border-radius.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "fill": "{btn.color.cta.text-disabled}",
              "typography": "{text-mac.body.s}"
            },
            "type": "composition"
          }
        }
      },
      "m": {
        "norm": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-m}",
              "horizontalPadding": "{btn.spacing.bg-m}",
              "fill": "{btn.color.cta.bg-norm}",
              "borderRadius": "{btn.border-radius.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "fill": "{btn.color.cta.text-norm}",
              "typography": "{text-mac.body.m}"
            },
            "type": "composition"
          }
        },
        "hov": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-m}",
              "horizontalPadding": "{btn.spacing.bg-m}",
              "fill": "{btn.color.cta.bg-hov}",
              "borderRadius": "{btn.border-radius.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "fill": "{btn.color.cta.text-norm}",
              "typography": "{text-mac.body.m}"
            },
            "type": "composition"
          }
        },
        "act": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-m}",
              "horizontalPadding": "{btn.spacing.bg-m}",
              "fill": "{btn.color.cta.bg-act}",
              "borderRadius": "{btn.border-radius.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "fill": "{btn.color.cta.text-norm}",
              "typography": "{text-mac.body.m}"
            },
            "type": "composition"
          }
        },
        "disabled": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-m}",
              "horizontalPadding": "{btn.spacing.bg-m}",
              "fill": "{btn.color.cta.bg-disabled}",
              "borderRadius": "{btn.border-radius.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "fill": "{btn.color.cta.text-disabled}",
              "typography": "{text-mac.body.m}"
            },
            "type": "composition"
          }
        }
      },
      "l": {
        "norm": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-l}",
              "horizontalPadding": "{btn.spacing.bg-l}",
              "fill": "{btn.color.cta.bg-norm}",
              "borderRadius": "{btn.border-radius.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "fill": "{btn.color.cta.text-norm}",
              "typography": "{text-mac.body.l}"
            },
            "type": "composition"
          }
        },
        "hov": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-l}",
              "horizontalPadding": "{btn.spacing.bg-l}",
              "fill": "{btn.color.cta.bg-hov}",
              "borderRadius": "{btn.border-radius.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "fill": "{btn.color.cta.text-norm}",
              "typography": "{text-mac.body.l}"
            },
            "type": "composition"
          }
        },
        "act": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-l}",
              "horizontalPadding": "{btn.spacing.bg-l}",
              "fill": "{btn.color.cta.bg-act}",
              "borderRadius": "{btn.border-radius.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "fill": "{btn.color.cta.text-norm}",
              "typography": "{text-mac.body.l}"
            },
            "type": "composition"
          }
        },
        "disabled": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-l}",
              "horizontalPadding": "{btn.spacing.bg-l}",
              "fill": "{btn.color.cta.bg-disabled}",
              "borderRadius": "{btn.border-radius.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "fill": "{btn.color.cta.text-disabled}",
              "typography": "{text-mac.body.l}"
            },
            "type": "composition"
          }
        }
      },
      "hsa-icon": {
        "s": {
          "norm": {
            "bg": {
              "value": {
                "height": "{btn.sizing.bg-s}",
                "horizontalPadding": "{btn.spacing.bg-s}",
                "fill": "{btn.color.cta.bg-norm}",
                "borderRadius": "{btn.border-radius.default}",
                "itemSpacing": "{btn.spacing.body-s}"
              },
              "type": "composition"
            },
            "text": {
              "value": {
                "fill": "{btn.color.cta.text-norm}",
                "typography": "{text-mac.body.s}"
              },
              "type": "composition"
            },
            "icon": {
              "value": {
                "sizing": "{btn.sizing.icon-s}"
              },
              "type": "composition"
            }
          },
          "hov": {
            "bg": {
              "value": {
                "height": "{btn.sizing.bg-s}",
                "horizontalPadding": "{btn.spacing.bg-s}",
                "fill": "{btn.color.cta.bg-hov}",
                "borderRadius": "{btn.border-radius.default}",
                "itemSpacing": "{btn.spacing.body-s}"
              },
              "type": "composition"
            },
            "text": {
              "value": {
                "fill": "{btn.color.cta.text-norm}",
                "typography": "{text-mac.body.s}"
              },
              "type": "composition"
            },
            "icon": {
              "value": {
                "sizing": "{btn.sizing.icon-s}"
              },
              "type": "composition"
            }
          },
          "act": {
            "bg": {
              "value": {
                "height": "{btn.sizing.bg-s}",
                "horizontalPadding": "{btn.spacing.bg-s}",
                "fill": "{btn.color.cta.bg-act}",
                "borderRadius": "{btn.border-radius.default}",
                "itemSpacing": "{btn.spacing.body-s}"
              },
              "type": "composition"
            },
            "text": {
              "value": {
                "fill": "{btn.color.cta.text-norm}",
                "typography": "{text-mac.body.s}"
              },
              "type": "composition"
            },
            "icon": {
              "value": {
                "sizing": "{btn.sizing.icon-s}"
              },
              "type": "composition"
            }
          },
          "disabled": {
            "bg": {
              "value": {
                "height": "{btn.sizing.bg-s}",
                "horizontalPadding": "{btn.spacing.bg-s}",
                "fill": "{btn.color.cta.bg-disabled}",
                "borderRadius": "{btn.border-radius.default}",
                "itemSpacing": "{btn.spacing.body-s}"
              },
              "type": "composition"
            },
            "text": {
              "value": {
                "fill": "{btn.color.cta.text-disabled}",
                "typography": "{text-mac.body.s}"
              },
              "type": "composition"
            },
            "icon": {
              "value": {
                "sizing": "{btn.sizing.icon-s}"
              },
              "type": "composition"
            }
          }
        },
        "m": {
          "norm": {
            "bg": {
              "value": {
                "height": "{btn.sizing.bg-m}",
                "horizontalPadding": "{btn.spacing.bg-m}",
                "fill": "{btn.color.cta.bg-norm}",
                "borderRadius": "{btn.border-radius.default}",
                "itemSpacing": "{btn.spacing.body-m}"
              },
              "type": "composition"
            },
            "text": {
              "value": {
                "fill": "{btn.color.cta.text-norm}",
                "typography": "{text-mac.body.m}"
              },
              "type": "composition"
            },
            "icon": {
              "value": {
                "sizing": "{btn.sizing.icon-l}"
              },
              "type": "composition"
            }
          },
          "hov": {
            "bg": {
              "value": {
                "height": "{btn.sizing.bg-m}",
                "horizontalPadding": "{btn.spacing.bg-m}",
                "fill": "{btn.color.cta.bg-hov}",
                "borderRadius": "{btn.border-radius.default}",
                "itemSpacing": "{btn.spacing.body-m}"
              },
              "type": "composition"
            },
            "text": {
              "value": {
                "fill": "{btn.color.cta.text-norm}",
                "typography": "{text-mac.body.m}"
              },
              "type": "composition"
            },
            "icon": {
              "value": {
                "sizing": "{btn.sizing.icon-l}"
              },
              "type": "composition"
            }
          },
          "act": {
            "bg": {
              "value": {
                "height": "{btn.sizing.bg-m}",
                "horizontalPadding": "{btn.spacing.bg-m}",
                "fill": "{btn.color.cta.bg-act}",
                "borderRadius": "{btn.border-radius.default}",
                "itemSpacing": "{btn.spacing.body-m}"
              },
              "type": "composition"
            },
            "text": {
              "value": {
                "fill": "{btn.color.cta.text-norm}",
                "typography": "{text-mac.body.m}"
              },
              "type": "composition"
            },
            "icon": {
              "value": {
                "sizing": "{btn.sizing.icon-l}"
              },
              "type": "composition"
            }
          },
          "disabled": {
            "bg": {
              "value": {
                "height": "{btn.sizing.bg-m}",
                "horizontalPadding": "{btn.spacing.bg-m}",
                "fill": "{btn.color.cta.bg-disabled}",
                "borderRadius": "{btn.border-radius.default}",
                "itemSpacing": "{btn.spacing.body-m}"
              },
              "type": "composition"
            },
            "text": {
              "value": {
                "fill": "{btn.color.cta.text-disabled}",
                "typography": "{text-mac.body.m}"
              },
              "type": "composition"
            },
            "icon": {
              "value": {
                "sizing": "{btn.sizing.icon-l}"
              },
              "type": "composition"
            }
          }
        },
        "l": {
          "norm": {
            "bg": {
              "value": {
                "height": "{btn.sizing.bg-l}",
                "horizontalPadding": "{btn.spacing.bg-l}",
                "fill": "{btn.color.cta.bg-norm}",
                "borderRadius": "{btn.border-radius.default}",
                "itemSpacing": "{btn.spacing.body-l}"
              },
              "type": "composition"
            },
            "text": {
              "value": {
                "fill": "{btn.color.cta.text-norm}",
                "typography": "{text-mac.body.l}"
              },
              "type": "composition"
            },
            "icon": {
              "value": {
                "sizing": "{btn.sizing.icon-l}"
              },
              "type": "composition"
            }
          },
          "hov": {
            "bg": {
              "value": {
                "height": "{btn.sizing.bg-l}",
                "horizontalPadding": "{btn.spacing.bg-l}",
                "fill": "{btn.color.cta.bg-hov}",
                "borderRadius": "{btn.border-radius.default}",
                "itemSpacing": "{btn.spacing.body-l}"
              },
              "type": "composition"
            },
            "text": {
              "value": {
                "fill": "{btn.color.cta.text-norm}",
                "typography": "{text-mac.body.l}"
              },
              "type": "composition"
            },
            "icon": {
              "value": {
                "sizing": "{btn.sizing.icon-l}"
              },
              "type": "composition"
            }
          },
          "act": {
            "bg": {
              "value": {
                "height": "{btn.sizing.bg-l}",
                "horizontalPadding": "{btn.spacing.bg-l}",
                "fill": "{btn.color.cta.bg-act}",
                "borderRadius": "{btn.border-radius.default}",
                "itemSpacing": "{btn.spacing.body-l}"
              },
              "type": "composition"
            },
            "text": {
              "value": {
                "fill": "{btn.color.cta.text-norm}",
                "typography": "{text-mac.body.l}"
              },
              "type": "composition"
            },
            "icon": {
              "value": {
                "sizing": "{btn.sizing.icon-l}"
              },
              "type": "composition"
            }
          },
          "disabled": {
            "bg": {
              "value": {
                "height": "{btn.sizing.bg-l}",
                "horizontalPadding": "{btn.spacing.bg-l}",
                "fill": "{btn.color.cta.bg-disabled}",
                "borderRadius": "{btn.border-radius.default}",
                "itemSpacing": "{btn.spacing.body-l}"
              },
              "type": "composition"
            },
            "text": {
              "value": {
                "fill": "{btn.color.cta.text-disabled}",
                "typography": "{text-mac.body.l}"
              },
              "type": "composition"
            },
            "icon": {
              "value": {
                "sizing": "{btn.sizing.icon-l}"
              },
              "type": "composition"
            }
          }
        }
      }
    },
    "brand": {
      "s": {
        "norm": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-s}",
              "horizontalPadding": "{btn.spacing.bg-s}",
              "fill": "{btn.color.brand.bg-norm}",
              "borderRadius": "{btn.border-radius.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "fill": "{btn.color.cta.text-norm}",
              "typography": "{text-mac.body.s}"
            },
            "type": "composition"
          }
        },
        "hov": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-s}",
              "horizontalPadding": "{btn.spacing.bg-s}",
              "fill": "{btn.color.brand.bg-hov}",
              "borderRadius": "{btn.border-radius.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "fill": "{btn.color.cta.text-norm}",
              "typography": "{text-mac.body.s}"
            },
            "type": "composition"
          }
        },
        "act": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-s}",
              "horizontalPadding": "{btn.spacing.bg-s}",
              "fill": "{btn.color.brand.bg-act}",
              "borderRadius": "{btn.border-radius.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "fill": "{btn.color.cta.text-norm}",
              "typography": "{text-mac.body.s}"
            },
            "type": "composition"
          }
        },
        "disabled": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-s}",
              "horizontalPadding": "{btn.spacing.bg-s}",
              "fill": "{btn.color.brand.bg-disabled}",
              "borderRadius": "{btn.border-radius.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "fill": "{btn.color.cta.text-disabled}",
              "typography": "{text-mac.body.s}"
            },
            "type": "composition"
          }
        }
      },
      "m": {
        "norm": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-m}",
              "horizontalPadding": "{btn.spacing.bg-m}",
              "fill": "{btn.color.brand.bg-norm}",
              "borderRadius": "{btn.border-radius.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "fill": "{btn.color.cta.text-norm}",
              "typography": "{text-mac.body.m}"
            },
            "type": "composition"
          }
        },
        "hov": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-m}",
              "horizontalPadding": "{btn.spacing.bg-m}",
              "fill": "{btn.color.brand.bg-hov}",
              "borderRadius": "{btn.border-radius.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "fill": "{btn.color.cta.text-norm}",
              "typography": "{text-mac.body.m}"
            },
            "type": "composition"
          }
        },
        "act": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-m}",
              "horizontalPadding": "{btn.spacing.bg-m}",
              "fill": "{btn.color.brand.bg-act}",
              "borderRadius": "{btn.border-radius.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "fill": "{btn.color.cta.text-norm}",
              "typography": "{text-mac.body.m}"
            },
            "type": "composition"
          }
        },
        "disabled": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-m}",
              "horizontalPadding": "{btn.spacing.bg-m}",
              "fill": "{btn.color.brand.bg-disabled}",
              "borderRadius": "{btn.border-radius.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "fill": "{btn.color.cta.text-disabled}",
              "typography": "{text-mac.body.m}"
            },
            "type": "composition"
          }
        }
      },
      "l": {
        "norm": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-l}",
              "horizontalPadding": "{btn.spacing.bg-l}",
              "fill": "{btn.color.brand.bg-norm}",
              "borderRadius": "{btn.border-radius.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "fill": "{btn.color.cta.text-norm}",
              "typography": "{text-mac.body.l}"
            },
            "type": "composition"
          }
        },
        "hov": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-l}",
              "horizontalPadding": "{btn.spacing.bg-l}",
              "fill": "{btn.color.brand.bg-hov}",
              "borderRadius": "{btn.border-radius.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "fill": "{btn.color.cta.text-norm}",
              "typography": "{text-mac.body.l}"
            },
            "type": "composition"
          }
        },
        "act": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-l}",
              "horizontalPadding": "{btn.spacing.bg-l}",
              "fill": "{btn.color.brand.bg-act}",
              "borderRadius": "{btn.border-radius.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "fill": "{btn.color.cta.text-norm}",
              "typography": "{text-mac.body.l}"
            },
            "type": "composition"
          }
        },
        "disabled": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-l}",
              "horizontalPadding": "{btn.spacing.bg-l}",
              "fill": "{btn.color.brand.bg-disabled}",
              "borderRadius": "{btn.border-radius.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "fill": "{btn.color.cta.text-disabled}",
              "typography": "{text-mac.body.l}"
            },
            "type": "composition"
          }
        }
      },
      "hsa-icon": {
        "s": {
          "norm": {
            "bg": {
              "value": {
                "height": "{btn.sizing.bg-s}",
                "horizontalPadding": "{btn.spacing.bg-s}",
                "fill": "{btn.color.brand.bg-norm}",
                "borderRadius": "{btn.border-radius.default}",
                "itemSpacing": "{btn.spacing.body-s}"
              },
              "type": "composition"
            },
            "text": {
              "value": {
                "fill": "{btn.color.cta.text-norm}",
                "typography": "{text-mac.body.s}"
              },
              "type": "composition"
            },
            "icon": {
              "value": {
                "sizing": "{btn.sizing.icon-s}"
              },
              "type": "composition"
            }
          },
          "hov": {
            "bg": {
              "value": {
                "height": "{btn.sizing.bg-s}",
                "horizontalPadding": "{btn.spacing.bg-s}",
                "fill": "{btn.color.brand.bg-hov}",
                "borderRadius": "{btn.border-radius.default}",
                "itemSpacing": "{btn.spacing.body-s}"
              },
              "type": "composition"
            },
            "text": {
              "value": {
                "fill": "{btn.color.cta.text-norm}",
                "typography": "{text-mac.body.s}"
              },
              "type": "composition"
            },
            "icon": {
              "value": {
                "sizing": "{btn.sizing.icon-s}"
              },
              "type": "composition"
            }
          },
          "act": {
            "bg": {
              "value": {
                "height": "{btn.sizing.bg-s}",
                "horizontalPadding": "{btn.spacing.bg-s}",
                "fill": "{btn.color.brand.bg-act}",
                "borderRadius": "{btn.border-radius.default}",
                "itemSpacing": "{btn.spacing.body-s}"
              },
              "type": "composition"
            },
            "text": {
              "value": {
                "fill": "{btn.color.cta.text-norm}",
                "typography": "{text-mac.body.s}"
              },
              "type": "composition"
            },
            "icon": {
              "value": {
                "sizing": "{btn.sizing.icon-s}"
              },
              "type": "composition"
            }
          },
          "disabled": {
            "bg": {
              "value": {
                "height": "{btn.sizing.bg-s}",
                "horizontalPadding": "{btn.spacing.bg-s}",
                "fill": "{btn.color.brand.bg-disabled}",
                "borderRadius": "{btn.border-radius.default}",
                "itemSpacing": "{btn.spacing.body-s}"
              },
              "type": "composition"
            },
            "text": {
              "value": {
                "fill": "{btn.color.cta.text-disabled}",
                "typography": "{text-mac.body.s}"
              },
              "type": "composition"
            },
            "icon": {
              "value": {
                "sizing": "{btn.sizing.icon-s}"
              },
              "type": "composition"
            }
          }
        },
        "m": {
          "norm": {
            "bg": {
              "value": {
                "height": "{btn.sizing.bg-m}",
                "horizontalPadding": "{btn.spacing.bg-m}",
                "fill": "{btn.color.brand.bg-norm}",
                "borderRadius": "{btn.border-radius.default}",
                "itemSpacing": "{btn.spacing.body-m}"
              },
              "type": "composition"
            },
            "text": {
              "value": {
                "fill": "{btn.color.cta.text-norm}",
                "typography": "{text-mac.body.m}"
              },
              "type": "composition"
            },
            "icon": {
              "value": {
                "sizing": "{btn.sizing.icon-m}"
              },
              "type": "composition"
            }
          },
          "hov": {
            "bg": {
              "value": {
                "height": "{btn.sizing.bg-m}",
                "horizontalPadding": "{btn.spacing.bg-m}",
                "fill": "{btn.color.brand.bg-hov}",
                "borderRadius": "{btn.border-radius.default}",
                "itemSpacing": "{btn.spacing.body-m}"
              },
              "type": "composition"
            },
            "text": {
              "value": {
                "fill": "{btn.color.cta.text-norm}",
                "typography": "{text-mac.body.m}"
              },
              "type": "composition"
            },
            "icon": {
              "value": {
                "sizing": "{btn.sizing.icon-m}"
              },
              "type": "composition"
            }
          },
          "act": {
            "bg": {
              "value": {
                "height": "{btn.sizing.bg-m}",
                "horizontalPadding": "{btn.spacing.bg-m}",
                "fill": "{btn.color.cta.bg-act}",
                "borderRadius": "{btn.border-radius.default}",
                "itemSpacing": "{btn.spacing.body-m}"
              },
              "type": "composition"
            },
            "text": {
              "value": {
                "fill": "{btn.color.brand.text-norm}",
                "typography": "{text-mac.body.m}"
              },
              "type": "composition"
            },
            "icon": {
              "value": {
                "sizing": "{btn.sizing.icon-m}"
              },
              "type": "composition"
            }
          },
          "disabled": {
            "bg": {
              "value": {
                "height": "{btn.sizing.bg-m}",
                "horizontalPadding": "{btn.spacing.bg-m}",
                "fill": "{btn.color.brand.bg-disabled}",
                "borderRadius": "{btn.border-radius.default}",
                "itemSpacing": "{btn.spacing.body-m}"
              },
              "type": "composition"
            },
            "text": {
              "value": {
                "fill": "{btn.color.cta.text-disabled}",
                "typography": "{text-mac.body.m}"
              },
              "type": "composition"
            },
            "icon": {
              "value": {
                "sizing": "{btn.sizing.icon-m}"
              },
              "type": "composition"
            }
          }
        },
        "l": {
          "norm": {
            "bg": {
              "value": {
                "height": "{btn.sizing.bg-l}",
                "horizontalPadding": "{btn.spacing.bg-l}",
                "fill": "{btn.color.brand.bg-norm}",
                "borderRadius": "{btn.border-radius.default}",
                "itemSpacing": "{btn.spacing.body-l}"
              },
              "type": "composition"
            },
            "text": {
              "value": {
                "fill": "{btn.color.cta.text-norm}",
                "typography": "{text-mac.body.l}"
              },
              "type": "composition"
            },
            "icon": {
              "value": {
                "sizing": "{btn.sizing.icon-l}"
              },
              "type": "composition"
            }
          },
          "hov": {
            "bg": {
              "value": {
                "height": "{btn.sizing.bg-l}",
                "horizontalPadding": "{btn.spacing.bg-l}",
                "fill": "{btn.color.brand.bg-hov}",
                "borderRadius": "{btn.border-radius.default}",
                "itemSpacing": "{btn.spacing.body-l}"
              },
              "type": "composition"
            },
            "text": {
              "value": {
                "fill": "{btn.color.cta.text-norm}",
                "typography": "{text-mac.body.l}"
              },
              "type": "composition"
            },
            "icon": {
              "value": {
                "sizing": "{btn.sizing.icon-l}"
              },
              "type": "composition"
            }
          },
          "act": {
            "bg": {
              "value": {
                "height": "{btn.sizing.bg-l}",
                "horizontalPadding": "{btn.spacing.bg-l}",
                "fill": "{btn.color.brand.bg-act}",
                "borderRadius": "{btn.border-radius.default}",
                "itemSpacing": "{btn.spacing.body-l}"
              },
              "type": "composition"
            },
            "text": {
              "value": {
                "fill": "{btn.color.cta.text-norm}",
                "typography": "{text-mac.body.l}"
              },
              "type": "composition"
            },
            "icon": {
              "value": {
                "sizing": "{btn.sizing.icon-l}"
              },
              "type": "composition"
            }
          },
          "disabled": {
            "bg": {
              "value": {
                "height": "{btn.sizing.bg-l}",
                "horizontalPadding": "{btn.spacing.bg-l}",
                "fill": "{btn.color.brand.bg-disabled}",
                "borderRadius": "{btn.border-radius.default}",
                "itemSpacing": "{btn.spacing.body-l}"
              },
              "type": "composition"
            },
            "text": {
              "value": {
                "fill": "{btn.color.cta.text-disabled}",
                "typography": "{text-mac.body.l}"
              },
              "type": "composition"
            },
            "icon": {
              "value": {
                "sizing": "{btn.sizing.icon-l}"
              },
              "type": "composition"
            }
          }
        }
      }
    },
    "outline": {
      "s": {
        "norm": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-s}",
              "horizontalPadding": "{btn.spacing.bg-s}",
              "borderRadius": "{btn.border-radius.default}",
              "borderWidth": "{border-width.default}",
              "border": "{btn.color.outline.bg-border}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "fill": "{btn.color.outline.text-norm}",
              "typography": "{text-mac.body.s}"
            },
            "type": "composition"
          }
        },
        "hov": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-s}",
              "horizontalPadding": "{btn.spacing.bg-s}",
              "borderRadius": "{btn.border-radius.default}",
              "borderWidth": "{border-width.default}",
              "border": "{btn.color.outline.bg-border}",
              "fill": "{btn.color.outline.bg-hov}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "fill": "{btn.color.outline.text-norm}",
              "typography": "{text-mac.body.s}"
            },
            "type": "composition"
          }
        },
        "act": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-s}",
              "horizontalPadding": "{btn.spacing.bg-s}",
              "borderRadius": "{btn.border-radius.default}",
              "borderWidth": "{border-width.default}",
              "border": "{btn.color.outline.bg-border}",
              "fill": "{btn.color.outline.bg-act}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "fill": "{btn.color.outline.text-norm}",
              "typography": "{text-mac.body.s}"
            },
            "type": "composition"
          }
        },
        "disabled": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-s}",
              "horizontalPadding": "{btn.spacing.bg-s}",
              "borderRadius": "{btn.border-radius.default}",
              "borderWidth": "{border-width.default}",
              "border": "{btn.color.outline.bg-border}",
              "fill": "{btn.color.outline.bg-disabled}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "fill": "{btn.color.outline.text-disabled}",
              "typography": "{text-mac.body.s}"
            },
            "type": "composition"
          }
        }
      },
      "m": {
        "norm": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-m}",
              "horizontalPadding": "{btn.spacing.bg-m}",
              "borderRadius": "{btn.border-radius.default}",
              "borderWidth": "{border-width.default}",
              "border": "{btn.color.outline.bg-border}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "fill": "{btn.color.outline.text-norm}",
              "typography": "{text-mac.body.m}"
            },
            "type": "composition"
          }
        },
        "hov": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-m}",
              "horizontalPadding": "{btn.spacing.bg-m}",
              "borderRadius": "{btn.border-radius.default}",
              "borderWidth": "{border-width.default}",
              "border": "{btn.color.outline.bg-border}",
              "fill": "{btn.color.outline.bg-hov}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "fill": "{btn.color.outline.text-norm}",
              "typography": "{text-mac.body.m}"
            },
            "type": "composition"
          }
        },
        "act": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-m}",
              "horizontalPadding": "{btn.spacing.bg-m}",
              "borderRadius": "{btn.border-radius.default}",
              "borderWidth": "{border-width.default}",
              "border": "{btn.color.outline.bg-border}",
              "fill": "{btn.color.outline.bg-act}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "fill": "{btn.color.outline.text-norm}",
              "typography": "{text-mac.body.m}"
            },
            "type": "composition"
          }
        },
        "disabled": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-m}",
              "horizontalPadding": "{btn.spacing.bg-m}",
              "borderRadius": "{btn.border-radius.default}",
              "borderWidth": "{border-width.default}",
              "border": "{btn.color.outline.bg-border}",
              "fill": "{btn.color.outline.bg-disabled}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "fill": "{btn.color.outline.text-disabled}",
              "typography": "{text-mac.body.m}"
            },
            "type": "composition"
          }
        }
      },
      "l": {
        "norm": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-l}",
              "horizontalPadding": "{btn.spacing.bg-l}",
              "borderRadius": "{btn.border-radius.default}",
              "borderWidth": "{border-width.default}",
              "border": "{btn.color.outline.bg-border}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "fill": "{btn.color.outline.text-norm}",
              "typography": "{text-mac.body.l}"
            },
            "type": "composition"
          }
        },
        "hov": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-l}",
              "horizontalPadding": "{btn.spacing.bg-l}",
              "borderRadius": "{btn.border-radius.default}",
              "borderWidth": "{border-width.default}",
              "border": "{btn.color.outline.bg-border}",
              "fill": "{btn.color.outline.bg-hov}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "fill": "{btn.color.outline.text-norm}",
              "typography": "{text-mac.body.l}"
            },
            "type": "composition"
          }
        },
        "act": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-l}",
              "horizontalPadding": "{btn.spacing.bg-l}",
              "borderRadius": "{btn.border-radius.default}",
              "borderWidth": "{border-width.default}",
              "border": "{btn.color.outline.bg-border}",
              "fill": "{btn.color.outline.bg-act}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "fill": "{btn.color.outline.text-norm}",
              "typography": "{text-mac.body.l}"
            },
            "type": "composition"
          }
        },
        "disabled": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-l}",
              "horizontalPadding": "{btn.spacing.bg-l}",
              "borderRadius": "{btn.border-radius.default}",
              "borderWidth": "{border-width.default}",
              "border": "{btn.color.outline.bg-border}",
              "fill": "{btn.color.outline.bg-disabled}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "fill": "{btn.color.outline.text-disabled}",
              "typography": "{text-mac.body.l}"
            },
            "type": "composition"
          }
        }
      },
      "has-icon": {
        "s": {
          "norm": {
            "bg": {
              "value": {
                "height": "{btn.sizing.bg-s}",
                "horizontalPadding": "{btn.spacing.bg-s}",
                "borderRadius": "{btn.border-radius.default}",
                "borderWidth": "{border-width.default}",
                "border": "{btn.color.outline.bg-border}"
              },
              "type": "composition"
            },
            "text": {
              "value": {
                "fill": "{btn.color.outline.text-norm}",
                "typography": "{text-mac.body.s}"
              },
              "type": "composition"
            },
            "icon": {
              "value": {
                "sizing": "{btn.sizing.icon-s}"
              },
              "type": "composition"
            }
          },
          "hov": {
            "bg": {
              "value": {
                "height": "{btn.sizing.bg-s}",
                "horizontalPadding": "{btn.spacing.bg-s}",
                "borderRadius": "{btn.border-radius.default}",
                "borderWidth": "{border-width.default}",
                "border": "{btn.color.outline.bg-border}",
                "fill": "{btn.color.outline.bg-hov}"
              },
              "type": "composition"
            },
            "text": {
              "value": {
                "fill": "{btn.color.outline.text-norm}",
                "typography": "{text-mac.body.s}"
              },
              "type": "composition"
            },
            "icon": {
              "value": {
                "sizing": "{btn.sizing.icon-s}"
              },
              "type": "composition"
            }
          },
          "act": {
            "bg": {
              "value": {
                "height": "{btn.sizing.bg-s}",
                "horizontalPadding": "{btn.spacing.bg-s}",
                "borderRadius": "{btn.border-radius.default}",
                "borderWidth": "{border-width.default}",
                "border": "{btn.color.outline.bg-border}",
                "fill": "{btn.color.outline.bg-act}"
              },
              "type": "composition"
            },
            "text": {
              "value": {
                "fill": "{btn.color.outline.text-norm}",
                "typography": "{text-mac.body.s}"
              },
              "type": "composition"
            },
            "icon": {
              "value": {
                "sizing": "{btn.sizing.icon-s}"
              },
              "type": "composition"
            }
          },
          "disabled": {
            "bg": {
              "value": {
                "height": "{btn.sizing.bg-s}",
                "horizontalPadding": "{btn.spacing.bg-s}",
                "borderRadius": "{btn.border-radius.default}",
                "borderWidth": "{border-width.default}",
                "border": "{btn.color.outline.bg-border}",
                "fill": "{btn.color.outline.bg-disabled}"
              },
              "type": "composition"
            },
            "text": {
              "value": {
                "fill": "{btn.color.outline.text-disabled}",
                "typography": "{text-mac.body.s}"
              },
              "type": "composition"
            },
            "icon": {
              "value": {
                "sizing": "{btn.sizing.icon-s}"
              },
              "type": "composition"
            }
          }
        },
        "m": {
          "norm": {
            "bg": {
              "value": {
                "height": "{btn.sizing.bg-m}",
                "horizontalPadding": "{btn.spacing.bg-m}",
                "borderRadius": "{btn.border-radius.default}",
                "borderWidth": "{border-width.default}",
                "border": "{btn.color.outline.bg-border}"
              },
              "type": "composition"
            },
            "text": {
              "value": {
                "fill": "{btn.color.outline.text-norm}",
                "typography": "{text-mac.body.m}"
              },
              "type": "composition"
            },
            "icon": {
              "value": {
                "sizing": "{btn.sizing.icon-m}"
              },
              "type": "composition"
            }
          },
          "hov": {
            "bg": {
              "value": {
                "height": "{btn.sizing.bg-m}",
                "horizontalPadding": "{btn.spacing.bg-m}",
                "borderRadius": "{btn.border-radius.default}",
                "borderWidth": "{border-width.default}",
                "border": "{btn.color.outline.bg-border}",
                "fill": "{btn.color.outline.bg-hov}"
              },
              "type": "composition"
            },
            "text": {
              "value": {
                "fill": "{btn.color.outline.text-norm}",
                "typography": "{text-mac.body.m}"
              },
              "type": "composition"
            },
            "icon": {
              "value": {
                "sizing": "{btn.sizing.icon-m}"
              },
              "type": "composition"
            }
          },
          "act": {
            "bg": {
              "value": {
                "height": "{btn.sizing.bg-m}",
                "horizontalPadding": "{btn.spacing.bg-m}",
                "borderRadius": "{btn.border-radius.default}",
                "borderWidth": "{border-width.default}",
                "border": "{btn.color.outline.bg-border}",
                "fill": "{btn.color.outline.bg-act}"
              },
              "type": "composition"
            },
            "text": {
              "value": {
                "fill": "{btn.color.outline.text-norm}",
                "typography": "{text-mac.body.m}"
              },
              "type": "composition"
            },
            "icon": {
              "value": {
                "sizing": "{btn.sizing.icon-m}"
              },
              "type": "composition"
            }
          },
          "disabled": {
            "bg": {
              "value": {
                "height": "{btn.sizing.bg-m}",
                "horizontalPadding": "{btn.spacing.bg-m}",
                "borderRadius": "{btn.border-radius.default}",
                "borderWidth": "{border-width.default}",
                "border": "{btn.color.outline.bg-border}",
                "fill": "{btn.color.outline.bg-disabled}"
              },
              "type": "composition"
            },
            "text": {
              "value": {
                "fill": "{btn.color.outline.text-disabled}",
                "typography": "{text-mac.body.m}"
              },
              "type": "composition"
            },
            "icon": {
              "value": {
                "sizing": "{btn.sizing.icon-m}"
              },
              "type": "composition"
            }
          }
        },
        "l": {
          "norm": {
            "bg": {
              "value": {
                "height": "{btn.sizing.bg-l}",
                "horizontalPadding": "{btn.spacing.bg-l}",
                "borderRadius": "{btn.border-radius.default}",
                "borderWidth": "{border-width.default}",
                "border": "{btn.color.outline.bg-border}"
              },
              "type": "composition"
            },
            "text": {
              "value": {
                "fill": "{btn.color.outline.text-norm}",
                "typography": "{text-mac.body.l}"
              },
              "type": "composition"
            },
            "icon": {
              "value": {
                "sizing": "{btn.sizing.icon-l}"
              },
              "type": "composition"
            }
          },
          "hov": {
            "bg": {
              "value": {
                "height": "{btn.sizing.bg-l}",
                "horizontalPadding": "{btn.spacing.bg-l}",
                "borderRadius": "{btn.border-radius.default}",
                "borderWidth": "{border-width.default}",
                "border": "{btn.color.outline.bg-border}",
                "fill": "{btn.color.outline.bg-hov}"
              },
              "type": "composition"
            },
            "text": {
              "value": {
                "fill": "{btn.color.outline.text-norm}",
                "typography": "{text-mac.body.l}"
              },
              "type": "composition"
            },
            "icon": {
              "value": {
                "sizing": "{btn.sizing.icon-l}"
              },
              "type": "composition"
            }
          },
          "act": {
            "bg": {
              "value": {
                "height": "{btn.sizing.bg-l}",
                "horizontalPadding": "{btn.spacing.bg-l}",
                "borderRadius": "{btn.border-radius.default}",
                "borderWidth": "{border-width.default}",
                "border": "{btn.color.outline.bg-border}",
                "fill": "{btn.color.outline.bg-act}"
              },
              "type": "composition"
            },
            "text": {
              "value": {
                "fill": "{btn.color.outline.text-norm}",
                "typography": "{text-mac.body.l}"
              },
              "type": "composition"
            },
            "icon": {
              "value": {
                "sizing": "{btn.sizing.icon-l}"
              },
              "type": "composition"
            }
          },
          "disabled": {
            "bg": {
              "value": {
                "height": "{btn.sizing.bg-l}",
                "horizontalPadding": "{btn.spacing.bg-l}",
                "borderRadius": "{btn.border-radius.default}",
                "borderWidth": "{border-width.default}",
                "border": "{btn.color.outline.bg-border}",
                "fill": "{btn.color.outline.bg-disabled}"
              },
              "type": "composition"
            },
            "text": {
              "value": {
                "fill": "{btn.color.outline.text-disabled}",
                "typography": "{text-mac.body.l}"
              },
              "type": "composition"
            },
            "icon": {
              "value": {
                "sizing": "{btn.sizing.icon-l}"
              },
              "type": "composition"
            }
          }
        }
      }
    },
    "ghost": {
      "s": {
        "norm": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-s}",
              "horizontalPadding": "{btn.spacing.bg-s}",
              "border": "{btn.color.ghost.norm}",
              "borderRadius": "{btn.border-radius.default}",
              "borderWidth": "{border-width.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.s}",
              "fill": "{btn.color.ghost.norm}"
            },
            "type": "composition"
          }
        },
        "hov": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-s}",
              "horizontalPadding": "{btn.spacing.bg-s}",
              "border": "{btn.color.ghost.hov}",
              "borderRadius": "{btn.border-radius.default}",
              "borderWidth": "{border-width.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.s}",
              "fill": "{btn.color.ghost.hov}"
            },
            "type": "composition"
          }
        },
        "act": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-s}",
              "horizontalPadding": "{btn.spacing.bg-s}",
              "border": "{btn.color.ghost.act}",
              "borderRadius": "{btn.border-radius.default}",
              "borderWidth": "{border-width.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.s}",
              "fill": "{btn.color.ghost.act}"
            },
            "type": "composition"
          }
        },
        "disabled": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-s}",
              "horizontalPadding": "{btn.spacing.bg-s}",
              "border": "{btn.color.ghost.disabled}",
              "borderRadius": "{btn.border-radius.default}",
              "borderWidth": "{border-width.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.s}",
              "fill": "{btn.color.ghost.disabled}"
            },
            "type": "composition"
          }
        }
      },
      "m": {
        "norm": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-m}",
              "horizontalPadding": "{btn.spacing.bg-m}",
              "border": "{btn.color.ghost.norm}",
              "borderRadius": "{btn.border-radius.default}",
              "borderWidth": "{border-width.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{btn.color.ghost.norm}"
            },
            "type": "composition"
          }
        },
        "hov": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-m}",
              "horizontalPadding": "{btn.spacing.bg-m}",
              "border": "{btn.color.ghost.hov}",
              "borderRadius": "{btn.border-radius.default}",
              "borderWidth": "{border-width.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{btn.color.ghost.hov}"
            },
            "type": "composition"
          }
        },
        "act": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-m}",
              "horizontalPadding": "{btn.spacing.bg-m}",
              "border": "{btn.color.ghost.act}",
              "borderRadius": "{btn.border-radius.default}",
              "borderWidth": "{border-width.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{btn.color.ghost.act}"
            },
            "type": "composition"
          }
        },
        "disabled": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-m}",
              "horizontalPadding": "{btn.spacing.bg-m}",
              "border": "{btn.color.ghost.disabled}",
              "borderRadius": "{btn.border-radius.default}",
              "borderWidth": "{border-width.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{btn.color.ghost.disabled}"
            },
            "type": "composition"
          }
        }
      },
      "l": {
        "norm": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-l}",
              "horizontalPadding": "{btn.spacing.bg-l}",
              "border": "{btn.color.ghost.norm}",
              "borderRadius": "{btn.border-radius.default}",
              "borderWidth": "{border-width.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.l}",
              "fill": "{btn.color.ghost.norm}"
            },
            "type": "composition"
          }
        },
        "hov": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-l}",
              "horizontalPadding": "{btn.spacing.bg-l}",
              "border": "{btn.color.ghost.hov}",
              "borderRadius": "{btn.border-radius.default}",
              "borderWidth": "{border-width.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.l}",
              "fill": "{btn.color.ghost.hov}"
            },
            "type": "composition"
          }
        },
        "act": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-l}",
              "horizontalPadding": "{btn.spacing.bg-l}",
              "border": "{btn.color.ghost.act}",
              "borderRadius": "{btn.border-radius.default}",
              "borderWidth": "{border-width.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.l}",
              "fill": "{btn.color.ghost.act}"
            },
            "type": "composition"
          }
        },
        "disabled": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-l}",
              "horizontalPadding": "{btn.spacing.bg-l}",
              "border": "{btn.color.ghost.disabled}",
              "borderRadius": "{btn.border-radius.default}",
              "borderWidth": "{border-width.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.l}",
              "fill": "{btn.color.ghost.disabled}"
            },
            "type": "composition"
          }
        }
      }
    },
    "link": {
      "s": {
        "norm": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-s}",
              "horizontalPadding": "{btn.spacing.bg-s}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.s}",
              "fill": "{btn.color.link.norm}"
            },
            "type": "composition"
          }
        },
        "hov": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-s}",
              "horizontalPadding": "{btn.spacing.bg-s}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.s}",
              "fill": "{btn.color.link.hov}"
            },
            "type": "composition"
          }
        },
        "act": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-s}",
              "horizontalPadding": "{btn.spacing.bg-s}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.s}",
              "fill": "{btn.color.link.act}"
            },
            "type": "composition"
          }
        },
        "disabled": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-s}",
              "horizontalPadding": "{btn.spacing.bg-s}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.s}",
              "fill": "{btn.color.link.disabled}"
            },
            "type": "composition"
          }
        }
      },
      "m": {
        "norm": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-m}",
              "horizontalPadding": "{btn.spacing.bg-m}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{btn.color.link.norm}"
            },
            "type": "composition"
          }
        },
        "hov": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-m}",
              "horizontalPadding": "{btn.spacing.bg-m}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{btn.color.link.hov}"
            },
            "type": "composition"
          }
        },
        "act": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-m}",
              "horizontalPadding": "{btn.spacing.bg-m}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{btn.color.link.act}"
            },
            "type": "composition"
          }
        },
        "disabled": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-m}",
              "horizontalPadding": "{btn.spacing.bg-m}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{btn.color.link.disabled}"
            },
            "type": "composition"
          }
        }
      },
      "l": {
        "norm": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-l}",
              "horizontalPadding": "{btn.spacing.bg-l}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.l}",
              "fill": "{btn.color.link.norm}"
            },
            "type": "composition"
          }
        },
        "hov": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-l}",
              "horizontalPadding": "{btn.spacing.bg-l}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.l}",
              "fill": "{btn.color.link.hov}"
            },
            "type": "composition"
          }
        },
        "act": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-l}",
              "horizontalPadding": "{btn.spacing.bg-l}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.l}",
              "fill": "{btn.color.link.act}"
            },
            "type": "composition"
          }
        },
        "disabled": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-l}",
              "horizontalPadding": "{btn.spacing.bg-l}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.l}",
              "fill": "{btn.color.link.disabled}"
            },
            "type": "composition"
          }
        }
      }
    },
    "upgrade": {
      "s": {
        "norm": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-s}",
              "horizontalPadding": "{btn.spacing.bg-s}",
              "fill": "{btn.color.upgrade.bg-norm}",
              "borderRadius": "{btn.border-radius.circle-s}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.s}",
              "fill": "{btn.color.upgrade.text-norm}"
            },
            "type": "composition"
          }
        },
        "hov": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-s}",
              "horizontalPadding": "{btn.spacing.bg-s}",
              "fill": "{btn.color.upgrade.bg-hov}",
              "borderRadius": "{btn.border-radius.circle-s}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.s}",
              "fill": "{btn.color.upgrade.text-norm}"
            },
            "type": "composition"
          }
        },
        "act": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-s}",
              "horizontalPadding": "{btn.spacing.bg-s}",
              "fill": "{btn.color.upgrade.bg-act}",
              "borderRadius": "{btn.border-radius.circle-s}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.s}",
              "fill": "{btn.color.upgrade.text-norm}"
            },
            "type": "composition"
          }
        },
        "disabled": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-s}",
              "horizontalPadding": "{btn.spacing.bg-s}",
              "fill": "{btn.color.upgrade.bg-disabled}",
              "borderRadius": "{btn.border-radius.circle-s}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.s}",
              "fill": "{btn.color.upgrade.text-disabled}"
            },
            "type": "composition"
          }
        }
      },
      "m": {
        "norm": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-m}",
              "horizontalPadding": "{btn.spacing.bg-m}",
              "fill": "{btn.color.upgrade.bg-norm}",
              "borderRadius": "{btn.border-radius.circle-m}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{btn.color.upgrade.text-norm}"
            },
            "type": "composition"
          }
        },
        "hov": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-m}",
              "horizontalPadding": "{btn.spacing.bg-m}",
              "fill": "{btn.color.upgrade.bg-hov}",
              "borderRadius": "{btn.border-radius.circle-m}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{btn.color.upgrade.text-norm}"
            },
            "type": "composition"
          }
        },
        "act": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-m}",
              "horizontalPadding": "{btn.spacing.bg-m}",
              "fill": "{btn.color.upgrade.bg-act}",
              "borderRadius": "{btn.border-radius.circle-m}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{btn.color.upgrade.text-norm}"
            },
            "type": "composition"
          }
        },
        "disabled": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-m}",
              "horizontalPadding": "{btn.spacing.bg-m}",
              "fill": "{btn.color.upgrade.bg-disabled}",
              "borderRadius": "{btn.border-radius.circle-m}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{btn.color.upgrade.text-disabled}"
            },
            "type": "composition"
          }
        }
      },
      "l": {
        "norm": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-l}",
              "horizontalPadding": "{btn.spacing.bg-l}",
              "fill": "{btn.color.upgrade.bg-norm}",
              "borderRadius": "{btn.border-radius.circle-l}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.l}",
              "fill": "{btn.color.upgrade.text-norm}"
            },
            "type": "composition"
          }
        },
        "hov": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-l}",
              "horizontalPadding": "{btn.spacing.bg-l}",
              "fill": "{btn.color.upgrade.bg-hov}",
              "borderRadius": "{btn.border-radius.circle-l}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.l}",
              "fill": "{btn.color.upgrade.text-norm}"
            },
            "type": "composition"
          }
        },
        "act": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-l}",
              "horizontalPadding": "{btn.spacing.bg-l}",
              "fill": "{btn.color.upgrade.bg-act}",
              "borderRadius": "{btn.border-radius.circle-l}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.l}",
              "fill": "{btn.color.upgrade.text-norm}"
            },
            "type": "composition"
          }
        },
        "disabled": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-l}",
              "horizontalPadding": "{btn.spacing.bg-l}",
              "fill": "{btn.color.upgrade.bg-disabled}",
              "borderRadius": "{btn.border-radius.circle-l}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.l}",
              "fill": "{btn.color.upgrade.text-disabled}"
            },
            "type": "composition"
          }
        }
      }
    },
    "icon-fill": {
      "m": {
        "norm": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-m}",
              "horizontalPadding": "{btn.spacing.bg-s}",
              "fill": "{btn.color.icon-fill.bg-norm}",
              "borderRadius": "{btn.border-radius.default}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{btn.sizing.icon-l}"
            },
            "type": "composition"
          }
        },
        "hov": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-m}",
              "horizontalPadding": "{btn.spacing.bg-s}",
              "fill": "{btn.color.icon-fill.bg-hov}",
              "borderRadius": "{btn.border-radius.default}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{btn.sizing.icon-l}"
            },
            "type": "composition"
          }
        },
        "act": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-m}",
              "horizontalPadding": "{btn.spacing.bg-s}",
              "fill": "{btn.color.icon-fill.bg-act}",
              "borderRadius": "{btn.border-radius.default}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{btn.sizing.icon-l}"
            },
            "type": "composition"
          }
        },
        "disabled": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-m}",
              "horizontalPadding": "{btn.spacing.bg-s}",
              "fill": "{btn.color.icon-fill.bg-disabled}",
              "borderRadius": "{btn.border-radius.default}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{btn.sizing.icon-l}"
            },
            "type": "composition"
          }
        }
      },
      "l": {
        "norm": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-l}",
              "horizontalPadding": "{btn.spacing.bg-s}",
              "fill": "{btn.color.icon-fill.bg-norm}",
              "borderRadius": "{btn.border-radius.default}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{btn.sizing.icon-l}"
            },
            "type": "composition"
          }
        },
        "hov": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-l}",
              "horizontalPadding": "{btn.spacing.bg-s}",
              "fill": "{btn.color.icon-fill.bg-hov}",
              "borderRadius": "{btn.border-radius.default}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{btn.sizing.icon-l}"
            },
            "type": "composition"
          }
        },
        "act": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-l}",
              "horizontalPadding": "{btn.spacing.bg-s}",
              "fill": "{btn.color.icon-fill.bg-act}",
              "borderRadius": "{btn.border-radius.default}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{btn.sizing.icon-l}"
            },
            "type": "composition"
          }
        },
        "disabled": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-l}",
              "horizontalPadding": "{btn.spacing.bg-s}",
              "fill": "{btn.color.icon-fill.bg-disabled}",
              "borderRadius": "{btn.border-radius.default}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{btn.sizing.icon-l}"
            },
            "type": "composition"
          }
        }
      }
    },
    "icon-outline": {
      "m": {
        "norm": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-m}",
              "horizontalPadding": "{btn.spacing.bg-s}",
              "borderRadius": "{btn.border-radius.default}",
              "border": "{btn.color.icon-outline.bg-border}",
              "borderWidth": "{border-width.default}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{btn.sizing.icon-l}"
            },
            "type": "composition"
          }
        },
        "hov": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-m}",
              "horizontalPadding": "{btn.spacing.bg-s}",
              "borderRadius": "{btn.border-radius.default}",
              "border": "{btn.color.icon-outline.bg-border}",
              "borderWidth": "{border-width.default}",
              "fill": "{btn.color.icon-outline.bg-hov}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{btn.sizing.icon-l}"
            },
            "type": "composition"
          }
        },
        "act": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-m}",
              "horizontalPadding": "{btn.spacing.bg-s}",
              "borderRadius": "{btn.border-radius.default}",
              "border": "{btn.color.icon-outline.bg-border}",
              "borderWidth": "{border-width.default}",
              "fill": "{btn.color.icon-outline.bg-act}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{btn.sizing.icon-l}"
            },
            "type": "composition"
          }
        },
        "disabled": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-m}",
              "horizontalPadding": "{btn.spacing.bg-s}",
              "borderRadius": "{btn.border-radius.default}",
              "border": "{btn.color.icon-outline.bg-border}",
              "borderWidth": "{border-width.default}",
              "fill": "{btn.color.icon-outline.bg-disabled}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{btn.sizing.icon-l}"
            },
            "type": "composition"
          }
        }
      },
      "l": {
        "norm": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-l}",
              "horizontalPadding": "{btn.spacing.bg-s}",
              "borderRadius": "{btn.border-radius.default}",
              "border": "{btn.color.icon-outline.bg-border}",
              "borderWidth": "{border-width.default}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{btn.sizing.icon-l}"
            },
            "type": "composition"
          }
        },
        "hov": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-l}",
              "horizontalPadding": "{btn.spacing.bg-s}",
              "borderRadius": "{btn.border-radius.default}",
              "border": "{btn.color.icon-outline.bg-border}",
              "borderWidth": "{border-width.default}",
              "fill": "{btn.color.icon-outline.bg-hov}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{btn.sizing.icon-l}"
            },
            "type": "composition"
          }
        },
        "act": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-l}",
              "horizontalPadding": "{btn.spacing.bg-s}",
              "borderRadius": "{btn.border-radius.default}",
              "border": "{btn.color.icon-outline.bg-border}",
              "borderWidth": "{border-width.default}",
              "fill": "{btn.color.icon-outline.bg-act}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{btn.sizing.icon-l}"
            },
            "type": "composition"
          }
        },
        "disabled": {
          "bg": {
            "value": {
              "height": "{btn.sizing.bg-l}",
              "horizontalPadding": "{btn.spacing.bg-s}",
              "borderRadius": "{btn.border-radius.default}",
              "border": "{btn.color.icon-outline.bg-border}",
              "borderWidth": "{border-width.default}",
              "fill": "{btn.color.icon-outline.bg-disabled}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{btn.sizing.icon-l}"
            },
            "type": "composition"
          }
        }
      }
    }
  },
  "dropdown": {
    "s": {
      "norm": {
        "bg": {
          "value": {
            "height": "{dropdown.sizing.bg-s}",
            "horizontalPadding": "{dropdown.spacing.bg-s}",
            "borderRadius": "{dropdown.border-radius.default}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.body.s}",
            "fill": "{dropdown.color.text-norm}"
          },
          "type": "composition"
        }
      },
      "hov": {
        "bg": {
          "value": {
            "height": "{dropdown.sizing.bg-s}",
            "horizontalPadding": "{dropdown.spacing.bg-s}",
            "borderRadius": "{dropdown.border-radius.default}",
            "fill": "{dropdown.color.bg-hov}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.body.s}",
            "fill": "{dropdown.color.text-norm}"
          },
          "type": "composition"
        }
      },
      "sel": {
        "bg": {
          "value": {
            "height": "{dropdown.sizing.bg-s}",
            "horizontalPadding": "{dropdown.spacing.bg-s}",
            "borderRadius": "{dropdown.border-radius.default}",
            "fill": "{dropdown.color.bg-sel}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.body.s}",
            "fill": "{dropdown.color.text-sel}"
          },
          "type": "composition"
        }
      },
      "disabled": {
        "bg": {
          "value": {
            "height": "{dropdown.sizing.bg-s}",
            "horizontalPadding": "{dropdown.spacing.bg-s}",
            "borderRadius": "{dropdown.border-radius.default}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.body.s}",
            "fill": "{dropdown.color.text-disabled}"
          },
          "type": "composition"
        }
      }
    },
    "m": {
      "norm": {
        "bg": {
          "value": {
            "height": "{dropdown.sizing.bg-m}",
            "horizontalPadding": "{dropdown.spacing.bg-m}",
            "borderRadius": "{dropdown.border-radius.default}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.body.m}",
            "fill": "{dropdown.color.text-norm}"
          },
          "type": "composition"
        }
      },
      "hov": {
        "bg": {
          "value": {
            "height": "{dropdown.sizing.bg-m}",
            "horizontalPadding": "{dropdown.spacing.bg-m}",
            "borderRadius": "{dropdown.border-radius.default}",
            "fill": "{dropdown.color.bg-hov}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.body.m}",
            "fill": "{dropdown.color.text-norm}"
          },
          "type": "composition"
        }
      },
      "sel": {
        "bg": {
          "value": {
            "height": "{dropdown.sizing.bg-m}",
            "horizontalPadding": "{dropdown.spacing.bg-m}",
            "borderRadius": "{dropdown.border-radius.default}",
            "fill": "{dropdown.color.bg-sel}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.body.m}",
            "fill": "{dropdown.color.text-sel}"
          },
          "type": "composition"
        }
      },
      "disabled": {
        "bg": {
          "value": {
            "height": "{dropdown.sizing.bg-m}",
            "horizontalPadding": "{dropdown.spacing.bg-m}",
            "borderRadius": "{dropdown.border-radius.default}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.body.m}",
            "fill": "{dropdown.color.text-disabled}"
          },
          "type": "composition"
        }
      }
    }
  },
  "navmenu": {
    "s": {
      "norm": {
        "bg": {
          "value": {
            "height": "{navmenu.sizing.bg-s}",
            "horizontalPadding": "{navmenu.spacing.bg-s}",
            "borderRadius": "{navmenu.border-radius.default}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.body.m}",
            "fill": "{navmenu.color.text-norm}"
          },
          "type": "composition"
        }
      },
      "hov": {
        "bg": {
          "value": {
            "height": "{navmenu.sizing.bg-s}",
            "horizontalPadding": "{navmenu.spacing.bg-s}",
            "borderRadius": "{navmenu.border-radius.default}",
            "fill": "{navmenu.color.bg-hover}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.body.m}",
            "fill": "{navmenu.color.text-norm}"
          },
          "type": "composition"
        }
      },
      "sel": {
        "bg": {
          "value": {
            "height": "{navmenu.sizing.bg-s}",
            "horizontalPadding": "{navmenu.spacing.bg-s}",
            "borderRadius": "{navmenu.border-radius.default}",
            "fill": "{navmenu.color.bg-sel}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.body.m}",
            "fill": "{navmenu.color.text-sel}"
          },
          "type": "composition"
        }
      }
    },
    "m": {
      "norm": {
        "bg": {
          "value": {
            "height": "{navmenu.sizing.bg-m}",
            "horizontalPadding": "{navmenu.spacing.bg-m}",
            "borderRadius": "{navmenu.border-radius.default}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.body.m}",
            "fill": "{navmenu.color.text-norm}"
          },
          "type": "composition"
        }
      },
      "hov": {
        "bg": {
          "value": {
            "height": "{navmenu.sizing.bg-m}",
            "horizontalPadding": "{navmenu.spacing.bg-m}",
            "borderRadius": "{navmenu.border-radius.default}",
            "fill": "{navmenu.color.bg-hover}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.body.m}",
            "fill": "{navmenu.color.text-norm}"
          },
          "type": "composition"
        }
      },
      "sel": {
        "bg": {
          "value": {
            "height": "{navmenu.sizing.bg-m}",
            "horizontalPadding": "{navmenu.spacing.bg-m}",
            "borderRadius": "{navmenu.border-radius.default}",
            "fill": "{navmenu.color.bg-sel}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.body.m}",
            "fill": "{navmenu.color.text-sel}"
          },
          "type": "composition"
        }
      }
    },
    "has-icon": {
      "s": {
        "norm": {
          "bg": {
            "value": {
              "height": "{navmenu.sizing.bg-s}",
              "horizontalPadding": "{navmenu.spacing.bg-s}",
              "borderRadius": "{navmenu.border-radius.default}",
              "itemSpacing": "{navmenu.spacing.body}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{navmenu.color.text-norm}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{navmenu.sizing.icon}"
            },
            "type": "composition"
          }
        },
        "hov": {
          "bg": {
            "value": {
              "height": "{navmenu.sizing.bg-s}",
              "horizontalPadding": "{navmenu.spacing.bg-s}",
              "borderRadius": "{navmenu.border-radius.default}",
              "itemSpacing": "{navmenu.spacing.body}",
              "fill": "{navmenu.color.bg-hover}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{navmenu.color.text-norm}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{navmenu.sizing.icon}"
            },
            "type": "composition"
          }
        },
        "sel": {
          "bg": {
            "value": {
              "height": "{navmenu.sizing.bg-s}",
              "horizontalPadding": "{navmenu.spacing.bg-s}",
              "borderRadius": "{navmenu.border-radius.default}",
              "itemSpacing": "{navmenu.spacing.body}",
              "fill": "{navmenu.color.bg-sel}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{navmenu.color.text-sel}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{navmenu.sizing.icon}"
            },
            "type": "composition"
          }
        }
      },
      "m": {
        "norm": {
          "bg": {
            "value": {
              "height": "{navmenu.sizing.bg-m}",
              "horizontalPadding": "{navmenu.spacing.bg-m}",
              "borderRadius": "{navmenu.border-radius.default}",
              "itemSpacing": "{navmenu.spacing.body}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{navmenu.color.text-norm}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{navmenu.sizing.icon}"
            },
            "type": "composition"
          }
        },
        "hov": {
          "bg": {
            "value": {
              "height": "{navmenu.sizing.bg-m}",
              "horizontalPadding": "{navmenu.spacing.bg-m}",
              "borderRadius": "{navmenu.border-radius.default}",
              "itemSpacing": "{navmenu.spacing.body}",
              "fill": "{navmenu.color.bg-hover}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{navmenu.color.text-norm}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{navmenu.sizing.icon}"
            },
            "type": "composition"
          }
        },
        "sel": {
          "bg": {
            "value": {
              "height": "{navmenu.sizing.bg-m}",
              "horizontalPadding": "{navmenu.spacing.bg-m}",
              "borderRadius": "{navmenu.border-radius.default}",
              "itemSpacing": "{navmenu.spacing.body}",
              "fill": "{navmenu.color.bg-sel}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{navmenu.color.text-sel}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{navmenu.sizing.icon}"
            },
            "type": "composition"
          }
        }
      }
    }
  },
  "multi-tab": {
    "home": {
      "sel": {
        "bg": {
          "value": {
            "height": "{multi-tab.sizing.bg-height}",
            "horizontalPadding": "{multi-tab.spacing.bg}",
            "itemSpacing": "{multi-tab.spacing.body}",
            "border": "{multi-tab.color.border}",
            "borderRadiusTopLeft": "{multi-tab.border-radius.default}",
            "borderRadiusTopRight": "{multi-tab.border-radius.default}",
            "borderWidthBottom": "{border-width.default}",
            "fill": "{multi-tab.color.bg}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.body.m}",
            "fill": "{multi-tab.color.text-sel}"
          },
          "type": "composition"
        },
        "icon-home": {
          "value": {
            "sizing": "{multi-tab.sizing.icon-home}"
          },
          "type": "composition"
        },
        "icon-close": {
          "value": {
            "sizing": "{multi-tab.sizing.icon-close}"
          },
          "type": "composition"
        }
      },
      "unsel": {
        "bg": {
          "value": {
            "height": "{multi-tab.sizing.bg-height}",
            "horizontalPadding": "{multi-tab.spacing.bg}",
            "itemSpacing": "{multi-tab.spacing.body}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.body.m}",
            "fill": "{multi-tab.color.text-unsel}"
          },
          "type": "composition"
        },
        "icon-home": {
          "value": {
            "sizing": "{multi-tab.sizing.icon-home}"
          },
          "type": "composition"
        }
      }
    },
    "file": {
      "sel": {
        "bg": {
          "value": {
            "height": "{multi-tab.sizing.bg-height}",
            "horizontalPadding": "{multi-tab.spacing.bg}",
            "border": "{multi-tab.color.border}",
            "borderRadiusTopLeft": "{multi-tab.border-radius.default}",
            "borderRadiusTopRight": "{multi-tab.border-radius.default}",
            "borderWidthBottom": "{border-width.default}",
            "fill": "{multi-tab.color.bg}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.body.m}",
            "fill": "{multi-tab.color.text-sel}"
          },
          "type": "composition"
        },
        "icon-close": {
          "value": {
            "sizing": "{multi-tab.sizing.icon-close}"
          },
          "type": "composition"
        }
      },
      "unsel": {
        "bg": {
          "value": {
            "height": "{multi-tab.sizing.bg-height}",
            "horizontalPadding": "{multi-tab.spacing.bg}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.body.m}",
            "fill": "{multi-tab.color.text-unsel}"
          },
          "type": "composition"
        }
      }
    }
  },
  "checkbox": {
    "norm": {
      "bg": {
        "value": {
          "itemSpacing": "{checkbox.spacing.body}"
        },
        "type": "composition"
      },
      "text": {
        "value": {
          "typography": "{text-win.body.m}",
          "fill": "{checkbox.color.text-norm}"
        },
        "type": "composition"
      },
      "icon": {
        "value": {
          "sizing": "{checkbox.sizing.icon}"
        },
        "type": "composition"
      }
    },
    "hov": {
      "bg": {
        "value": {
          "itemSpacing": "{checkbox.spacing.body}"
        },
        "type": "composition"
      },
      "text": {
        "value": {
          "typography": "{text-win.body.m}",
          "fill": "{checkbox.color.text-norm}"
        },
        "type": "composition"
      },
      "icon": {
        "value": {
          "sizing": "{checkbox.sizing.icon}"
        },
        "type": "composition"
      }
    },
    "disabled": {
      "bg": {
        "value": {
          "itemSpacing": "{checkbox.spacing.body}"
        },
        "type": "composition"
      },
      "text": {
        "value": {
          "typography": "{text-win.body.m}",
          "fill": "{checkbox.color.text-disabled}"
        },
        "type": "composition"
      },
      "icon": {
        "value": {
          "sizing": "{checkbox.sizing.icon}"
        },
        "type": "composition"
      }
    }
  },
  "radio": {
    "norm": {
      "bg": {
        "value": {
          "itemSpacing": "{radio.spacing.body}"
        },
        "type": "composition"
      },
      "text": {
        "value": {
          "typography": "{text-win.body.m}",
          "fill": "{radio.color.text-norm}"
        },
        "type": "composition"
      },
      "icon": {
        "value": {
          "sizing": "{radio.sizing.icon}"
        },
        "type": "composition"
      }
    },
    "hov": {
      "bg": {
        "value": {
          "itemSpacing": "{radio.spacing.body}"
        },
        "type": "composition"
      },
      "text": {
        "value": {
          "typography": "{text-win.body.m}",
          "fill": "{radio.color.text-norm}"
        },
        "type": "composition"
      },
      "icon": {
        "value": {
          "sizing": "{radio.sizing.icon}"
        },
        "type": "composition"
      }
    },
    "disabled": {
      "bg": {
        "value": {
          "itemSpacing": "{radio.spacing.body}"
        },
        "type": "composition"
      },
      "text": {
        "value": {
          "typography": "{text-win.body.m}",
          "fill": "{radio.color.text-norm}"
        },
        "type": "composition"
      },
      "icon": {
        "value": {
          "sizing": "{radio.sizing.icon}"
        },
        "type": "composition"
      }
    }
  },
  "input": {
    "fill": {
      "norm": {
        "bg": {
          "value": {
            "height": "{input.sizing.bg}",
            "horizontalPadding": "{input.spacing.bg}",
            "border": "{input.color.border-norm}",
            "borderRadius": "{input.border-radius.default}",
            "borderWidth": "{border-width.default}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.body.m}",
            "fill": "{input.color.text-fill}"
          },
          "type": "composition"
        }
      },
      "hov": {
        "bg": {
          "value": {
            "height": "{input.sizing.bg}",
            "horizontalPadding": "{input.spacing.bg}",
            "border": "{input.color.border-hov}",
            "borderRadius": "{input.border-radius.default}",
            "borderWidth": "{border-width.default}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.body.m}",
            "fill": "{input.color.text-fill}"
          },
          "type": "composition"
        }
      },
      "focus": {
        "bg": {
          "value": {
            "height": "{input.sizing.bg}",
            "horizontalPadding": "{input.spacing.bg}",
            "border": "{input.color.border-focus}",
            "borderRadius": "{input.border-radius.default}",
            "borderWidth": "{border-width.default}",
            "boxShadow": "{shadow.blue-1}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.body.m}",
            "fill": "{input.color.text-fill}"
          },
          "type": "composition"
        },
        "icon": {
          "value": {
            "sizing": "{input.sizing.icon}"
          },
          "type": "composition"
        }
      },
      "disabled": {
        "bg": {
          "value": {
            "height": "{input.sizing.bg}",
            "horizontalPadding": "{input.spacing.bg}",
            "border": "{input.color.border-disabled}",
            "borderRadius": "{input.border-radius.default}",
            "borderWidth": "{border-width.default}",
            "fill": "{input.color.bg-disabled}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.body.m}",
            "fill": "{input.color.text-disabled}"
          },
          "type": "composition"
        }
      },
      "error": {
        "bg": {
          "value": {
            "height": "{input.sizing.bg}",
            "horizontalPadding": "{input.spacing.bg}",
            "border": "{input.color.border-error}",
            "borderRadius": "{input.border-radius.default}",
            "borderWidth": "{border-width.default}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.body.m}",
            "fill": "{input.color.text-fill}"
          },
          "type": "composition"
        },
        "icon": {
          "value": {
            "sizing": "{input.sizing.icon}"
          },
          "type": "composition"
        }
      }
    },
    "has-tips": {
      "fill": {
        "norm": {
          "bg": {
            "value": {
              "height": "{input.sizing.bg}",
              "horizontalPadding": "{input.spacing.bg}",
              "border": "{input.color.border-norm}",
              "borderRadius": "{input.border-radius.default}",
              "borderWidth": "{border-width.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{input.color.text-fill}"
            },
            "type": "composition"
          },
          "text-tips": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{input.color.text-tips}"
            },
            "type": "composition"
          },
          "body": {
            "value": {
              "itemSpacing": "{input.spacing.body-tipstext}"
            },
            "type": "composition"
          }
        },
        "hov": {
          "bg": {
            "value": {
              "height": "{input.sizing.bg}",
              "horizontalPadding": "{input.spacing.bg}",
              "border": "{input.color.border-hov}",
              "borderRadius": "{input.border-radius.default}",
              "borderWidth": "{border-width.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{input.color.text-fill}"
            },
            "type": "composition"
          },
          "text-tips": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{input.color.text-tips}"
            },
            "type": "composition"
          },
          "body": {
            "value": {
              "itemSpacing": "{input.spacing.body-tipstext}"
            },
            "type": "composition"
          }
        },
        "focus": {
          "bg": {
            "value": {
              "height": "{input.sizing.bg}",
              "horizontalPadding": "{input.spacing.bg}",
              "border": "{input.color.border-focus}",
              "borderRadius": "{input.border-radius.default}",
              "borderWidth": "{border-width.default}",
              "boxShadow": "{shadow.blue-1}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{input.color.text-fill}"
            },
            "type": "composition"
          },
          "text-tips": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{input.color.text-tips}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{input.sizing.icon}"
            },
            "type": "composition"
          },
          "body": {
            "value": {
              "itemSpacing": "{input.spacing.body-tipstext}"
            },
            "type": "composition"
          }
        },
        "disabled": {
          "bg": {
            "value": {
              "height": "{input.sizing.bg}",
              "horizontalPadding": "{input.spacing.bg}",
              "border": "{input.color.border-disabled}",
              "borderRadius": "{input.border-radius.default}",
              "borderWidth": "{border-width.default}",
              "fill": "{input.color.bg-disabled}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{input.color.text-disabled}"
            },
            "type": "composition"
          },
          "text-tips": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{input.color.text-tips}"
            },
            "type": "composition"
          },
          "body": {
            "value": {
              "itemSpacing": "{input.spacing.body-tipstext}"
            },
            "type": "composition"
          }
        },
        "error": {
          "bg": {
            "value": {
              "height": "{input.sizing.bg}",
              "horizontalPadding": "{input.spacing.bg}",
              "border": "{input.color.border-error}",
              "borderRadius": "{input.border-radius.default}",
              "borderWidth": "{border-width.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{input.color.text-fill}"
            },
            "type": "composition"
          },
          "text-tips": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{input.color.text-error}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{input.sizing.icon}"
            },
            "type": "composition"
          },
          "body": {
            "value": {
              "itemSpacing": "{input.spacing.body-tipstext}"
            },
            "type": "composition"
          }
        }
      },
      "unfill": {
        "norm": {
          "bg": {
            "value": {
              "height": "{input.sizing.bg}",
              "horizontalPadding": "{input.spacing.bg}",
              "border": "{input.color.border-norm}",
              "borderRadius": "{input.border-radius.default}",
              "borderWidth": "{border-width.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{input.color.text-unfill}"
            },
            "type": "composition"
          },
          "text-tips": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{input.color.text-tips}"
            },
            "type": "composition"
          },
          "body": {
            "value": {
              "itemSpacing": "{input.spacing.body-tipstext}"
            },
            "type": "composition"
          }
        },
        "hov": {
          "bg": {
            "value": {
              "height": "{input.sizing.bg}",
              "horizontalPadding": "{input.spacing.bg}",
              "border": "{input.color.border-hov}",
              "borderRadius": "{input.border-radius.default}",
              "borderWidth": "{border-width.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{input.color.text-unfill}"
            },
            "type": "composition"
          },
          "text-tips": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{input.color.text-tips}"
            },
            "type": "composition"
          },
          "body": {
            "value": {
              "itemSpacing": "{input.spacing.body-tipstext}"
            },
            "type": "composition"
          }
        },
        "focus": {
          "bg": {
            "value": {
              "height": "{input.sizing.bg}",
              "horizontalPadding": "{input.spacing.bg}",
              "border": "{input.color.border-focus}",
              "borderRadius": "{input.border-radius.default}",
              "borderWidth": "{border-width.default}",
              "boxShadow": "{shadow.blue-1}"
            },
            "type": "composition"
          },
          "text-tips": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{input.color.text-tips}"
            },
            "type": "composition"
          },
          "body": {
            "value": {
              "itemSpacing": "{input.spacing.body-tipstext}"
            },
            "type": "composition"
          }
        },
        "disabled": {
          "bg": {
            "value": {
              "height": "{input.sizing.bg}",
              "horizontalPadding": "{input.spacing.bg}",
              "border": "{input.color.border-disabled}",
              "borderRadius": "{input.border-radius.default}",
              "borderWidth": "{border-width.default}",
              "fill": "{input.color.bg-disabled}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{input.color.text-disabled}"
            },
            "type": "composition"
          },
          "text-tips": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{input.color.text-tips}"
            },
            "type": "composition"
          },
          "body": {
            "value": {
              "itemSpacing": "{input.spacing.body-tipstext}"
            },
            "type": "composition"
          }
        },
        "error": {
          "bg": {
            "value": {
              "height": "{input.sizing.bg}",
              "horizontalPadding": "{input.spacing.bg}",
              "border": "{input.color.border-error}",
              "borderRadius": "{input.border-radius.default}",
              "borderWidth": "{border-width.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{input.color.text-unfill}"
            },
            "type": "composition"
          },
          "text-tips": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{input.color.text-error}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{input.sizing.icon}"
            },
            "type": "composition"
          },
          "body": {
            "value": {
              "itemSpacing": "{input.spacing.body-tipstext}"
            },
            "type": "composition"
          }
        }
      }
    },
    "unfill": {
      "norm": {
        "bg": {
          "value": {
            "height": "{input.sizing.bg}",
            "horizontalPadding": "{input.spacing.bg}",
            "border": "{input.color.border-norm}",
            "borderRadius": "{input.border-radius.default}",
            "borderWidth": "{border-width.default}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.body.m}",
            "fill": "{input.color.text-unfill}"
          },
          "type": "composition"
        }
      },
      "hov": {
        "bg": {
          "value": {
            "height": "{input.sizing.bg}",
            "horizontalPadding": "{input.spacing.bg}",
            "border": "{input.color.border-hov}",
            "borderRadius": "{input.border-radius.default}",
            "borderWidth": "{border-width.default}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.body.m}",
            "fill": "{input.color.text-unfill}"
          },
          "type": "composition"
        }
      },
      "focus": {
        "bg": {
          "value": {
            "height": "{input.sizing.bg}",
            "horizontalPadding": "{input.spacing.bg}",
            "border": "{input.color.border-focus}",
            "borderRadius": "{input.border-radius.default}",
            "borderWidth": "{border-width.default}",
            "boxShadow": "{shadow.blue-1}"
          },
          "type": "composition"
        }
      },
      "disabled": {
        "bg": {
          "value": {
            "height": "{input.sizing.bg}",
            "horizontalPadding": "{input.spacing.bg}",
            "border": "{input.color.border-disabled}",
            "borderRadius": "{input.border-radius.default}",
            "borderWidth": "{border-width.default}",
            "fill": "{input.color.bg-disabled}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.body.m}",
            "fill": "{input.color.text-disabled}"
          },
          "type": "composition"
        }
      },
      "error": {
        "bg": {
          "value": {
            "height": "{input.sizing.bg}",
            "horizontalPadding": "{input.spacing.bg}",
            "border": "{input.color.border-error}",
            "borderRadius": "{input.border-radius.default}",
            "borderWidth": "{border-width.default}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.body.m}",
            "fill": "{input.color.text-unfill}"
          },
          "type": "composition"
        },
        "icon": {
          "value": {
            "sizing": "{input.sizing.icon}"
          },
          "type": "composition"
        }
      }
    }
  },
  "pagination": {
    "simple": {
      "bg": {
        "value": {
          "fill": "{pagination.color.bg-simple}",
          "borderRadius": "{pagination.border-radius.default}",
          "horizontalPadding": "{pagination.spacing.bg-m}",
          "height": "{pagination.sizing.bg-m}"
        },
        "type": "composition"
      },
      "text": {
        "value": {
          "typography": "{text-win.body.m}",
          "fill": "{pagination.color.text-simple}"
        },
        "type": "composition"
      }
    },
    "base": {
      "bg": {
        "value": {
          "borderRadius": "{pagination.border-radius.default}",
          "horizontalPadding": "{pagination.spacing.bg-s}",
          "border": "{pagination.color.border}",
          "height": "{pagination.sizing.bg-s}"
        },
        "type": "composition"
      },
      "text": {
        "value": {
          "typography": "{text-win.body.s}",
          "fill": "{pagination.color.text-simple}"
        },
        "type": "composition"
      },
      "icon": {
        "value": {
          "sizing": "{pagination.sizing.icon}"
        },
        "type": "composition"
      },
      "body": {
        "value": {
          "itemSpacing": "{pagination.spacing.body}"
        },
        "type": "composition"
      }
    }
  },
  "select": {
    "fill": {
      "s": {
        "norm": {
          "bg": {
            "value": {
              "height": "{select.sizing.bg-s}",
              "horizontalPadding": "{select.spacing.bg}",
              "border": "{select.color.border}",
              "borderRadius": "{select.border-radius.default}",
              "borderWidth": "{border-width.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.s}",
              "fill": "{select.color.text-fill}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{select.sizing.icon}"
            },
            "type": "composition"
          }
        },
        "hov": {
          "bg": {
            "value": {
              "height": "{select.sizing.bg-s}",
              "horizontalPadding": "{select.spacing.bg}",
              "border": "{select.color.border-hov}",
              "borderRadius": "{select.border-radius.default}",
              "borderWidth": "{border-width.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.s}",
              "fill": "{select.color.text-fill}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{select.sizing.icon}"
            },
            "type": "composition"
          }
        },
        "focus": {
          "bg": {
            "value": {
              "height": "{select.sizing.bg-s}",
              "horizontalPadding": "{select.spacing.bg}",
              "border": "{select.color.border-focus}",
              "borderRadius": "{select.border-radius.default}",
              "borderWidth": "{border-width.default}",
              "boxShadow": "{shadow.blue-1}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.s}",
              "fill": "{select.color.text-fill}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{select.sizing.icon}"
            },
            "type": "composition"
          }
        },
        "disabled": {
          "bg": {
            "value": {
              "height": "{select.sizing.bg-s}",
              "horizontalPadding": "{select.spacing.bg}",
              "border": "{select.color.border}",
              "borderRadius": "{select.border-radius.default}",
              "borderWidth": "{border-width.default}",
              "fill": "{select.color.bg-disabled}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.s}",
              "fill": "{select.color.text-disabled}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{select.sizing.icon}"
            },
            "type": "composition"
          }
        }
      },
      "m": {
        "norm": {
          "bg": {
            "value": {
              "height": "{select.sizing.bg-m}",
              "horizontalPadding": "{select.spacing.bg}",
              "border": "{select.color.border}",
              "borderRadius": "{select.border-radius.default}",
              "borderWidth": "{border-width.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{select.color.text-fill}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{select.sizing.icon}"
            },
            "type": "composition"
          }
        },
        "hov": {
          "bg": {
            "value": {
              "height": "{select.sizing.bg-m}",
              "horizontalPadding": "{select.spacing.bg}",
              "border": "{select.color.border-hov}",
              "borderRadius": "{select.border-radius.default}",
              "borderWidth": "{border-width.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{select.color.text-fill}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{select.sizing.icon}"
            },
            "type": "composition"
          }
        },
        "focus": {
          "bg": {
            "value": {
              "height": "{select.sizing.bg-m}",
              "horizontalPadding": "{select.spacing.bg}",
              "border": "{select.color.border-focus}",
              "borderRadius": "{select.border-radius.default}",
              "borderWidth": "{border-width.default}",
              "boxShadow": "{shadow.blue-1}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{select.color.text-fill}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{select.sizing.icon}"
            },
            "type": "composition"
          }
        },
        "disabled": {
          "bg": {
            "value": {
              "height": "{select.sizing.bg-m}",
              "horizontalPadding": "{select.spacing.bg}",
              "border": "{select.color.border}",
              "borderRadius": "{select.border-radius.default}",
              "borderWidth": "{border-width.default}",
              "fill": "{select.color.bg-disabled}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{select.color.text-disabled}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{select.sizing.icon}"
            },
            "type": "composition"
          }
        }
      },
      "s-copy": {
        "norm": {
          "bg": {
            "value": {
              "height": "{select.sizing.bg-s}",
              "horizontalPadding": "{select.spacing.bg}",
              "border": "{select.color.border}",
              "borderRadius": "{select.border-radius.default}",
              "borderWidth": "{border-width.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.s}",
              "fill": "{select.color.text-fill}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{select.sizing.icon}"
            },
            "type": "composition"
          }
        },
        "hov": {
          "bg": {
            "value": {
              "height": "{select.sizing.bg-s}",
              "horizontalPadding": "{select.spacing.bg}",
              "border": "{select.color.border-hov}",
              "borderRadius": "{select.border-radius.default}",
              "borderWidth": "{border-width.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.s}",
              "fill": "{select.color.text-fill}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{select.sizing.icon}"
            },
            "type": "composition"
          }
        },
        "focus": {
          "bg": {
            "value": {
              "height": "{select.sizing.bg-s}",
              "horizontalPadding": "{select.spacing.bg}",
              "border": "{select.color.border-focus}",
              "borderRadius": "{select.border-radius.default}",
              "borderWidth": "{border-width.default}",
              "boxShadow": "{shadow.blue-1}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.s}",
              "fill": "{select.color.text-fill}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{select.sizing.icon}"
            },
            "type": "composition"
          }
        },
        "disabled": {
          "bg": {
            "value": {
              "height": "{select.sizing.bg-s}",
              "horizontalPadding": "{select.spacing.bg}",
              "border": "{select.color.border}",
              "borderRadius": "{select.border-radius.default}",
              "borderWidth": "{border-width.default}",
              "fill": "{select.color.bg-disabled}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.s}",
              "fill": "{select.color.text-disabled}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{select.sizing.icon}"
            },
            "type": "composition"
          }
        }
      }
    },
    "unfill": {
      "s": {
        "norm": {
          "bg": {
            "value": {
              "height": "{select.sizing.bg-s}",
              "horizontalPadding": "{select.spacing.bg}",
              "border": "{select.color.border}",
              "borderRadius": "{select.border-radius.default}",
              "borderWidth": "{border-width.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.s}",
              "fill": "{select.color.text-unfill}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{select.sizing.icon}"
            },
            "type": "composition"
          }
        },
        "hov": {
          "bg": {
            "value": {
              "height": "{select.sizing.bg-s}",
              "horizontalPadding": "{select.spacing.bg}",
              "border": "{select.color.border-hov}",
              "borderRadius": "{select.border-radius.default}",
              "borderWidth": "{border-width.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.s}",
              "fill": "{select.color.text-unfill}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{select.sizing.icon}"
            },
            "type": "composition"
          }
        },
        "focus": {
          "bg": {
            "value": {
              "height": "{select.sizing.bg-s}",
              "horizontalPadding": "{select.spacing.bg}",
              "border": "{select.color.border-focus}",
              "borderRadius": "{select.border-radius.default}",
              "borderWidth": "{border-width.default}",
              "boxShadow": "{shadow.blue-1}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.s}",
              "fill": "{select.color.text-unfill}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{select.sizing.icon}"
            },
            "type": "composition"
          }
        },
        "disabled": {
          "bg": {
            "value": {
              "height": "{select.sizing.bg-s}",
              "horizontalPadding": "{select.spacing.bg}",
              "border": "{select.color.border}",
              "borderRadius": "{select.border-radius.default}",
              "borderWidth": "{border-width.default}",
              "fill": "{select.color.bg-disabled}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.s}",
              "fill": "{select.color.text-disabled}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{select.sizing.icon}"
            },
            "type": "composition"
          }
        }
      },
      "m": {
        "norm": {
          "bg": {
            "value": {
              "height": "{select.sizing.bg-m}",
              "horizontalPadding": "{select.spacing.bg}",
              "border": "{select.color.border}",
              "borderRadius": "{select.border-radius.default}",
              "borderWidth": "{border-width.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{select.color.text-unfill}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{select.sizing.icon}"
            },
            "type": "composition"
          }
        },
        "hov": {
          "bg": {
            "value": {
              "height": "{select.sizing.bg-m}",
              "horizontalPadding": "{select.spacing.bg}",
              "border": "{select.color.border-hov}",
              "borderRadius": "{select.border-radius.default}",
              "borderWidth": "{border-width.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{select.color.text-unfill}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{select.sizing.icon}"
            },
            "type": "composition"
          }
        },
        "focus": {
          "bg": {
            "value": {
              "height": "{select.sizing.bg-m}",
              "horizontalPadding": "{select.spacing.bg}",
              "border": "{select.color.border-focus}",
              "borderRadius": "{select.border-radius.default}",
              "borderWidth": "{border-width.default}",
              "boxShadow": "{shadow.blue-1}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{select.color.text-unfill}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{select.sizing.icon}"
            },
            "type": "composition"
          }
        },
        "disabled": {
          "bg": {
            "value": {
              "height": "{select.sizing.bg-m}",
              "horizontalPadding": "{select.spacing.bg}",
              "border": "{select.color.border}",
              "borderRadius": "{select.border-radius.default}",
              "borderWidth": "{border-width.default}",
              "fill": "{select.color.bg-disabled}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{select.color.text-disabled}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{select.sizing.icon}"
            },
            "type": "composition"
          }
        }
      }
    },
    "simple": {
      "bg": {
        "value": {
          "height": "{select.sizing.bg-s}",
          "horizontalPadding": "{select.spacing.bg}"
        },
        "type": "composition"
      },
      "text": {
        "value": {
          "typography": "{text-win.body.s}",
          "fill": "{select.color.text-fill}"
        },
        "type": "composition"
      },
      "icon": {
        "value": {
          "sizing": "{select.sizing.icon}"
        },
        "type": "composition"
      }
    }
  },
  "slider": {
    "bg": {
      "value": {
        "height": "{slider.sizing.bg}",
        "fill": "{slider.color.bg-norm}",
        "borderRadius": "{slider.border-radius.default}"
      },
      "type": "composition"
    },
    "fill": {
      "value": {
        "height": "{slider.sizing.bg}",
        "fill": "{slider.color.fill-norm}",
        "borderRadius": "{slider.border-radius.default}"
      },
      "type": "composition"
    },
    "circle": {
      "value": {
        "sizing": "{slider.sizing.circle}",
        "fill": "{slider.color.fill-norm}",
        "borderRadius": "{slider.border-radius.circle}",
        "border": "{slider.color.border}",
        "borderWidth": "{border-width.2}",
        "boxShadow": "{slider.bg-shadow}"
      },
      "type": "composition"
    }
  },
  "stepper": {
    "norm": {
      "bg": {
        "value": {
          "height": "{stepper.sizing.bg}",
          "paddingLeft": "{stepper.spacing.bg-left}",
          "border": "{stepper.color.border}",
          "borderRadius": "{stepper.border-radius.default}",
          "borderWidth": "{border-width.default}",
          "paddingRight": "{stepper.spacing.bg-right}"
        },
        "type": "composition"
      },
      "text": {
        "value": {
          "typography": "{text-win.body.m}",
          "fill": "{stepper.color.text-norm}"
        },
        "type": "composition"
      },
      "icon": {
        "value": {
          "sizing": "{stepper.sizing.icon}"
        },
        "type": "composition"
      },
      "arrow": {
        "value": {
          "height": "{stepper.arrow.sizing.bg-height}",
          "width": "{stepper.arrow.sizing.bg-width}"
        },
        "type": "composition"
      },
      "body": {
        "value": {
          "itemSpacing": "{stepper.spacing.body}"
        },
        "type": "composition"
      }
    },
    "hov": {
      "bg": {
        "value": {
          "height": "{stepper.sizing.bg}",
          "paddingLeft": "{stepper.spacing.bg-left}",
          "border": "{stepper.color.border-hov}",
          "borderRadius": "{stepper.border-radius.default}",
          "borderWidth": "{border-width.default}",
          "paddingRight": "{stepper.spacing.bg-right}"
        },
        "type": "composition"
      },
      "text": {
        "value": {
          "typography": "{text-win.body.m}",
          "fill": "{stepper.color.text-norm}"
        },
        "type": "composition"
      },
      "icon": {
        "value": {
          "sizing": "{stepper.sizing.icon}"
        },
        "type": "composition"
      },
      "arrow": {
        "value": {
          "height": "{stepper.arrow.sizing.bg-height}",
          "width": "{stepper.arrow.sizing.bg-width}"
        },
        "type": "composition"
      },
      "body": {
        "value": {
          "itemSpacing": "{stepper.spacing.body}"
        },
        "type": "composition"
      }
    },
    "focus": {
      "bg": {
        "value": {
          "height": "{stepper.sizing.bg}",
          "paddingLeft": "{stepper.spacing.bg-left}",
          "border": "{stepper.color.border-focus}",
          "borderRadius": "{stepper.border-radius.default}",
          "borderWidth": "{border-width.default}",
          "paddingRight": "{stepper.spacing.bg-right}",
          "boxShadow": "{stepper.shadow}"
        },
        "type": "composition"
      },
      "text": {
        "value": {
          "typography": "{text-win.body.m}",
          "fill": "{stepper.color.text-norm}"
        },
        "type": "composition"
      },
      "icon": {
        "value": {
          "sizing": "{stepper.sizing.icon}"
        },
        "type": "composition"
      },
      "arrow": {
        "value": {
          "height": "{stepper.arrow.sizing.bg-height}",
          "width": "{stepper.arrow.sizing.bg-width}"
        },
        "type": "composition"
      },
      "body": {
        "value": {
          "itemSpacing": "{stepper.spacing.body}"
        },
        "type": "composition"
      }
    },
    "disabled": {
      "bg": {
        "value": {
          "height": "{stepper.sizing.bg}",
          "paddingLeft": "{stepper.spacing.bg-left}",
          "border": "{stepper.color.border}",
          "borderRadius": "{stepper.border-radius.default}",
          "borderWidth": "{border-width.default}",
          "paddingRight": "{stepper.spacing.bg-right}"
        },
        "type": "composition"
      },
      "text": {
        "value": {
          "typography": "{text-win.body.m}",
          "fill": "{stepper.color.text-disabled}"
        },
        "type": "composition"
      },
      "icon": {
        "value": {
          "sizing": "{stepper.sizing.icon}"
        },
        "type": "composition"
      },
      "arrow": {
        "value": {
          "height": "{stepper.arrow.sizing.bg-height}",
          "width": "{stepper.arrow.sizing.bg-width}"
        },
        "type": "composition"
      },
      "body": {
        "value": {
          "itemSpacing": "{stepper.spacing.body}"
        },
        "type": "composition"
      }
    }
  },
  "avatar": {
    "bg": {
      "value": {
        "sizing": "{avatar.sizing.bg}",
        "fill": "{avatar.color.bg}"
      },
      "type": "composition"
    },
    "icon": {
      "value": {
        "sizing": "{avatar.sizing.icon}"
      },
      "type": "composition"
    }
  },
  "badge": {
    "dot": {
      "value": {
        "sizing": "{badge.sizing.dot}",
        "fill": "{badge.color.bg}"
      },
      "type": "composition"
    },
    "count": {
      "bg": {
        "value": {
          "fill": "{badge.color.bg}",
          "horizontalPadding": "{badge.spacing.count}",
          "height": "{badge.sizing.count}"
        },
        "type": "composition"
      },
      "text": {
        "value": {
          "typography": "{text-win.body.s}",
          "fill": "{badge.color.text}"
        },
        "type": "composition"
      }
    }
  },
  "card": {
    "only-tiltle": {
      "norm": {
        "bg": {
          "value": {
            "height": "{card.sizing.bg-onlytitle}",
            "horizontalPadding": "{card.spacing.bg}",
            "border": "{card.color.border-norm}",
            "borderRadius": "{card.border-radius.default}",
            "borderWidth": "{border-width.default}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.title.m}",
            "fill": "{card.color.text-tiltle}"
          },
          "type": "composition"
        },
        "icon": {
          "value": {
            "sizing": "{card.sizing.icon}"
          },
          "type": "composition"
        },
        "body": {
          "value": {
            "itemSpacing": "{card.spacing.body}"
          },
          "type": "composition"
        }
      },
      "hov": {
        "bg": {
          "value": {
            "height": "{card.sizing.bg-onlytitle}",
            "horizontalPadding": "{card.spacing.bg}",
            "border": "{card.color.border-hov}",
            "borderRadius": "{card.border-radius.default}",
            "borderWidth": "{border-width.default}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.title.m}",
            "fill": "{card.color.text-tiltle}"
          },
          "type": "composition"
        },
        "icon": {
          "value": {
            "sizing": "{card.sizing.icon}"
          },
          "type": "composition"
        },
        "body": {
          "value": {
            "itemSpacing": "{card.spacing.body}"
          },
          "type": "composition"
        }
      },
      "sel": {
        "bg": {
          "value": {
            "height": "{card.sizing.bg-onlytitle}",
            "horizontalPadding": "{card.spacing.bg}",
            "border": "{card.color.border-sel}",
            "borderRadius": "{card.border-radius.default}",
            "borderWidth": "{border-width.default}",
            "fill": "{card.color.bg-sel}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.title.m}",
            "fill": "{card.color.text-tiltle}"
          },
          "type": "composition"
        },
        "icon": {
          "value": {
            "sizing": "{card.sizing.icon}"
          },
          "type": "composition"
        },
        "body": {
          "value": {
            "itemSpacing": "{card.spacing.body}"
          },
          "type": "composition"
        }
      },
      "move": {
        "bg": {
          "value": {
            "height": "{card.sizing.bg-onlytitle}",
            "horizontalPadding": "{card.spacing.bg}",
            "border": "{card.color.border-move}",
            "borderRadius": "{card.border-radius.default}",
            "borderWidth": "{border-width.default}",
            "fill": "{card.color.bg-move}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.title.m}",
            "fill": "{card.color.text-tiltle}"
          },
          "type": "composition"
        },
        "icon": {
          "value": {
            "sizing": "{card.sizing.icon}"
          },
          "type": "composition"
        },
        "body": {
          "value": {
            "itemSpacing": "{card.spacing.body}"
          },
          "type": "composition"
        }
      }
    },
    "has-desc": {
      "norm": {
        "bg": {
          "value": {
            "height": "{card.sizing.bg-hasdesc}",
            "horizontalPadding": "{card.spacing.bg}",
            "border": "{card.color.border-norm}",
            "borderRadius": "{card.border-radius.default}",
            "borderWidth": "{border-width.default}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.title.m}",
            "fill": "{card.color.text-tiltle}"
          },
          "type": "composition"
        },
        "icon": {
          "value": {
            "sizing": "{card.sizing.icon}"
          },
          "type": "composition"
        },
        "body": {
          "value": {
            "itemSpacing": "{card.spacing.body}"
          },
          "type": "composition"
        },
        "desc": {
          "value": {
            "typography": "{text-win.body.s}",
            "fill": "{card.color.text-desc}"
          },
          "type": "composition"
        }
      },
      "hov": {
        "bg": {
          "value": {
            "height": "{card.sizing.bg-hasdesc}",
            "horizontalPadding": "{card.spacing.bg}",
            "border": "{card.color.border-hov}",
            "borderRadius": "{card.border-radius.default}",
            "borderWidth": "{border-width.default}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.title.m}",
            "fill": "{card.color.text-tiltle}"
          },
          "type": "composition"
        },
        "icon": {
          "value": {
            "sizing": "{card.sizing.icon}"
          },
          "type": "composition"
        },
        "body": {
          "value": {
            "itemSpacing": "{card.spacing.body}"
          },
          "type": "composition"
        },
        "desc": {
          "value": {
            "typography": "{text-win.body.s}",
            "fill": "{card.color.text-desc}"
          },
          "type": "composition"
        }
      },
      "sel": {
        "bg": {
          "value": {
            "height": "{card.sizing.bg-hasdesc}",
            "horizontalPadding": "{card.spacing.bg}",
            "border": "{card.color.border-sel}",
            "borderRadius": "{card.border-radius.default}",
            "borderWidth": "{border-width.default}",
            "fill": "{card.color.bg-sel}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.title.m}",
            "fill": "{card.color.text-tiltle}"
          },
          "type": "composition"
        },
        "icon": {
          "value": {
            "sizing": "{card.sizing.icon}"
          },
          "type": "composition"
        },
        "body": {
          "value": {
            "itemSpacing": "{card.spacing.body}"
          },
          "type": "composition"
        },
        "desc": {
          "value": {
            "typography": "{text-win.body.s}",
            "fill": "{card.color.text-desc}"
          },
          "type": "composition"
        }
      },
      "move": {
        "bg": {
          "value": {
            "height": "{card.sizing.bg-hasdesc}",
            "horizontalPadding": "{card.spacing.bg}",
            "border": "{card.color.border-move}",
            "borderRadius": "{card.border-radius.default}",
            "borderWidth": "{border-width.default}",
            "fill": "{card.color.bg-move}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.title.m}",
            "fill": "{card.color.text-tiltle}"
          },
          "type": "composition"
        },
        "icon": {
          "value": {
            "sizing": "{card.sizing.icon}"
          },
          "type": "composition"
        },
        "body": {
          "value": {
            "itemSpacing": "{card.spacing.body}"
          },
          "type": "composition"
        },
        "desc": {
          "value": {
            "typography": "{text-win.body.s}",
            "fill": "{card.color.text-desc}"
          },
          "type": "composition"
        }
      }
    }
  },
  "collapse": {
    "ad-list": {
      "norm": {
        "bg": {
          "value": {
            "height": "{collapse.sizing.bg}",
            "paddingLeft": "{collapse.spacing.bg}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.title.s}",
            "fill": "{collapse.color.text-ad}"
          },
          "type": "composition"
        },
        "body": {
          "value": {
            "itemSpacing": "{collapse.spacing.body}"
          },
          "type": "composition"
        },
        "icon": {
          "value": {
            "sizing": "{collapse.sizing.icon}"
          },
          "type": "composition"
        }
      },
      "disabled": {
        "bg": {
          "value": {
            "height": "{collapse.sizing.bg}",
            "paddingLeft": "{collapse.spacing.bg}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.title.s}",
            "fill": "{collapse.color.text-disabled}"
          },
          "type": "composition"
        },
        "body": {
          "value": {
            "itemSpacing": "{collapse.spacing.body}"
          },
          "type": "composition"
        },
        "icon": {
          "value": {
            "sizing": "{collapse.sizing.icon}"
          },
          "type": "composition"
        }
      }
    },
    "bota-list": {
      "norm": {
        "bg": {
          "value": {
            "height": "{collapse.sizing.bg}",
            "horizontalPadding": "{collapse.spacing.bg}",
            "border": "{collapse.color.border}",
            "borderWidthBottom": "{border-width.default}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.title.s}",
            "fill": "{collapse.color.text-bota}"
          },
          "type": "composition"
        },
        "icon": {
          "value": {
            "sizing": "{collapse.sizing.icon}"
          },
          "type": "composition"
        }
      },
      "disabled": {
        "bg": {
          "value": {
            "height": "{collapse.sizing.bg}",
            "horizontalPadding": "{collapse.spacing.bg}",
            "border": "{collapse.color.border}",
            "borderWidthBottom": "{border-width.default}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.title.s}",
            "fill": "{collapse.color.text-disabled}"
          },
          "type": "composition"
        },
        "icon": {
          "value": {
            "sizing": "{collapse.sizing.icon}"
          },
          "type": "composition"
        }
      }
    }
  },
  "list": {
    "bookmark": {
      "norm": {
        "bg": {
          "value": {
            "height": "{list.bg-bookmark}",
            "horizontalPadding": "{list.spacing.bg-bookmark}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.body.m}",
            "fill": "{list.color.bookmark.text}"
          },
          "type": "composition"
        },
        "icon": {
          "value": {
            "sizing": "{list.icon-bookmark}"
          },
          "type": "composition"
        },
        "body": {
          "value": {
            "itemSpacing": "{list.spacing.body-bookmark}"
          },
          "type": "composition"
        }
      },
      "sel": {
        "bg": {
          "value": {
            "height": "{list.bg-bookmark}",
            "horizontalPadding": "{list.spacing.bg-bookmark}",
            "fill": "{list.color.bookmark.bg-sel}",
            "border": "{list.color.bookmark.border}",
            "borderRadius": "{list.border-radius.default}",
            "borderWidth": "{border-width.default}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.body.m}",
            "fill": "{list.color.bookmark.text}"
          },
          "type": "composition"
        },
        "icon": {
          "value": {
            "sizing": "{list.icon-bookmark}"
          },
          "type": "composition"
        },
        "body": {
          "value": {
            "itemSpacing": "{list.spacing.body-bookmark}"
          },
          "type": "composition"
        }
      },
      "hov": {
        "bg": {
          "value": {
            "height": "{list.bg-bookmark}",
            "horizontalPadding": "{list.spacing.bg-bookmark}",
            "fill": "{list.color.bookmark.bg-hov}",
            "borderRadius": "{list.border-radius.default}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.body.m}",
            "fill": "{list.color.bookmark.text}"
          },
          "type": "composition"
        },
        "icon": {
          "value": {
            "sizing": "{list.icon-bookmark}"
          },
          "type": "composition"
        },
        "body": {
          "value": {
            "itemSpacing": "{list.spacing.body-bookmark}"
          },
          "type": "composition"
        }
      }
    },
    "markup-header": {
      "bg": {
        "value": {
          "height": "{list.bg-markupheader}",
          "horizontalPadding": "{list.spacing.bg-markupheader}"
        },
        "type": "composition"
      },
      "text": {
        "value": {
          "typography": "{text-win.body.xs}",
          "fill": "{list.color.markup-header.text}"
        },
        "type": "composition"
      },
      "body": {
        "value": {
          "itemSpacing": "{list.spacing.body-markupheader}"
        },
        "type": "composition"
      },
      "icon": {
        "value": {
          "sizing": "{list.icon-markupheader}"
        },
        "type": "composition"
      }
    }
  },
  "progress": {
    "popup": {
      "bg": {
        "value": {
          "height": "{progress.bg-l}",
          "horizontalPadding": "{progress.spacing.bg-horiz}",
          "paddingTop": "{progress.spacing.bg-top}",
          "paddingBottom": "{progress.spacing.bg-bottom}",
          "boxShadow": "{progress.shadow}",
          "itemSpacing": "{progress.spacing.body}"
        },
        "type": "composition"
      },
      "text": {
        "value": {
          "typography": "{text-win.body.m}",
          "fill": "{progress.color.text}"
        },
        "type": "composition"
      },
      "icon": {
        "value": {
          "sizing": "{progress.icon}"
        },
        "type": "composition"
      },
      "item-bg": {
        "value": {
          "height": "{progress.popup.item-bg}",
          "fill": "{progress.color.item-bg}",
          "borderRadius": "{progress.border-radius.item}"
        },
        "type": "composition"
      },
      "item-fill": {
        "value": {
          "height": "{progress.popup.item-bg}",
          "fill": "{progress.color.item-fill}",
          "borderRadius": "{progress.border-radius.item}"
        },
        "type": "composition"
      }
    },
    "loading": {
      "m": {
        "value": {
          "sizing": "{progress.bg-m}"
        },
        "type": "composition"
      },
      "s": {
        "value": {
          "sizing": "{progress.bg-s}"
        },
        "type": "composition"
      }
    }
  },
  "segmented": {
    "text": {
      "bg": {
        "value": {
          "height": "{segmented.sizing.bg}",
          "spacing": "{segmented.spacing.bg}",
          "itemSpacing": "{segmented.spacing.body}",
          "border": "{segmented.color.bg}",
          "borderRadius": "{segmented.border-radius.default}"
        },
        "type": "composition"
      },
      "item-sel": {
        "value": {
          "height": "{segmented.sizing.item}",
          "fill": "{segmented.color.bg-item}"
        },
        "type": "composition"
      },
      "item-unsel": {
        "value": {
          "height": "{segmented.sizing.item}"
        },
        "type": "composition"
      },
      "text-sel": {
        "value": {
          "typography": "{text-win.title.s}",
          "fill": "{segmented.color.content-sel}"
        },
        "type": "composition"
      },
      "text-unsel": {
        "value": {
          "typography": "{text-win.title.s}",
          "fill": "{segmented.color.content-unsel}"
        },
        "type": "composition"
      }
    },
    "icon": {
      "bg": {
        "value": {
          "height": "{segmented.sizing.bg}",
          "spacing": "{segmented.spacing.bg}",
          "itemSpacing": "{segmented.spacing.body}",
          "border": "{segmented.color.bg}",
          "borderRadius": "{segmented.border-radius.default}"
        },
        "type": "composition"
      },
      "item-sel": {
        "value": {
          "height": "{segmented.sizing.item}",
          "fill": "{segmented.color.bg-item}"
        },
        "type": "composition"
      },
      "item-unsel": {
        "value": {
          "height": "{segmented.sizing.item}"
        },
        "type": "composition"
      },
      "icon": {
        "value": {
          "sizing": "{segmented.sizing.icon}"
        },
        "type": "composition"
      }
    }
  },
  "tree": {
    "parent": {
      "norm": {
        "bg": {
          "value": {
            "height": "{tree.sizing.bg}",
            "horizontalPadding": "{tree.spacing.bg}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.body.m}",
            "fill": "{tree.color.text}"
          },
          "type": "composition"
        },
        "page": {
          "value": {
            "typography": "{text-win.body.m}",
            "fill": "{tree.color.page}"
          },
          "type": "composition"
        },
        "icon": {
          "value": {
            "sizing": "{tree.sizing.icon}"
          },
          "type": "composition"
        },
        "body": {
          "value": {
            "itemSpacing": "{tree.spacing.sub-body}"
          },
          "type": "composition"
        }
      },
      "hov": {
        "bg": {
          "value": {
            "height": "{tree.sizing.bg}",
            "horizontalPadding": "{tree.spacing.bg}",
            "fill": "{tree.color.bg-hov}",
            "borderRadius": "{tree.border-radius.default}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.body.m}",
            "fill": "{tree.color.text}"
          },
          "type": "composition"
        },
        "page": {
          "value": {
            "typography": "{text-win.body.m}",
            "fill": "{tree.color.page}"
          },
          "type": "composition"
        },
        "icon": {
          "value": {
            "sizing": "{tree.sizing.icon}"
          },
          "type": "composition"
        },
        "body": {
          "value": {
            "itemSpacing": "{tree.spacing.sub-body}"
          },
          "type": "composition"
        }
      },
      "sel": {
        "bg": {
          "value": {
            "height": "{tree.sizing.bg}",
            "horizontalPadding": "{tree.spacing.bg}",
            "fill": "{tree.color.bg-sel}",
            "border": "{tree.color.border}",
            "borderRadius": "{tree.border-radius.default}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.body.m}",
            "fill": "{tree.color.text}"
          },
          "type": "composition"
        },
        "page": {
          "value": {
            "typography": "{text-win.body.m}",
            "fill": "{tree.color.page}"
          },
          "type": "composition"
        },
        "icon": {
          "value": {
            "sizing": "{tree.sizing.icon}"
          },
          "type": "composition"
        },
        "body": {
          "value": {
            "itemSpacing": "{tree.spacing.sub-body}"
          },
          "type": "composition"
        }
      },
      "has-arrow": {
        "norm": {
          "bg": {
            "value": {
              "height": "{tree.sizing.bg}",
              "horizontalPadding": "{tree.spacing.bg}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{tree.color.text}"
            },
            "type": "composition"
          },
          "page": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{tree.color.page}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{tree.sizing.icon}"
            },
            "type": "composition"
          },
          "body": {
            "value": {
              "itemSpacing": "{tree.spacing.sub-body}"
            },
            "type": "composition"
          },
          "bg-arrow": {
            "value": {
              "sizing": "{tree.sizing.bg-arrow}"
            },
            "type": "composition"
          },
          "icon-arrow": {
            "value": {
              "sizing": "{tree.sizing.icon-arrow}"
            },
            "type": "composition"
          }
        },
        "hov": {
          "bg": {
            "value": {
              "height": "{tree.sizing.bg}",
              "horizontalPadding": "{tree.spacing.bg}",
              "fill": "{tree.color.bg-hov}",
              "borderRadius": "{tree.border-radius.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{tree.color.text}"
            },
            "type": "composition"
          },
          "page": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{tree.color.page}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{tree.sizing.icon}"
            },
            "type": "composition"
          },
          "body": {
            "value": {
              "itemSpacing": "{tree.spacing.sub-body}"
            },
            "type": "composition"
          },
          "bg-arrow": {
            "value": {
              "sizing": "{tree.sizing.bg-arrow}"
            },
            "type": "composition"
          },
          "icon-arrow": {
            "value": {
              "sizing": "{tree.sizing.icon-arrow}"
            },
            "type": "composition"
          }
        },
        "sel": {
          "bg": {
            "value": {
              "height": "{tree.sizing.bg}",
              "horizontalPadding": "{tree.spacing.bg}",
              "fill": "{tree.color.bg-sel}",
              "border": "{tree.color.border}",
              "borderRadius": "{tree.border-radius.default}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{tree.color.text}"
            },
            "type": "composition"
          },
          "page": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{tree.color.page}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{tree.sizing.icon}"
            },
            "type": "composition"
          },
          "body": {
            "value": {
              "itemSpacing": "{tree.spacing.sub-body}"
            },
            "type": "composition"
          },
          "bg-arrow": {
            "value": {
              "sizing": "{tree.sizing.bg-arrow}"
            },
            "type": "composition"
          },
          "icon-arrow": {
            "value": {
              "sizing": "{tree.sizing.icon-arrow}"
            },
            "type": "composition"
          }
        }
      }
    },
    "children": {
      "lv2": {
        "norm": {
          "bg": {
            "value": {
              "height": "{tree.sizing.bg}",
              "paddingLeft": "{tree.spacing.bg-lv2}",
              "paddingRight": "{tree.spacing.bg}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{tree.color.text}"
            },
            "type": "composition"
          },
          "page": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{tree.color.page}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{tree.sizing.icon}"
            },
            "type": "composition"
          },
          "body": {
            "value": {
              "itemSpacing": "{tree.spacing.sub-body}"
            },
            "type": "composition"
          }
        },
        "hov": {
          "bg": {
            "value": {
              "height": "{tree.sizing.bg}",
              "paddingLeft": "{tree.spacing.bg-lv2}",
              "fill": "{tree.color.bg-hov}",
              "borderRadius": "{tree.border-radius.default}",
              "paddingRight": "{tree.spacing.bg}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{tree.color.text}"
            },
            "type": "composition"
          },
          "page": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{tree.color.page}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{tree.sizing.icon}"
            },
            "type": "composition"
          },
          "body": {
            "value": {
              "itemSpacing": "{tree.spacing.sub-body}"
            },
            "type": "composition"
          }
        },
        "sel": {
          "bg": {
            "value": {
              "height": "{tree.sizing.bg}",
              "paddingLeft": "{tree.spacing.bg-lv2}",
              "fill": "{tree.color.bg-sel}",
              "border": "{tree.color.border}",
              "borderRadius": "{tree.border-radius.default}",
              "paddingRight": "{tree.spacing.bg}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{tree.color.text}"
            },
            "type": "composition"
          },
          "page": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{tree.color.page}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{tree.sizing.icon}"
            },
            "type": "composition"
          },
          "body": {
            "value": {
              "itemSpacing": "{tree.spacing.sub-body}"
            },
            "type": "composition"
          }
        }
      },
      "has-arrow": {
        "lv2": {
          "norm": {
            "bg": {
              "value": {
                "height": "{tree.sizing.bg}",
                "paddingLeft": "{tree.spacing.bg-lv2}",
                "paddingRight": "{tree.spacing.bg}"
              },
              "type": "composition"
            },
            "text": {
              "value": {
                "typography": "{text-win.body.m}",
                "fill": "{tree.color.text}"
              },
              "type": "composition"
            },
            "page": {
              "value": {
                "typography": "{text-win.body.m}",
                "fill": "{tree.color.page}"
              },
              "type": "composition"
            },
            "icon": {
              "value": {
                "sizing": "{tree.sizing.icon}"
              },
              "type": "composition"
            },
            "body": {
              "value": {
                "itemSpacing": "{tree.spacing.sub-body}"
              },
              "type": "composition"
            },
            "bg-arrow": {
              "value": {
                "sizing": "{tree.sizing.bg-arrow}"
              },
              "type": "composition"
            },
            "icon-arrow": {
              "value": {
                "sizing": "{tree.sizing.icon-arrow}"
              },
              "type": "composition"
            }
          },
          "hov": {
            "bg": {
              "value": {
                "height": "{tree.sizing.bg}",
                "paddingLeft": "{tree.spacing.bg-lv2}",
                "fill": "{tree.color.bg-hov}",
                "borderRadius": "{tree.border-radius.default}",
                "paddingRight": "{tree.spacing.bg}"
              },
              "type": "composition"
            },
            "text": {
              "value": {
                "typography": "{text-win.body.m}",
                "fill": "{tree.color.text}"
              },
              "type": "composition"
            },
            "page": {
              "value": {
                "typography": "{text-win.body.m}",
                "fill": "{tree.color.page}"
              },
              "type": "composition"
            },
            "icon": {
              "value": {
                "sizing": "{tree.sizing.icon}"
              },
              "type": "composition"
            },
            "body": {
              "value": {
                "itemSpacing": "{tree.spacing.sub-body}"
              },
              "type": "composition"
            },
            "bg-arrow": {
              "value": {
                "sizing": "{tree.sizing.bg-arrow}"
              },
              "type": "composition"
            },
            "icon-arrow": {
              "value": {
                "sizing": "{tree.sizing.icon-arrow}"
              },
              "type": "composition"
            }
          },
          "sel": {
            "bg": {
              "value": {
                "height": "{tree.sizing.bg}",
                "paddingLeft": "{tree.spacing.bg-lv2}",
                "fill": "{tree.color.bg-sel}",
                "border": "{tree.color.border}",
                "borderRadius": "{tree.border-radius.default}",
                "paddingRight": "{tree.spacing.bg}"
              },
              "type": "composition"
            },
            "text": {
              "value": {
                "typography": "{text-win.body.m}",
                "fill": "{tree.color.text}"
              },
              "type": "composition"
            },
            "page": {
              "value": {
                "typography": "{text-win.body.m}",
                "fill": "{tree.color.page}"
              },
              "type": "composition"
            },
            "icon": {
              "value": {
                "sizing": "{tree.sizing.icon}"
              },
              "type": "composition"
            },
            "body": {
              "value": {
                "itemSpacing": "{tree.spacing.sub-body}"
              },
              "type": "composition"
            },
            "bg-arrow": {
              "value": {
                "sizing": "{tree.sizing.bg-arrow}"
              },
              "type": "composition"
            },
            "icon-arrow": {
              "value": {
                "sizing": "{tree.sizing.icon-arrow}"
              },
              "type": "composition"
            }
          }
        },
        "lv3": {
          "norm": {
            "bg": {
              "value": {
                "height": "{tree.sizing.bg}",
                "paddingLeft": "{tree.spacing.bg-lv3}",
                "paddingRight": "{tree.spacing.bg}"
              },
              "type": "composition"
            },
            "text": {
              "value": {
                "typography": "{text-win.body.m}",
                "fill": "{tree.color.text}"
              },
              "type": "composition"
            },
            "page": {
              "value": {
                "typography": "{text-win.body.m}",
                "fill": "{tree.color.page}"
              },
              "type": "composition"
            },
            "icon": {
              "value": {
                "sizing": "{tree.sizing.icon}"
              },
              "type": "composition"
            },
            "body": {
              "value": {
                "itemSpacing": "{tree.spacing.sub-body}"
              },
              "type": "composition"
            },
            "bg-arrow": {
              "value": {
                "sizing": "{tree.sizing.bg-arrow}"
              },
              "type": "composition"
            },
            "icon-arrow": {
              "value": {
                "sizing": "{tree.sizing.icon-arrow}"
              },
              "type": "composition"
            }
          },
          "hov": {
            "bg": {
              "value": {
                "height": "{tree.sizing.bg}",
                "paddingLeft": "{tree.spacing.bg-lv3}",
                "fill": "{tree.color.bg-hov}",
                "borderRadius": "{tree.border-radius.default}",
                "paddingRight": "{tree.spacing.bg}"
              },
              "type": "composition"
            },
            "text": {
              "value": {
                "typography": "{text-win.body.m}",
                "fill": "{tree.color.text}"
              },
              "type": "composition"
            },
            "page": {
              "value": {
                "typography": "{text-win.body.m}",
                "fill": "{tree.color.page}"
              },
              "type": "composition"
            },
            "icon": {
              "value": {
                "sizing": "{tree.sizing.icon}"
              },
              "type": "composition"
            },
            "body": {
              "value": {
                "itemSpacing": "{tree.spacing.sub-body}"
              },
              "type": "composition"
            },
            "bg-arrow": {
              "value": {
                "sizing": "{tree.sizing.bg-arrow}"
              },
              "type": "composition"
            },
            "icon-arrow": {
              "value": {
                "sizing": "{tree.sizing.icon-arrow}"
              },
              "type": "composition"
            }
          },
          "sel": {
            "bg": {
              "value": {
                "height": "{tree.sizing.bg}",
                "paddingLeft": "{tree.spacing.bg-lv3}",
                "fill": "{tree.color.bg-sel}",
                "border": "{tree.color.border}",
                "borderRadius": "{tree.border-radius.default}",
                "paddingRight": "{tree.spacing.bg}"
              },
              "type": "composition"
            },
            "text": {
              "value": {
                "typography": "{text-win.body.m}",
                "fill": "{tree.color.text}"
              },
              "type": "composition"
            },
            "page": {
              "value": {
                "typography": "{text-win.body.m}",
                "fill": "{tree.color.page}"
              },
              "type": "composition"
            },
            "icon": {
              "value": {
                "sizing": "{tree.sizing.icon}"
              },
              "type": "composition"
            },
            "body": {
              "value": {
                "itemSpacing": "{tree.spacing.sub-body}"
              },
              "type": "composition"
            },
            "bg-arrow": {
              "value": {
                "sizing": "{tree.sizing.bg-arrow}"
              },
              "type": "composition"
            },
            "icon-arrow": {
              "value": {
                "sizing": "{tree.sizing.icon-arrow}"
              },
              "type": "composition"
            }
          }
        }
      },
      "lv3": {
        "norm": {
          "bg": {
            "value": {
              "height": "{tree.sizing.bg}",
              "paddingLeft": "{tree.spacing.bg-lv3}",
              "paddingRight": "{tree.spacing.bg}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{tree.color.text}"
            },
            "type": "composition"
          },
          "page": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{tree.color.page}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{tree.sizing.icon}"
            },
            "type": "composition"
          },
          "body": {
            "value": {
              "itemSpacing": "{tree.spacing.sub-body}"
            },
            "type": "composition"
          }
        },
        "hov": {
          "bg": {
            "value": {
              "height": "{tree.sizing.bg}",
              "paddingLeft": "{tree.spacing.bg-lv3}",
              "fill": "{tree.color.bg-hov}",
              "borderRadius": "{tree.border-radius.default}",
              "paddingRight": "{tree.spacing.bg}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{tree.color.text}"
            },
            "type": "composition"
          },
          "page": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{tree.color.page}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{tree.sizing.icon}"
            },
            "type": "composition"
          },
          "body": {
            "value": {
              "itemSpacing": "{tree.spacing.sub-body}"
            },
            "type": "composition"
          }
        },
        "sel": {
          "bg": {
            "value": {
              "height": "{tree.sizing.bg}",
              "paddingLeft": "{tree.spacing.bg-lv3}",
              "fill": "{tree.color.bg-sel}",
              "border": "{tree.color.border}",
              "borderRadius": "{tree.border-radius.default}",
              "paddingRight": "{tree.spacing.bg}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{tree.color.text}"
            },
            "type": "composition"
          },
          "page": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{tree.color.page}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{tree.sizing.icon}"
            },
            "type": "composition"
          },
          "body": {
            "value": {
              "itemSpacing": "{tree.spacing.sub-body}"
            },
            "type": "composition"
          }
        }
      },
      "lv4": {
        "norm": {
          "bg": {
            "value": {
              "height": "{tree.sizing.bg}",
              "paddingLeft": "{tree.spacing.bg-lv4}",
              "paddingRight": "{tree.spacing.bg}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{tree.color.text}"
            },
            "type": "composition"
          },
          "page": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{tree.color.page}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{tree.sizing.icon}"
            },
            "type": "composition"
          },
          "body": {
            "value": {
              "itemSpacing": "{tree.spacing.sub-body}"
            },
            "type": "composition"
          }
        },
        "hov": {
          "bg": {
            "value": {
              "height": "{tree.sizing.bg}",
              "paddingLeft": "{tree.spacing.bg-lv4}",
              "fill": "{tree.color.bg-hov}",
              "borderRadius": "{tree.border-radius.default}",
              "paddingRight": "{tree.spacing.bg}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{tree.color.text}"
            },
            "type": "composition"
          },
          "page": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{tree.color.page}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{tree.sizing.icon}"
            },
            "type": "composition"
          },
          "body": {
            "value": {
              "itemSpacing": "{tree.spacing.sub-body}"
            },
            "type": "composition"
          }
        },
        "sel": {
          "bg": {
            "value": {
              "height": "{tree.sizing.bg}",
              "paddingLeft": "{tree.spacing.bg-lv4}",
              "fill": "{tree.color.bg-sel}",
              "border": "{tree.color.border}",
              "borderRadius": "{tree.border-radius.default}",
              "paddingRight": "{tree.spacing.bg}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{tree.color.text}"
            },
            "type": "composition"
          },
          "page": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{tree.color.page}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{tree.sizing.icon}"
            },
            "type": "composition"
          },
          "body": {
            "value": {
              "itemSpacing": "{tree.spacing.sub-body}"
            },
            "type": "composition"
          }
        }
      }
    }
  },
  "alert": {
    "close": {
      "info": {
        "bg": {
          "value": {
            "height": "{alert.sizing.bg}",
            "fill": "{alert.color.bg-info}",
            "horizontalPadding": "{alert.spacing.bg}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.body.m}",
            "fill": "{alert.color.text}"
          },
          "type": "composition"
        },
        "icon-close": {
          "value": {
            "sizing": "{alert.sizing.icon-close}"
          },
          "type": "composition"
        }
      },
      "warning": {
        "bg": {
          "value": {
            "height": "{alert.sizing.bg}",
            "fill": "{alert.color.bg-warning}",
            "horizontalPadding": "{alert.spacing.bg}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.body.m}",
            "fill": "{alert.color.text}"
          },
          "type": "composition"
        },
        "icon-close": {
          "value": {
            "sizing": "{alert.sizing.icon-close}"
          },
          "type": "composition"
        }
      },
      "error": {
        "bg": {
          "value": {
            "height": "{alert.sizing.bg}",
            "fill": "{alert.color.bg-error}",
            "horizontalPadding": "{alert.spacing.bg}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.body.m}",
            "fill": "{alert.color.text}"
          },
          "type": "composition"
        },
        "icon-close": {
          "value": {
            "sizing": "{alert.sizing.icon-close}"
          },
          "type": "composition"
        }
      }
    },
    "btn": {
      "info": {
        "bg": {
          "value": {
            "height": "{alert.sizing.bg}",
            "fill": "{alert.color.bg-info}",
            "horizontalPadding": "{alert.spacing.bg}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.body.m}",
            "fill": "{alert.color.text}"
          },
          "type": "composition"
        },
        "btn": {
          "value": {
            "sizing": "{alert.sizing.btn}"
          },
          "type": "composition"
        }
      },
      "warning": {
        "bg": {
          "value": {
            "height": "{alert.sizing.bg}",
            "fill": "{alert.color.bg-warning}",
            "horizontalPadding": "{alert.spacing.bg}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.body.m}",
            "fill": "{alert.color.text}"
          },
          "type": "composition"
        },
        "btn": {
          "value": {
            "sizing": "{alert.sizing.btn}"
          },
          "type": "composition"
        }
      },
      "error": {
        "bg": {
          "value": {
            "height": "{alert.sizing.bg}",
            "fill": "{alert.color.bg-error}",
            "horizontalPadding": "{alert.spacing.bg}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.body.m}",
            "fill": "{alert.color.text}"
          },
          "type": "composition"
        },
        "btn": {
          "value": {
            "sizing": "{alert.sizing.btn}"
          },
          "type": "composition"
        }
      }
    },
    "has-icon": {
      "close": {
        "info": {
          "bg": {
            "value": {
              "height": "{alert.sizing.bg}",
              "fill": "{alert.color.bg-info}",
              "horizontalPadding": "{alert.spacing.bg}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{alert.color.text}"
            },
            "type": "composition"
          },
          "icon-close": {
            "value": {
              "sizing": "{alert.sizing.icon-close}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{alert.sizing.icon}"
            },
            "type": "composition"
          },
          "body": {
            "value": {
              "itemSpacing": "{alert.spacing.body}"
            },
            "type": "composition"
          }
        },
        "warning": {
          "bg": {
            "value": {
              "height": "{alert.sizing.bg}",
              "fill": "{alert.color.bg-warning}",
              "horizontalPadding": "{alert.spacing.bg}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{alert.color.text}"
            },
            "type": "composition"
          },
          "icon-close": {
            "value": {
              "sizing": "{alert.sizing.icon-close}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{alert.sizing.icon}"
            },
            "type": "composition"
          },
          "body": {
            "value": {
              "itemSpacing": "{alert.spacing.body}"
            },
            "type": "composition"
          }
        },
        "error": {
          "bg": {
            "value": {
              "height": "{alert.sizing.bg}",
              "fill": "{alert.color.bg-error}",
              "horizontalPadding": "{alert.spacing.bg}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{alert.color.text}"
            },
            "type": "composition"
          },
          "icon-close": {
            "value": {
              "sizing": "{alert.sizing.icon-close}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{alert.sizing.icon}"
            },
            "type": "composition"
          },
          "body": {
            "value": {
              "itemSpacing": "{alert.spacing.body}"
            },
            "type": "composition"
          }
        }
      },
      "btn": {
        "info": {
          "bg": {
            "value": {
              "height": "{alert.sizing.bg}",
              "fill": "{alert.color.bg-info}",
              "horizontalPadding": "{alert.spacing.bg}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{alert.color.text}"
            },
            "type": "composition"
          },
          "btn": {
            "value": {
              "sizing": "{alert.sizing.btn}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{alert.sizing.icon}"
            },
            "type": "composition"
          },
          "body": {
            "value": {
              "itemSpacing": "{alert.spacing.body}"
            },
            "type": "composition"
          }
        },
        "warning": {
          "bg": {
            "value": {
              "height": "{alert.sizing.bg}",
              "fill": "{alert.color.bg-warning}",
              "horizontalPadding": "{alert.spacing.bg}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{alert.color.text}"
            },
            "type": "composition"
          },
          "btn": {
            "value": {
              "sizing": "{alert.sizing.btn}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{alert.sizing.icon}"
            },
            "type": "composition"
          },
          "body": {
            "value": {
              "itemSpacing": "{alert.spacing.body}"
            },
            "type": "composition"
          }
        },
        "error": {
          "bg": {
            "value": {
              "height": "{alert.sizing.bg}",
              "fill": "{alert.color.bg-error}",
              "horizontalPadding": "{alert.spacing.bg}"
            },
            "type": "composition"
          },
          "text": {
            "value": {
              "typography": "{text-win.body.m}",
              "fill": "{alert.color.text}"
            },
            "type": "composition"
          },
          "btn": {
            "value": {
              "sizing": "{alert.sizing.btn}"
            },
            "type": "composition"
          },
          "icon": {
            "value": {
              "sizing": "{alert.sizing.icon}"
            },
            "type": "composition"
          },
          "body": {
            "value": {
              "itemSpacing": "{alert.spacing.body}"
            },
            "type": "composition"
          }
        }
      }
    }
  },
  "drawer": {
    "lv1": {
      "bg": {
        "value": {
          "width": "{drawer.sizing.bg}",
          "horizontalPadding": "{drawer.spacing.bg-horiz}",
          "paddingTop": "{drawer.spacing.bg-top}"
        },
        "type": "composition"
      },
      "text": {
        "value": {
          "typography": "{text-win.title.m}",
          "fill": "{drawer.color.text}"
        },
        "type": "composition"
      },
      "icon": {
        "value": {
          "sizing": "{drawer.sizing.icon}"
        },
        "type": "composition"
      }
    },
    "lv2": {
      "bg": {
        "value": {
          "width": "{drawer.sizing.bg}",
          "horizontalPadding": "{drawer.spacing.bg-horiz}",
          "paddingTop": "{drawer.spacing.bg-top}"
        },
        "type": "composition"
      },
      "text": {
        "value": {
          "typography": "{text-win.title.m}",
          "fill": "{drawer.color.text}"
        },
        "type": "composition"
      },
      "icon": {
        "value": {
          "sizing": "{drawer.sizing.icon}"
        },
        "type": "composition"
      },
      "body": {
        "value": {
          "itemSpacing": "{drawer.spacing.body}"
        },
        "type": "composition"
      }
    }
  },
  "notification": {
    "modal": {
      "info": {
        "value": {
          "width": "{notification.sizing.bg-modal}",
          "spacing": "{notification.spacing.bg}",
          "itemSpacing": "{notification.spacing.body-modal}",
          "fill": "{notification.color.bg-modal}",
          "borderRadius": "{notification.border-radius.modal}"
        },
        "type": "composition"
      },
      "text": {
        "value": {
          "typography": "{text-win.title.m}",
          "fill": "{notification.color.text}"
        },
        "type": "composition"
      },
      "icon-close": {
        "value": {
          "sizing": "{notification.sizing.icon-close}"
        },
        "type": "composition"
      },
      "btn": {
        "value": {
          "height": "{notification.sizing.btn}"
        },
        "type": "composition"
      },
      "has-icon": {
        "info": {
          "value": {
            "width": "{notification.sizing.bg-modal}",
            "spacing": "{notification.spacing.bg}",
            "itemSpacing": "{notification.spacing.body-modal}",
            "fill": "{notification.color.bg-modal}",
            "borderRadius": "{notification.border-radius.modal}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.title.m}",
            "fill": "{notification.color.text}"
          },
          "type": "composition"
        },
        "icon-close": {
          "value": {
            "sizing": "{notification.sizing.icon-close}"
          },
          "type": "composition"
        },
        "btn": {
          "value": {
            "height": "{notification.sizing.btn}"
          },
          "type": "composition"
        },
        "icon": {
          "value": {
            "sizing": "{notification.sizing.icon-modal}"
          },
          "type": "composition"
        },
        "body": {
          "value": {
            "itemSpacing": "{notification.spacing.sub-body}"
          },
          "type": "composition"
        }
      },
      "has-desc": {
        "info": {
          "value": {
            "width": "{notification.sizing.bg-modal}",
            "spacing": "{notification.spacing.bg}",
            "itemSpacing": "{notification.spacing.body-modal}",
            "fill": "{notification.color.bg-modal}",
            "borderRadius": "{notification.border-radius.modal}"
          },
          "type": "composition"
        },
        "text": {
          "value": {
            "typography": "{text-win.title.m}",
            "fill": "{notification.color.text}"
          },
          "type": "composition"
        },
        "icon-close": {
          "value": {
            "sizing": "{notification.sizing.icon-close}"
          },
          "type": "composition"
        },
        "btn": {
          "value": {
            "height": "{notification.sizing.btn}"
          },
          "type": "composition"
        },
        "icon": {
          "value": {
            "sizing": "{notification.sizing.icon-modal}"
          },
          "type": "composition"
        },
        "body": {
          "value": {
            "itemSpacing": "{notification.spacing.sub-body}"
          },
          "type": "composition"
        },
        "desc": {
          "value": {
            "typography": "{text-win.body.m}",
            "fill": "{notification.color.text-desc}"
          },
          "type": "composition"
        }
      }
    },
    "toast": {
      "info": {
        "value": {
          "height": "{notification.sizing.bg-toast}",
          "spacing": "{notification.spacing.bg}",
          "itemSpacing": "{notification.spacing.body-toast}",
          "fill": "{notification.color.bg-toast}",
          "borderRadius": "{notification.border-radius.toast}",
          "boxShadow": "{notification.shadow}"
        },
        "type": "composition"
      },
      "text": {
        "value": {
          "typography": "{text-win.body.m}",
          "fill": "{notification.color.text}"
        },
        "type": "composition"
      },
      "icon": {
        "value": {
          "sizing": "{notification.sizing.icon-toast}"
        },
        "type": "composition"
      }
    }
  }
}