@relements/core 0.4.0 → 0.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- :root{--re-rn-dark-bg:#0f131a;--re-rn-dark-bg-subtle:#171c26;--re-rn-dark-bg-muted:#1f2430;--re-rn-dark-surface:#171c26;--re-rn-dark-text:#f8fafc;--re-rn-dark-text-muted:#97a3b4;--re-rn-dark-text-subtle:#6b7a90;--re-rn-dark-text-danger:#f87171;--re-rn-dark-border:#29303d;--re-rn-dark-border-strong:#353d4d;--re-rn-dark-border-danger:#ef4444;--re-rn-dark-link:#3c83f6;--re-rn-dark-link-hover:#60a5fa;--re-rn-dark-link-visited:#a78bfa;--re-rn-dark-selection-bg:#3c83f64d;--re-rn-dark-selection-text:#f8fafc;--re-rn-dark-focus-ring-offset:0px;--re-rn-dark-shadow-focus:0 0 0 2px var(--re-color-focus-ring);--re-rn-dark-info-surface:oklab(27.3825% -.00852493 -.0491423);--re-rn-dark-info-border:#60a5fa;--re-rn-dark-info-text:#93c3fd;--re-rn-dark-success-surface:oklab(31.6968% -.0306542 -.0128758);--re-rn-dark-success-border:#2fe9d0;--re-rn-dark-success-text:#2fe9d0;--re-rn-dark-warning-surface:oklab(32.2476% -.00189379 .0168638);--re-rn-dark-warning-border:#f9cf53;--re-rn-dark-warning-text:#f9cf53;--re-rn-dark-danger-surface:oklab(27.6095% .0357271 .00536118);--re-rn-dark-danger-border:#ef4444;--re-rn-dark-danger-text:#f87171;--re-rn-dark-accent-600:#3c83f6;--re-rn-dark-accent-700:#2563eb;--re-rn-dark-accent-800:#1d4ed8;--re-rn-light-bg:#f6f8fc;--re-rn-light-bg-subtle:#eef2f8;--re-rn-light-bg-muted:#e3e9f2;--re-rn-light-surface:#fff;--re-rn-light-text:#0f131a;--re-rn-light-text-muted:#475569;--re-rn-light-text-subtle:#64748b;--re-rn-light-text-danger:#b91c1c;--re-rn-light-border:#d7dfea;--re-rn-light-border-strong:#c0cad9;--re-rn-light-border-danger:#dc2626;--re-rn-light-link:#2563eb;--re-rn-light-link-hover:#1d4ed8;--re-rn-light-link-visited:#7c3aed;--re-rn-light-selection-bg:#3c83f62e;--re-rn-light-selection-text:#0f131a;--re-rn-light-focus-ring-offset:2px;--re-rn-light-shadow-focus:0 0 0 var(--re-focus-ring-offset) var(--re-color-bg), 0 0 0 calc(var(--re-focus-ring-offset) + var(--re-focus-ring-width)) var(--re-color-focus-ring);--re-rn-light-info-surface:oklab(93.6354% -.0044884 -.0270548);--re-rn-light-info-border:#3c83f6;--re-rn-light-info-text:#2563eb;--re-rn-light-success-surface:oklab(96.224% -.0177659 -.0052949);--re-rn-light-success-border:#0fd4bb;--re-rn-light-success-text:#0f766e;--re-rn-light-warning-surface:oklab(96.5544% -.000509714 .0125489);--re-rn-light-warning-border:#f0b929;--re-rn-light-warning-text:#b45309;--re-rn-light-danger-surface:oklab(93.7716% .0220628 .00564731);--re-rn-light-danger-border:#dc2626;--re-rn-light-danger-text:#b91c1c;--re-rn-light-accent-600:#2563eb;--re-rn-light-accent-700:#1d4ed8;--re-rn-light-accent-800:#1e40af;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--re-color-bg:var(--re-rn-dark-bg);--re-color-bg-subtle:var(--re-rn-dark-bg-subtle);--re-color-bg-muted:var(--re-rn-dark-bg-muted);--re-color-surface:var(--re-rn-dark-surface);--re-color-text:var(--re-rn-dark-text);--re-color-text-muted:var(--re-rn-dark-text-muted);--re-color-text-subtle:var(--re-rn-dark-text-subtle);--re-color-border:var(--re-rn-dark-border);--re-color-border-strong:var(--re-rn-dark-border-strong);--re-color-accent-50:#eff6ff;--re-color-accent-100:#dbeafe;--re-color-accent-200:#bdd6fe;--re-color-accent-300:#93c3fd;--re-color-accent-400:#60a5fa;--re-color-accent-500:#60a5fa;--re-color-accent-600:#3c83f6;--re-color-accent-700:#2563eb;--re-color-accent-800:#1d4ed8;--re-color-accent-900:#1e3a8a;--re-color-link:var(--re-rn-dark-link);--re-color-link-hover:var(--re-rn-dark-link-hover);--re-color-link-visited:var(--re-rn-dark-link-visited);--re-color-focus-ring:#3c83f6;--re-color-text-on-accent:#fff;--re-color-success-500:#2fe9d0;--re-color-success-600:#0fd4bb;--re-color-success-700:#0ab8a2;--re-color-warning-500:#f9cf53;--re-color-warning-600:#f0b929;--re-color-warning-700:#d4a020;--re-color-danger-500:#ef4444;--re-color-danger-600:#dc2626;--re-color-danger-700:#b91c1c;--re-color-info-surface:var(--re-rn-dark-info-surface);--re-color-info-border:var(--re-rn-dark-info-border);--re-color-info-text:var(--re-rn-dark-info-text);--re-color-success-surface:var(--re-rn-dark-success-surface);--re-color-success-border:var(--re-rn-dark-success-border);--re-color-success-text:var(--re-rn-dark-success-text);--re-color-warning-surface:var(--re-rn-dark-warning-surface);--re-color-warning-border:var(--re-rn-dark-warning-border);--re-color-warning-text:var(--re-rn-dark-warning-text);--re-color-danger-surface:var(--re-rn-dark-danger-surface);--re-color-danger-border:var(--re-rn-dark-danger-border);--re-color-danger-text:var(--re-rn-dark-danger-text);--re-focus-ring-offset:var(--re-rn-dark-focus-ring-offset);--re-shadow-focus:var(--re-rn-dark-shadow-focus);--re-color-selection-bg:var(--re-rn-dark-selection-bg);--re-color-selection-text:var(--re-rn-dark-selection-text);--re-color-text-danger:var(--re-rn-dark-text-danger);--re-color-border-danger:var(--re-rn-dark-border-danger);--re-color-phoenix:#f3753f;--re-color-phoenix-light:#f9a07a;--re-color-phoenix-dark:#d45a26;--re-color-purple:#a855f7;--re-color-purple-light:#c084fc;--re-color-purple-dark:#7c3aed;--re-gradient-brand:linear-gradient(135deg, #3c83f6, #a855f7);--re-gradient-phoenix:linear-gradient(135deg, #f3753f, #f9cf53);--re-gradient-hero:linear-gradient(135deg, #3c83f6 0%, #a855f7 50%, #f3753f 100%)}.theme-renascent,.theme-renascent-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--re-color-bg:var(--re-rn-dark-bg);--re-color-bg-subtle:var(--re-rn-dark-bg-subtle);--re-color-bg-muted:var(--re-rn-dark-bg-muted);--re-color-surface:var(--re-rn-dark-surface);--re-color-text:var(--re-rn-dark-text);--re-color-text-muted:var(--re-rn-dark-text-muted);--re-color-text-subtle:var(--re-rn-dark-text-subtle);--re-color-border:var(--re-rn-dark-border);--re-color-border-strong:var(--re-rn-dark-border-strong);--re-color-accent-500:#3c83f6;--re-color-accent-600:#2563eb;--re-color-accent-700:#1d4ed8;--re-color-link:var(--re-rn-dark-link);--re-color-link-hover:var(--re-rn-dark-link-hover);--re-color-focus-ring:#3c83f6;--re-color-text-on-accent:#fff;--re-color-text-danger:var(--re-rn-dark-text-danger);--re-color-border-danger:var(--re-rn-dark-border-danger);--re-color-success-500:#2fe9d0;--re-color-success-600:#0fd4bb;--re-color-success-700:#0ab8a2;--re-color-warning-500:#f9cf53;--re-color-warning-600:#f0b929;--re-color-warning-700:#d4a020;--re-color-danger-500:#ef4444;--re-color-danger-600:#dc2626;--re-color-danger-700:#b91c1c;--re-color-info-surface:var(--re-rn-dark-info-surface);--re-color-info-border:var(--re-rn-dark-info-border);--re-color-info-text:var(--re-rn-dark-info-text);--re-color-success-surface:var(--re-rn-dark-success-surface);--re-color-success-border:var(--re-rn-dark-success-border);--re-color-success-text:var(--re-rn-dark-success-text);--re-color-warning-surface:var(--re-rn-dark-warning-surface);--re-color-warning-border:var(--re-rn-dark-warning-border);--re-color-warning-text:var(--re-rn-dark-warning-text);--re-color-danger-surface:var(--re-rn-dark-danger-surface);--re-color-danger-border:var(--re-rn-dark-danger-border);--re-color-danger-text:var(--re-rn-dark-danger-text);--re-focus-ring-offset:var(--re-rn-dark-focus-ring-offset);--re-shadow-focus:var(--re-rn-dark-shadow-focus);--re-color-selection-bg:var(--re-rn-dark-selection-bg);--re-color-selection-text:var(--re-rn-dark-selection-text);background-color:var(--re-color-bg);color:var(--re-color-text)}@media (prefers-color-scheme:light){:root,.theme-renascent{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--re-color-bg:var(--re-rn-light-bg);--re-color-bg-subtle:var(--re-rn-light-bg-subtle);--re-color-bg-muted:var(--re-rn-light-bg-muted);--re-color-surface:var(--re-rn-light-surface);--re-color-text:var(--re-rn-light-text);--re-color-text-muted:var(--re-rn-light-text-muted);--re-color-text-subtle:var(--re-rn-light-text-subtle);--re-color-text-on-accent:#fff;--re-color-accent-600:var(--re-rn-light-accent-600);--re-color-accent-700:var(--re-rn-light-accent-700);--re-color-accent-800:var(--re-rn-light-accent-800);--re-color-text-danger:var(--re-rn-light-text-danger);--re-color-border:var(--re-rn-light-border);--re-color-border-strong:var(--re-rn-light-border-strong);--re-color-border-danger:var(--re-rn-light-border-danger);--re-color-link:var(--re-rn-light-link);--re-color-link-hover:var(--re-rn-light-link-hover);--re-color-link-visited:var(--re-rn-light-link-visited);--re-color-focus-ring:#3c83f6;--re-color-selection-bg:var(--re-rn-light-selection-bg);--re-color-selection-text:var(--re-rn-light-selection-text);--re-focus-ring-offset:var(--re-rn-light-focus-ring-offset);--re-shadow-focus:var(--re-rn-light-shadow-focus);--re-color-info-surface:var(--re-rn-light-info-surface);--re-color-info-border:var(--re-rn-light-info-border);--re-color-info-text:var(--re-rn-light-info-text);--re-color-success-surface:var(--re-rn-light-success-surface);--re-color-success-border:var(--re-rn-light-success-border);--re-color-success-text:var(--re-rn-light-success-text);--re-color-warning-surface:var(--re-rn-light-warning-surface);--re-color-warning-border:var(--re-rn-light-warning-border);--re-color-warning-text:var(--re-rn-light-warning-text);--re-color-danger-surface:var(--re-rn-light-danger-surface);--re-color-danger-border:var(--re-rn-light-danger-border);--re-color-danger-text:var(--re-rn-light-danger-text)}}.theme-renascent-light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--re-color-bg:var(--re-rn-light-bg);--re-color-bg-subtle:var(--re-rn-light-bg-subtle);--re-color-bg-muted:var(--re-rn-light-bg-muted);--re-color-surface:var(--re-rn-light-surface);--re-color-text:var(--re-rn-light-text);--re-color-text-muted:var(--re-rn-light-text-muted);--re-color-text-subtle:var(--re-rn-light-text-subtle);--re-color-text-on-accent:#fff;--re-color-accent-600:var(--re-rn-light-accent-600);--re-color-accent-700:var(--re-rn-light-accent-700);--re-color-accent-800:var(--re-rn-light-accent-800);--re-color-text-danger:var(--re-rn-light-text-danger);--re-color-border:var(--re-rn-light-border);--re-color-border-strong:var(--re-rn-light-border-strong);--re-color-border-danger:var(--re-rn-light-border-danger);--re-color-link:var(--re-rn-light-link);--re-color-link-hover:var(--re-rn-light-link-hover);--re-color-link-visited:var(--re-rn-light-link-visited);--re-color-focus-ring:#3c83f6;--re-color-selection-bg:var(--re-rn-light-selection-bg);--re-color-selection-text:var(--re-rn-light-selection-text);--re-focus-ring-offset:var(--re-rn-light-focus-ring-offset);--re-shadow-focus:var(--re-rn-light-shadow-focus);--re-color-info-surface:var(--re-rn-light-info-surface);--re-color-info-border:var(--re-rn-light-info-border);--re-color-info-text:var(--re-rn-light-info-text);--re-color-success-surface:var(--re-rn-light-success-surface);--re-color-success-border:var(--re-rn-light-success-border);--re-color-success-text:var(--re-rn-light-success-text);--re-color-warning-surface:var(--re-rn-light-warning-surface);--re-color-warning-border:var(--re-rn-light-warning-border);--re-color-warning-text:var(--re-rn-light-warning-text);--re-color-danger-surface:var(--re-rn-light-danger-surface);--re-color-danger-border:var(--re-rn-light-danger-border);--re-color-danger-text:var(--re-rn-light-danger-text);background-color:var(--re-color-bg);color:var(--re-color-text)}.re-button[data-variant=phoenix]{background:var(--re-gradient-phoenix);color:#fff;background-origin:border-box;border-color:#0000}.re-button[data-variant=phoenix]:hover{filter:brightness(1.12)}.re-button[data-variant=phoenix]:active{filter:brightness(.9)}.re-button[data-variant=phoenix]:focus-visible{border-color:#0000}.re-button[data-variant=phoenix]:disabled,.re-button[data-variant=phoenix][aria-disabled=true]{filter:none;opacity:.55}.re-button[data-variant=brand]{background:var(--re-gradient-brand);color:#fff;background-origin:border-box;border-color:#0000}.re-button[data-variant=brand]:hover{filter:brightness(1.12)}.re-button[data-variant=brand]:active{filter:brightness(.9)}.re-button[data-variant=brand]:focus-visible{border-color:#0000}.re-button[data-variant=brand]:disabled,.re-button[data-variant=brand][aria-disabled=true]{filter:none;opacity:.55}
1
+ :root{--re-rn-dark-bg:#0f131a;--re-rn-dark-bg-subtle:#171c26;--re-rn-dark-bg-muted:#1f2430;--re-rn-dark-surface:#171c26;--re-rn-dark-text:#f8fafc;--re-rn-dark-text-muted:#97a3b4;--re-rn-dark-text-subtle:#6b7a90;--re-rn-dark-text-danger:#f87171;--re-rn-dark-border:#29303d;--re-rn-dark-border-strong:#353d4d;--re-rn-dark-border-danger:#ef4444;--re-rn-dark-link:#3c83f6;--re-rn-dark-link-hover:#60a5fa;--re-rn-dark-link-visited:#a78bfa;--re-rn-dark-selection-bg:#3c83f64d;--re-rn-dark-selection-text:#f8fafc;--re-rn-dark-focus-ring-offset:0px;--re-rn-dark-shadow-focus:0 0 0 2px var(--re-color-focus-ring);--re-rn-dark-info-surface:oklab(27.3825% -.00852493 -.0491423);--re-rn-dark-info-border:#60a5fa;--re-rn-dark-info-text:#93c3fd;--re-rn-dark-success-surface:oklab(31.6968% -.0306542 -.0128758);--re-rn-dark-success-border:#2fe9d0;--re-rn-dark-success-text:#2fe9d0;--re-rn-dark-warning-surface:oklab(32.2476% -.00189379 .0168638);--re-rn-dark-warning-border:#f9cf53;--re-rn-dark-warning-text:#f9cf53;--re-rn-dark-danger-surface:oklab(27.6095% .0357271 .00536118);--re-rn-dark-danger-border:#ef4444;--re-rn-dark-danger-text:#f87171;--re-rn-dark-accent-600:#2563eb;--re-rn-dark-accent-700:#1d4ed8;--re-rn-dark-accent-800:#1e40af;--re-rn-light-bg:#f6f8fc;--re-rn-light-bg-subtle:#eef2f8;--re-rn-light-bg-muted:#e3e9f2;--re-rn-light-surface:#fff;--re-rn-light-text:#0f131a;--re-rn-light-text-muted:#475569;--re-rn-light-text-subtle:#64748b;--re-rn-light-text-danger:#b91c1c;--re-rn-light-border:#d7dfea;--re-rn-light-border-strong:#c0cad9;--re-rn-light-border-danger:#dc2626;--re-rn-light-link:#2563eb;--re-rn-light-link-hover:#1d4ed8;--re-rn-light-link-visited:#7c3aed;--re-rn-light-selection-bg:#3c83f62e;--re-rn-light-selection-text:#0f131a;--re-rn-light-focus-ring-offset:2px;--re-rn-light-shadow-focus:0 0 0 var(--re-focus-ring-offset) var(--re-color-bg), 0 0 0 calc(var(--re-focus-ring-offset) + var(--re-focus-ring-width)) var(--re-color-focus-ring);--re-rn-light-info-surface:oklab(93.6354% -.0044884 -.0270548);--re-rn-light-info-border:#3c83f6;--re-rn-light-info-text:#2563eb;--re-rn-light-success-surface:oklab(96.224% -.0177659 -.0052949);--re-rn-light-success-border:#0fd4bb;--re-rn-light-success-text:#0f766e;--re-rn-light-warning-surface:oklab(96.5544% -.000509714 .0125489);--re-rn-light-warning-border:#f0b929;--re-rn-light-warning-text:#b45309;--re-rn-light-danger-surface:oklab(93.7716% .0220628 .00564731);--re-rn-light-danger-border:#dc2626;--re-rn-light-danger-text:#b91c1c;--re-rn-light-accent-600:#2563eb;--re-rn-light-accent-700:#1d4ed8;--re-rn-light-accent-800:#1e40af;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--re-color-bg:var(--re-rn-dark-bg);--re-color-bg-subtle:var(--re-rn-dark-bg-subtle);--re-color-bg-muted:var(--re-rn-dark-bg-muted);--re-color-surface:var(--re-rn-dark-surface);--re-color-text:var(--re-rn-dark-text);--re-color-text-muted:var(--re-rn-dark-text-muted);--re-color-text-subtle:var(--re-rn-dark-text-subtle);--re-color-border:var(--re-rn-dark-border);--re-color-border-strong:var(--re-rn-dark-border-strong);--re-color-accent-50:#eff6ff;--re-color-accent-100:#dbeafe;--re-color-accent-200:#bdd6fe;--re-color-accent-300:#93c3fd;--re-color-accent-400:#60a5fa;--re-color-accent-500:#60a5fa;--re-color-accent-600:#2563eb;--re-color-accent-700:#1d4ed8;--re-color-accent-800:#1e40af;--re-color-accent-900:#1e3a8a;--re-color-link:var(--re-rn-dark-link);--re-color-link-hover:var(--re-rn-dark-link-hover);--re-color-link-visited:var(--re-rn-dark-link-visited);--re-color-focus-ring:#3c83f6;--re-color-text-on-accent:#fff;--re-color-success-500:#2fe9d0;--re-color-success-600:#0fd4bb;--re-color-success-700:#0ab8a2;--re-color-warning-500:#f9cf53;--re-color-warning-600:#f0b929;--re-color-warning-700:#d4a020;--re-color-danger-500:#ef4444;--re-color-danger-600:#dc2626;--re-color-danger-700:#b91c1c;--re-color-info-surface:var(--re-rn-dark-info-surface);--re-color-info-border:var(--re-rn-dark-info-border);--re-color-info-text:var(--re-rn-dark-info-text);--re-color-success-surface:var(--re-rn-dark-success-surface);--re-color-success-border:var(--re-rn-dark-success-border);--re-color-success-text:var(--re-rn-dark-success-text);--re-color-warning-surface:var(--re-rn-dark-warning-surface);--re-color-warning-border:var(--re-rn-dark-warning-border);--re-color-warning-text:var(--re-rn-dark-warning-text);--re-color-danger-surface:var(--re-rn-dark-danger-surface);--re-color-danger-border:var(--re-rn-dark-danger-border);--re-color-danger-text:var(--re-rn-dark-danger-text);--re-focus-ring-offset:var(--re-rn-dark-focus-ring-offset);--re-shadow-focus:var(--re-rn-dark-shadow-focus);--re-color-selection-bg:var(--re-rn-dark-selection-bg);--re-color-selection-text:var(--re-rn-dark-selection-text);--re-color-text-danger:var(--re-rn-dark-text-danger);--re-color-border-danger:var(--re-rn-dark-border-danger);--re-color-phoenix:#f3753f;--re-color-phoenix-light:#f9a07a;--re-color-phoenix-dark:#d45a26;--re-color-purple:#a855f7;--re-color-purple-light:#c084fc;--re-color-purple-dark:#7c3aed;--re-gradient-brand:linear-gradient(135deg, #3c83f6, #a855f7);--re-gradient-phoenix:linear-gradient(135deg, #f3753f, #f9cf53);--re-gradient-hero:linear-gradient(135deg, #3c83f6 0%, #a855f7 50%, #f3753f 100%)}.theme-renascent,.theme-renascent-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--re-color-bg:var(--re-rn-dark-bg);--re-color-bg-subtle:var(--re-rn-dark-bg-subtle);--re-color-bg-muted:var(--re-rn-dark-bg-muted);--re-color-surface:var(--re-rn-dark-surface);--re-color-text:var(--re-rn-dark-text);--re-color-text-muted:var(--re-rn-dark-text-muted);--re-color-text-subtle:var(--re-rn-dark-text-subtle);--re-color-border:var(--re-rn-dark-border);--re-color-border-strong:var(--re-rn-dark-border-strong);--re-color-accent-500:#3c83f6;--re-color-accent-600:#2563eb;--re-color-accent-700:#1d4ed8;--re-color-link:var(--re-rn-dark-link);--re-color-link-hover:var(--re-rn-dark-link-hover);--re-color-focus-ring:#3c83f6;--re-color-text-on-accent:#fff;--re-color-text-danger:var(--re-rn-dark-text-danger);--re-color-border-danger:var(--re-rn-dark-border-danger);--re-color-success-500:#2fe9d0;--re-color-success-600:#0fd4bb;--re-color-success-700:#0ab8a2;--re-color-warning-500:#f9cf53;--re-color-warning-600:#f0b929;--re-color-warning-700:#d4a020;--re-color-danger-500:#ef4444;--re-color-danger-600:#dc2626;--re-color-danger-700:#b91c1c;--re-color-info-surface:var(--re-rn-dark-info-surface);--re-color-info-border:var(--re-rn-dark-info-border);--re-color-info-text:var(--re-rn-dark-info-text);--re-color-success-surface:var(--re-rn-dark-success-surface);--re-color-success-border:var(--re-rn-dark-success-border);--re-color-success-text:var(--re-rn-dark-success-text);--re-color-warning-surface:var(--re-rn-dark-warning-surface);--re-color-warning-border:var(--re-rn-dark-warning-border);--re-color-warning-text:var(--re-rn-dark-warning-text);--re-color-danger-surface:var(--re-rn-dark-danger-surface);--re-color-danger-border:var(--re-rn-dark-danger-border);--re-color-danger-text:var(--re-rn-dark-danger-text);--re-focus-ring-offset:var(--re-rn-dark-focus-ring-offset);--re-shadow-focus:var(--re-rn-dark-shadow-focus);--re-color-selection-bg:var(--re-rn-dark-selection-bg);--re-color-selection-text:var(--re-rn-dark-selection-text);background-color:var(--re-color-bg);color:var(--re-color-text)}@media (prefers-color-scheme:light){:root,.theme-renascent{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--re-color-bg:var(--re-rn-light-bg);--re-color-bg-subtle:var(--re-rn-light-bg-subtle);--re-color-bg-muted:var(--re-rn-light-bg-muted);--re-color-surface:var(--re-rn-light-surface);--re-color-text:var(--re-rn-light-text);--re-color-text-muted:var(--re-rn-light-text-muted);--re-color-text-subtle:var(--re-rn-light-text-subtle);--re-color-text-on-accent:#fff;--re-color-accent-600:var(--re-rn-light-accent-600);--re-color-accent-700:var(--re-rn-light-accent-700);--re-color-accent-800:var(--re-rn-light-accent-800);--re-color-text-danger:var(--re-rn-light-text-danger);--re-color-border:var(--re-rn-light-border);--re-color-border-strong:var(--re-rn-light-border-strong);--re-color-border-danger:var(--re-rn-light-border-danger);--re-color-link:var(--re-rn-light-link);--re-color-link-hover:var(--re-rn-light-link-hover);--re-color-link-visited:var(--re-rn-light-link-visited);--re-color-focus-ring:#3c83f6;--re-color-selection-bg:var(--re-rn-light-selection-bg);--re-color-selection-text:var(--re-rn-light-selection-text);--re-focus-ring-offset:var(--re-rn-light-focus-ring-offset);--re-shadow-focus:var(--re-rn-light-shadow-focus);--re-color-info-surface:var(--re-rn-light-info-surface);--re-color-info-border:var(--re-rn-light-info-border);--re-color-info-text:var(--re-rn-light-info-text);--re-color-success-surface:var(--re-rn-light-success-surface);--re-color-success-border:var(--re-rn-light-success-border);--re-color-success-text:var(--re-rn-light-success-text);--re-color-warning-surface:var(--re-rn-light-warning-surface);--re-color-warning-border:var(--re-rn-light-warning-border);--re-color-warning-text:var(--re-rn-light-warning-text);--re-color-danger-surface:var(--re-rn-light-danger-surface);--re-color-danger-border:var(--re-rn-light-danger-border);--re-color-danger-text:var(--re-rn-light-danger-text)}}.theme-renascent-light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--re-color-bg:var(--re-rn-light-bg);--re-color-bg-subtle:var(--re-rn-light-bg-subtle);--re-color-bg-muted:var(--re-rn-light-bg-muted);--re-color-surface:var(--re-rn-light-surface);--re-color-text:var(--re-rn-light-text);--re-color-text-muted:var(--re-rn-light-text-muted);--re-color-text-subtle:var(--re-rn-light-text-subtle);--re-color-text-on-accent:#fff;--re-color-accent-600:var(--re-rn-light-accent-600);--re-color-accent-700:var(--re-rn-light-accent-700);--re-color-accent-800:var(--re-rn-light-accent-800);--re-color-text-danger:var(--re-rn-light-text-danger);--re-color-border:var(--re-rn-light-border);--re-color-border-strong:var(--re-rn-light-border-strong);--re-color-border-danger:var(--re-rn-light-border-danger);--re-color-link:var(--re-rn-light-link);--re-color-link-hover:var(--re-rn-light-link-hover);--re-color-link-visited:var(--re-rn-light-link-visited);--re-color-focus-ring:#3c83f6;--re-color-selection-bg:var(--re-rn-light-selection-bg);--re-color-selection-text:var(--re-rn-light-selection-text);--re-focus-ring-offset:var(--re-rn-light-focus-ring-offset);--re-shadow-focus:var(--re-rn-light-shadow-focus);--re-color-info-surface:var(--re-rn-light-info-surface);--re-color-info-border:var(--re-rn-light-info-border);--re-color-info-text:var(--re-rn-light-info-text);--re-color-success-surface:var(--re-rn-light-success-surface);--re-color-success-border:var(--re-rn-light-success-border);--re-color-success-text:var(--re-rn-light-success-text);--re-color-warning-surface:var(--re-rn-light-warning-surface);--re-color-warning-border:var(--re-rn-light-warning-border);--re-color-warning-text:var(--re-rn-light-warning-text);--re-color-danger-surface:var(--re-rn-light-danger-surface);--re-color-danger-border:var(--re-rn-light-danger-border);--re-color-danger-text:var(--re-rn-light-danger-text);background-color:var(--re-color-bg);color:var(--re-color-text)}.re-button[data-variant=phoenix]{background:var(--re-gradient-phoenix);color:#fff;background-origin:border-box;border-color:#0000}.re-button[data-variant=phoenix]:hover{filter:brightness(1.12)}.re-button[data-variant=phoenix]:active{filter:brightness(.9)}.re-button[data-variant=phoenix]:focus-visible{border-color:#0000}.re-button[data-variant=phoenix]:disabled,.re-button[data-variant=phoenix][aria-disabled=true]{filter:none;opacity:.55}.re-button[data-variant=brand]{background:var(--re-gradient-brand);color:#fff;background-origin:border-box;border-color:#0000}.re-button[data-variant=brand]:hover{filter:brightness(1.12)}.re-button[data-variant=brand]:active{filter:brightness(.9)}.re-button[data-variant=brand]:focus-visible{border-color:#0000}.re-button[data-variant=brand]:disabled,.re-button[data-variant=brand][aria-disabled=true]{filter:none;opacity:.55}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@relements/core",
3
- "version": "0.4.0",
3
+ "version": "0.4.1",
4
4
  "description": "HTML-first design system core: tokens, styles, and progressive enhancement.",
5
5
  "repository": {
6
6
  "type": "git",
@@ -57,9 +57,9 @@
57
57
  --re-rn-dark-danger-border: #ef4444;
58
58
  --re-rn-dark-danger-text: #f87171;
59
59
  /* Interactive accent steps (button base/hover/active) for dark. */
60
- --re-rn-dark-accent-600: #3c83f6;
61
- --re-rn-dark-accent-700: #2563eb;
62
- --re-rn-dark-accent-800: #1d4ed8;
60
+ --re-rn-dark-accent-600: #2563eb;
61
+ --re-rn-dark-accent-700: #1d4ed8;
62
+ --re-rn-dark-accent-800: #1e40af;
63
63
 
64
64
  /* ----- LIGHT palette -------------------------------------- */
65
65
  --re-rn-light-bg: #f6f8fc;
@@ -123,17 +123,19 @@
123
123
  --re-color-border-strong: var(--re-rn-dark-border-strong);
124
124
 
125
125
  /* ----- Brand: electric blue (primary interactive) ---------
126
- Their --primary is hsl(217 91% 60%) = #3c83f6.
127
- Buttons use accent-600 as their base, so we anchor 600 = primary. */
126
+ The brand --primary is #3c83f6, but white text on it is only ~3.6:1
127
+ (below WCAG AA). Buttons use accent-600 as their base + white text, so
128
+ 600 is anchored to #2563eb (white 5.17:1) — matching the light theme and
129
+ the forced-dark class. #3c83f6 stays the brand tint/gradient color. */
128
130
  --re-color-accent-50: #eff6ff;
129
131
  --re-color-accent-100: #dbeafe;
130
132
  --re-color-accent-200: #bdd6fe;
131
133
  --re-color-accent-300: #93c3fd;
132
134
  --re-color-accent-400: #60a5fa;
133
135
  --re-color-accent-500: #60a5fa; /* tint — for backgrounds, indicators */
134
- --re-color-accent-600: #3c83f6; /* hsl(217 91% 60%) — button base */
135
- --re-color-accent-700: #2563eb; /* hover */
136
- --re-color-accent-800: #1d4ed8; /* active / pressed */
136
+ --re-color-accent-600: #2563eb; /* button base (white text AA-safe) */
137
+ --re-color-accent-700: #1d4ed8; /* hover */
138
+ --re-color-accent-800: #1e40af; /* active / pressed */
137
139
  --re-color-accent-900: #1e3a8a;
138
140
 
139
141
  /* ----- Semantic role colors ------------------------------- */