43 lines
2.5 KiB
TypeScript
43 lines
2.5 KiB
TypeScript
//
|
|
// Unicode glyph constants used across popup and fullscreen surfaces. All
|
|
// glyphs are monochrome unicode (no emoji) so they render identically in the
|
|
// codebase's monospace font. Pair each button glyph with a `title=` tooltip
|
|
// at the call site for accessibility — the constants here are the visual,
|
|
// not the affordance.
|
|
|
|
export const GLYPH_REVEAL = '⊙'; // password reveal toggle (hidden state)
|
|
export const GLYPH_HIDE = '⊘'; // password reveal toggle (revealed state)
|
|
export const GLYPH_GENERATE = '↻'; // password / passphrase generate
|
|
export const GLYPH_FILL_FROM_TAB = '⤓'; // pull URL from active browser tab
|
|
export const GLYPH_QR = '◫'; // paste / upload QR image (TOTP)
|
|
export const GLYPH_MONO = '≡'; // toggle notes monospace font
|
|
|
|
export const GLYPH_TRASH = '▦'; // sidebar trash nav
|
|
export const GLYPH_DEVICES = '⌬'; // sidebar devices nav
|
|
export const GLYPH_SETTINGS = '⚙'; // sidebar settings nav
|
|
export const GLYPH_LOCK = '⏻'; // sidebar lock nav
|
|
export const GLYPH_NEXT = '▸'; // forward / next button (matches ▾/▸ disclosure family)
|
|
export const GLYPH_COPY = '⎘'; // copy to clipboard
|
|
export const GLYPH_SYNC = '⇅'; // sync / upload
|
|
export const GLYPH_PREVIEW = '⊕'; // preview / expand
|
|
|
|
export const GLYPH_VAULT_TAB = '⧉'; // U+29C9 pop-out to fullscreen vault tab
|
|
export const GLYPH_HISTORY = '◷'; // sidebar history nav (clock-quadrant — distinct from clock emoji)
|
|
export const GLYPH_REVOKE = '⊘'; // revoke device / autofill-origin ack (same shape as HIDE; kept distinct for semantic clarity)
|
|
export const GLYPH_RESTORE = '⤺'; // restore from trash
|
|
|
|
export const GLYPH_TYPE_LOGIN = '◉'; // login
|
|
export const GLYPH_TYPE_SECURE_NOTE = '◫'; // secure note
|
|
export const GLYPH_TYPE_TOTP = '⊡'; // totp / 2FA
|
|
export const GLYPH_TYPE_CARD = '▭'; // card
|
|
export const GLYPH_TYPE_IDENTITY = '◍'; // identity (distinct from GLYPH_DEVICES ⌬)
|
|
export const GLYPH_TYPE_KEY = '⊹'; // SSH / API key
|
|
export const GLYPH_TYPE_DOCUMENT = '≡'; // document
|
|
|
|
/// Inline HTML snippet for the required-field pill. Use after a label's text:
|
|
/// `<label class="label" for="f-title">title ${REQUIRED_PILL_HTML}</label>`
|
|
///
|
|
/// Requires the `.req-pill` CSS rule (added in Tasks 2 and 3 to popup/styles.css
|
|
/// and vault/vault.css respectively).
|
|
export const REQUIRED_PILL_HTML = '<span class="req-pill">required</span>';
|