style: use "text-button-icon" token for dropdown icons on Vue nodes (#6284)

## Summary

Change these dropdown icons to match [the
design](https://www.figma.com/design/31uH3r4x3xbIctuRWYW6NM/V3---Vue-Nodes?node-id=6189-6820&m=dev).

**Before**

<img width="692" height="694" alt="Selection_2196"
src="https://github.com/user-attachments/assets/aa1fb135-0ad0-4ab6-8c79-7163349b5fae"
/>

**After**

<img width="600" height="602" alt="Selection_2195"
src="https://github.com/user-attachments/assets/742ddef4-4b51-48ba-98a0-9517267de0e1"
/>

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-6284-style-use-text-button-icon-token-for-dropdown-icons-on-Vue-nodes-2976d73d365081d29d2aee51e836caaf)
by [Unito](https://www.unito.io)

---------

Co-authored-by: github-actions <github-actions@github.com>
This commit is contained in:
Christian Byrne
2025-10-25 22:36:01 -07:00
committed by GitHub
parent c67c93ff4b
commit 9350c857a2
23 changed files with 16 additions and 6 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 97 KiB

After

Width:  |  Height:  |  Size: 97 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 56 KiB

After

Width:  |  Height:  |  Size: 56 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 63 KiB

After

Width:  |  Height:  |  Size: 63 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 60 KiB

After

Width:  |  Height:  |  Size: 60 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 61 KiB

After

Width:  |  Height:  |  Size: 61 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 62 KiB

After

Width:  |  Height:  |  Size: 62 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 64 KiB

After

Width:  |  Height:  |  Size: 64 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 62 KiB

After

Width:  |  Height:  |  Size: 62 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 60 KiB

After

Width:  |  Height:  |  Size: 60 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 59 KiB

After

Width:  |  Height:  |  Size: 59 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 84 KiB

After

Width:  |  Height:  |  Size: 84 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 97 KiB

After

Width:  |  Height:  |  Size: 97 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 97 KiB

After

Width:  |  Height:  |  Size: 97 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 98 KiB

After

Width:  |  Height:  |  Size: 98 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 95 KiB

After

Width:  |  Height:  |  Size: 95 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 95 KiB

After

Width:  |  Height:  |  Size: 95 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 97 KiB

After

Width:  |  Height:  |  Size: 97 KiB

View File

@@ -8,6 +8,9 @@
:max-selected-labels="3"
:display="display"
class="w-full"
:pt="{
dropdownIcon: 'text-button-icon'
}"
/>
</div>
</template>

View File

@@ -25,7 +25,8 @@
class="max-w-[20em] min-w-[8em] text-xs"
size="small"
:pt="{
option: 'text-xs'
option: 'text-xs',
dropdownIcon: 'text-button-icon'
}"
/>
<Button
@@ -95,7 +96,8 @@
class="max-w-[20em] min-w-[8em] text-xs"
size="small"
:pt="{
option: 'text-xs'
option: 'text-xs',
dropdownIcon: 'text-button-icon'
}"
/>
<Button

View File

@@ -103,10 +103,10 @@ const inputNumberPt = useNumberWidgetButtonPt({
@update:model-value="onChange"
>
<template #incrementicon>
<span class="pi pi-plus text-sm" />
<span class="pi pi-plus text-sm text-button-icon" />
</template>
<template #decrementicon>
<span class="pi pi-minus text-sm" />
<span class="pi pi-minus text-sm text-button-icon" />
</template>
</InputNumber>
</div>

View File

@@ -9,7 +9,8 @@
size="small"
display="chip"
:pt="{
option: 'text-xs'
option: 'text-xs',
dropdownIcon: 'text-button-icon'
}"
@update:model-value="onChange"
/>

View File

@@ -8,7 +8,8 @@
:aria-label="widget.name"
size="small"
:pt="{
option: 'text-xs'
option: 'text-xs',
dropdownIcon: 'text-button-icon'
}"
data-capture-wheel="true"
@update:model-value="onChange"

View File

@@ -6,6 +6,9 @@
class="w-full text-xs"
:aria-label="widget.name"
size="small"
:pt="{
dropdownIcon: 'text-button-icon'
}"
@update:model-value="onChange"
/>
</WidgetLayoutField>