|
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. |
|---|
|
|
| .gitignore |
|---|
| CLAUDE.md |
|---|
| demo/figma/alerts.html 0 → 100644 |
|---|
| demo/figma/attached-file.html 0 → 100644 |
|---|
| demo/figma/backgrounds.html 0 → 100644 |
|---|
| demo/figma/badges.html 0 → 100644 |
|---|
| demo/figma/breadcrumbs.html 0 → 100644 |
|---|
| demo/figma/buttons.html 0 → 100644 |
|---|
| demo/figma/divider.html 0 → 100644 |
|---|
| demo/figma/forms.html 0 → 100644 |
|---|
| demo/index.html |
|---|
| demo/partials/accordion.html 0 → 100644 |
|---|
| demo/partials/backgrounds.html 0 → 100644 |
|---|
| demo/partials/breadcrumbs.html 0 → 100644 |
|---|
| demo/partials/buttons.html |
|---|
| demo/partials/divider.html 0 → 100644 |
|---|
| demo/partials/file-upload.html 0 → 100644 |
|---|
| demo/partials/stepper.html 0 → 100644 |
|---|
| figma design parts/frames/Button.cropped.png 0 → 100644 |
|---|
|
|
| gulpfile.js |
|---|
| package-lock.json |
|---|
| package.json |
|---|
| public/assets/backgrounds/gradient-desktop.svg 0 → 100644 |
|---|
| public/assets/backgrounds/gradient-mobile.svg 0 → 100644 |
|---|
| public/assets/backgrounds/gradient-tablet.svg 0 → 100644 |
|---|
| public/assets/backgrounds/shape-desktop.svg 0 → 100644 |
|---|
| public/assets/backgrounds/shape-mobile.svg 0 → 100644 |
|---|
| public/assets/backgrounds/shape-tablet.svg 0 → 100644 |
|---|
| scripts/compare-with-figma.js 0 → 100644 |
|---|
| scripts/list-mode1-tokens.js 0 → 100644 |
|---|
| src/js/components/accordion.js 0 → 100644 |
|---|
| src/js/components/backgrounds.js 0 → 100644 |
|---|
| src/js/components/breadcrumbs.js 0 → 100644 |
|---|
| src/js/index.js |
|---|
| src/scss/_palette-colors.scss |
|---|
| src/scss/components/_accordion.scss 0 → 100644 |
|---|
| src/scss/components/_background.scss 0 → 100644 |
|---|
| src/scss/components/_badges.scss |
|---|
| src/scss/components/_breadcrumbs.scss 0 → 100644 |
|---|
| src/scss/components/_buttons.scss |
|---|
| src/scss/components/_divider.scss 0 → 100644 |
|---|
| src/scss/components/_file-upload.scss 0 → 100644 |
|---|
| src/scss/components/_forms.scss |
|---|
| src/scss/components/_stepper.scss 0 → 100644 |
|---|
| src/scss/kit.scss |
|---|
| src/vue/components/GnAccordion.js 0 → 100644 |
|---|
| src/vue/components/GnBackground.js 0 → 100644 |
|---|
| src/vue/components/GnBreadcrumbItem.js 0 → 100644 |
|---|
| src/vue/components/GnBreadcrumbs.js 0 → 100644 |
|---|
| src/vue/components/GnFileAttachment.js 0 → 100644 |
|---|
| src/vue/components/GnFileUpload.js 0 → 100644 |
|---|
| src/vue/components/GnSteps.js 0 → 100644 |
|---|
| src/vue/index.js |
|---|
| src/vue/plugin.js |
|---|
| tests/figma-baselines/alerts-baseline.png 0 → 100644 |
|---|
|
|
| tests/figma-baselines/attached-file-baseline.png 0 → 100644 |
|---|
|
|
| tests/figma-baselines/badges-baseline.png 0 → 100644 |
|---|
|
|
| tests/figma-baselines/breadcrumb-row-235.png 0 → 100644 |
|---|
|
|
| tests/figma-baselines/breadcrumb-row-411.png 0 → 100644 |
|---|
|
|
| tests/figma-baselines/breadcrumb-row-545.png 0 → 100644 |
|---|
|
|
| tests/figma-baselines/breadcrumb-row-59.png 0 → 100644 |
|---|
|
|
| tests/figma-baselines/breadcrumbs-baseline.png 0 → 100644 |
|---|
|
|
| tests/figma-baselines/buttons-baseline.png 0 → 100644 |
|---|
|
|
| tests/figma-baselines/divider-baseline.png 0 → 100644 |
|---|
|
|
| tests/figma-baselines/forms-baseline.png 0 → 100644 |
|---|
|
|
| tests/figma-match.spec.js 0 → 100644 |
|---|