@agentman/chat-widget/dist/assistantWidget/styles/notifications.d.ts

Agentman Chat Widget for easy integration with web applications

export declare const notificationStyles = "\n  .am-persistence-notification {\n    position: absolute;\n    top: 60px;\n    left: 10px;\n    right: 10px;\n    z-index: 1000;\n    border-radius: 8px;\n    padding: 12px;\n    animation: am-slide-down 0.3s ease-out;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n  }\n  \n  .am-persistence-notification.am-persistence-error {\n    background-color: #fee;\n    border: 1px solid #fcc;\n    color: #c00;\n  }\n  \n  .am-persistence-notification.am-persistence-warning {\n    background-color: #fff3cd;\n    border: 1px solid #ffeaa7;\n    color: #856404;\n  }\n  \n  .am-notification-content {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n  \n  .am-notification-icon {\n    font-size: 20px;\n    flex-shrink: 0;\n  }\n  \n  .am-notification-message {\n    flex: 1;\n    font-size: 14px;\n    line-height: 1.4;\n  }\n  \n  .am-notification-close,\n  .am-notification-action {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 4px 8px;\n    border-radius: 4px;\n    font-size: 14px;\n    transition: background-color 0.2s;\n  }\n  \n  .am-notification-close {\n    color: inherit;\n    font-size: 20px;\n    padding: 0;\n    width: 24px;\n    height: 24px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  \n  .am-notification-close:hover {\n    background-color: rgba(0, 0, 0, 0.1);\n  }\n  \n  .am-notification-action {\n    background-color: rgba(0, 0, 0, 0.1);\n    color: inherit;\n    font-weight: 500;\n  }\n  \n  .am-notification-action:hover {\n    background-color: rgba(0, 0, 0, 0.2);\n  }\n  \n  @keyframes am-slide-down {\n    from {\n      transform: translateY(-20px);\n      opacity: 0;\n    }\n    to {\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n";