{"namespace":"CONTACTElementsDesignSystem_3db3e1","components":[],"startingPoints":[],"cards":[{"path":"page-templates/Class Page.html","group":"Brand","viewport":"1920x1080","subtitle":"3-panel search · results · detail","name":"Class Page Template"},{"path":"page-templates/Login.html","group":"Brand","viewport":"1440x900","subtitle":"Split brand panel · sign-in form · SSO","name":"Login Page Template"},{"path":"page-templates/Object Page.html","group":"Brand","viewport":"1920x1080","subtitle":"Object header + tabbed content","name":"Object Page Template"},{"path":"page-templates/Page Layout Patterns.html","group":"Brand","subtitle":"Annotated Class Page + Object Page reference","name":"Page Layout Patterns"},{"path":"page-templates/Time Tracking.html","group":"Brand","viewport":"1920x1080","subtitle":"Main-detail time tracking with live timer + split by customer","name":"Time Tracking Template"},{"path":"preview/comp-contentblock.html","group":"Brand","viewport":"880x1400","subtitle":"Collapsible header + body — variants for icon, toolbar, table, image, and column layout","name":"Content Block"},{"path":"preview/comp-splitter.html","group":"Brand","viewport":"960x640","subtitle":"Vertical splitter — default, hover, collapsed; drag + click","name":"Splitter"},{"path":"preview/comp-tabbar.html","group":"Brand","subtitle":"Tabs with icons, active underline, overflow","name":"Tab Bar"},{"path":"preview/iconography.html","group":"Brand","viewport":"700x220","subtitle":"CIS icon set (618 glyphs) loaded via shared sprite","name":"Brand · Iconography"},{"path":"preview/colors-extended.html","group":"Colors","viewport":"700x260","subtitle":"Yellow · Orange · Red · Pink · Teal · Green","name":"Colors · Extended ramps"},{"path":"preview/colors-neutrals.html","group":"Colors","viewport":"700x120","subtitle":"8-step gray ramp from white to black","name":"Colors · Neutrals"},{"path":"preview/colors-primary.html","group":"Colors","viewport":"700x120","subtitle":"CONTACT blue #0076C5 + tints & shades","name":"Colors · Primary Blue"},{"path":"preview/colors-semantic.html","group":"Colors","viewport":"700x120","subtitle":"Info · Success · Warning · Danger · IoT","name":"Colors · Semantic"},{"path":"preview/comp-avatars.html","group":"Components","viewport":"700x130","subtitle":"Persona chip sizes + stacked group","name":"Avatars"},{"path":"preview/comp-banners.html","group":"Components","viewport":"700x210","subtitle":"Inline notification banners (4 states)","name":"Banners"},{"path":"preview/comp-iconbutton.html","group":"Components","viewport":"560x560","subtitle":"Size × Style × State matrix","name":"Icon Only Button"},{"path":"preview/comp-inputs.html","group":"Components","viewport":"700x200","subtitle":"Default · focus · placeholder · error","name":"Inputs"},{"path":"preview/comp-menus.html","group":"Components","viewport":"700x230","subtitle":"Dropdown menus with items, active, checkbox","name":"Menus"},{"path":"preview/comp-modal.html","group":"Components","viewport":"700x300","subtitle":"Modal with backdrop scrim and action footer","name":"Modal dialog"},{"path":"preview/comp-navigation.html","group":"Components","viewport":"700x310","subtitle":"CIS icons in collapsed + expanded nav rail","name":"Navigation items"},{"path":"preview/comp-table.html","group":"Components","viewport":"700x220","subtitle":"Data table with selected row + status pills","name":"Table"},{"path":"preview/comp-tags.html","group":"Components","viewport":"900x320","subtitle":"Color × Icon × Removable","name":"Tags"},{"path":"preview/comp-textbutton.html","group":"Components","viewport":"1200x360","subtitle":"Icon × Dropdown × Style × State matrix","name":"Text Button"},{"path":"preview/comp-titlebar.html","group":"Components","viewport":"700x150","subtitle":"48-px product header bar · two product skins","name":"Title bar"},{"path":"preview/radii-shadows.html","group":"Spacing","viewport":"700x150","subtitle":"Corner radii and elevation","name":"Radii & shadows"},{"path":"preview/spacing-scale.html","group":"Spacing","viewport":"700x260","subtitle":"4-px base · tokens space-1 → space-12","name":"Spacing scale"},{"path":"preview/type-body.html","group":"Type","viewport":"700x200","subtitle":"Body, small, caption, label, link, code","name":"Type · Body & roles"},{"path":"preview/type-display.html","group":"Type","viewport":"700x150","subtitle":"Source Sans Black at 72–100 px","name":"Type · Display"},{"path":"preview/type-headings.html","group":"Type","viewport":"700x260","subtitle":"H1–H5 + eyebrow label","name":"Type · Headings"}],"templates":[],"hasThumbnailHtml":false,"globalCssPaths":["colors_and_type.css","page-templates/shell.css"],"tokens":[{"name":"--ce-font-sans","value":"\"Source Sans Pro\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif","kind":"font","definedIn":"colors_and_type.css"},{"name":"--ce-font-mono","value":"ui-monospace, SFMono-Regular, \"SF Mono\", Consolas, \"Liberation Mono\", monospace","kind":"font","definedIn":"colors_and_type.css"},{"name":"--ce-gray-0","value":"#FFFFFF","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-gray-50","value":"#F7F7F7","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-gray-100","value":"#E5E5E5","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-gray-200","value":"#D7D7D7","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-gray-300","value":"#BFBFBF","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-gray-400","value":"#999999","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-gray-500","value":"#919191","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-gray-600","value":"#727272","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-gray-800","value":"#191919","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-gray-900","value":"#000000","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-blue-50","value":"#D7ECFA","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-blue-100","value":"#AFD9F6","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-blue-200","value":"#86C6F1","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-blue-300","value":"#36A0E7","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-blue-500","value":"#0076C5","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-blue-600","value":"#005E9E","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-blue-700","value":"#004D80","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-blue-800","value":"#003C63","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-info-bg","value":"#D7ECFA","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-info-fg","value":"#0076C5","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-info-border","value":"#0076C5","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-success-bg","value":"#F1F7DF","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-success-fg","value":"#5F8000","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-success-border","value":"#567300","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-warning-bg","value":"#FFF1CC","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-warning-fg","value":"#966F00","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-warning-border","value":"#805D00","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-danger-bg","value":"#FFE6E6","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-danger-fg","value":"#D82E2E","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-danger-border","value":"#8C0000","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-iot-bg","value":"#FFE1ED","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-iot-fg","value":"#E31E6A","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-iot-border","value":"#B31753","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-product-elements","value":"#0076C5","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-product-iot","value":"#E31E6A","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-product-po","value":"#F56B16","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-product-cim","value":"#0076C5","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-product-cedm","value":"#008196","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-yellow-100","value":"#FFF1CC","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-yellow-200","value":"#FFD259","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-yellow-400","value":"#BF8C00","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-yellow-600","value":"#966F00","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-yellow-700","value":"#805D00","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-yellow-900","value":"#382900","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-orange-100","value":"#FFE0CC","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-orange-200","value":"#FF9C5E","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-orange-400","value":"#F56B16","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-orange-600","value":"#CC4E00","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-orange-700","value":"#A33E00","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-orange-900","value":"#521F00","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-red-100","value":"#FFE6E6","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-red-200","value":"#FFB3B3","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-red-400","value":"#E66767","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-red-500","value":"#D82E2E","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-red-700","value":"#8C0000","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-red-900","value":"#590000","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-pink-100","value":"#FFE1ED","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-pink-300","value":"#FCA4C6","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-pink-500","value":"#F26199","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-pink-600","value":"#E31E6A","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-pink-800","value":"#8C0035","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-teal-100","value":"#E1F6FA","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-teal-300","value":"#9AE2ED","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-teal-500","value":"#0BA3BD","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-teal-600","value":"#008196","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-teal-800","value":"#003C63","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-green-100","value":"#F1F7DF","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-green-300","value":"#D2E175","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-green-500","value":"#A1D078","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-green-600","value":"#5F8000","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-green-700","value":"#567300","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-fg-default","value":"var(--ce-gray-800)","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-fg-muted","value":"var(--ce-gray-600)","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-fg-subtle","value":"var(--ce-gray-500)","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-fg-disabled","value":"var(--ce-gray-300)","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-fg-on-primary","value":"var(--ce-gray-0)","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-fg-link","value":"var(--ce-blue-500)","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-fg-heading","value":"var(--ce-gray-900)","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-bg-app","value":"var(--ce-gray-0)","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-bg-subtle","value":"var(--ce-gray-50)","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-bg-hover","value":"var(--ce-gray-50)","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-bg-selected","value":"var(--ce-blue-50)","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-bg-primary","value":"var(--ce-blue-500)","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-bg-primary-hover","value":"var(--ce-blue-600)","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-border-subtle","value":"var(--ce-gray-100)","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-border-default","value":"var(--ce-gray-500)","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-border-strong","value":"var(--ce-gray-600)","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-border-focus","value":"var(--ce-blue-500)","kind":"color","definedIn":"colors_and_type.css"},{"name":"--ce-text-xs","value":"12px","kind":"font","definedIn":"colors_and_type.css"},{"name":"--ce-text-sm","value":"14px","kind":"font","definedIn":"colors_and_type.css"},{"name":"--ce-text-base","value":"16px","kind":"font","definedIn":"colors_and_type.css"},{"name":"--ce-text-md","value":"18px","kind":"font","definedIn":"colors_and_type.css"},{"name":"--ce-text-lg","value":"20px","kind":"font","definedIn":"colors_and_type.css"},{"name":"--ce-text-xl","value":"22px","kind":"font","definedIn":"colors_and_type.css"},{"name":"--ce-text-2xl","value":"24px","kind":"font","definedIn":"colors_and_type.css"},{"name":"--ce-text-3xl","value":"28px","kind":"font","definedIn":"colors_and_type.css"},{"name":"--ce-text-4xl","value":"32px","kind":"font","definedIn":"colors_and_type.css"},{"name":"--ce-text-5xl","value":"48px","kind":"font","definedIn":"colors_and_type.css"},{"name":"--ce-text-6xl","value":"50px","kind":"font","definedIn":"colors_and_type.css"},{"name":"--ce-text-7xl","value":"100px","kind":"font","definedIn":"colors_and_type.css"},{"name":"--ce-leading-tight","value":"1.0","kind":"font","definedIn":"colors_and_type.css"},{"name":"--ce-leading-snug","value":"1.15","kind":"font","definedIn":"colors_and_type.css"},{"name":"--ce-leading-normal","value":"1.4","kind":"font","definedIn":"colors_and_type.css"},{"name":"--ce-space-1","value":"4px","kind":"spacing","definedIn":"colors_and_type.css"},{"name":"--ce-space-2","value":"8px","kind":"spacing","definedIn":"colors_and_type.css"},{"name":"--ce-space-3","value":"12px","kind":"spacing","definedIn":"colors_and_type.css"},{"name":"--ce-space-4","value":"16px","kind":"spacing","definedIn":"colors_and_type.css"},{"name":"--ce-space-5","value":"20px","kind":"spacing","definedIn":"colors_and_type.css"},{"name":"--ce-space-6","value":"24px","kind":"spacing","definedIn":"colors_and_type.css"},{"name":"--ce-space-8","value":"32px","kind":"spacing","definedIn":"colors_and_type.css"},{"name":"--ce-space-10","value":"40px","kind":"spacing","definedIn":"colors_and_type.css"},{"name":"--ce-space-12","value":"48px","kind":"spacing","definedIn":"colors_and_type.css"},{"name":"--ce-radius-none","value":"0","kind":"radius","definedIn":"colors_and_type.css"},{"name":"--ce-radius-xs","value":"2px","kind":"radius","definedIn":"colors_and_type.css"},{"name":"--ce-radius-sm","value":"4px","kind":"radius","definedIn":"colors_and_type.css"},{"name":"--ce-radius-md","value":"5px","kind":"radius","definedIn":"colors_and_type.css"},{"name":"--ce-radius-lg","value":"20px","kind":"radius","definedIn":"colors_and_type.css"},{"name":"--ce-radius-pill","value":"999px","kind":"radius","definedIn":"colors_and_type.css"},{"name":"--ce-shadow-sm","value":"0 1px 2px rgba(0, 0, 0, 0.08)","kind":"shadow","definedIn":"colors_and_type.css"},{"name":"--ce-shadow-md","value":"0 2px 6px rgba(0, 0, 0, 0.10)","kind":"shadow","definedIn":"colors_and_type.css"},{"name":"--ce-shadow-lg","value":"0 8px 24px rgba(0, 0, 0, 0.12)","kind":"shadow","definedIn":"colors_and_type.css"},{"name":"--ce-shadow-modal","value":"0 16px 48px rgba(0, 0, 0, 0.25)","kind":"shadow","definedIn":"colors_and_type.css"},{"name":"--ce-shadow-focus","value":"0 0 0 2px rgba(0, 118, 197, 0.30)","kind":"shadow","definedIn":"colors_and_type.css"},{"name":"--ce-ease","value":"cubic-bezier(0.2, 0, 0.2, 1)","kind":"other","definedIn":"colors_and_type.css","annotation":"other"},{"name":"--ce-dur-fast","value":"120ms","kind":"other","definedIn":"colors_and_type.css","annotation":"other"},{"name":"--ce-dur-base","value":"180ms","kind":"other","definedIn":"colors_and_type.css","annotation":"other"},{"name":"--ce-dur-slow","value":"240ms","kind":"other","definedIn":"colors_and_type.css","annotation":"other"}],"themes":[],"fonts":[{"family":"Source Sans Pro","weight":"200","style":"normal","cssPath":"colors_and_type.css","files":["fonts/SourceSansPro-ExtraLight.ttf"]},{"family":"Source Sans Pro","weight":"200","style":"italic","cssPath":"colors_and_type.css","files":["fonts/SourceSansPro-ExtraLightItalic.ttf"]},{"family":"Source Sans Pro","weight":"300","style":"normal","cssPath":"colors_and_type.css","files":["fonts/SourceSansPro-Light.ttf"]},{"family":"Source Sans Pro","weight":"300","style":"italic","cssPath":"colors_and_type.css","files":["fonts/SourceSansPro-LightItalic.ttf"]},{"family":"Source Sans Pro","weight":"400","style":"normal","cssPath":"colors_and_type.css","files":["fonts/SourceSansPro-Regular.ttf"]},{"family":"Source Sans Pro","weight":"400","style":"italic","cssPath":"colors_and_type.css","files":["fonts/SourceSansPro-Italic.ttf"]},{"family":"Source Sans Pro","weight":"600","style":"normal","cssPath":"colors_and_type.css","files":["fonts/SourceSansPro-SemiBold.ttf"]},{"family":"Source Sans Pro","weight":"600","style":"italic","cssPath":"colors_and_type.css","files":["fonts/SourceSansPro-SemiBoldItalic.ttf"]},{"family":"Source Sans Pro","weight":"700","style":"normal","cssPath":"colors_and_type.css","files":["fonts/SourceSansPro-Bold.ttf"]},{"family":"Source Sans Pro","weight":"700","style":"italic","cssPath":"colors_and_type.css","files":["fonts/SourceSansPro-BoldItalic.ttf"]},{"family":"Source Sans Pro","weight":"900","style":"normal","cssPath":"colors_and_type.css","files":["fonts/SourceSansPro-Black.ttf"]},{"family":"Source Sans Pro","weight":"900","style":"italic","cssPath":"colors_and_type.css","files":["fonts/SourceSansPro-BlackItalic.ttf"]}],"brandFonts":[{"family":"Source Sans Pro","status":"ok","tokens":["--ce-font-sans"],"path":"colors_and_type.css"}],"source":"spa"}