Spectrum Design Data
  • Components
  • Tokens
  • Registry
  • AI
  • Specification
  • Tools
    •

    Standard panel

    Token Type Value Resolved Deprecated Deprecated comment Replaced by
    standard-panel-edge-to-close-button-compact dimension 3px 3px Yes Use semantic token base-padding-vertical-large instead. RECOMMEND ALTERNATIVE MEASUREMENT (negative offset) so a single token can be reused across all densities Replaced by base-padding-vertical-large
    standard-panel-edge-to-close-button-regular dimension 7px 7px Yes Use semantic token base-padding-vertical-large instead. RECOMMEND ALTERNATIVE MEASUREMENT (negative offset) so a single token can be reused across all densities Replaced by base-padding-vertical-large
    standard-panel-edge-to-close-button-spacious dimension 15px 15px Yes Use semantic token base-padding-vertical-large instead. RECOMMEND ALTERNATIVE MEASUREMENT (negative offset) so a single token can be reused across all densities Replaced by base-padding-vertical-large
    standard-panel-gripper-color alias {gray-500} light: rgb(143, 143, 143)
    dark: rgb(109, 109, 109)
    wireframe: rgb(108, 142, 217)     		No - -
    standard-panel-gripper-color-drag alias {gray-800} light: rgb(41, 41, 41)
    dark: rgb(219, 219, 219)
    wireframe: rgb(25, 46, 93)     		No - -
    standard-panel-maximum-width dimension 400px 400px No - -
    standard-panel-minimum-width dimension 200px 200px No - -
    standard-panel-title-font-size alias {title-size-s} desktop: 14px
    mobile: 17px    		 No - -
    standard-panel-top-to-close-button-compact dimension 5px 5px Yes Use semantic token base-padding-vertical-large instead. RECOMMEND ALTERNATIVE MEASUREMENT (negative offset) so a single token can be reused across all densities Replaced by base-padding-vertical-large
    standard-panel-top-to-close-button-regular dimension 9px 9px Yes Use semantic token base-padding-vertical-large instead. RECOMMEND ALTERNATIVE MEASUREMENT (negative offset) so a single token can be reused across all densities Replaced by base-padding-vertical-large
    standard-panel-top-to-close-button-spacious dimension 17px 17px Yes Use semantic token base-padding-vertical-large instead. RECOMMEND ALTERNATIVE MEASUREMENT (negative offset) so a single token can be reused across all densities Replaced by base-padding-vertical-large
    standard-panel-width dimension 260px 260px No - -