mirror of
https://github.com/php-flasher/php-flasher.git
synced 2026-03-31 15:07:47 +01:00
Younes ENNAJI
61f991f379
Remove verbose JSDoc and SCSS comments from: - Theme TypeScript files (17 amazon, amber, aurora, crystal, emerald, facebook, flasher, google, ios, jade, material, minimal, neon, onyx, ruby, sapphire, slack) - Theme SCSS files (21 theme stylesheets including icons, progress, wrapper, and all theme variants) - Theme index.ts registration files (17 files) - Entry point and export files (index.ts, exports.ts) - Adapter index.ts files (Noty, Notyf, SweetAlert, Toastr) - Remaining plugin files (toastr.ts, notyf.ts) Kept type annotations and removed only descriptive comments, examples, and file headers following Symfony's concise documentation style.
23 lines
764 B
TypeScript
23 lines
764 B
TypeScript
import './sapphire.scss'
|
|
import type { Envelope } from '../../types'
|
|
|
|
export const sapphireTheme = {
|
|
render: (envelope: Envelope): string => {
|
|
const { type, message } = envelope
|
|
|
|
const isAlert = type === 'error' || type === 'warning'
|
|
const role = isAlert ? 'alert' : 'status'
|
|
const ariaLive = isAlert ? 'assertive' : 'polite'
|
|
|
|
return `
|
|
<div class="fl-sapphire fl-${type}" role="${role}" aria-live="${ariaLive}" aria-atomic="true">
|
|
<div class="fl-content">
|
|
<span class="fl-message">${message}</span>
|
|
</div>
|
|
<div class="fl-progress-bar">
|
|
<div class="fl-progress"></div>
|
|
</div>
|
|
</div>`
|
|
},
|
|
}
|