test and lints

src/__snapshots__/AppBar.test.tsx.snap

@@ -14,24 +14,28 @@ exports[`AppBar > renders 1`] = `
       >
         <button
           aria-labelledby="_r_0_"
-          class="_button_13vu4_8 _has-icon_13vu4_60 _icon-only_13vu4_53"
+          class="_icon-button_1215g_8"
-          data-kind="tertiary"
+          data-kind="primary"
-          data-size="lg"
           role="button"
+          style="--cpd-icon-button-size: 32px;"
           tabindex="0"
+        >
+          <div
+            class="_indicator-icon_147l5_17"
+            style="--cpd-icon-button-size: 100%;"
           >
             <svg
-            aria-hidden="true"
               fill="currentColor"
-            height="24"
+              height="1em"
               viewBox="0 0 24 24"
-            width="24"
+              width="1em"
               xmlns="http://www.w3.org/2000/svg"
             >
               <path
                 d="M12 11.034a1 1 0 0 0 .29.702l.005.005c.18.18.43.29.705.29h8a1 1 0 0 0 0-2h-5.586L22 3.445a1 1 0 0 0-1.414-1.414L14 8.617V3.031a1 1 0 1 0-2 0zm0 1.963a1 1 0 0 0-.29-.702l-.005-.004A1 1 0 0 0 11 12H3a1 1 0 1 0 0 2h5.586L2 20.586A1 1 0 1 0 3.414 22L10 15.414V21a1 1 0 0 0 2 0z"
               />
             </svg>
+          </div>
         </button>
       </div>
       <div

src/button/Button.tsx

@@ -146,16 +146,16 @@ export const SettingsIconButton: FC<SettingsIconButtonProps> = (props) => {
   );
 };
 
-interface SettingsButtonProps extends ComponentPropsWithoutRef<"button"> {
+// interface SettingsButtonProps extends ComponentPropsWithoutRef<"button"> {
-  size?: "sm" | "lg";
+//   size?: "sm" | "lg";
-}
+// }
-export const SettingsButton: FC<SettingsButtonProps> = (props) => {
+// const SettingsButton: FC<SettingsButtonProps> = (props) => {
-  const { t } = useTranslation();
+//   const { t } = useTranslation();
-  const Icon =
+//   const Icon =
-    platform === "android" ? OverflowVerticalIcon : OverflowHorizontalIcon;
+//     platform === "android" ? OverflowVerticalIcon : OverflowHorizontalIcon;
-  return (
+//   return (
-    <Tooltip label={t("common.settings")}>
+//     <Tooltip label={t("common.settings")}>
-      <CpdButton iconOnly Icon={Icon} kind="secondary" {...props} />
+//       <CpdButton iconOnly Icon={Icon} kind="secondary" {...props} />
-    </Tooltip>
+//     </Tooltip>
-  );
+//   );
-};
+// };

src/room/__snapshots__/InCallView.test.tsx.snap

@@ -170,24 +170,28 @@ exports[`InCallView > rendering > renders 1`] = `
       >
         <button
           aria-labelledby="_r_8_"
-          class="_button_13vu4_8 _has-icon_13vu4_60 _icon-only_13vu4_53"
+          class="_icon-button_1215g_8"
-          data-kind="tertiary"
+          data-kind="secondary"
-          data-size="lg"
           role="button"
+          style="--cpd-icon-button-size: 32px;"
           tabindex="0"
+        >
+          <div
+            class="_indicator-icon_147l5_17"
+            style="--cpd-icon-button-size: 100%;"
           >
             <svg
-            aria-hidden="true"
               fill="currentColor"
-            height="24"
+              height="1em"
               viewBox="0 0 24 24"
-            width="24"
+              width="1em"
               xmlns="http://www.w3.org/2000/svg"
             >
               <path
                 d="M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
               />
             </svg>
+          </div>
         </button>
         <div
           class="logo"