| 2026-08-20 |
fix: icon mapping for common Phosphor names and toast provider resolution
...
- Map copy, chart-line-up, check-circle, chat-circle, lock-key, sign-in/out,
pencil, pencil-simple, house, list, credit-card, bell, cloud-arrow-up,
package, gear, home, login, logout, edit, message, box to real VMK icon keys.
- Use Symbol.for for toastKey so builds with multiple bundles resolve the same key.
- Add globalProperties fallback in useToast/GnToastProvider for inline createApp demos.
Eugene Sukhodolskiy
committed
1 day ago
|
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
|
Polish visual defects: color cards, spacing, date picker, file attachments, progress, input group, timeline, icon mappings
...
- demo: remove page background layer, add vertical spacing for demo rows
- palette: wrap color swatches in color cards with name/hex labels
- description list: style description-list-term distinctly
- file-upload: shrink attachment cards to 130px, increase gaps, center placeholder text
- forms: add .input-date styling with calendar icon and focus ring
- input-group: seamless action slot button without double borders
- progress: add vertical spacing between consecutive progress bars
- timeline: align marker connector line at left: 23px
- vue: make GnIconButton label optional, add Phosphor icon mappings
- tests: screenshot workflow passing, all 19 e2e tests green
Co-Authored-By: Claude <noreply@anthropic.com>
Eugene Sukhodolskiy
committed
1 day ago
|
| 2026-08-19 |
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
|
Add Input, Badge, Alert components and foundation demos
...
- Add src/scss/components/_forms.scss with input, label, help text,
and error/success/warning states.
- Add src/scss/components/_badges.scss and _alerts.scss with semantic
variants and outline/size options.
- Add GnInput, GnBadge, GnAlert Vue adapters mirroring gnexus-ui-kit API.
- Update plugin and entry exports for new components.
- Add demo partials for Typography, Palette, Utilities, Inputs, Badges,
and Alerts, and include them in demo/index.html.
- Extend Vue example app to render new components.
Eugene Sukhodolskiy
committed
1 day ago
|
Implement Button component and Vue adapter
...
- Add src/scss/components/_buttons.scss with Figma-extracted variants,
sizes (lg/md/sm/xs/xxs), states (disabled, loading), icon support,
and destructive secondary/tertiary styles.
- Add src/vue/components/GnButton.js and VmkIcon with inline SVG loading.
- Add shared src/vue/utils.js for class/variant/size normalization and
legacy Phosphor-name mapping.
- Wire GnButton and VmkIcon into the Vue plugin and entry exports.
- Add demo partial for buttons and update demo index page.
Eugene Sukhodolskiy
committed
2 days ago
|