@mochabug/adapt-web/dist/esm/css-cap.js

Browser client library for Adapt automation platform

const CAP_WIDGET_CSS=`/* ============================================
   Mochabug Adapt Cap Widget - Premium Design
   ============================================ */

.mb-adapt-cap {
  /* Sizing */
  --mb-cap-border-radius: 16px;
  --mb-cap-height: 72px;
  --mb-cap-width: 320px;
  --mb-cap-padding: 18px 22px;
  --mb-cap-gap: 16px;

  /* Light Mode Colors */
  --mb-cap-bg: #ffffff;
  --mb-cap-border-color: #e5e7eb;
  --mb-cap-text-color: #111827;

  /* Checkbox */
  --mb-cap-checkbox-size: 30px;
  --mb-cap-checkbox-radius: 8px;
  --mb-cap-checkbox-border-color: #d1d5db;
  --mb-cap-checkbox-bg: #f9fafb;

  /* Spinner */
  --mb-cap-spinner-color: #6366f1;
  --mb-cap-spinner-bg: #e5e7eb;
  --mb-cap-invalid-border-color: #f55b50;
  --mb-cap-invalid-ring-color: rgba(245, 91, 80, 0.2);

  /* Typography */
  --mb-cap-font: inherit;

  /* Shadows */
  --mb-cap-shadow:
    0 1px 3px rgba(0, 0, 0, 0.08),
    0 4px 12px rgba(0, 0, 0, 0.05);
  --mb-cap-shadow-hover:
    0 4px 12px rgba(0, 0, 0, 0.1),
    0 8px 24px rgba(0, 0, 0, 0.08);
}

/* Dark Mode */
.mb-adapt-cap--dark {
  --mb-cap-bg: #1f2937;
  --mb-cap-border-color: #374151;
  --mb-cap-text-color: #f9fafb;
  --mb-cap-checkbox-border-color: #4b5563;
  --mb-cap-checkbox-bg: #374151;
  --mb-cap-spinner-color: #818cf8;
  --mb-cap-spinner-bg: #4b5563;
  --mb-cap-shadow:
    0 1px 3px rgba(0, 0, 0, 0.3),
    0 4px 12px rgba(0, 0, 0, 0.2);
  --mb-cap-shadow-hover:
    0 4px 12px rgba(0, 0, 0, 0.4),
    0 8px 24px rgba(0, 0, 0, 0.3);
}

/* Container */
.mb-adapt-cap__container {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Cap Widget \u2014 only CSS custom properties (cap.js recommended approach) */
.mb-adapt-cap cap-widget {
  --cap-background: var(--mb-cap-bg);
  --cap-border-color: var(--mb-cap-border-color);
  --cap-border-radius: var(--mb-cap-border-radius);
  --cap-widget-height: var(--mb-cap-height);
  --cap-widget-width: var(--mb-cap-width);
  --cap-widget-padding: var(--mb-cap-padding);
  --cap-gap: var(--mb-cap-gap);
  --cap-color: var(--mb-cap-text-color);
  --cap-checkbox-size: var(--mb-cap-checkbox-size);
  --cap-checkbox-border: 2px solid var(--mb-cap-checkbox-border-color);
  --cap-checkbox-border-radius: var(--mb-cap-checkbox-radius);
  --cap-checkbox-background: var(--mb-cap-checkbox-bg);
  --cap-checkbox-margin: 0;
  --cap-font: var(--mb-cap-font);
  --cap-spinner-color: var(--mb-cap-spinner-color);
  --cap-spinner-background-color: var(--mb-cap-spinner-bg);
  --cap-spinner-thickness: 3px;
  --cap-invalid-border-color: var(--mb-cap-invalid-border-color);
  --cap-invalid-ring-color: var(--mb-cap-invalid-ring-color);

  display: block;
}

/* Hide Cap.js credits. Cap's shadow CSS marks credits as display:block!important,
   so keep this in the standalone CAP stylesheet and reinforce it at runtime. */
.mb-adapt-cap cap-widget::part(attribution),
cap-widget::part(attribution) {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Responsive */
@media (max-width: 380px) {
  .mb-adapt-cap {
    --mb-cap-width: 280px;
    --mb-cap-height: 64px;
    --mb-cap-padding: 14px 18px;
    --mb-cap-checkbox-size: 26px;
  }
}
`;export{CAP_WIDGET_CSS};