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

Agentman Chat Widget for easy integration with web applications

/**
 * Disclaimer component styles with BEM naming convention
 *
 * Provides styles for the AI disclaimer component with multiple variants:
 * - standalone: Full-width disclaimer with icon and link
 * - inline: Compact inline version for branding sections
 * - compact: Minimal version for space-constrained areas
 */
export declare const disclaimerStyles = "\n  /* Base disclaimer styles */\n  .am-disclaimer {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    color: var(--disclaimer-text-color, rgba(0, 0, 0, 0.6));\n    font-size: 10px;\n    line-height: 1.4;\n  }\n\n  /* Dark mode support */\n  @media (prefers-color-scheme: dark) {\n    .am-disclaimer {\n      color: var(--disclaimer-text-color-dark, rgba(255, 255, 255, 0.7));\n    }\n  }\n\n  /* Standalone variant - for welcome screen */\n  .am-disclaimer--standalone {\n    background: var(--disclaimer-bg-color, rgba(0, 0, 0, 0.02));\n    border: 1px solid var(--disclaimer-border-color, rgba(0, 0, 0, 0.06));\n    border-radius: 8px;\n    padding: 8px 12px;\n    margin: 12px 0;\n    justify-content: center;\n    text-align: center;\n    flex-wrap: wrap;\n    font-size: 11px; /* Slightly larger for standalone visibility */\n  }\n\n  @media (prefers-color-scheme: dark) {\n    .am-disclaimer--standalone {\n      background: var(--disclaimer-bg-color-dark, rgba(255, 255, 255, 0.05));\n      border-color: var(--disclaimer-border-color-dark, rgba(255, 255, 255, 0.1));\n    }\n  }\n\n  /* Welcome screen specific styling */\n  .am-disclaimer--welcome {\n    max-width: 400px;\n    margin: 4px auto 0 auto; /* Tighter top margin */\n    font-size: 10px; /* Consistent small size */\n    line-height: 1.3;\n  }\n\n  /* Inline variant - for branding sections */\n  .am-disclaimer--inline {\n    display: inline-flex;\n    background: none;\n    border: none;\n    padding: 0;\n    margin: 0;\n    font-size: 10px; /* Match the powered by text size */\n  }\n\n  /* Compact variant - for limited space */\n  .am-disclaimer--compact {\n    font-size: 10px;\n    gap: 4px;\n  }\n\n  /* Disclaimer text */\n  .am-disclaimer__text {\n    opacity: 0.9;\n  }\n\n  /* Separator for inline variant */\n  .am-disclaimer__separator {\n    margin: 0 6px;\n    opacity: 0.4;\n  }\n\n  /* Disclaimer link */\n  .am-disclaimer__link {\n    color: var(--disclaimer-link-color, rgba(37, 99, 235, 0.8));\n    text-decoration: none;\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n    transition: color 0.2s ease, opacity 0.2s ease;\n  }\n\n  .am-disclaimer__link:hover {\n    color: var(--disclaimer-link-hover-color, rgba(37, 99, 235, 1));\n    text-decoration: underline;\n  }\n\n  .am-disclaimer__link:focus-visible {\n    outline: 2px solid var(--disclaimer-link-color, rgba(37, 99, 235, 0.8));\n    outline-offset: 2px;\n    border-radius: 2px;\n  }\n\n  @media (prefers-color-scheme: dark) {\n    .am-disclaimer__link {\n      color: var(--disclaimer-link-color-dark, rgba(96, 165, 250, 0.9));\n    }\n    \n    .am-disclaimer__link:hover {\n      color: var(--disclaimer-link-hover-color-dark, rgba(96, 165, 250, 1));\n    }\n  }\n\n  /* Inline link variant */\n  .am-disclaimer__link--inline {\n    margin-left: 4px;\n  }\n\n  /* Icons */\n  .am-disclaimer__icon {\n    width: 12px;\n    height: 12px;\n    flex-shrink: 0;\n    opacity: 0.7;\n  }\n\n  /* Icon variants */\n  .am-disclaimer__icon--info {\n    color: currentColor;\n  }\n\n  .am-disclaimer__icon--warning {\n    color: var(--disclaimer-warning-color, #f59e0b);\n  }\n\n  .am-disclaimer__icon--alert {\n    color: var(--disclaimer-alert-color, #ef4444);\n  }\n\n  /* External link icon */\n  .am-disclaimer__external-icon {\n    width: 10px;\n    height: 10px;\n    opacity: 0.6;\n    margin-left: 2px;\n  }\n\n  /* Accessibility - High contrast mode support */\n  @media (prefers-contrast: high) {\n    .am-disclaimer {\n      border-width: 2px;\n    }\n    \n    .am-disclaimer--standalone {\n      background: transparent;\n    }\n    \n    .am-disclaimer__text {\n      opacity: 1;\n    }\n    \n    .am-disclaimer__link {\n      text-decoration: underline;\n    }\n  }\n\n  /* Reduced motion support */\n  @media (prefers-reduced-motion: reduce) {\n    .am-disclaimer__link {\n      transition: none;\n    }\n  }\n\n  /* Mobile responsive adjustments */\n  @media (max-width: 640px) {\n    .am-disclaimer--standalone {\n      font-size: 10px;\n      padding: 6px 10px;\n    }\n    \n    .am-disclaimer--welcome {\n      max-width: 90%;\n    }\n    \n    /* Inline disclaimer in mobile - reduce spacing */\n    .am-disclaimer--inline {\n      font-size: 9px;\n      gap: 2px;\n    }\n    \n    .am-disclaimer--inline .am-disclaimer__separator {\n      margin: 0 3px;\n    }\n    \n    .am-disclaimer--inline .am-disclaimer__text {\n      white-space: nowrap;\n    }\n    \n    .am-disclaimer--inline .am-disclaimer__link {\n      white-space: nowrap;\n    }\n    \n    .am-disclaimer__icon {\n      width: 10px;\n      height: 10px;\n    }\n    \n    .am-disclaimer__external-icon {\n      width: 8px;\n      height: 8px;\n      margin-left: 1px;\n    }\n  }\n";