zark-design 3.0.0 → 3.0.1
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/package.json +1 -1
- package/templates/README.md.hbs +2 -2
- package/templates/html/components.css +1 -1
- package/templates/html/{index.html → index.html.hbs} +3 -3
- package/templates/html/{showcase.html → showcase.html.hbs} +17 -1388
- package/templates/jsx/{App.example.jsx → App.example.jsx.hbs} +7 -7
- package/templates/jsx/components.css +1 -1
- package/templates/jsx/icons.jsx +1 -1
- package/templates/jsx/index.js +27 -27
- /package/templates/presets/zark/assets/{zark-icon.png → icon.png} +0 -0
- /package/templates/presets/zark/assets/{logo-zark-laranja.png → logo-primary.png} +0 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "zark-design",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.1",
|
|
4
4
|
"description": "Design system scaffolder seguindo método ZARK — `npx zark-design init` em modo preset (ZARK pronto) ou custom (cor e logos suas, paleta 50→900 gerada). HTML + JSX side-by-side. Dark mode nativo. Sem dependência runtime.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"bin": {
|
package/templates/README.md.hbs
CHANGED
|
@@ -233,7 +233,7 @@ document.documentElement.dataset.theme = 'light'; // força light
|
|
|
233
233
|
delete document.documentElement.dataset.theme; // segue OS
|
|
234
234
|
```
|
|
235
235
|
|
|
236
|
-
A cor de marca (`--brand-500`) **NUNCA muda no dark mode** — é assinatura
|
|
236
|
+
A cor de marca (`--brand-500`) **NUNCA muda no dark mode** — é assinatura da marca. Apenas neutros, semânticos suaves e sombras ajustam.
|
|
237
237
|
|
|
238
238
|
---
|
|
239
239
|
|
|
@@ -261,4 +261,4 @@ Tem light/dark toggle, todos os componentes, toda a paleta, todos os ícones —
|
|
|
261
261
|
|
|
262
262
|
---
|
|
263
263
|
|
|
264
|
-
*
|
|
264
|
+
*{{name}} Design System · gerado por `zark-design` · {{date}}*
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
<head>
|
|
4
4
|
<meta charset="UTF-8"/>
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
6
|
-
<title>
|
|
6
|
+
<title>{{name}} · Exemplo</title>
|
|
7
7
|
<link rel="preconnect" href="https://fonts.googleapis.com"/>
|
|
8
8
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/>
|
|
9
9
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet"/>
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
<!-- SIDEBAR -->
|
|
19
19
|
<aside class="zk-sidebar">
|
|
20
20
|
<div class="zk-sidebar-brand">
|
|
21
|
-
<img src="assets/logo-
|
|
21
|
+
<img src="assets/logo-primary.png" alt="{{name}}" class="zk-sidebar-logo"/>
|
|
22
22
|
</div>
|
|
23
23
|
|
|
24
24
|
<div class="zk-sidebar-eyebrow">Workspace</div>
|
|
@@ -80,7 +80,7 @@
|
|
|
80
80
|
<div class="alert-critical-row">
|
|
81
81
|
<span class="tag-dot p-urgent">URGENTE</span>
|
|
82
82
|
<span style="font-weight:500">Enviar proposta para TR PAULO</span>
|
|
83
|
-
<span class="src">
|
|
83
|
+
<span class="src">{{name}} · Tarefas</span>
|
|
84
84
|
<span style="font-family:var(--font-mono); font-weight:600">3 dias</span>
|
|
85
85
|
</div>
|
|
86
86
|
<div class="alert-critical-row">
|