1 line
9.5 KiB
Plaintext
1 line
9.5 KiB
Plaintext
|
{"version":3,"sources":["../../src/toast/index.ts"],"sourcesContent":["export const style = /*css*/ `\n .p-toast {\n width: dt('toast.width');\n white-space: pre-line;\n word-break: break-word;\n }\n\n .p-toast-message {\n margin: 0 0 1rem 0;\n display: grid;\n grid-template-rows: 1fr;\n }\n\n .p-toast-message-icon {\n flex-shrink: 0;\n font-size: dt('toast.icon.size');\n width: dt('toast.icon.size');\n height: dt('toast.icon.size');\n }\n\n .p-toast-message-content {\n display: flex;\n align-items: flex-start;\n padding: dt('toast.content.padding');\n gap: dt('toast.content.gap');\n min-height: 0;\n overflow: hidden;\n transition: padding 250ms ease-in;\n }\n\n .p-toast-message-text {\n flex: 1 1 auto;\n display: flex;\n flex-direction: column;\n gap: dt('toast.text.gap');\n }\n\n .p-toast-summary {\n font-weight: dt('toast.summary.font.weight');\n font-size: dt('toast.summary.font.size');\n }\n\n .p-toast-detail {\n font-weight: dt('toast.detail.font.weight');\n font-size: dt('toast.detail.font.size');\n }\n\n .p-toast-close-button {\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n position: relative;\n cursor: pointer;\n background: transparent;\n transition:\n background dt('toast.transition.duration'),\n color dt('toast.transition.duration'),\n outline-color dt('toast.transition.duration'),\n box-shadow dt('toast.transition.duration');\n outline-color: transparent;\n color: inherit;\n width: dt('toast.close.button.width');\n height: dt('toast.close.button.height');\n border-radius: dt('toast.close.button.border.radius');\n margin: -25% 0 0 0;\n right: -25%;\n padding: 0;\n border: none;\n user-select: none;\n }\n\n .p-toast-close-button:dir(rtl) {\n margin: -25% 0 0 auto;\n left: -25%;\n right: auto;\n }\n\n .p-toast-message-info,\n .p-toast-message-success,\n .p-toast-message-warn,\n .p-toast-message-error,\n .p-toast-message-secondary,\n .p-toast-message-contrast {\n border-width: dt('toast.border.width');\n border-style: solid;\n backdrop-filter: blur(dt('toast.blur'));\n border-radius: dt('toast.border.radius');\n }\n\n .p-toast-close-icon {\n font-size: dt('toast.close.icon.size');\n width: dt('toast.close.icon.size');\n height: dt('toast.close.icon.size');\n }\n\n .p-toast-close-button:focus-visible {\n outline-width: dt('focus.ring.width');\n outline-style: dt('focus.ring.style');\n outline-offset: dt('focus.ring.offset');\n }\n\n .p-toast-message-info {\n background: dt('toast.info.background');\n border-color: dt('toast.info.border.color');\n color: dt('toast.info.color');\n box-shadow: dt('toast.info.shadow');\n }\n\n .p-toast-message-info .p-toast-detail {\n color: dt('toast.info.detail.color');\n }\n\n .p-toast-message-info .p-toast-close-button:focus-visible {\n outline-color: dt('toast.info.close.button.focus.ring.color');\n box-shadow: dt('toast.info.close.button.focus.ring.shadow');\n }\n\n .p-toast-message-info .p-toast-close-button:hover {\n background: dt('toast.info.close.button.hover.background');\n }\n\n .p-toast-message-success {\n background: dt('toast.success.background');\n border-color: dt('toast.success.border.color');\n color: dt('toast.success.color');\n box-shadow: dt('toast.success.shadow');\n }\n\n .p-toast-message-success .p-toast-detail {\n color: dt('toast.success.detail.color');\n }\n\n .p-toast-message-success .p-toast-close-button:focus-visible {\n outline-color: dt('toast.success.close.but
|