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

    Drop zone

    Token Type Value Resolved Deprecated Deprecated comment Replaced by
    drop-zone-background-color alias {accent-visual-color} light: rgb(75, 117, 255)
    dark: rgb(86, 129, 255)
    wireframe: rgb(93, 127, 201)     		No - -
    drop-zone-background-color-opacity opacity 0.1 0.1 No - -
    drop-zone-background-color-opacity-filled opacity 0.3 0.3 No - -
    drop-zone-body-font-size alias {illustrated-message-medium-body-font-size} desktop: 14px
    mobile: 15px    		 No - -
    drop-zone-body-size alias {drop-zone-body-font-size} desktop: 14px
    mobile: 15px    		 Yes Use drop-zone-body-font-size instead Replaced by drop-zone-body-font-size
    drop-zone-border-dash-gap dimension 6px 6px Yes Use semantic token drop-target-dash-gap instead. Replaced by drop-target-dash-gap
    drop-zone-border-dash-length dimension 8px 8px Yes Use semantic token drop-target-dash-length instead. Replaced by drop-target-dash-length
    drop-zone-cjk-title-font-size alias {illustrated-message-medium-cjk-title-font-size} desktop: 18px
    mobile: 19px    		 No - -
    drop-zone-cjk-title-size alias {drop-zone-cjk-title-font-size} desktop: 18px
    mobile: 19px    		 Yes Use drop-zone-cjk-title-font-size instead Replaced by drop-zone-cjk-title-font-size
    drop-zone-content-maximum-width alias {illustrated-message-maximum-width} 380px Yes - -
    drop-zone-title-font-size alias {illustrated-message-medium-title-font-size} desktop: 20px
    mobile: 22px    		 No - -
    drop-zone-title-size alias {drop-zone-title-font-size} desktop: 20px
    mobile: 22px    		 Yes Use drop-zone-title-font-size instead Replaced by drop-zone-title-font-size
    drop-zone-width dimension 428px 428px No - -