Token Liz, é uma maneira de escalar o design system de produtos digitais visando a coesão visual
NPM
npm i @gleissonneves/liz-design-token
YARN
yarn add @gleissonneves/liz-design-token
Use no root do app para disponibilizar os token
import '@gleissonneves/liz-design-token'
or CDN
<!DOCTYPE html>
<html lang="pt-br">
<head>
...
<!-- START LIZ DESIGN TOKEN -->
<link rel="stylesheet" type="text/css" href="https://unpkg.com/@gleissonneves/[email protected]/dist/index.css">
<!-- END LIZ DESIGN TOKEN -->
...
</head>
...
No link abaixo você encontra o documento de token:
Parar alterar um token você terar que sobrescrever
Exemplo:
Token de origem:
:root {
--color-brand-primary-100: #FDB9D2;
}
Token de modificado:
:root {
--color-brand-primary-100: #FF00FF;
}