| 2026-08-19 |
Add Tabs, Avatar, Chip, and Progress components
...
- Implement pill/compact/vertical tabs with browser helper and Vue adapters
(GnTabs, GnTab, GnTabPanel) plus keyboard navigation.
- Add Avatar styles and GnAvatar with initials/image/icon and status dot.
- Add Chip styles and GnChip removable/selectable chip.
- Add Progress styles, browser helper, and GnProgress linear/step.
- Wire new components into kit.scss, Vue plugin, Vue entry, and browser bundle.
- Add demo partials and update docs/component-coverage.md + PROJECT_NOTES.md.
- All builds and smoke tests pass.
Eugene Sukhodolskiy
committed
1 day ago
|
Sync tokens and components with Figma variables and frames
...
- Update primitive palette: add neutral-25, adjust warning-bg to #FEF3E5.
- Add full radius scale (xs/sm/md/lg/xl/2xl/full) from radius.tokens.json.
- Update semantic surfaces/borders from Mode 1 tokens.
- Realign buttons: primary dark, secondary mint, accent yellow, tertiary ghost.
- Realign badges, alerts, cards, inputs, checkbox, radio, switch, modal, toast.
- Update demo palette/utilities and style-guide docs.
- Add exported Figma frames and variables under 'figma design parts/' for reference.
Eugene Sukhodolskiy
committed
1 day ago
|
Add overlay components: Modal, Drawer, Toast system
...
- Add SCSS for modals, drawers and toasts with VMK design tokens.
- Add GnModal and GnDrawer Vue adapters with focus trap, Escape close and teleport.
- Add browser Toasts helper and GnToastProvider + useToast composable.
- Wire overlays into plugin, Vue entry and browser bundle.
- Add demo partials for Modal, Drawer and Toast.
- Update component coverage and project notes.
Eugene Sukhodolskiy
committed
1 day ago
|
Update project notes after Button implementation
...
- Mark Button component, Vue adapter, and inline SVG icon helper as done.
- Remove completed font and Button TODO items; keep radius, spacing,
foundation demos, and remaining components as next steps.
Eugene Sukhodolskiy
committed
2 days ago
|
Integrate user-provided SVG icon set
...
- Extract Icons_svg.zip into public/assets/icons/svg/ (967 icons).
- Replace stroke="black" and fill="black" with currentColor in all SVGs
so icons inherit text color.
- Build public/assets/icons/index.json mapping clean names to SVG paths.
- Add src/js/components/icon-helper.js for async inline SVG loading.
- Add src/scss/components/_icons.scss with base icon styles.
- Import icons component styles into kit.scss.
Build, Vue example build, and Playwright smoke test still pass.
Eugene Sukhodolskiy
committed
2 days ago
|
Apply Figma design tokens: palette, typography, semantic aliases
...
- Replace placeholder colors with extracted Figma primitives:
neutral, lavender, mint, yellow scales and danger/info/success/warning
semantic primitives.
- Add semantic aliases for surfaces, borders, and UI states.
- Replace IBM Plex Mono with Plus Jakarta Sans as primary font.
- Add full typography scale (headings, body, button, caption)
for mobile and desktop from Figma Style Guide.
- Update docs/style-guide.md with extracted tokens.
- Update .gitignore to exclude .figma-token.
- Update vmk-ui-kit-figma.url to point to the shared copy.
Build, Vue example build, and Playwright smoke test still pass.
Eugene Sukhodolskiy
committed
2 days ago
|
Scaffold vmk-ui-kit build system, docs, and compatibility contract
...
- Add Gulp 5 + esbuild + Sass build pipeline mirroring gnexus-ui-kit
- Add package.json with compatible exports (main, module, vue, css, assets)
- Add Playwright config and smoke test
- Add Vue example project for adapter smoke build
- Add placeholder SCSS tokens, JS entry, and Vue plugin
- Add docs skeleton (getting-started, vue, style-guide, release, coverage)
- Add PROJECT_NOTES.md with agreed decisions and open questions
- Update CLAUDE.md with reference architecture and compatibility requirements
Build, Vue example build, and Playwright smoke test all pass.
Eugene Sukhodolskiy
committed
2 days ago
|