diff --git a/styles/src/component/icon_button.ts b/styles/src/component/icon_button.ts index 935909afdbb714dda754f003a01ed264f1f9721c..dda6be83b2099f87b2368b94ff1c5ec71baadd4a 100644 --- a/styles/src/component/icon_button.ts +++ b/styles/src/component/icon_button.ts @@ -77,10 +77,7 @@ export function icon_button({ color, margin, layer, variant, size }: IconButtonO }) } -export function toggleable_icon_button( - theme: Theme, - { color, active_color, margin, variant, size, active_layer }: ToggleableIconButtonOptions -) { +export function toggleable_icon_button({ color, active_color, margin, variant, size, active_layer }: ToggleableIconButtonOptions) { if (!color) color = "base" return toggleable({ diff --git a/styles/src/style_tree/collab_panel.ts b/styles/src/style_tree/collab_panel.ts index 07f367c8afe077fd3d0bbca3ab424ecd07006078..c4ffee889cbcc70fc95d17c070fece7e73ff31ba 100644 --- a/styles/src/style_tree/collab_panel.ts +++ b/styles/src/style_tree/collab_panel.ts @@ -61,7 +61,7 @@ export default function contacts_panel(): any { width: 14, } - const header_icon_button = toggleable_icon_button(theme, { + const header_icon_button = toggleable_icon_button({ variant: "ghost", size: "sm", active_layer: theme.lowest, diff --git a/styles/src/style_tree/titlebar.ts b/styles/src/style_tree/titlebar.ts index 0a0b69e5965900b296098ebe173ebfe70a4c3499..0565982eea8333c62bbf60a9a698f7c84bdcfe1c 100644 --- a/styles/src/style_tree/titlebar.ts +++ b/styles/src/style_tree/titlebar.ts @@ -34,7 +34,7 @@ function call_controls() { } return { - toggle_microphone_button: toggleable_icon_button(theme, { + toggle_microphone_button: toggleable_icon_button({ margin: { ...margin_y, left: space.group, @@ -43,7 +43,7 @@ function call_controls() { active_color: "negative", }), - toggle_speakers_button: toggleable_icon_button(theme, { + toggle_speakers_button: toggleable_icon_button({ margin: { ...margin_y, left: space.half_item, @@ -51,7 +51,7 @@ function call_controls() { }, }), - screen_share_button: toggleable_icon_button(theme, { + screen_share_button: toggleable_icon_button({ margin: { ...margin_y, left: space.half_item, @@ -263,7 +263,7 @@ export function titlebar(): any { ...call_controls(), - toggle_contacts_button: toggleable_icon_button(theme, { + toggle_contacts_button: toggleable_icon_button({ margin: { left: ITEM_SPACING, }, diff --git a/styles/src/style_tree/toolbar.ts b/styles/src/style_tree/toolbar.ts index 32fd4ab1b589e01bb61c7cc7bb65b2c59af0109e..b3f323eb9e34c34c4a4f1d565eee75207807685e 100644 --- a/styles/src/style_tree/toolbar.ts +++ b/styles/src/style_tree/toolbar.ts @@ -10,7 +10,7 @@ export const toolbar = () => { background: background(theme.highest), border: border(theme.highest, { bottom: true }), item_spacing: 8, - toggleable_tool: toggleable_icon_button(theme, { + toggleable_tool: toggleable_icon_button({ margin: { left: 8 }, variant: "ghost", active_color: "accent", diff --git a/styles/src/style_tree/workspace.ts b/styles/src/style_tree/workspace.ts index 7feccfc8bc589b2cee5454f3a9ee7174f4d149a2..c24bc3f770db0089c2b2fcbac6146bd7e47da5ca 100644 --- a/styles/src/style_tree/workspace.ts +++ b/styles/src/style_tree/workspace.ts @@ -12,7 +12,6 @@ import tabBar from "./tab_bar" import { interactive } from "../element" import { titlebar } from "./titlebar" import { useTheme } from "../theme" -import { toggleable_icon_button } from "../component/icon_button" import { toolbar } from "./toolbar" export default function workspace(): any {