so many changes

Align vanilla breadcrumbs with Vue light design ...

Remove the dark inverted breadcrumb variant and make the vanilla demo
use the same light-surface style as the Vue breadcrumbs.

Co-Authored-By: Claude <noreply@anthropic.com>

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>

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>

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>

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.

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.

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.

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.

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.