c394a47aba
* Monaco transparent bg
* started improving input transform form
* always show static/f selector
* fix connecting btn changing size
* pretty Fill Inputs button
* ResizeTransitionWrapper
* Prettier TemplateEditor
* prevent double onpointerdown when clicking button to close
* text hint
* force focus border for TemplateEditor
* styling in js mode
* update select style
* fix jittery fake monaco placeholder
* select nits
* aiproviderpicker + nits
* smaller ${...} badge
* no-default-style
* select dropdown slide
* nit
* Refresh button in flow picker quick
* jsonEditor pretty
* ai provider toggle button more
* change resource edit button pos
* ResourcePicker Add and Refresh btn
* fix scrollbar
* Fix FileInput and S3 Arg Input
* fix textarea styling
* nicer refresh button in Test This Step
* fix togglebutton border in darkmode
* rounded nit
* Fix multiselect styling
* Prevent crash when selecting dyn-multiselect
* missing $derived and $state => reactivity issue when switching between DynSelect and DynMultiselect
* forgot $effect.pre
* fix nested objects
* nits
* prettier json toggle and array inputs
* array input nits
* nit
* fix json toggle appearing in fileinputs
* nit
* started updating PropertyEditor
* (stash) fix select dropdown animation teleporting from bottom to top
* nit
* nit
* resize transition in schemaform
* nit
* nit typo
* nit enableFlyTransition
* shadow nit
* small consistency changes
* user setting nit
* resize transition in module preview form
* more space
* nit readability on hover
* DateTimeInput new style
* nit fix
* remove yPadding in template and simple editor
* nits
* Revert "remove yPadding in template and simple editor"
This reverts commit 8f27c8d0b8.
* nit
* Fix proppicker border
* fix inconsistent spacing btw arginput and input transform form field headers
* consistent add item button
* nit
* s3 settings nits
* RunsFilter fix
* gray ${...} badge
* border fix darkmode
* nit
* nit app editor consistency
* fix step input gen style
* nit fix
* nits
* toggle border
* nit toggle button
* nit font-medium
* nit font-medium
* nit font-medium
* nit font-medium
* nit
---------
Co-authored-by: Ruben Fiszel <ruben@windmill.dev>
28 lines
707 B
Svelte
28 lines
707 B
Svelte
<script lang="ts">
|
|
import { Plug } from 'lucide-svelte'
|
|
import { Button } from './common'
|
|
import AnimatedButton from './common/button/AnimatedButton.svelte'
|
|
import { twMerge } from 'tailwind-merge'
|
|
|
|
export let connecting: boolean
|
|
export let id: undefined | string = undefined
|
|
export let wrapperClasses = ''
|
|
</script>
|
|
|
|
<AnimatedButton animate={connecting} baseRadius="6px" animationDuration="2s" marginWidth="2px">
|
|
<Button
|
|
variant="border"
|
|
color="light"
|
|
size="xs2"
|
|
btnClasses={twMerge(
|
|
connecting ? 'text-blue-500' : 'text-tertiary',
|
|
'group/plug-btn overflow-clip flex p-0'
|
|
)}
|
|
on:click
|
|
{...id ? { id } : {}}
|
|
{wrapperClasses}
|
|
>
|
|
<Plug size={14} />
|
|
</Button>
|
|
</AnimatedButton>
|