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.
Files changed (11) hide show
  1. package/package.json +1 -1
  2. package/templates/README.md.hbs +2 -2
  3. package/templates/html/components.css +1 -1
  4. package/templates/html/{index.html → index.html.hbs} +3 -3
  5. package/templates/html/{showcase.html → showcase.html.hbs} +17 -1388
  6. package/templates/jsx/{App.example.jsx → App.example.jsx.hbs} +7 -7
  7. package/templates/jsx/components.css +1 -1
  8. package/templates/jsx/icons.jsx +1 -1
  9. package/templates/jsx/index.js +27 -27
  10. /package/templates/presets/zark/assets/{zark-icon.png → icon.png} +0 -0
  11. /package/templates/presets/zark/assets/{logo-zark-laranja.png → logo-primary.png} +0 -0
package/templates/jsx/{App.example.jsx → App.example.jsx.hbs} RENAMED
@@ -40,8 +40,8 @@ import {
40
40
  Icons,
41
41
  } from './index';
42
42
 
43
- import logoZark from './assets/logo-zark-laranja.png';
44
- import iconZark from './assets/zark-icon.png';
43
+ import logoZark from './assets/logo-primary.png';
44
+ import iconZark from './assets/icon.png';
45
45
 
46
46
  export default function App() {
47
47
  const [tab, setTab] = useState('hoje');
@@ -53,7 +53,7 @@ export default function App() {
53
53
  <div style={{ display: 'grid', gridTemplateColumns: 'var(--sidebar-w) 1fr', minHeight: '100vh' }}>
54
54
 
55
55
  {/* SIDEBAR */}
56
- <Sidebar logo={<img src={logoZark} alt="ZARK" className="zk-sidebar-logo"/>}>
56
+ <Sidebar logo={<img src={logoZark} alt="{{name}}" className="zk-sidebar-logo"/>}>
57
57
  <SidebarSection>Workspace</SidebarSection>
58
58
  <SidebarLink active icon={<Icons.Home/>} shortcut={<Kbd>⌥D</Kbd>}>Dashboard</SidebarLink>
59
59
  <SidebarLink icon={<Icons.Activity/>} shortcut={<Kbd>⌥P</Kbd>}>Pipeline</SidebarLink>
@@ -61,7 +61,7 @@ export default function App() {
61
61
  <SidebarLink icon={<Icons.Docs/>} shortcut={<Kbd>⌥F</Kbd>}>Financeiro</SidebarLink>
62
62
 
63
63
  <SidebarSection>Compartilhados</SidebarSection>
64
- <SidebarLink icon={<AvatarSpace name="Z" spaceKey="zark" size={18}/>}>ZARK</SidebarLink>
64
+ <SidebarLink icon={<AvatarSpace name="Z" spaceKey="zark" size={18}/>}>{{name}}</SidebarLink>
65
65
  <SidebarLink icon={<AvatarSpace name="V" spaceKey="vipcar" size={18}/>}>VIPCAR</SidebarLink>
66
66
  <SidebarLink icon={<AvatarSpace name="L" spaceKey="limppe" size={18}/>}>LIMPPE TEC</SidebarLink>
67
67
  </Sidebar>
@@ -112,7 +112,7 @@ export default function App() {
112
112
  <AlertCritical
113
113
  title="8 tarefas em atraso"
114
114
  items={[
115
- { tag: <TagDot kind="priority" value="urgent">URGENTE</TagDot>, label: 'Enviar proposta para TR PAULO', source: 'ZARK · Tarefas', meta: '3 dias' },
115
+ { tag: <TagDot kind="priority" value="urgent">URGENTE</TagDot>, label: 'Enviar proposta para TR PAULO', source: '{{name}} · Tarefas', meta: '3 dias' },
116
116
  { tag: <TagDot kind="priority" value="urgent">URGENTE</TagDot>, label: 'CHAMANDO O HEXA!', source: 'VIPCAR · Acompanhamento', meta: '3 dias' },
117
117
  ]}
118
118
  footer="+ 6 outras tarefas atrasadas"
@@ -203,8 +203,8 @@ export default function App() {
203
203
  <div style={{ height: 32 }}/>
204
204
 
205
205
  {/* Toast */}
206
- <Toast tone="default" icon={<img src={iconZark} alt="ZARK" style={{ height: 14, filter: 'brightness(0) invert(1)' }}/>}>
207
- Welcome to ZARK!
206
+ <Toast tone="default" icon={<img src={iconZark} alt="{{name}}" style={{ height: 14, filter: 'brightness(0) invert(1)' }}/>}>
207
+ Welcome to {{name}}!
208
208
  </Toast>
209
209
 
210
210
  {/* Modal */}
package/templates/jsx/components.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /* ============================================================
2
- ZARK DESIGN SYSTEM — COMPONENTS
2
+ Brand DESIGN SYSTEM — COMPONENTS
3
3
  v3 · Sistemas/Apps · 2026
4
4
  Importe APÓS tokens.css.
5
5
  ============================================================ */
package/templates/jsx/icons.jsx CHANGED
@@ -1,4 +1,4 @@
1
- // ZARK Icon Set — outline · stroke 1.5px · viewBox 18×18 · currentColor
1
+ // Brand Icon Set — outline · stroke 1.5px · viewBox 18×18 · currentColor
2
2
  // Usage:
3
3
  // import { Icons } from './icons';
4
4
  // <Icons.Search size={16}/>
package/templates/jsx/index.js CHANGED
@@ -1,31 +1,31 @@
1
- // ZARK Design System — barrel export
1
+ // Design System — barrel export
2
2
  // Importe componentes individuais ou o objeto inteiro:
3
- // import { Button, TagDot, StatCard } from '@zark/design-system-apps/jsx';
3
+ // import { Button, TagDot, StatCard } from '@zark/design-system-apps/jsx';
4
4
 
5
- export { Button } from './components/Button.jsx';
6
- export { Input, UrlInputFull } from './components/Input.jsx';
7
- export { Tag } from './components/Tag.jsx';
8
- export { TagDot } from './components/TagDot.jsx';
9
- export { Badge } from './components/Badge.jsx';
10
- export { Toggle } from './components/Toggle.jsx';
11
- export { Segmented } from './components/Segmented.jsx';
12
- export { Chips } from './components/Chip.jsx';
13
- export { StatCard } from './components/StatCard.jsx';
14
- export { AlertCritical } from './components/AlertCritical.jsx';
15
- export { Funnel, ProgressBar } from './components/Funnel.jsx';
16
- export { EmptyState } from './components/EmptyState.jsx';
17
- export { KanbanColumn, KanbanBoard } from './components/KanbanColumn.jsx';
18
- export { LeadCard } from './components/LeadCard.jsx';
19
- export { TableActions } from './components/TableActions.jsx';
5
+ export { Button } from './components/Button.jsx';
6
+ export { Input, UrlInputFull } from './components/Input.jsx';
7
+ export { Tag } from './components/Tag.jsx';
8
+ export { TagDot } from './components/TagDot.jsx';
9
+ export { Badge } from './components/Badge.jsx';
10
+ export { Toggle } from './components/Toggle.jsx';
11
+ export { Segmented } from './components/Segmented.jsx';
12
+ export { Chips } from './components/Chip.jsx';
13
+ export { StatCard } from './components/StatCard.jsx';
14
+ export { AlertCritical } from './components/AlertCritical.jsx';
15
+ export { Funnel, ProgressBar } from './components/Funnel.jsx';
16
+ export { EmptyState } from './components/EmptyState.jsx';
17
+ export { KanbanColumn, KanbanBoard } from './components/KanbanColumn.jsx';
18
+ export { LeadCard } from './components/LeadCard.jsx';
19
+ export { TableActions } from './components/TableActions.jsx';
20
20
  export { Sidebar, SidebarLink, SidebarSection } from './components/Sidebar.jsx';
21
- export { Panel } from './components/Panel.jsx';
22
- export { Section } from './components/Section.jsx';
23
- export { Modal } from './components/Modal.jsx';
24
- export { Toast } from './components/Toast.jsx';
25
- export { Announce, Tip } from './components/Banner.jsx';
26
- export { CodeBlock } from './components/CodeBlock.jsx';
27
- export { Avatar, AvatarSpace } from './components/Avatar.jsx';
28
- export { Kbd } from './components/Kbd.jsx';
29
- export { Spec } from './components/Spec.jsx';
21
+ export { Panel } from './components/Panel.jsx';
22
+ export { Section } from './components/Section.jsx';
23
+ export { Modal } from './components/Modal.jsx';
24
+ export { Toast } from './components/Toast.jsx';
25
+ export { Announce, Tip } from './components/Banner.jsx';
26
+ export { CodeBlock } from './components/CodeBlock.jsx';
27
+ export { Avatar, AvatarSpace } from './components/Avatar.jsx';
28
+ export { Kbd } from './components/Kbd.jsx';
29
+ export { Spec } from './components/Spec.jsx';
30
30
 
31
- export { Icons } from './icons.jsx';
31
+ export { Icons } from './icons.jsx';