From de75a69cadac6f68ad3204ce477f50aac05ac390 Mon Sep 17 00:00:00 2001 From: Robin Date: Thu, 9 Jul 2026 12:28:39 +0200 Subject: [PATCH 1/2] Remove stopgap color variables from previous design system They have been largely unused for a long time. This changes the colors of checkboxes and the 'end call' button to align with current designs as well. --- src/button/Button.module.css | 4 ---- src/index.css | 6 ------ src/input/Input.module.css | 8 -------- 3 files changed, 18 deletions(-) diff --git a/src/button/Button.module.css b/src/button/Button.module.css index dc7573d44..0ec5cf30e 100644 --- a/src/button/Button.module.css +++ b/src/button/Button.module.css @@ -5,10 +5,6 @@ SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial Please see LICENSE in the repository root for full details. */ -.endCall > svg { - color: var(--stopgap-color-on-solid-accent); -} - .rotate > svg { animation: spin 1s linear infinite; } diff --git a/src/index.css b/src/index.css index 039b2a421..f834d08b8 100644 --- a/src/index.css +++ b/src/index.css @@ -28,12 +28,6 @@ layer(compound); --font-size-title: calc(24px * var(--font-scale)); --font-size-headline: calc(32px * var(--font-scale)); - /* These colors are needed during the transitionary period between the old and - new Compound design systems, but should be removed ASAP */ - --stopgap-color-on-solid-accent: var(--cpd-color-bg-canvas-default); - --stopgap-background-85: rgba(255, 255, 255, 0.85); - --stopgap-bgColor3: #444; - --cpd-color-border-accent: var(--cpd-color-green-800); /* The distance to inset non-full-width content from the edge of the window along the inline axis. This ramps up from 16px for typical mobile windows, to diff --git a/src/input/Input.module.css b/src/input/Input.module.css index 869416b67..6c229f1c5 100644 --- a/src/input/Input.module.css +++ b/src/input/Input.module.css @@ -173,14 +173,6 @@ Please see LICENSE in the repository root for full details. border-color: var(--cpd-color-border-disabled); } -.checkbox svg { - display: none; -} - -.checkbox svg * { - stroke: var(--stopgap-color-on-solid-accent); -} - .checkboxField input[type="checkbox"]:checked + label > .checkbox { background: var(--cpd-color-text-action-accent); border-color: var(--cpd-color-text-action-accent); From 2684fa1d62a4d90790fe87ac1c72ddb4960d477a Mon Sep 17 00:00:00 2001 From: Robin Date: Thu, 9 Jul 2026 12:46:45 +0200 Subject: [PATCH 2/2] Remove unused class for end call button --- src/button/Button.tsx | 13 ++----------- src/room/__snapshots__/InCallView.test.tsx.snap | 2 +- src/room/__snapshots__/LobbyView.test.tsx.snap | 6 +++--- 3 files changed, 6 insertions(+), 15 deletions(-) diff --git a/src/button/Button.tsx b/src/button/Button.tsx index 0e29512c6..b8d052d6a 100644 --- a/src/button/Button.tsx +++ b/src/button/Button.tsx @@ -135,21 +135,12 @@ interface EndCallButtonProps extends ComponentPropsWithoutRef<"button"> { size?: "md" | "lg"; } -export const EndCallButton: FC = ({ - className, - ...props -}) => { +export const EndCallButton: FC = (props) => { const { t } = useTranslation(); return ( - + ); }; diff --git a/src/room/__snapshots__/InCallView.test.tsx.snap b/src/room/__snapshots__/InCallView.test.tsx.snap index 0d7e605b9..a81af4cc2 100644 --- a/src/room/__snapshots__/InCallView.test.tsx.snap +++ b/src/room/__snapshots__/InCallView.test.tsx.snap @@ -405,7 +405,7 @@ exports[`InCallView > rendering > renders 1`] = `