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/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/index.css b/src/index.css index ad18e25df..660745692 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); diff --git a/src/room/__snapshots__/InCallView.test.tsx.snap b/src/room/__snapshots__/InCallView.test.tsx.snap index 935a1c171..d365b3605 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`] = `