Docs / Agent Quick Reference

Agent Quick Reference

Machine-parseable reference for coding agents. Combines dist paths, design tokens, CSS classes, and component APIs.

Asset Paths

css/custom.css               — Compiled theme CSS
js/bootstrap.bundle.min.js   — Bootstrap 5 JS bundle
icons/bootstrap-icons.css    — Bootstrap Icons CSS
icons/fonts/                 — Bootstrap Icons font files
components/actionitems/actionitems.css — actionitems component CSS
components/actionitems/actionitems.js  — actionitems component JS
components/activityfeed/activityfeed.css — activityfeed component CSS
components/activityfeed/activityfeed.js  — activityfeed component JS
components/anchorlayout/anchorlayout.css — anchorlayout component CSS
components/anchorlayout/anchorlayout.js  — anchorlayout component JS
components/anglepicker/anglepicker.css — anglepicker component CSS
components/anglepicker/anglepicker.js  — anglepicker component JS
components/applauncher/applauncher.css — applauncher component CSS
components/applauncher/applauncher.js  — applauncher component JS
components/auditlogviewer/auditlogviewer.css — auditlogviewer component CSS
components/auditlogviewer/auditlogviewer.js  — auditlogviewer component JS
components/bannerbar/bannerbar.css — bannerbar component CSS
components/bannerbar/bannerbar.js  — bannerbar component JS
components/borderlayout/borderlayout.css — borderlayout component CSS
components/borderlayout/borderlayout.js  — borderlayout component JS
components/boxlayout/boxlayout.css — boxlayout component CSS
components/boxlayout/boxlayout.js  — boxlayout component JS
components/breadcrumb/breadcrumb.css — breadcrumb component CSS
components/breadcrumb/breadcrumb.js  — breadcrumb component JS
components/cardlayout/cardlayout.css — cardlayout component CSS
components/cardlayout/cardlayout.js  — cardlayout component JS
components/codeeditor/codeeditor.css — codeeditor component CSS
components/codeeditor/codeeditor.js  — codeeditor component JS
components/colorpicker/colorpicker.css — colorpicker component CSS
components/colorpicker/colorpicker.js  — colorpicker component JS
components/columnspicker/columnspicker.css — columnspicker component CSS
components/columnspicker/columnspicker.js  — columnspicker component JS
components/commandpalette/commandpalette.css — commandpalette component CSS
components/commandpalette/commandpalette.js  — commandpalette component JS
components/commentoverlay/commentoverlay.css — commentoverlay component CSS
components/commentoverlay/commentoverlay.js  — commentoverlay component JS
components/confirmdialog/confirmdialog.css — confirmdialog component CSS
components/confirmdialog/confirmdialog.js  — confirmdialog component JS
components/contextmenu/contextmenu.css — contextmenu component CSS
components/contextmenu/contextmenu.js  — contextmenu component JS
components/conversation/conversation.css — conversation component CSS
components/conversation/conversation.js  — conversation component JS
components/cronpicker/cronpicker.css — cronpicker component CSS
components/cronpicker/cronpicker.js  — cronpicker component JS
components/datagrid/datagrid.css — datagrid component CSS
components/datagrid/datagrid.js  — datagrid component JS
components/datepicker/datepicker.css — datepicker component CSS
components/datepicker/datepicker.js  — datepicker component JS
components/diagramengine/diagramengine.css — diagramengine component CSS
components/diagramengine/diagramengine.js  — diagramengine component JS
components/docklayout/docklayout.css — docklayout component CSS
components/docklayout/docklayout.js  — docklayout component JS
components/docviewer/docviewer.css — docviewer component CSS
components/docviewer/docviewer.js  — docviewer component JS
components/durationpicker/durationpicker.css — durationpicker component CSS
components/durationpicker/durationpicker.js  — durationpicker component JS
components/editablecombobox/editablecombobox.css — editablecombobox component CSS
components/editablecombobox/editablecombobox.js  — editablecombobox component JS
components/emptystate/emptystate.css — emptystate component CSS
components/emptystate/emptystate.js  — emptystate component JS
components/errordialog/errordialog.css — errordialog component CSS
components/errordialog/errordialog.js  — errordialog component JS
components/explorerpicker/explorerpicker.css — explorerpicker component CSS
components/explorerpicker/explorerpicker.js  — explorerpicker component JS
components/facetsearch/facetsearch.css — facetsearch component CSS
components/facetsearch/facetsearch.js  — facetsearch component JS
components/fileexplorer/fileexplorer.css — fileexplorer component CSS
components/fileexplorer/fileexplorer.js  — fileexplorer component JS
components/fileupload/fileupload.css — fileupload component CSS
components/fileupload/fileupload.js  — fileupload component JS
components/flexgridlayout/flexgridlayout.css — flexgridlayout component CSS
components/flexgridlayout/flexgridlayout.js  — flexgridlayout component JS
components/flowlayout/flowlayout.css — flowlayout component CSS
components/flowlayout/flowlayout.js  — flowlayout component JS
components/fontdropdown/fontdropdown.css — fontdropdown component CSS
components/fontdropdown/fontdropdown.js  — fontdropdown component JS
components/formdialog/formdialog.css — formdialog component CSS
components/formdialog/formdialog.js  — formdialog component JS
components/gauge/gauge.css — gauge component CSS
components/gauge/gauge.js  — gauge component JS
components/gradientpicker/gradientpicker.css — gradientpicker component CSS
components/gradientpicker/gradientpicker.js  — gradientpicker component JS
components/graphcanvas/graphcanvas.css — graphcanvas component CSS
components/graphcanvas/graphcanvas.js  — graphcanvas component JS
components/graphlegend/graphlegend.css — graphlegend component CSS
components/graphlegend/graphlegend.js  — graphlegend component JS
components/graphminimap/graphminimap.css — graphminimap component CSS
components/graphminimap/graphminimap.js  — graphminimap component JS
components/graphtoolbar/graphtoolbar.css — graphtoolbar component CSS
components/graphtoolbar/graphtoolbar.js  — graphtoolbar component JS
components/gridlayout/gridlayout.css — gridlayout component CSS
components/gridlayout/gridlayout.js  — gridlayout component JS
components/guidedtour/guidedtour.css — guidedtour component CSS
components/guidedtour/guidedtour.js  — guidedtour component JS
components/helpdrawer/helpdrawer.css — helpdrawer component CSS
components/helpdrawer/helpdrawer.js  — helpdrawer component JS
components/helptooltip/helptooltip.css — helptooltip component CSS
components/helptooltip/helptooltip.js  — helptooltip component JS
components/inlinetoolbar/inlinetoolbar.css — inlinetoolbar component CSS
components/inlinetoolbar/inlinetoolbar.js  — inlinetoolbar component JS
components/latexeditor/latexeditor.css — latexeditor component CSS
components/latexeditor/latexeditor.js  — latexeditor component JS
components/layerlayout/layerlayout.css — layerlayout component CSS
components/layerlayout/layerlayout.js  — layerlayout component JS
components/lineendingpicker/lineendingpicker.css — lineendingpicker component CSS
components/lineendingpicker/lineendingpicker.js  — lineendingpicker component JS
components/lineshapepicker/lineshapepicker.css — lineshapepicker component CSS
components/lineshapepicker/lineshapepicker.js  — lineshapepicker component JS
components/linetypepicker/linetypepicker.css — linetypepicker component CSS
components/linetypepicker/linetypepicker.js  — linetypepicker component JS
components/linewidthpicker/linewidthpicker.css — linewidthpicker component CSS
components/linewidthpicker/linewidthpicker.js  — linewidthpicker component JS
components/logconsole/logconsole.css — logconsole component CSS
components/logconsole/logconsole.js  — logconsole component JS
components/logutility/logutility.css — logutility component CSS
components/logutility/logutility.js  — logutility component JS
components/magnifier/magnifier.css — magnifier component CSS
components/magnifier/magnifier.js  — magnifier component JS
components/marginspicker/marginspicker.css — marginspicker component CSS
components/marginspicker/marginspicker.js  — marginspicker component JS
components/markdowneditor/markdowneditor.css — markdowneditor component CSS
components/markdowneditor/markdowneditor.js  — markdowneditor component JS
components/markdownrenderer/markdownrenderer.css — markdownrenderer component CSS
components/markdownrenderer/markdownrenderer.js  — markdownrenderer component JS
components/maskedentry/maskedentry.css — maskedentry component CSS
components/maskedentry/maskedentry.js  — maskedentry component JS
components/multiselectcombo/multiselectcombo.css — multiselectcombo component CSS
components/multiselectcombo/multiselectcombo.js  — multiselectcombo component JS
components/notificationcenter/notificationcenter.css — notificationcenter component CSS
components/notificationcenter/notificationcenter.js  — notificationcenter component JS
components/orientationpicker/orientationpicker.css — orientationpicker component CSS
components/orientationpicker/orientationpicker.js  — orientationpicker component JS
components/peoplepicker/peoplepicker.css — peoplepicker component CSS
components/peoplepicker/peoplepicker.js  — peoplepicker component JS
components/periodpicker/periodpicker.css — periodpicker component CSS
components/periodpicker/periodpicker.js  — periodpicker component JS
components/permissionmatrix/permissionmatrix.css — permissionmatrix component CSS
components/permissionmatrix/permissionmatrix.js  — permissionmatrix component JS
components/personchip/personchip.css — personchip component CSS
components/personchip/personchip.js  — personchip component JS
components/pill/pill.css — pill component CSS
components/pill/pill.js  — pill component JS
components/presenceindicator/presenceindicator.css — presenceindicator component CSS
components/presenceindicator/presenceindicator.js  — presenceindicator component JS
components/progressmodal/progressmodal.css — progressmodal component CSS
components/progressmodal/progressmodal.js  — progressmodal component JS
components/prompttemplatemanager/prompttemplatemanager.css — prompttemplatemanager component CSS
components/prompttemplatemanager/prompttemplatemanager.js  — prompttemplatemanager component JS
components/propertyinspector/propertyinspector.css — propertyinspector component CSS
components/propertyinspector/propertyinspector.js  — propertyinspector component JS
components/reasoningaccordion/reasoningaccordion.css — reasoningaccordion component CSS
components/reasoningaccordion/reasoningaccordion.js  — reasoningaccordion component JS
components/relationshipmanager/relationshipmanager.css — relationshipmanager component CSS
components/relationshipmanager/relationshipmanager.js  — relationshipmanager component JS
components/ribbon/ribbon.css — ribbon component CSS
components/ribbon/ribbon.js  — ribbon component JS
components/ribbonbuilder/ribbonbuilder.css — ribbonbuilder component CSS
components/ribbonbuilder/ribbonbuilder.js  — ribbonbuilder component JS
components/richtextinput/richtextinput.css — richtextinput component CSS
components/richtextinput/richtextinput.js  — richtextinput component JS
components/ruler/ruler.css — ruler component CSS
components/ruler/ruler.js  — ruler component JS
components/searchbox/searchbox.css — searchbox component CSS
components/searchbox/searchbox.js  — searchbox component JS
components/sharedialog/sharedialog.css — sharedialog component CSS
components/sharedialog/sharedialog.js  — sharedialog component JS
components/sidebar/sidebar.css — sidebar component CSS
components/sidebar/sidebar.js  — sidebar component JS
components/sizespicker/sizespicker.css — sizespicker component CSS
components/sizespicker/sizespicker.js  — sizespicker component JS
components/skeletonloader/skeletonloader.css — skeletonloader component CSS
components/skeletonloader/skeletonloader.js  — skeletonloader component JS
components/slider/slider.css — slider component CSS
components/slider/slider.js  — slider component JS
components/smarttextinput/smarttextinput.css — smarttextinput component CSS
components/smarttextinput/smarttextinput.js  — smarttextinput component JS
components/spacingpicker/spacingpicker.css — spacingpicker component CSS
components/spacingpicker/spacingpicker.js  — spacingpicker component JS
components/spinemap/spinemap.css — spinemap component CSS
components/spinemap/spinemap.js  — spinemap component JS
components/splitlayout/splitlayout.css — splitlayout component CSS
components/splitlayout/splitlayout.js  — splitlayout component JS
components/sprintpicker/sprintpicker.css — sprintpicker component CSS
components/sprintpicker/sprintpicker.js  — sprintpicker component JS
components/stacklayout/stacklayout.css — stacklayout component CSS
components/stacklayout/stacklayout.js  — stacklayout component JS
components/statusbadge/statusbadge.css — statusbadge component CSS
components/statusbadge/statusbadge.js  — statusbadge component JS
components/statusbar/statusbar.css — statusbar component CSS
components/statusbar/statusbar.js  — statusbar component JS
components/stepper/stepper.css — stepper component CSS
components/stepper/stepper.js  — stepper component JS
components/symbolpicker/symbolpicker.css — symbolpicker component CSS
components/symbolpicker/symbolpicker.js  — symbolpicker component JS
components/tabbedpanel/tabbedpanel.css — tabbedpanel component CSS
components/tabbedpanel/tabbedpanel.js  — tabbedpanel component JS
components/tagger/tagger.css — tagger component CSS
components/tagger/tagger.js  — tagger component JS
components/themetoggle/themetoggle.css — themetoggle component CSS
components/themetoggle/themetoggle.js  — themetoggle component JS
components/timeline/timeline.css — timeline component CSS
components/timeline/timeline.js  — timeline component JS
components/timepicker/timepicker.css — timepicker component CSS
components/timepicker/timepicker.js  — timepicker component JS
components/timezonepicker/timezonepicker.css — timezonepicker component CSS
components/timezonepicker/timezonepicker.js  — timezonepicker component JS
components/toast/toast.css — toast component CSS
components/toast/toast.js  — toast component JS
components/toolbar/toolbar.css — toolbar component CSS
components/toolbar/toolbar.js  — toolbar component JS
components/toolcolorpicker/toolcolorpicker.css — toolcolorpicker component CSS
components/toolcolorpicker/toolcolorpicker.js  — toolcolorpicker component JS
components/treegrid/treegrid.css — treegrid component CSS
components/treegrid/treegrid.js  — treegrid component JS
components/treeview/treeview.css — treeview component CSS
components/treeview/treeview.js  — treeview component JS
components/typebadge/typebadge.css — typebadge component CSS
components/typebadge/typebadge.js  — typebadge component JS
components/usermenu/usermenu.css — usermenu component CSS
components/usermenu/usermenu.js  — usermenu component JS
components/visualtableeditor/visualtableeditor.css — visualtableeditor component CSS
components/visualtableeditor/visualtableeditor.js  — visualtableeditor component JS
components/workspaceswitcher/workspaceswitcher.css — workspaceswitcher component CSS
components/workspaceswitcher/workspaceswitcher.js  — workspaceswitcher component JS
docs/                        — Consumer documentation (HTML)

Design Tokens

# COLOR PALETTE - Enterprise Blues, Grays, Blacks, Reds, and Greens
$blue-900=#0a2540
$blue-800=#0d3b66
$blue-700=#1864ab
$blue-600=#1c7ed6
$blue-500=#2196f3
$blue-400=#4dabf7
$blue-300=#74c0fc
$blue-200=#a5d8ff
$blue-100=#d0ebff
$gray-900=#0f172a
$gray-800=#1e293b
$gray-700=#334155
$gray-600=#475569
$gray-500=#64748b
$gray-400=#94a3b8
$gray-300=#cbd5e1
$gray-200=#e2e8f0
$gray-100=#f1f5f9
$gray-50=#f8fafc
$green-900=#1b4332
$green-800=#2d6a4f
$green-700=#40916c
$green-600=#52b788
$green-500=#2e7d32
$green-400=#74c69d
$green-300=#95d5b2
$green-200=#b7e4c7
$green-100=#d8f3dc
$red-900=#7f1d1d
$red-800=#991b1b
$red-700=#b91c1c
$red-600=#dc2626
$red-500=#ef4444
$red-400=#f87171
$red-300=#fca5a5
$red-200=#fecaca
$red-100=#fee2e2
$yellow-500=#f59e0b
$yellow-100=#fef3c7
$orange-500=#f97316
$orange-100=#ffedd5
# THEME COLORS
$primary=$blue-600 (#1c7ed6)
$secondary=$gray-600 (#475569)
$success=$green-600 (#52b788)
$info=$blue-500 (#2196f3)
$warning=$yellow-500 (#f59e0b)
$danger=$red-600 (#dc2626)
$light=$gray-100 (#f1f5f9)
$dark=$gray-900 (#0f172a)
$body-bg=$gray-50 (#f8fafc)
$body-color=$gray-900 (#0f172a)
$link-color=$blue-700 (#1864ab)
$link-decoration=underline
$link-hover-color=$blue-800 (#0d3b66)
$link-hover-decoration=underline
# TYPOGRAPHY - Compact and professional
$font-family-sans-serif="Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif
$font-family-monospace="JetBrains Mono", "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace
$font-size-base=0.875rem
$font-size-sm=0.8rem
$font-size-lg=1rem
$h1-font-size=1.75rem
$h2-font-size=1.5rem
$h3-font-size=1.25rem
$h4-font-size=1.125rem
$h5-font-size=1rem
$h6-font-size=0.875rem
$font-weight-light=300
$font-weight-normal=400
$font-weight-medium=500
$font-weight-semibold=600
$font-weight-bold=700
$line-height-base=1.4
$line-height-sm=1.3
$line-height-lg=1.5
$line-height-relaxed=1.6
# SPACING - Adjusted for larger text
$spacer=0.75rem
# BORDERS & BORDER RADIUS - Sharp, professional edges
$border-width=1px
$border-color=$gray-300 (#cbd5e1)
$border-radius=0
$border-radius-sm=0
$border-radius-lg=0
$border-radius-xl=0
$border-radius-pill=0
# COMPONENTS - Compact sizing
$padding-y-sm=0.25rem
$padding-x-sm=0.5rem
$padding-y=0.375rem
$padding-x=0.75rem
$padding-y-lg=0.5rem
$padding-x-lg=1rem
$btn-padding-y=0.375rem
$btn-padding-x=0.75rem
$btn-font-size=$font-size-base (0.875rem)
$btn-line-height=$line-height-base (1.4)
$btn-padding-y-sm=0.25rem
$btn-padding-x-sm=0.5rem
$btn-font-size-sm=$font-size-sm (0.8rem)
$btn-padding-y-lg=0.5rem
$btn-padding-x-lg=1rem
$btn-font-size-lg=$font-size-lg (1rem)
$btn-border-radius=$border-radius (0)
$btn-border-radius-sm=$border-radius-sm (0)
$btn-border-radius-lg=$border-radius-lg (0)
$input-btn-padding-y=0.375rem
$input-btn-padding-x=0.75rem
$input-btn-font-size=$font-size-base (0.875rem)
$input-btn-line-height=$line-height-base (1.4)
$input-btn-padding-y-sm=0.25rem
$input-btn-padding-x-sm=0.5rem
$input-btn-font-size-sm=$font-size-sm (0.8rem)
$input-btn-padding-y-lg=0.5rem
$input-btn-padding-x-lg=1rem
$input-btn-font-size-lg=$font-size-lg (1rem)
$input-bg=$gray-50 (#f8fafc)
$input-disabled-bg=$gray-200 (#e2e8f0)
$input-disabled-border-color=$gray-300 (#cbd5e1)
$input-color=$body-color ($gray-900)
$input-border-color=$gray-300 (#cbd5e1)
$input-border-width=$border-width (1px)
$input-border-radius=$border-radius (0)
$input-focus-border-color=$primary ($blue-600)
$input-focus-box-shadow=0 0 0 0.15rem rgba($primary, 0.25)
$input-placeholder-color=$gray-500 (#64748b)
$form-label-margin-bottom=0.375rem
$form-label-font-size=$font-size-sm (0.8rem)
$form-label-font-weight=$font-weight-semibold (600)
$form-label-color=$gray-700 (#334155)
$table-cell-padding-y=0.375rem
$table-cell-padding-x=0.75rem
$table-cell-padding-y-sm=0.25rem
$table-cell-padding-x-sm=0.5rem
$table-striped-bg=$gray-50 (#f8fafc)
$table-hover-bg=rgba($primary, 0.05)
$table-border-color=$gray-300 (#cbd5e1)
$card-spacer-y=0.75rem
$card-spacer-x=1rem
$card-border-width=$border-width (1px)
$card-border-radius=$border-radius (0)
$card-border-color=$gray-300 (#cbd5e1)
$card-bg=white
$card-cap-bg=$gray-100 (#f1f5f9)
$dropdown-padding-y=0.375rem
$dropdown-spacer=0.125rem
$dropdown-font-size=$font-size-base (0.875rem)
$dropdown-bg=white
$dropdown-border-color=$gray-300 (#cbd5e1)
$dropdown-border-radius=$border-radius (0)
$dropdown-divider-bg=$gray-200 (#e2e8f0)
$dropdown-link-color=$gray-900 (#0f172a)
$dropdown-link-hover-color=$gray-900 (#0f172a)
$dropdown-link-hover-bg=$gray-100 (#f1f5f9)
$dropdown-link-active-color=white
$dropdown-link-active-bg=$primary ($blue-600)
$dropdown-item-padding-y=0.375rem
$dropdown-item-padding-x=0.75rem
$modal-inner-padding=1rem
$modal-header-padding-y=0.75rem
$modal-header-padding-x=1rem
$modal-header-border-color=$gray-300 (#cbd5e1)
$modal-content-border-radius=$border-radius-lg (0)
$nav-link-padding-y=0.375rem
$nav-link-padding-x=0.75rem
$nav-link-font-size=$font-size-base (0.875rem)
$nav-link-color=$gray-700 (#334155)
$nav-link-hover-color=$primary ($blue-600)
$navbar-padding-y=0.5rem
$navbar-padding-x=1rem
$navbar-brand-font-size=$font-size-lg (1rem)
$alert-padding-y=0.75rem
$alert-padding-x=1rem
$alert-border-radius=$border-radius (0)
$badge-font-size=$font-size-sm (0.8rem)
$badge-font-weight=$font-weight-semibold (600)
$badge-padding-y=0.25rem
$badge-padding-x=0.5rem
$badge-border-radius=$border-radius-sm (0)
$breadcrumb-padding-y=0.5rem
$breadcrumb-padding-x=0.75rem
$breadcrumb-item-padding-x=0.5rem
$breadcrumb-font-size=$font-size-sm (0.8rem)
$breadcrumb-bg=$gray-100 (#f1f5f9)
$breadcrumb-divider-color=$gray-500 (#64748b)
$breadcrumb-active-color=$gray-700 (#334155)
$pagination-padding-y=0.375rem
$pagination-padding-x=0.75rem
$pagination-font-size=$font-size-base (0.875rem)
$pagination-border-radius=$border-radius (0)
$pagination-color=$gray-700 (#334155)
$pagination-bg=white
$pagination-border-color=$gray-300 (#cbd5e1)
$pagination-hover-color=$primary ($blue-600)
$pagination-hover-bg=$gray-100 (#f1f5f9)
$pagination-hover-border-color=$gray-300 (#cbd5e1)
$pagination-active-color=white
$pagination-active-bg=$primary ($blue-600)
$pagination-active-border-color=$primary ($blue-600)
$toast-padding-x=0.75rem
$toast-padding-y=0.5rem
$toast-font-size=$font-size-sm (0.8rem)
$toast-border-radius=$border-radius (0)
$progress-height=0.75rem
$progress-font-size=$font-size-sm (0.8rem)
$progress-bg=$gray-200 (#e2e8f0)
$progress-border-radius=$border-radius (0)
$list-group-item-padding-y=0.5rem
$list-group-item-padding-x=0.75rem
$list-group-bg=white
$list-group-border-color=$gray-300 (#cbd5e1)
$list-group-border-radius=$border-radius (0)
$list-group-hover-bg=$gray-100 (#f1f5f9)
$list-group-active-color=white
$list-group-active-bg=$primary ($blue-600)
$list-group-active-border-color=$primary ($blue-600)
# ACCESSIBILITY
$min-contrast-ratio=4.5
$focus-ring-width=0.15rem
$focus-ring-opacity=0.25
$focus-ring-color=rgba($primary, $focus-ring-opacity)
$focus-ring-blur=0
$focus-ring-box-shadow=0 0 $focus-ring-blur $focus-ring-width $focus-ring-color
# SPACING TOKENS — fixed-pixel scale for component internals
$sp-1=1px
$sp-2=2px
$sp-4=4px
$sp-6=6px
$sp-8=8px
$sp-10=10px
$sp-12=12px
$sp-16=16px
$sp-20=20px
$sp-24=24px
$sp-32=32px
$sp-40=40px
$sp-48=48px
# EXTENDED FONT SIZES
$font-size-2xs=0.625rem
$font-size-xs=0.75rem
$font-size-xl=1.125rem
$font-size-2xl=1.25rem
$font-size-3xl=1.5rem
# SHADOW ELEVATION SYSTEM
$shadow-xs=0 1px 2px rgba($gray-900, 0.06)
$shadow-sm=0 2px 8px rgba($gray-900, 0.12)
$shadow-md=0 4px 12px rgba($gray-900, 0.15)
$shadow-lg=0 4px 16px rgba($gray-900, 0.15)
$shadow-xl=0 8px 24px rgba($gray-900, 0.2)
$shadow-focus=0 0 0 0.15rem rgba($blue-600, 0.25)
$chrome-edge-blur=6px
$chrome-glow-radius=8px
# COMPONENT SIZING
$icon-size-xs=12px
$icon-size-sm=16px
$icon-size-md=20px
$icon-size-lg=24px
$icon-size-xl=32px
$control-height-xs=22px
$control-height-mini=$control-height-xs (22px)
$control-height-sm=28px
$control-height-md=32px
$control-height-lg=40px
$control-height-xl=44px

Custom CSS Classes (from custom.scss)

.container
.container-fluid
.container-sm
.container-md
.container-lg
.container-xl
.container-xxl
.text-compact
.p-compact
.m-compact
.table-enterprise
.card-compact
.sidebar
.badge-status
.form-inline-compact
.form-label-inline
.btn-group-compact
.metric-card
.layout-dense
.modal-header-enterprise
.toolbar
.skip-link

Component APIs

actionitems

activityfeed

anchorlayout

anglepicker

applauncher

auditlogviewer

bannerbar

borderlayout

boxlayout

breadcrumb

cardlayout

codeeditor

colorpicker

columnspicker

commandpalette

commentoverlay

confirmdialog

contextmenu

conversation

cronpicker

datagrid

datepicker

diagramengine

docklayout

docviewer

durationpicker

editablecombobox

emptystate

errordialog

explorerpicker

facetsearch

fileexplorer

fileupload

flexgridlayout

flowlayout

fontdropdown

formdialog

gauge

gradientpicker

graphcanvas

graphlegend

graphminimap

graphtoolbar

gridlayout

guidedtour

helpdrawer

helptooltip

inlinetoolbar

latexeditor

layerlayout

lineendingpicker

lineshapepicker

linetypepicker

linewidthpicker

logconsole

logutility

magnifier

marginspicker

markdowneditor

markdownrenderer

maskedentry

multiselectcombo

notificationcenter

orientationpicker

peoplepicker

periodpicker

permissionmatrix

personchip

pill

presenceindicator

progressmodal

prompttemplatemanager

propertyinspector

reasoningaccordion

relationshipmanager

ribbon

ribbonbuilder

richtextinput

ruler

searchbox

sharedialog

sidebar

sizespicker

skeletonloader

slider

smarttextinput

spacingpicker

spinemap

splitlayout

sprintpicker

stacklayout

statusbadge

statusbar

stepper

symbolpicker

tabbedpanel

tagger

themetoggle

timeline

timepicker

timezonepicker

toast

toolbar

toolcolorpicker

treegrid

treeview

typebadge

usermenu

visualtableeditor

workspaceswitcher