{"namespace":"GPSRWEBDesignSystem_019e1c","components":[],"startingPoints":[],"cards":[{"path":"preview/brand-app-shell.html","group":"Brand","viewport":"700x240","subtitle":"Sidebar (white) + content (neutral-1) + surface card","name":"App shell"},{"path":"preview/brand-bg-variants.html","group":"Brand","viewport":"700x200","subtitle":"neutral-1 (default) vs transmittal-bg (#ebefe7)","name":"Page-bg variants"},{"path":"preview/brand-iconography.html","group":"Brand","viewport":"700x200","subtitle":"Material Design Icons (mdi-*) via Vuetify","name":"Iconography"},{"path":"preview/brand-logo.html","group":"Brand","viewport":"700x200","subtitle":"Wordmark + sidebar mark (placeholder — fetch real SVG)","name":"Logo"},{"path":"preview/brand-voice.html","group":"Brand","viewport":"700x220","subtitle":"Direct, professional · no emoji · no marketing fluff","name":"Voice & tone"},{"path":"preview/components-modal.html","group":"Brand","viewport":"760x380","subtitle":"Account popover + logout confirm dialog","name":"Component — Logout Modals"},{"path":"preview/colors-brand.html","group":"Colors","viewport":"700x200","subtitle":"Primary + Primary-lgt","name":"Brand colors"},{"path":"preview/colors-semantic.html","group":"Colors","viewport":"700x240","subtitle":"Green-MID · Green-DARK · Info · Link · Error · Red · Orange · Teal","name":"Semantic colors"},{"path":"preview/colors-surfaces.html","group":"Colors","viewport":"700x200","subtitle":"white · neutral-1 · transmittal-bg · True-blk · Secondary · Ash","name":"Surfaces & neutrals"},{"path":"preview/colors-text-scale.html","group":"Colors","viewport":"700x220","subtitle":"10-step neutral ramp Text-100 → Text-10","name":"Text scale"},{"path":"preview/components-alerts.html","group":"Components","viewport":"700x320","subtitle":"Solid v-snackbar · white-circle icon · dismiss × · four states","name":"Alerts"},{"path":"preview/components-appbar.html","group":"Components","viewport":"700x160","subtitle":"Title + status pill on one line · compact action buttons","name":"App bar"},{"path":"preview/components-approve-reject.html","group":"Components","viewport":"700x180","subtitle":"Filled-pair commit actions for detail-view review mode","name":"Approve / Reject pair"},{"path":"preview/components-audit-pills.html","group":"Components","viewport":"700x160","subtitle":"Header info-pills · neutral-1 fill · Primary-tinted score variant","name":"Audit pills"},{"path":"preview/components-buttons.html","group":"Components","viewport":"700x200","subtitle":"Pill-shaped — Primary · Ghost · Destructive · Reset · Disabled","name":"Buttons"},{"path":"preview/components-card-row-list.html","group":"Components","viewport":"700x240","subtitle":"Stacked card rows — the real Document Packages list pattern","name":"Card-row list"},{"path":"preview/components-card.html","group":"Components","viewport":"700x360","subtitle":"Info card (side-panel) + Action card (full-width CTA)","name":"Cards"},{"path":"preview/components-chips.html","group":"Components","viewport":"700x180","subtitle":"caption2 pills · age badges · DRAFT inline label","name":"Status chips & badges"},{"path":"preview/components-detail-header.html","group":"Components","viewport":"700x140","subtitle":"Back · record ID in Primary · tonal status pill · Approve / Reject","name":"Detail view header"},{"path":"preview/components-empty-state-mobile.html","group":"Components","viewport":"700x360","subtitle":"Squircle icon container + inline orange toast","name":"Empty state · mobile"},{"path":"preview/components-empty-state.html","group":"Components","viewport":"700x280","subtitle":"Grey panel + folder icon + inline-green CTA reference","name":"Empty state · web"},{"path":"preview/components-form-inputs.html","group":"Components","viewport":"700x240","subtitle":"Outlined · 4 px radius · error state","name":"Form inputs"},{"path":"preview/components-icon-buttons.html","group":"Components","viewport":"700x150","subtitle":"Row actions · approve/reject filled circles","name":"Icon buttons"},{"path":"preview/components-inline-status.html","group":"Components","viewport":"700x180","subtitle":"ALL-CAPS coloured text in lieu of a chip — used when the row already has a chip","name":"Inline status text"},{"path":"preview/components-question-form.html","group":"Components","viewport":"700x280","subtitle":"Numbered question + paired select / comment row · surveys & audits","name":"Question form"},{"path":"preview/components-search.html","group":"Components","viewport":"700x240","subtitle":"Keyword search (8 px) + pill-shaped filter selects","name":"Search & filter bar"},{"path":"preview/components-show-toggle.html","group":"Components","viewport":"700x150","subtitle":"v-switch · Primary green track · 'Show All' pattern","name":"Toggle switch"},{"path":"preview/components-sidebar.html","group":"Components","viewport":"700x320","subtitle":"150 px white drawer · active pill = Primary-lgt","name":"Sidebar nav"},{"path":"preview/components-skeleton-dashboard.html","group":"Components","viewport":"700x360","subtitle":"KPI tiles + chart card placeholders","name":"Loading skeleton · dashboard"},{"path":"preview/components-skeleton-table.html","group":"Components","viewport":"700x320","subtitle":"v-skeleton-loader type='table-thead, table-row@N'","name":"Loading skeleton · table"},{"path":"preview/components-stepper.html","group":"Components","viewport":"700x160","subtitle":"Done green · active blue · idle outlined","name":"Stepper"},{"path":"preview/components-summary-header.html","group":"Components","viewport":"700x220","subtitle":"Modal context strip · meta pairs + total + breakdown counts","name":"Summary header"},{"path":"preview/components-table-row.html","group":"Components","viewport":"700x220","subtitle":"White rows · bottom-border dividers · status & age","name":"Data table"},{"path":"preview/components-tooltip.html","group":"Components","viewport":"700x140","subtitle":"True-blk · caption2 · used on icon-only buttons","name":"Tooltip"},{"path":"preview/components-vtabs.html","group":"Components","viewport":"700x220","subtitle":"In-modal grouping · 3 px green active indicator","name":"Vertical tabs"},{"path":"preview/spacing-borders.html","group":"Spacing","viewport":"700x150","subtitle":"1 px Text-10 #e7e7e7 — no alternating rows","name":"Borders & dividers"},{"path":"preview/spacing-elevation.html","group":"Spacing","viewport":"700x200","subtitle":"Vuetify levels 0 · 1 · 2 · 4 · 8","name":"Elevation"},{"path":"preview/spacing-radius.html","group":"Spacing","viewport":"700x180","subtitle":"Input 4 · Card 8 · Modal 8 · Pill","name":"Border radius"},{"path":"preview/spacing-scale.html","group":"Spacing","viewport":"700x260","subtitle":"4 px base · space-1 → space-16","name":"Spacing scale"},{"path":"preview/type-display.html","group":"Type","viewport":"700x280","subtitle":"H1, H2, H3 — Inter capitalize","name":"Display type"},{"path":"preview/type-pairings.html","group":"Type","viewport":"700x240","subtitle":"Which Text-* color goes with each type token","name":"Default colour pairings"},{"path":"preview/type-ui.html","group":"Type","viewport":"700x320","subtitle":"H4 · H5 · Body · Body2 · Caption · caption2","name":"UI type"},{"path":"ui_kits/gps-web/index.html","group":"UI Kit — Gps Web","viewport":"1280x900","subtitle":"Full clickable app shell — list, expand, detail, new-package stepper modal","name":"GPS Web UI Kit"}],"templates":[],"hasThumbnailHtml":false,"globalCssPaths":["colors_and_type.css","ui_kits/crewnet/kit.css","ui_kits/gps-web/kit.css"],"tokens":[{"name":"--gps-primary","value":"#5fa414","kind":"color","definedIn":"colors_and_type.css"},{"name":"--gps-primary-lgt","value":"#e3f2d4","kind":"color","definedIn":"colors_and_type.css"},{"name":"--gps-green-mid","value":"#28a745","kind":"color","definedIn":"colors_and_type.css"},{"name":"--gps-green-dark","value":"#006400","kind":"color","definedIn":"colors_and_type.css"},{"name":"--gps-info","value":"#3191ef","kind":"color","definedIn":"colors_and_type.css"},{"name":"--gps-link","value":"#007bff","kind":"color","definedIn":"colors_and_type.css"},{"name":"--gps-error","value":"#f5524a","kind":"color","definedIn":"colors_and_type.css"},{"name":"--gps-red","value":"#dc3545","kind":"color","definedIn":"colors_and_type.css"},{"name":"--gps-orange","value":"#ffa500","kind":"color","definedIn":"colors_and_type.css"},{"name":"--gps-teal","value":"#20c997","kind":"color","definedIn":"colors_and_type.css"},{"name":"--gps-text-100","value":"#0c0c0c","kind":"font","definedIn":"colors_and_type.css"},{"name":"--gps-text-90","value":"#242424","kind":"font","definedIn":"colors_and_type.css"},{"name":"--gps-text-80","value":"#3d3d3d","kind":"font","definedIn":"colors_and_type.css"},{"name":"--gps-text-70","value":"#555555","kind":"font","definedIn":"colors_and_type.css"},{"name":"--gps-text-60","value":"#6d6d6d","kind":"font","definedIn":"colors_and_type.css"},{"name":"--gps-text-50","value":"#868686","kind":"font","definedIn":"colors_and_type.css"},{"name":"--gps-text-40","value":"#9e9e9e","kind":"font","definedIn":"colors_and_type.css"},{"name":"--gps-text-30","value":"#b6b6b6","kind":"font","definedIn":"colors_and_type.css"},{"name":"--gps-text-20","value":"#cecece","kind":"font","definedIn":"colors_and_type.css"},{"name":"--gps-text-10","value":"#e7e7e7","kind":"font","definedIn":"colors_and_type.css"},{"name":"--gps-white","value":"#ffffff","kind":"color","definedIn":"colors_and_type.css"},{"name":"--gps-neutral-1","value":"#f2f2f2","kind":"color","definedIn":"colors_and_type.css"},{"name":"--gps-transmittal-bg","value":"#ebefe7","kind":"color","definedIn":"colors_and_type.css"},{"name":"--gps-true-black","value":"#222222","kind":"color","definedIn":"colors_and_type.css"},{"name":"--gps-secondary","value":"#787878","kind":"color","definedIn":"colors_and_type.css"},{"name":"--gps-ash","value":"#656565","kind":"color","definedIn":"colors_and_type.css"},{"name":"--gps-font","value":"'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif","kind":"font","definedIn":"colors_and_type.css"},{"name":"--gps-h1-size","value":"48px","kind":"spacing","definedIn":"colors_and_type.css"},{"name":"--gps-h1-weight","value":"500","kind":"font","definedIn":"colors_and_type.css"},{"name":"--gps-h2-size","value":"34px","kind":"spacing","definedIn":"colors_and_type.css"},{"name":"--gps-h2-weight","value":"500","kind":"font","definedIn":"colors_and_type.css"},{"name":"--gps-h3-size","value":"24px","kind":"spacing","definedIn":"colors_and_type.css"},{"name":"--gps-h3-weight","value":"400","kind":"font","definedIn":"colors_and_type.css"},{"name":"--gps-h3-nav-weight","value":"700","kind":"font","definedIn":"colors_and_type.css"},{"name":"--gps-h4-size","value":"16px","kind":"spacing","definedIn":"colors_and_type.css"},{"name":"--gps-h4-weight","value":"600","kind":"font","definedIn":"colors_and_type.css"},{"name":"--gps-h5-size","value":"14px","kind":"spacing","definedIn":"colors_and_type.css"},{"name":"--gps-h5-weight","value":"500","kind":"font","definedIn":"colors_and_type.css"},{"name":"--gps-body-size","value":"16px","kind":"spacing","definedIn":"colors_and_type.css"},{"name":"--gps-body-weight","value":"500","kind":"font","definedIn":"colors_and_type.css"},{"name":"--gps-body2-size","value":"14px","kind":"spacing","definedIn":"colors_and_type.css"},{"name":"--gps-body2-weight","value":"400","kind":"font","definedIn":"colors_and_type.css"},{"name":"--gps-caption-size","value":"12px","kind":"spacing","definedIn":"colors_and_type.css"},{"name":"--gps-caption-weight","value":"400","kind":"font","definedIn":"colors_and_type.css"},{"name":"--gps-caption2-size","value":"10px","kind":"spacing","definedIn":"colors_and_type.css"},{"name":"--gps-caption2-weight","value":"600","kind":"font","definedIn":"colors_and_type.css"},{"name":"--gps-tracking","value":"0.5px","kind":"font","definedIn":"colors_and_type.css"},{"name":"--gps-leading-tight","value":"1.2","kind":"font","definedIn":"colors_and_type.css"},{"name":"--gps-leading-default","value":"1.3","kind":"font","definedIn":"colors_and_type.css"},{"name":"--gps-leading-loose","value":"1.5","kind":"font","definedIn":"colors_and_type.css"},{"name":"--gps-space-1","value":"4px","kind":"spacing","definedIn":"colors_and_type.css"},{"name":"--gps-space-2","value":"8px","kind":"spacing","definedIn":"colors_and_type.css"},{"name":"--gps-space-3","value":"12px","kind":"spacing","definedIn":"colors_and_type.css"},{"name":"--gps-space-4","value":"16px","kind":"spacing","definedIn":"colors_and_type.css"},{"name":"--gps-space-5","value":"20px","kind":"spacing","definedIn":"colors_and_type.css"},{"name":"--gps-space-6","value":"24px","kind":"spacing","definedIn":"colors_and_type.css"},{"name":"--gps-space-8","value":"32px","kind":"spacing","definedIn":"colors_and_type.css"},{"name":"--gps-space-10","value":"40px","kind":"spacing","definedIn":"colors_and_type.css"},{"name":"--gps-space-12","value":"48px","kind":"spacing","definedIn":"colors_and_type.css"},{"name":"--gps-space-16","value":"64px","kind":"spacing","definedIn":"colors_and_type.css"},{"name":"--gps-radius-input","value":"8px","kind":"radius","definedIn":"colors_and_type.css"},{"name":"--gps-radius-card","value":"8px","kind":"radius","definedIn":"colors_and_type.css"},{"name":"--gps-radius-modal","value":"8px","kind":"radius","definedIn":"colors_and_type.css"},{"name":"--gps-radius-pill","value":"9999px","kind":"radius","definedIn":"colors_and_type.css"},{"name":"--gps-border","value":"1px solid var(--gps-text-10)","kind":"color","definedIn":"colors_and_type.css"},{"name":"--gps-elev-0","value":"none","kind":"shadow","definedIn":"colors_and_type.css"},{"name":"--gps-elev-1","value":"0 2px 1px -1px rgba(0,0,0,.20), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12)","kind":"shadow","definedIn":"colors_and_type.css"},{"name":"--gps-elev-2","value":"0 3px 1px -2px rgba(0,0,0,.20), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12)","kind":"shadow","definedIn":"colors_and_type.css"},{"name":"--gps-elev-4","value":"0 2px 4px -1px rgba(0,0,0,.20), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12)","kind":"shadow","definedIn":"colors_and_type.css"},{"name":"--gps-elev-8","value":"0 5px 5px -3px rgba(0,0,0,.20), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12)","kind":"shadow","definedIn":"colors_and_type.css"}],"themes":[],"fonts":[{"family":"Inter","weight":"100 900","style":"normal","cssPath":"colors_and_type.css","files":["fonts/Inter-VariableFont_opsz_wght.ttf","fonts/Inter-VariableFont_opsz_wght.ttf"]},{"family":"Inter","weight":"100 900","style":"italic","cssPath":"colors_and_type.css","files":["fonts/Inter-Italic-VariableFont_opsz_wght.ttf","fonts/Inter-Italic-VariableFont_opsz_wght.ttf"]},{"family":"Inter","weight":"100 900","style":"normal","cssPath":"ui_kits/crewnet/kit.css","files":["fonts/Inter-VariableFont_opsz_wght.ttf"]},{"family":"Inter","weight":"100 900","style":"italic","cssPath":"ui_kits/crewnet/kit.css","files":["fonts/Inter-Italic-VariableFont_opsz_wght.ttf"]}],"brandFonts":[{"family":"Inter","status":"ok","tokens":["--gps-font"],"path":"colors_and_type.css"}],"source":"spa"}