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

    Token Type Value Resolved Deprecated Deprecated comment Replaced by
    coach-mark-body-font-size scale-set - desktop: 16px
    mobile: 17px
    No - -
    coach-mark-body-size alias {coach-mark-body-font-size} desktop: 16px
    mobile: 17px
    Yes Replace with coach-mark-body-font-size Replaced by coach-mark-body-font-size
    coach-mark-edge-to-content scale-set - desktop: 24px
    mobile: 16px
    Yes Use semantic token container-padding-extra-large instead. Replaced by container-padding-extra-large
    coach-mark-maximum-width scale-set - desktop: 380px
    mobile: 248px
    No - -
    coach-mark-media-height scale-set - desktop: 222px
    mobile: 162px
    No - -
    coach-mark-media-minimum-height scale-set - desktop: 166px
    mobile: 121px
    No - -
    coach-mark-minimum-width scale-set - desktop: 296px
    mobile: 216px
    No - -
    coach-mark-pagination-body-font-size scale-set - desktop: 14px
    mobile: 15px
    No - -
    coach-mark-pagination-body-size alias {coach-mark-pagination-body-font-size} desktop: 14px
    mobile: 15px
    Yes Replace with coach-mark-pagination-body-font-size Replaced by coach-mark-pagination-body-font-size
    coach-mark-pagination-color alias {gray-600} light: rgb(113, 113, 113)
    dark: rgb(138, 138, 138)
    wireframe: rgb(72, 110, 194)
    No - -
    coach-mark-pagination-text-to-bottom-edge scale-set - desktop: 33px
    mobile: 22px
    Yes Use semantic token container-padding-extra-large instead. Refactor may be required Replaced by container-padding-extra-large
    coach-mark-title-font-size scale-set - desktop: 16px
    mobile: 17px
    No - -
    coach-mark-title-size alias {coach-mark-title-font-size} desktop: 16px
    mobile: 17px
    Yes Replace with coach-mark-title-font-size Replaced by coach-mark-title-font-size
    coach-mark-width scale-set - desktop: 296px
    mobile: 216px
    No - -