| 2026-08-20 |
Polish triggers, breadcrumbs, drawer, file preview, editable icons, logos
...
- Use btn-sm for popover, tooltip, dropdown, modal-open, confirm, toast, drawer triggers.
- Use btn-md with gap for modal and confirm-popup action buttons.
- Fix left drawer: correct SCSS nesting so .drawer-left panel slides from left.
- Align breadcrumbs demo with Figma: dark surface, active pill, collapsed rows.
- Unify File Upload preview cards with static File attachment cards markup.
- Style Editable String buttons as btn-icon-only btn-sm.
- Fix 'essentials/search' icon mapping to 'essentials/zoom/search'.
- Add Logos component block from Figma frames.
- Expand screenshot section list to cover more component demos.
- All 19 e2e tests green.
Co-Authored-By: Claude <noreply@anthropic.com>
Eugene Sukhodolskiy
committed
1 day ago
|
style: polish demo visuals and add screenshot workflow
...
- Replace flat palette swatches with color cards (name + hex).
- Increase vertical spacing for demo-section and demo-row.
- Fix Description List to show term when items use { key, value }.
- Style advanced-select input like a regular input with a custom arrow.
- Resize file attachment cards from 420px to 160px, fix grid gaps and padding.
- Make demo background fixed with a subtle parallax drift on scroll.
- Link demo.css in demo/index.html so demo styles actually load.
- Add tests/demo-screenshot.spec.js and npm run screenshots for regular
visual review.
All 19 e2e tests pass.
Co-Authored-By: Claude <noreply@anthropic.com>
Eugene Sukhodolskiy
committed
1 day ago
|
fix: close high-severity compatibility gaps from functional audit
...
- Add missing Drawer browser helper (src/js/components/drawer.js) and export it.
- Replace icon-only Helper with full gnexus-ui-kit-compatible Helper object
(template, unification, states).
- Make Toasts create* methods synchronous to match the reference contract.
- Rename Vue plugin export to GnexusUiVue while keeping VMKUiVue alias;
add tryUseRouter, tryUseRoute, isRouteActive composables.
- Emit both vmk-ui-kit.* and gnexus-ui-kit.* browser bundles; point package.json
main/module/exports to gnexus-ui-kit aliases.
- Add demo partials for GnInputGroup, GnDescriptionList, GnEmptyState, GnPageHeader.
- Update modal/drawer/toast demos to exercise the browser JS API.
- Update functional tests for dynamic modal/drawer creation.
All e2e tests pass; demo page has no console errors with the new background wrapper.
Co-Authored-By: Claude <noreply@anthropic.com>
Eugene Sukhodolskiy
committed
1 day ago
|
Add advancedSelect browser helper
...
- Implement advancedSelect helper with search, keyboard navigation and selection
- Add styles and demo partial
- Wire export in browser bundle
- All 17 e2e tests pass, no console errors
Co-Authored-By: Claude <noreply@anthropic.com>
Eugene Sukhodolskiy
committed
1 day ago
|
Add Overlays browser helper
...
- Implement Overlays helper for dropdown and tooltip toggle management
- Avoid conflict with existing popover.js by not handling data-popover-toggle
- Add CSS support for .dropdown.is-open and .tooltip.is-open
- Add overlays demo partial
- All 17 e2e tests pass, no console errors
Co-Authored-By: Claude <noreply@anthropic.com>
Eugene Sukhodolskiy
committed
1 day ago
|
Add InputPatterns and editableString browser helpers
...
- Implement InputPatterns helper for input clear, date picker trigger and file upload previews
- Implement editableString helper for inline text/textarea editing
- Add component styles and data-patterns demo partial
- Wire exports in browser bundle and auto-init InputPatterns on DOMContentLoaded
- No console errors, all 17 e2e tests pass
Co-Authored-By: Claude <noreply@anthropic.com>
Eugene Sukhodolskiy
committed
1 day ago
|
Add GnConfirmDialog and confirmPopup helper
...
- Create GnConfirmDialog Vue component wrapping GnModal
- Add browser Modals helper and confirmPopup for gnexus-ui-kit compatibility
- Wire exports in src/js/index.js, src/vue/index.js and plugin
- Add demo partial for confirm dialog
- Build and e2e tests pass (17/17)
Co-Authored-By: Claude <noreply@anthropic.com>
Eugene Sukhodolskiy
committed
1 day ago
|
| 2026-08-19 |
Add Popover, Pagination, Timeline and Loader components
...
- Add Popover CSS/browser helper/Vue adapter with click-outside and Escape handling.
- Add Pagination CSS and GnPagination Vue adapter.
- Add Timeline CSS and GnTimeline Vue adapter.
- Add Loader/Spinner CSS/browser helper/Vue adapter with spin/dots/bar variants.
- Wire all four components into the SCSS entry, browser bundle, Vue plugin and exports.
- Add demo partials for popover, pagination, timeline and loader.
E2E and Vue adapter smoke builds pass.
Eugene Sukhodolskiy
committed
1 day ago
|
Add Divider, Accordion, Stepper and FileAttachment components
...
- Implement CSS for divider, accordion, stepper and file-upload/attachment.
- Add browser Accordion helper and expose it on window.VMKUIKit.
- Add Vue adapters: GnAccordion, GnSteps, GnFileUpload, GnFileAttachment.
- Add demo partials and figma match pages for divider and attached-file.
- Fix Figma comparison flattening for transparent baselines (e.g. breadcrumbs, attached-file).
- Add vertical spacing to the demo index page to separate sections.
All Figma visual tests and the Vue adapter smoke build pass.
Eugene Sukhodolskiy
committed
1 day ago
|
Add Table, List, Skeleton, Tooltip, Dropdown, NavigationShell
...
- Implement Table styles + browser helper + GnTable/GnTableRow/GnTableHeader
with sortable/selectable variants.
- Implement List styles + browser helper + GnList/GnListItem.
- Implement Skeleton placeholders + browser helper + GnSkeleton.
- Implement Tooltip styles + browser helper + GnTooltip.
- Implement Dropdown menu styles + browser helper + GnDropdown/GnDropdownItem.
- Implement NavigationShell layout + browser helper + GnNavigationShell/GnNavigationItem.
- Wire all new components into kit.scss, Vue plugin, Vue entry, and browser bundle.
- Add demo partials for every new component.
- Update docs/component-coverage.md and PROJECT_NOTES.md.
- Builds and tests pass.
Eugene Sukhodolskiy
committed
1 day ago
|
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
|
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
|
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
|