ds-tis 1.0.0-beta.10 → 1.0.0-beta.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -3
- package/docs/agent-consumer-usage.en.md +2 -2
- package/docs/agent-consumer-usage.md +1 -1
- package/docs/api/adrs.json +1 -1
- package/docs/api/components.json +1 -1
- package/docs/api/consumer-context.json +1 -1
- package/docs/api/foundations.json +1 -1
- package/docs/api/tokens.json +1 -1
- package/docs/llms-full.txt +11 -21
- package/docs/llms.txt +2 -2
- package/docs/templates/contact.html +1 -1
- package/docs/templates/dashboard.html +1 -1
- package/docs/templates/index.html +10 -10
- package/docs/templates/login.html +1 -1
- package/docs/templates/settings.html +1 -1
- package/docs/templates/signup.html +1 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Design System Core
|
|
2
2
|
|
|
3
|
-
[](./CHANGELOG.md) [](./LICENSE)
|
|
4
4
|
|
|
5
5
|
Design system white-label em CSS puro, com tokens DTCG em arquitetura 3-layer (Foundation/Core → Semantic/System → Component), componentes documentados, modos light/dark e paleta brand única customizável.
|
|
6
6
|
|
|
@@ -20,12 +20,12 @@ Em produção, prefira o pin exato:
|
|
|
20
20
|
```json
|
|
21
21
|
{
|
|
22
22
|
"dependencies": {
|
|
23
|
-
"ds-tis": "1.0.0-beta.
|
|
23
|
+
"ds-tis": "1.0.0-beta.9"
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
26
|
```
|
|
27
27
|
|
|
28
|
-
Como fallback, o mesmo release pode ser instalado pela tag GitHub: `npm install github:tis-experience/ds-tis#v1.0.0-beta.
|
|
28
|
+
Como fallback, o mesmo release pode ser instalado pela tag GitHub: `npm install github:tis-experience/ds-tis#v1.0.0-beta.9`.
|
|
29
29
|
|
|
30
30
|
Import principal (o nome do pacote continua `ds-tis`):
|
|
31
31
|
|
|
@@ -92,8 +92,8 @@ npm install ds-tis
|
|
|
92
92
|
|
|
93
93
|
During the beta phase, the npm `latest` and `beta` dist-tags point to the same
|
|
94
94
|
prerelease; `npm install ds-tis@beta` makes the channel explicit. In production,
|
|
95
|
-
prefer `"ds-tis": "1.0.0-beta.
|
|
96
|
-
`npm install github:tis-experience/ds-tis#v1.0.0-beta.
|
|
95
|
+
prefer `"ds-tis": "1.0.0-beta.9"` in `package.json`. GitHub release fallback:
|
|
96
|
+
`npm install github:tis-experience/ds-tis#v1.0.0-beta.9`.
|
|
97
97
|
|
|
98
98
|
Import the public CSS once in the application's global entrypoint:
|
|
99
99
|
|
|
@@ -76,7 +76,7 @@ Instale a versão corrente pelo npm registry:
|
|
|
76
76
|
npm install ds-tis
|
|
77
77
|
```
|
|
78
78
|
|
|
79
|
-
Durante a fase beta, as dist-tags npm `latest` e `beta` apontam para a mesma pré-release; `npm install ds-tis@beta` explicita o canal. Em produção, prefira `"ds-tis": "1.0.0-beta.
|
|
79
|
+
Durante a fase beta, as dist-tags npm `latest` e `beta` apontam para a mesma pré-release; `npm install ds-tis@beta` explicita o canal. Em produção, prefira `"ds-tis": "1.0.0-beta.9"` no `package.json`. Fallback por release GitHub: `npm install github:tis-experience/ds-tis#v1.0.0-beta.9`.
|
|
80
80
|
|
|
81
81
|
Importe o CSS público uma vez no entrypoint global do app:
|
|
82
82
|
|
package/docs/api/adrs.json
CHANGED
package/docs/api/components.json
CHANGED
package/docs/api/tokens.json
CHANGED
package/docs/llms-full.txt
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Design System Core — conteúdo consolidado
|
|
2
2
|
|
|
3
|
-
> Versão 1.0.0-beta.
|
|
3
|
+
> Versão 1.0.0-beta.9. Arquivo destinado a consumo por LLMs que precisem
|
|
4
4
|
> do design system inteiro em uma requisição. Inclui README, CONTRIBUTING,
|
|
5
5
|
> CLAUDE.md, CHANGELOG, documentos canônicos atuais em docs/, todos os ADRs e
|
|
6
6
|
> um resumo dos tokens. Traduções e auditorias históricas ficam fora para
|
|
@@ -19,7 +19,7 @@ Para APIs JSON, ver docs/api/
|
|
|
19
19
|
|
|
20
20
|
# Design System Core
|
|
21
21
|
|
|
22
|
-
[](./CHANGELOG.md) [](./LICENSE)
|
|
23
23
|
|
|
24
24
|
Design system white-label em CSS puro, com tokens DTCG em arquitetura 3-layer (Foundation/Core → Semantic/System → Component), componentes documentados, modos light/dark e paleta brand única customizável.
|
|
25
25
|
|
|
@@ -39,12 +39,12 @@ Em produção, prefira o pin exato:
|
|
|
39
39
|
```json
|
|
40
40
|
{
|
|
41
41
|
"dependencies": {
|
|
42
|
-
"ds-tis": "1.0.0-beta.
|
|
42
|
+
"ds-tis": "1.0.0-beta.9"
|
|
43
43
|
}
|
|
44
44
|
}
|
|
45
45
|
```
|
|
46
46
|
|
|
47
|
-
Como fallback, o mesmo release pode ser instalado pela tag GitHub: `npm install github:tis-experience/ds-tis#v1.0.0-beta.
|
|
47
|
+
Como fallback, o mesmo release pode ser instalado pela tag GitHub: `npm install github:tis-experience/ds-tis#v1.0.0-beta.9`.
|
|
48
48
|
|
|
49
49
|
Import principal (o nome do pacote continua `ds-tis`):
|
|
50
50
|
|
|
@@ -291,15 +291,6 @@ A partir de `1.0.0-beta.1`, o sistema entrou em **fase beta** — releases incre
|
|
|
291
291
|
|
|
292
292
|
## [Não publicado]
|
|
293
293
|
|
|
294
|
-
## [1.0.0-beta.10] — 2026-07-18
|
|
295
|
-
|
|
296
|
-
### Alterado
|
|
297
|
-
- **Runtime Node suportado passa de 20 para 22+.** O pacote declara `engines.node >=22`, a documentação de contribuição acompanha o novo mínimo e a CI prova os gates completos em Node 22 e 24.
|
|
298
|
-
|
|
299
|
-
### Corrigido
|
|
300
|
-
- **Toolbar da página Icons usa Form Field + Input/Select do DS.** Busca e filtros Size/Weight/Color deixam de reinventar controles com CSS ad hoc e passam a compor `ds-field`, `ds-input` e `ds-select`.
|
|
301
|
-
- **Docs consomem Badge e Button do DS sem overrides mortos.** A badge de versão na home usa `ds-badge--brand ds-badge--subtle`; botões “Abrir em nova aba” e CTAs dos templates usam `ds-button--ghost`; callouts locais duplicados e banners gerados passam pelo padrão `ds-callout` do layout das docs.
|
|
302
|
-
|
|
303
294
|
## [1.0.0-beta.9] — 2026-07-18
|
|
304
295
|
|
|
305
296
|
### Corrigido
|
|
@@ -1234,8 +1225,7 @@ Consolidação da documentação como fonte única de verdade. Plano em seis fas
|
|
|
1234
1225
|
- Reset base com carregamento de Inter + DM Mono.
|
|
1235
1226
|
- Estrutura do repositório: `css/`, `docs/`, `js/`.
|
|
1236
1227
|
|
|
1237
|
-
[Não publicado]: https://github.com/tis-experience/ds-tis/compare/v1.0.0-beta.
|
|
1238
|
-
[1.0.0-beta.10]: https://github.com/tis-experience/ds-tis/compare/v1.0.0-beta.9...v1.0.0-beta.10
|
|
1228
|
+
[Não publicado]: https://github.com/tis-experience/ds-tis/compare/v1.0.0-beta.9...HEAD
|
|
1239
1229
|
[1.0.0-beta.9]: https://github.com/tis-experience/ds-tis/compare/v1.0.0-beta.8...v1.0.0-beta.9
|
|
1240
1230
|
[1.0.0-beta.8]: https://github.com/tis-experience/ds-tis/compare/v1.0.0-beta.7...v1.0.0-beta.8
|
|
1241
1231
|
[1.0.0-beta.7]: https://github.com/tis-experience/ds-tis/compare/v1.0.0-beta.6...v1.0.0-beta.7
|
|
@@ -1359,7 +1349,7 @@ Instale a versão corrente pelo npm registry:
|
|
|
1359
1349
|
npm install ds-tis
|
|
1360
1350
|
```
|
|
1361
1351
|
|
|
1362
|
-
Durante a fase beta, as dist-tags npm `latest` e `beta` apontam para a mesma pré-release; `npm install ds-tis@beta` explicita o canal. Em produção, prefira `"ds-tis": "1.0.0-beta.
|
|
1352
|
+
Durante a fase beta, as dist-tags npm `latest` e `beta` apontam para a mesma pré-release; `npm install ds-tis@beta` explicita o canal. Em produção, prefira `"ds-tis": "1.0.0-beta.9"` no `package.json`. Fallback por release GitHub: `npm install github:tis-experience/ds-tis#v1.0.0-beta.9`.
|
|
1363
1353
|
|
|
1364
1354
|
Importe o CSS público uma vez no entrypoint global do app:
|
|
1365
1355
|
|
|
@@ -1859,7 +1849,7 @@ apresentadas como comportamento aprovado do sistema.
|
|
|
1859
1849
|
|
|
1860
1850
|
> Gerado automaticamente por `scripts/sync-docs.mjs` em 2026-07-18. Não editar manualmente.
|
|
1861
1851
|
> Para regenerar: `npm run sync:docs`
|
|
1862
|
-
> Versão atual: **1.0.0-beta.
|
|
1852
|
+
> Versão atual: **1.0.0-beta.9**
|
|
1863
1853
|
|
|
1864
1854
|
## Status geral
|
|
1865
1855
|
|
|
@@ -2555,7 +2545,7 @@ Este é um extrato bilíngue-amigável do [CONTRIBUTING.md](../CONTRIBUTING.md)
|
|
|
2555
2545
|
|
|
2556
2546
|
## Setup local
|
|
2557
2547
|
|
|
2558
|
-
Requisitos: Node.js
|
|
2548
|
+
Requisitos: Node.js 20+, git, SSH configurado com o GitHub.
|
|
2559
2549
|
|
|
2560
2550
|
```bash
|
|
2561
2551
|
git clone <repo-url>
|
|
@@ -20895,13 +20885,13 @@ Seção expandida com contexto, decisão e locais de uso.
|
|
|
20895
20885
|
|
|
20896
20886
|
> Gerado automaticamente por `scripts/sync-docs.mjs` em 2026-07-18. Não editar manualmente.
|
|
20897
20887
|
> Para regenerar: `npm run sync:docs`
|
|
20898
|
-
> Versão atual: **1.0.0-beta.
|
|
20888
|
+
> Versão atual: **1.0.0-beta.9**
|
|
20899
20889
|
|
|
20900
20890
|
## Estado atual
|
|
20901
20891
|
|
|
20902
20892
|
| Aspecto | Valor |
|
|
20903
20893
|
|---------|-------|
|
|
20904
|
-
| Versão | 1.0.0-beta.
|
|
20894
|
+
| Versão | 1.0.0-beta.9 |
|
|
20905
20895
|
| Formato canônico | JSON (DTCG) em `tokens/` |
|
|
20906
20896
|
| CSS gerado | Style Dictionary → `css/tokens/generated/` |
|
|
20907
20897
|
| Pipeline | ✅ index.css importa apenas generated/ |
|
|
@@ -23695,5 +23685,5 @@ Verificação automática de coerência Figma ↔ JSON ↔ CSS: `scripts/tokens-
|
|
|
23695
23685
|
═══════════════════════════════════════════════════════════
|
|
23696
23686
|
|
|
23697
23687
|
Gerado por scripts/build-llms.mjs.
|
|
23698
|
-
Versão: 1.0.0-beta.
|
|
23688
|
+
Versão: 1.0.0-beta.9
|
|
23699
23689
|
Site: documentação local
|
package/docs/llms.txt
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Design System Core
|
|
2
2
|
|
|
3
|
-
> Design system white-label em CSS puro com tokens DTCG em JSON, componentes documentados, modos light/dark e paleta brand única customizável. Versão atual: 1.0.0-beta.
|
|
3
|
+
> Design system white-label em CSS puro com tokens DTCG em JSON, componentes documentados, modos light/dark e paleta brand única customizável. Versão atual: 1.0.0-beta.9.
|
|
4
4
|
|
|
5
5
|
Repositório: definir no ambiente de destino.
|
|
6
6
|
Site: documentação local
|
|
@@ -106,4 +106,4 @@ No pacote instalado: `ds-tis/metadata`, `ds-tis/metadata/components`, `ds-tis/me
|
|
|
106
106
|
|
|
107
107
|
---
|
|
108
108
|
|
|
109
|
-
Gerado por `scripts/build-llms.mjs`. Versão atual: 1.0.0-beta.
|
|
109
|
+
Gerado por `scripts/build-llms.mjs`. Versão atual: 1.0.0-beta.9.
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
<div class="ds-preview__tabs">
|
|
64
64
|
<button class="ds-preview__tab ds-preview__tab--active" data-tab="preview">Preview</button>
|
|
65
65
|
<button class="ds-preview__tab" data-tab="code">Code</button>
|
|
66
|
-
|
|
66
|
+
<button onclick="openPreviewInNewTab()" aria-label="Abrir preview em nova aba" style="margin-left:auto;background:none;border:none;cursor:pointer;color:var(--ds-content-subtle);padding:0 var(--ds-dimension-12);font-size:var(--ds-font-size-14);font-weight:var(--ds-font-weight-medium);display:flex;align-items:center;gap:var(--ds-dimension-6);white-space:nowrap;" onmouseenter="this.style.color='var(--ds-content-strong)'" onmouseleave="this.style.color='var(--ds-content-subtle)'"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg>Abrir em nova aba</button>
|
|
67
67
|
</div>
|
|
68
68
|
<div class="ds-preview__canvas" style="padding:0;display:block">
|
|
69
69
|
<div style="background:var(--ds-background-subtle);padding:var(--ds-dimension-40);min-height:700px;display:flex;align-items:flex-start;justify-content:center">
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
<div class="ds-preview__tabs">
|
|
64
64
|
<button class="ds-preview__tab ds-preview__tab--active" data-tab="preview">Preview</button>
|
|
65
65
|
<button class="ds-preview__tab" data-tab="code">Code</button>
|
|
66
|
-
|
|
66
|
+
<button onclick="openPreviewInNewTab()" aria-label="Abrir preview em nova aba" style="margin-left:auto;background:none;border:none;cursor:pointer;color:var(--ds-content-subtle);padding:0 var(--ds-dimension-12);font-size:var(--ds-font-size-14);font-weight:var(--ds-font-weight-medium);display:flex;align-items:center;gap:var(--ds-dimension-6);white-space:nowrap;" onmouseenter="this.style.color='var(--ds-content-strong)'" onmouseleave="this.style.color='var(--ds-content-subtle)'"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg>Abrir em nova aba</button>
|
|
67
67
|
</div>
|
|
68
68
|
<div class="ds-preview__canvas" style="padding:0;display:block">
|
|
69
69
|
<div style="background:var(--ds-background-subtle);padding:var(--ds-dimension-32);min-height:640px">
|
|
@@ -117,8 +117,8 @@
|
|
|
117
117
|
<span class="ds-badge ds-badge--neutral ds-badge--subtle">Form Field</span>
|
|
118
118
|
</div>
|
|
119
119
|
<div class="ds-template-card__cta">
|
|
120
|
-
<a class="ds-button ds-button--brand ds-button--sm" href="login.html"><span class="ds-button__label"><span data-lang="pt">Documentação</span><span data-lang="en">Documentation</span></span></a>
|
|
121
|
-
<button
|
|
120
|
+
<a class="ds-button ds-button--brand ds-button--sm" href="login.html" style="display:inline-flex"><span class="ds-button__label"><span data-lang="pt">Documentação</span><span data-lang="en">Documentation</span></span></a>
|
|
121
|
+
<button class="ds-button ds-button--ghost ds-button--sm" onclick="openTemplate('login.html')" style="display:inline-flex;gap:var(--ds-dimension-6);cursor:pointer"><span class="ds-button__label"><span data-lang="pt">Template</span><span data-lang="en">Template</span></span><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg></button>
|
|
122
122
|
</div>
|
|
123
123
|
</div>
|
|
124
124
|
</div>
|
|
@@ -138,8 +138,8 @@
|
|
|
138
138
|
<span class="ds-badge ds-badge--neutral ds-badge--subtle">Alert</span>
|
|
139
139
|
</div>
|
|
140
140
|
<div class="ds-template-card__cta">
|
|
141
|
-
<a class="ds-button ds-button--brand ds-button--sm" href="signup.html"><span class="ds-button__label"><span data-lang="pt">Documentação</span><span data-lang="en">Documentation</span></span></a>
|
|
142
|
-
<button
|
|
141
|
+
<a class="ds-button ds-button--brand ds-button--sm" href="signup.html" style="display:inline-flex"><span class="ds-button__label"><span data-lang="pt">Documentação</span><span data-lang="en">Documentation</span></span></a>
|
|
142
|
+
<button class="ds-button ds-button--ghost ds-button--sm" onclick="openTemplate('signup.html')" style="display:inline-flex;gap:var(--ds-dimension-6);cursor:pointer"><span class="ds-button__label"><span data-lang="pt">Template</span><span data-lang="en">Template</span></span><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg></button>
|
|
143
143
|
</div>
|
|
144
144
|
</div>
|
|
145
145
|
</div>
|
|
@@ -159,8 +159,8 @@
|
|
|
159
159
|
<span class="ds-badge ds-badge--neutral ds-badge--subtle">Skeleton</span>
|
|
160
160
|
</div>
|
|
161
161
|
<div class="ds-template-card__cta">
|
|
162
|
-
<a class="ds-button ds-button--brand ds-button--sm" href="dashboard.html"><span class="ds-button__label"><span data-lang="pt">Documentação</span><span data-lang="en">Documentation</span></span></a>
|
|
163
|
-
<button
|
|
162
|
+
<a class="ds-button ds-button--brand ds-button--sm" href="dashboard.html" style="display:inline-flex"><span class="ds-button__label"><span data-lang="pt">Documentação</span><span data-lang="en">Documentation</span></span></a>
|
|
163
|
+
<button class="ds-button ds-button--ghost ds-button--sm" onclick="openTemplate('dashboard.html')" style="display:inline-flex;gap:var(--ds-dimension-6);cursor:pointer"><span class="ds-button__label"><span data-lang="pt">Template</span><span data-lang="en">Template</span></span><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg></button>
|
|
164
164
|
</div>
|
|
165
165
|
</div>
|
|
166
166
|
</div>
|
|
@@ -180,8 +180,8 @@
|
|
|
180
180
|
<span class="ds-badge ds-badge--neutral ds-badge--subtle">Avatar</span>
|
|
181
181
|
</div>
|
|
182
182
|
<div class="ds-template-card__cta">
|
|
183
|
-
<a class="ds-button ds-button--brand ds-button--sm" href="settings.html"><span class="ds-button__label"><span data-lang="pt">Documentação</span><span data-lang="en">Documentation</span></span></a>
|
|
184
|
-
<button
|
|
183
|
+
<a class="ds-button ds-button--brand ds-button--sm" href="settings.html" style="display:inline-flex"><span class="ds-button__label"><span data-lang="pt">Documentação</span><span data-lang="en">Documentation</span></span></a>
|
|
184
|
+
<button class="ds-button ds-button--ghost ds-button--sm" onclick="openTemplate('settings.html')" style="display:inline-flex;gap:var(--ds-dimension-6);cursor:pointer"><span class="ds-button__label"><span data-lang="pt">Template</span><span data-lang="en">Template</span></span><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg></button>
|
|
185
185
|
</div>
|
|
186
186
|
</div>
|
|
187
187
|
</div>
|
|
@@ -201,8 +201,8 @@
|
|
|
201
201
|
<span class="ds-badge ds-badge--neutral ds-badge--subtle">Radio</span>
|
|
202
202
|
</div>
|
|
203
203
|
<div class="ds-template-card__cta">
|
|
204
|
-
<a class="ds-button ds-button--brand ds-button--sm" href="contact.html"><span class="ds-button__label"><span data-lang="pt">Documentação</span><span data-lang="en">Documentation</span></span></a>
|
|
205
|
-
<button
|
|
204
|
+
<a class="ds-button ds-button--brand ds-button--sm" href="contact.html" style="display:inline-flex"><span class="ds-button__label"><span data-lang="pt">Documentação</span><span data-lang="en">Documentation</span></span></a>
|
|
205
|
+
<button class="ds-button ds-button--ghost ds-button--sm" onclick="openTemplate('contact.html')" style="display:inline-flex;gap:var(--ds-dimension-6);cursor:pointer"><span class="ds-button__label"><span data-lang="pt">Template</span><span data-lang="en">Template</span></span><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg></button>
|
|
206
206
|
</div>
|
|
207
207
|
</div>
|
|
208
208
|
</div>
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
<div class="ds-preview__tabs">
|
|
61
61
|
<button class="ds-preview__tab ds-preview__tab--active" data-tab="preview">Preview</button>
|
|
62
62
|
<button class="ds-preview__tab" data-tab="code">Code</button>
|
|
63
|
-
|
|
63
|
+
<button onclick="openPreviewInNewTab()" aria-label="Abrir preview em nova aba" style="margin-left:auto;background:none;border:none;cursor:pointer;color:var(--ds-content-subtle);padding:0 var(--ds-dimension-12);font-size:var(--ds-font-size-14);font-weight:var(--ds-font-weight-medium);display:flex;align-items:center;gap:var(--ds-dimension-6);white-space:nowrap;" onmouseenter="this.style.color='var(--ds-content-strong)'" onmouseleave="this.style.color='var(--ds-content-subtle)'"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg>Abrir em nova aba</button>
|
|
64
64
|
</div>
|
|
65
65
|
<div class="ds-preview__canvas" style="padding:0;display:block">
|
|
66
66
|
<div style="min-height:540px;display:flex;align-items:center;justify-content:center;background:var(--ds-background-subtle);padding:var(--ds-dimension-40)">
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
<div class="ds-preview__tabs">
|
|
64
64
|
<button class="ds-preview__tab ds-preview__tab--active" data-tab="preview">Preview</button>
|
|
65
65
|
<button class="ds-preview__tab" data-tab="code">Code</button>
|
|
66
|
-
|
|
66
|
+
<button onclick="openPreviewInNewTab()" aria-label="Abrir preview em nova aba" style="margin-left:auto;background:none;border:none;cursor:pointer;color:var(--ds-content-subtle);padding:0 var(--ds-dimension-12);font-size:var(--ds-font-size-14);font-weight:var(--ds-font-weight-medium);display:flex;align-items:center;gap:var(--ds-dimension-6);white-space:nowrap;" onmouseenter="this.style.color='var(--ds-content-strong)'" onmouseleave="this.style.color='var(--ds-content-subtle)'"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg>Abrir em nova aba</button>
|
|
67
67
|
</div>
|
|
68
68
|
<div class="ds-preview__canvas" style="padding:0;display:block">
|
|
69
69
|
<div style="background:var(--ds-background-subtle);padding:var(--ds-dimension-32);min-height:680px">
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
<div class="ds-preview__tabs">
|
|
63
63
|
<button class="ds-preview__tab ds-preview__tab--active" data-tab="preview">Preview</button>
|
|
64
64
|
<button class="ds-preview__tab" data-tab="code">Code</button>
|
|
65
|
-
|
|
65
|
+
<button onclick="openPreviewInNewTab()" aria-label="Abrir preview em nova aba" style="margin-left:auto;background:none;border:none;cursor:pointer;color:var(--ds-content-subtle);padding:0 var(--ds-dimension-12);font-size:var(--ds-font-size-14);font-weight:var(--ds-font-weight-medium);display:flex;align-items:center;gap:var(--ds-dimension-6);white-space:nowrap;" onmouseenter="this.style.color='var(--ds-content-strong)'" onmouseleave="this.style.color='var(--ds-content-subtle)'"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg>Abrir em nova aba</button>
|
|
66
66
|
</div>
|
|
67
67
|
<div class="ds-preview__canvas" style="padding:0;display:block">
|
|
68
68
|
<div style="min-height:660px;display:flex;align-items:center;justify-content:center;background:var(--ds-background-subtle);padding:var(--ds-dimension-40)">
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ds-tis",
|
|
3
|
-
"version": "1.0.0-beta.
|
|
3
|
+
"version": "1.0.0-beta.9",
|
|
4
4
|
"description": "White-label CSS design system with DTCG tokens, component contracts, and light/dark mode",
|
|
5
5
|
"homepage": "https://tis-experience.github.io/ds-tis/",
|
|
6
6
|
"repository": {
|
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
"author": "TIS Experience Engineering",
|
|
77
77
|
"license": "UNLICENSED",
|
|
78
78
|
"engines": {
|
|
79
|
-
"node": ">=
|
|
79
|
+
"node": ">=20"
|
|
80
80
|
},
|
|
81
81
|
"publishConfig": {
|
|
82
82
|
"access": "public",
|