Tải & cài đặt v0.3.0

1. Giải nén và kéo ios/VMSTokens.swift vào target app trong Xcode (bật “Copy items if needed”).
2. Thêm file font Inter (Regular, Medium, SemiBold…) vào app và khai báo trong UIAppFonts của Info.plist.
3. Cỡ chữ scale theo Dynamic Type.

Text("Xin chào")
    .vmsTextStyle(.content)
    .foregroundColor(VMSColor.textDefault)
    .padding(VMSLayout.screenPadding)
    .background(RoundedRectangle(cornerRadius: VMSRadius.r4).stroke())

1. Giải nén, copy thư mục values/ vào app/src/main/res/ (gộp với thư mục sẵn có).
2. Thêm font vào res/font/ với tên inter_regular.ttf, inter_medium.ttf, inter_semibold.ttf…
3. Cỡ chữ dùng sp.

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:padding="@dimen/layout_screen_padding"
    android:textAppearance="@style/TextAppearance.VMS.Content"
    android:textColor="@color/color_text_default"
    android:text="Xin chào" />

1. Giải nén và copy flutter/vms_tokens.dart vào lib/.
2. Khai báo font family Inter trong pubspec.yaml.
3. Gắn màu vào theme: theme: ThemeData(extensions: [VMSColors.light]).

Padding(
  padding: const EdgeInsets.all(VMSLayout.screenPadding),
  child: Text(
    'Xin chào',
    style: VMSTextStyles.content.copyWith(color: context.vmsColors.textDefault),
  ),
)

1. Giải nén, copy web/tokens.css vào project và import trước CSS của bạn.

.title {
  font: var(--typography-content);
  color: var(--color-text-default);
  padding: var(--layout-screen-padding);
}