message: Update Readme for Caption
diff: <Panel id="test">
  <PanelHeader>Caption</PanelHeader>
  <Div>
  + <Caption level="1" weight="regular" style={{ marginBottom: 16 }}>Caption 1 regular</Caption>
  + <Caption level="1" weight="medium" style={{ marginBottom: 16 }}>Caption 1 medium</Caption>
  <Caption level="1" weight="semibold" style={{ marginBottom: 16 }}>Caption 1 semibold</Caption>
  - <Caption level="1" weight="bold" style={{ marginBottom: 16 }}>Caption 1 bold</Caption>
  - <Caption level="1" weight="heavy" style={{ marginBottom: 16 }}>Caption 1 heavy</Caption>
  - <Caption level="1" weight="heavy" caps style={{ marginBottom: 16 }}>Caption CAPS 1 heavy</Caption>
  + <Caption level="1" weight="semibold" caps style={{ marginBottom: 16 }}>Caption CAPS 1 semibold</Caption>
  <Caption level="2" weight="regular" style={{ marginBottom: 16 }}>Caption 2 regular</Caption>
  + <Caption level="2" weight="medium" style={{ marginBottom: 16 }}>Caption 2 medium</Caption>
  <Caption level="2" weight="semibold" style={{ marginBottom: 16 }}>Caption 2 semibold</Caption>
  - <Caption level="2" weight="heavy" style={{ marginBottom: 16 }}>Caption 2 heavy</Caption>
  - <Caption level="2" weight="heavy" caps style={{ marginBottom: 16 }}>Caption CAPS 2 heavy</Caption>
  + <Caption level="2" weight="semibold" caps style={{ marginBottom: 16 }}>Caption CAPS 2 semibold</Caption>
  <Caption level="3" weight="regular" style={{ marginBottom: 16 }}>Caption 3 regular</Caption>
  <Caption level="3" weight="semibold" caps style={{ marginBottom: 16 }}>Caption CAPS 3 semibold</Caption>
  <Caption level="4" weight="regular" style={{ marginBottom: 16 }}>Caption 4 regular</Caption>
  - <Caption level="4" weight="semibold" caps>Caption CAPS 4 semibold</Caption>
  + <Caption level="4" weight="bold" caps>Caption CAPS 4 bold</Caption>
  </Div>
  </Panel>
  </View>
  