From f59844bb617f50ef78ae5abe250b0744d7341a2f Mon Sep 17 00:00:00 2001 From: Benjamin Canac Date: Fri, 18 Oct 2024 15:48:08 +0200 Subject: [PATCH] fix(Input/InputMenu/Select/SelectMenu): uniformize placeholder color --- src/theme/input-menu.ts | 7 +- src/theme/input.ts | 2 +- src/theme/select-menu.ts | 4 +- src/theme/select.ts | 2 +- .../__snapshots__/ButtonGroup.spec.ts.snap | 14 +- .../__snapshots__/CommandPalette.spec.ts.snap | 44 ++--- .../__snapshots__/Form.spec.ts.snap | 48 ++--- .../__snapshots__/Input.spec.ts.snap | 80 ++++---- .../__snapshots__/InputMenu.spec.ts.snap | 102 +++++----- .../__snapshots__/Select.spec.ts.snap | 98 +++++----- .../__snapshots__/SelectMenu.spec.ts.snap | 182 +++++++++--------- .../__snapshots__/Textarea.spec.ts.snap | 48 ++--- 12 files changed, 316 insertions(+), 315 deletions(-) diff --git a/src/theme/input-menu.ts b/src/theme/input-menu.ts index 52119caf..2adc77d0 100644 --- a/src/theme/input-menu.ts +++ b/src/theme/input-menu.ts @@ -27,16 +27,17 @@ export default (options: Required) => { tagsItemText: 'truncate', tagsItemDelete: ['inline-flex items-center rounded-[calc(var(--ui-radius)/2)] text-[var(--ui-text-dimmed)] hover:text-[var(--ui-text)] hover:bg-[var(--ui-bg-accented)]/75 disabled:pointer-events-none', options.theme.transitions && 'transition-colors'], tagsItemDeleteIcon: '', - tagsInput: 'border-0 placeholder-[var(--ui-text-dimmed)] focus:outline-none disabled:cursor-not-allowed disabled:opacity-75' + tagsInput: '' }, variants: { multiple: { true: { root: 'flex-wrap', - base: '' + base: '', + tagsInput: 'border-0 placeholder:text-[var(--ui-text-dimmed)] focus:outline-none disabled:cursor-not-allowed disabled:opacity-75' }, false: { - base: 'w-full rounded-[calc(var(--ui-radius)*1.5)] border-0 focus:outline-none disabled:cursor-not-allowed disabled:opacity-75' + base: 'w-full border-0 placeholder:text-[var(--ui-text-dimmed)] focus:outline-none disabled:cursor-not-allowed disabled:opacity-75' } }, size: { diff --git a/src/theme/input.ts b/src/theme/input.ts index 86d710e9..9e50426c 100644 --- a/src/theme/input.ts +++ b/src/theme/input.ts @@ -4,7 +4,7 @@ import { buttonGroupVariantWithRoot } from './button-group' export default (options: Required) => ({ slots: { root: 'relative inline-flex items-center', - base: ['w-full rounded-[calc(var(--ui-radius)*1.5)] border-0 placeholder-[var(--ui-text-dimmed)] focus:outline-none disabled:cursor-not-allowed disabled:opacity-75', options.theme.transitions && 'transition-colors'], + base: ['w-full rounded-[calc(var(--ui-radius)*1.5)] border-0 placeholder:text-[var(--ui-text-dimmed)] focus:outline-none disabled:cursor-not-allowed disabled:opacity-75', options.theme.transitions && 'transition-colors'], leading: 'absolute inset-y-0 start-0 flex items-center', leadingIcon: 'shrink-0 text-[var(--ui-text-dimmed)]', leadingAvatar: 'shrink-0', diff --git a/src/theme/select-menu.ts b/src/theme/select-menu.ts index f1a41261..e139e67c 100644 --- a/src/theme/select-menu.ts +++ b/src/theme/select-menu.ts @@ -6,8 +6,8 @@ export default (options: Required) => { return defu({ slots: { value: 'truncate', - placeholder: 'truncate text-current/50', - input: 'placeholder-[var(--ui-text-dimmed)] border-0 border-b border-[var(--ui-border)] focus:outline-none' + placeholder: 'truncate text-[var(--ui-text-dimmed)]', + input: 'placeholder:text-[var(--ui-text-dimmed)] border-0 border-b border-[var(--ui-border)] focus:outline-none' }, variants: { size: { diff --git a/src/theme/select.ts b/src/theme/select.ts index 4e12547f..3cbdf437 100644 --- a/src/theme/select.ts +++ b/src/theme/select.ts @@ -8,7 +8,7 @@ export default (options: Required) => { slots: { root: () => undefined, base: () => ['relative group rounded-[calc(var(--ui-radius)*1.5)] inline-flex items-center focus:outline-none disabled:cursor-not-allowed disabled:opacity-75', options.theme.transitions && 'transition-colors'], - value: 'truncate group-data-placeholder:text-current/50', + value: 'truncate group-data-placeholder:text-[var(--ui-text-dimmed)]', arrow: 'fill-[var(--ui-border)]', content: 'max-h-60 w-[var(--radix-popper-anchor-width)] bg-[var(--ui-bg)] shadow-lg rounded-[calc(var(--ui-radius)*1.5)] ring ring-[var(--ui-border)] overflow-hidden data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]', viewport: 'divide-y divide-[var(--ui-border)] scroll-py-1', diff --git a/test/components/__snapshots__/ButtonGroup.spec.ts.snap b/test/components/__snapshots__/ButtonGroup.spec.ts.snap index f71e99d1..ff12dd1e 100644 --- a/test/components/__snapshots__/ButtonGroup.spec.ts.snap +++ b/test/components/__snapshots__/ButtonGroup.spec.ts.snap @@ -2,7 +2,7 @@ exports[`ButtonGroup > renders orientation vertical with default slot correctly 1`] = ` "
-
+
@@ -180,7 +180,7 @@ exports[`CommandPalette > renders with close correctly 1`] = ` exports[`CommandPalette > renders with close slot correctly 1`] = ` "
-
Close slot
+
Close slot
@@ -237,7 +237,7 @@ exports[`CommandPalette > renders with close slot correctly 1`] = ` exports[`CommandPalette > renders with closeIcon correctly 1`] = ` "
-
@@ -297,7 +297,7 @@ exports[`CommandPalette > renders with closeIcon correctly 1`] = ` exports[`CommandPalette > renders with custom slot correctly 1`] = ` "
-
+
@@ -354,7 +354,7 @@ exports[`CommandPalette > renders with custom slot correctly 1`] = ` exports[`CommandPalette > renders with defaultValue correctly 1`] = ` "
-
+
@@ -413,7 +413,7 @@ exports[`CommandPalette > renders with defaultValue correctly 1`] = ` exports[`CommandPalette > renders with disabled correctly 1`] = ` "
-
+
@@ -472,7 +472,7 @@ exports[`CommandPalette > renders with disabled correctly 1`] = ` exports[`CommandPalette > renders with empty slot correctly 1`] = ` "
-
+
@@ -531,7 +531,7 @@ exports[`CommandPalette > renders with empty slot correctly 1`] = ` exports[`CommandPalette > renders with groups correctly 1`] = ` "
-
+
@@ -590,7 +590,7 @@ exports[`CommandPalette > renders with groups correctly 1`] = ` exports[`CommandPalette > renders with icon correctly 1`] = ` "
-
+
@@ -649,7 +649,7 @@ exports[`CommandPalette > renders with icon correctly 1`] = ` exports[`CommandPalette > renders with item slot correctly 1`] = ` "
-
+
@@ -696,7 +696,7 @@ exports[`CommandPalette > renders with item slot correctly 1`] = ` exports[`CommandPalette > renders with item-label slot correctly 1`] = ` "
-
+
@@ -755,7 +755,7 @@ exports[`CommandPalette > renders with item-label slot correctly 1`] = ` exports[`CommandPalette > renders with item-leading slot correctly 1`] = ` "
-
+
@@ -808,7 +808,7 @@ exports[`CommandPalette > renders with item-leading slot correctly 1`] = ` exports[`CommandPalette > renders with item-trailing slot correctly 1`] = ` "
-
+
@@ -861,7 +861,7 @@ exports[`CommandPalette > renders with item-trailing slot correctly 1`] = ` exports[`CommandPalette > renders with labelKey correctly 1`] = ` "
-
+
@@ -925,7 +925,7 @@ exports[`CommandPalette > renders with labelKey correctly 1`] = ` exports[`CommandPalette > renders with loading correctly 1`] = ` "
-
+
@@ -984,7 +984,7 @@ exports[`CommandPalette > renders with loading correctly 1`] = ` exports[`CommandPalette > renders with loadingIcon correctly 1`] = ` "
-
+
@@ -1011,7 +1011,7 @@ exports[`CommandPalette > renders with loadingIcon correctly 1`] = ` exports[`CommandPalette > renders with modelValue correctly 1`] = ` "
-
+
@@ -1070,7 +1070,7 @@ exports[`CommandPalette > renders with modelValue correctly 1`] = ` exports[`CommandPalette > renders with placeholder correctly 1`] = ` "
-
+
@@ -1129,7 +1129,7 @@ exports[`CommandPalette > renders with placeholder correctly 1`] = ` exports[`CommandPalette > renders with selectedIcon correctly 1`] = ` "
-
+
@@ -1188,7 +1188,7 @@ exports[`CommandPalette > renders with selectedIcon correctly 1`] = ` exports[`CommandPalette > renders with ui correctly 1`] = ` "
-
+
diff --git a/test/components/__snapshots__/Form.spec.ts.snap b/test/components/__snapshots__/Form.spec.ts.snap index 0504f42a..7de8cccd 100644 --- a/test/components/__snapshots__/Form.spec.ts.snap +++ b/test/components/__snapshots__/Form.spec.ts.snap @@ -8,7 +8,7 @@ exports[`Form > custom validation works > with error 1`] = `
-
+
@@ -21,7 +21,7 @@ exports[`Form > custom validation works > with error 1`] = `
-
+
@@ -39,7 +39,7 @@ exports[`Form > custom validation works > without error 1`] = `
-
+
@@ -52,7 +52,7 @@ exports[`Form > custom validation works > without error 1`] = `
-
+
@@ -70,7 +70,7 @@ exports[`Form > joi validation works > with error 1`] = `
-
+
@@ -83,7 +83,7 @@ exports[`Form > joi validation works > with error 1`] = `
-
+
@@ -101,7 +101,7 @@ exports[`Form > joi validation works > without error 1`] = `
-
+
@@ -114,7 +114,7 @@ exports[`Form > joi validation works > without error 1`] = `
-
+
@@ -136,7 +136,7 @@ exports[`Form > valibot safeParser validation works > with error 1`] = `
-
+
@@ -149,7 +149,7 @@ exports[`Form > valibot safeParser validation works > with error 1`] = `
-
+
@@ -167,7 +167,7 @@ exports[`Form > valibot safeParser validation works > without error 1`] = `
-
+
@@ -180,7 +180,7 @@ exports[`Form > valibot safeParser validation works > without error 1`] = `
-
+
@@ -198,7 +198,7 @@ exports[`Form > valibot validation works > with error 1`] = `
-
+
@@ -211,7 +211,7 @@ exports[`Form > valibot validation works > with error 1`] = `
-
+
@@ -229,7 +229,7 @@ exports[`Form > valibot validation works > without error 1`] = `
-
+
@@ -242,7 +242,7 @@ exports[`Form > valibot validation works > without error 1`] = `
-
+
@@ -260,7 +260,7 @@ exports[`Form > yup validation works > with error 1`] = `
-
+
@@ -273,7 +273,7 @@ exports[`Form > yup validation works > with error 1`] = `
-
+
@@ -291,7 +291,7 @@ exports[`Form > yup validation works > without error 1`] = `
-
+
@@ -304,7 +304,7 @@ exports[`Form > yup validation works > without error 1`] = `
-
+
@@ -322,7 +322,7 @@ exports[`Form > zod validation works > with error 1`] = `
-
+
@@ -335,7 +335,7 @@ exports[`Form > zod validation works > with error 1`] = `
-
+
@@ -353,7 +353,7 @@ exports[`Form > zod validation works > without error 1`] = `
-
+
@@ -366,7 +366,7 @@ exports[`Form > zod validation works > without error 1`] = `
-
+
diff --git a/test/components/__snapshots__/Input.spec.ts.snap b/test/components/__snapshots__/Input.spec.ts.snap index f2da6585..bcafcd2d 100644 --- a/test/components/__snapshots__/Input.spec.ts.snap +++ b/test/components/__snapshots__/Input.spec.ts.snap @@ -1,257 +1,257 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`Input > renders with avatar and leadingIcon correctly 1`] = ` -"
+"
" `; -exports[`Input > renders with avatar and trailingIcon correctly 1`] = `"
"`; +exports[`Input > renders with avatar and trailingIcon correctly 1`] = `"
"`; exports[`Input > renders with avatar correctly 1`] = ` -"
+"
" `; exports[`Input > renders with class correctly 1`] = ` -"
+"
" `; exports[`Input > renders with default slot correctly 1`] = ` -"
Default slot +"
Default slot
" `; exports[`Input > renders with disabled correctly 1`] = ` -"
+"
" `; exports[`Input > renders with file type correctly 1`] = ` -"
+"
" `; exports[`Input > renders with icon correctly 1`] = ` -"
+"
" `; exports[`Input > renders with id correctly 1`] = ` -"
+"
" `; exports[`Input > renders with leading and icon correctly 1`] = ` -"
+"
" `; exports[`Input > renders with leading slot correctly 1`] = ` -"
Leading slot +"
Leading slot
" `; exports[`Input > renders with leadingIcon correctly 1`] = ` -"
+"
" `; exports[`Input > renders with loading and avatar correctly 1`] = ` -"
+"
" `; exports[`Input > renders with loading correctly 1`] = ` -"
+"
" `; -exports[`Input > renders with loading trailing and avatar correctly 1`] = `"
"`; +exports[`Input > renders with loading trailing and avatar correctly 1`] = `"
"`; exports[`Input > renders with loading trailing correctly 1`] = ` -"
+"
" `; exports[`Input > renders with loadingIcon correctly 1`] = ` -"
+"
" `; exports[`Input > renders with name correctly 1`] = ` -"
+"
" `; exports[`Input > renders with neutral variant ghost correctly 1`] = ` -"
+"
" `; exports[`Input > renders with neutral variant none correctly 1`] = ` -"
+"
" `; exports[`Input > renders with neutral variant outline correctly 1`] = ` -"
+"
" `; exports[`Input > renders with neutral variant soft correctly 1`] = ` -"
+"
" `; exports[`Input > renders with neutral variant subtle correctly 1`] = ` -"
+"
" `; exports[`Input > renders with placeholder correctly 1`] = ` -"
+"
" `; exports[`Input > renders with primary variant ghost correctly 1`] = ` -"
+"
" `; exports[`Input > renders with primary variant none correctly 1`] = ` -"
+"
" `; exports[`Input > renders with primary variant outline correctly 1`] = ` -"
+"
" `; exports[`Input > renders with primary variant soft correctly 1`] = ` -"
+"
" `; exports[`Input > renders with primary variant subtle correctly 1`] = ` -"
+"
" `; exports[`Input > renders with required correctly 1`] = ` -"
+"
" `; exports[`Input > renders with size lg correctly 1`] = ` -"
+"
" `; exports[`Input > renders with size md correctly 1`] = ` -"
+"
" `; exports[`Input > renders with size sm correctly 1`] = ` -"
+"
" `; exports[`Input > renders with size xl correctly 1`] = ` -"
+"
" `; exports[`Input > renders with size xs correctly 1`] = ` -"
+"
" `; exports[`Input > renders with trailing and icon correctly 1`] = ` -"
+"
" `; exports[`Input > renders with trailing slot correctly 1`] = ` -"
+"
Trailing slot
" `; exports[`Input > renders with trailingIcon correctly 1`] = ` -"
+"
" `; exports[`Input > renders with type correctly 1`] = ` -"
+"
" `; exports[`Input > renders with ui correctly 1`] = ` -"
+"
" diff --git a/test/components/__snapshots__/InputMenu.spec.ts.snap b/test/components/__snapshots__/InputMenu.spec.ts.snap index 56aec9d3..976b460b 100644 --- a/test/components/__snapshots__/InputMenu.spec.ts.snap +++ b/test/components/__snapshots__/InputMenu.spec.ts.snap @@ -1,7 +1,7 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html exports[`InputMenu > renders with arrow correctly 1`] = ` -"
+"
@@ -36,7 +36,7 @@ exports[`InputMenu > renders with arrow correctly 1`] = ` `; exports[`InputMenu > renders with as correctly 1`] = ` -"
+"
@@ -71,7 +71,7 @@ exports[`InputMenu > renders with as correctly 1`] = ` `; exports[`InputMenu > renders with avatar and leadingIcon correctly 1`] = ` -"
+"
@@ -79,7 +79,7 @@ exports[`InputMenu > renders with avatar and leadingIcon correctly 1`] = ` `; exports[`InputMenu > renders with avatar and trailingIcon correctly 1`] = ` -"
+"
@@ -87,7 +87,7 @@ exports[`InputMenu > renders with avatar and trailingIcon correctly 1`] = ` `; exports[`InputMenu > renders with avatar correctly 1`] = ` -"
+"
@@ -95,7 +95,7 @@ exports[`InputMenu > renders with avatar correctly 1`] = ` `; exports[`InputMenu > renders with class correctly 1`] = ` -"
+"
@@ -130,7 +130,7 @@ exports[`InputMenu > renders with class correctly 1`] = ` `; exports[`InputMenu > renders with default slot correctly 1`] = ` -"
+"
@@ -139,7 +139,7 @@ exports[`InputMenu > renders with default slot correctly 1`] = ` `; exports[`InputMenu > renders with defaultValue correctly 1`] = ` -"
+"
@@ -174,7 +174,7 @@ exports[`InputMenu > renders with defaultValue correctly 1`] = ` `; exports[`InputMenu > renders with disabled correctly 1`] = ` -"
+"
@@ -209,7 +209,7 @@ exports[`InputMenu > renders with disabled correctly 1`] = ` `; exports[`InputMenu > renders with icon correctly 1`] = ` -"
+"
@@ -217,7 +217,7 @@ exports[`InputMenu > renders with icon correctly 1`] = ` `; exports[`InputMenu > renders with id correctly 1`] = ` -"
+"
@@ -252,7 +252,7 @@ exports[`InputMenu > renders with id correctly 1`] = ` `; exports[`InputMenu > renders with item slot correctly 1`] = ` -"
+"
@@ -287,7 +287,7 @@ exports[`InputMenu > renders with item slot correctly 1`] = ` `; exports[`InputMenu > renders with item-label slot correctly 1`] = ` -"
+"
@@ -322,7 +322,7 @@ exports[`InputMenu > renders with item-label slot correctly 1`] = ` `; exports[`InputMenu > renders with item-leading slot correctly 1`] = ` -"
+"
@@ -357,7 +357,7 @@ exports[`InputMenu > renders with item-leading slot correctly 1`] = ` `; exports[`InputMenu > renders with item-trailing slot correctly 1`] = ` -"
+"
@@ -392,7 +392,7 @@ exports[`InputMenu > renders with item-trailing slot correctly 1`] = ` `; exports[`InputMenu > renders with items correctly 1`] = ` -"
+"
@@ -427,7 +427,7 @@ exports[`InputMenu > renders with items correctly 1`] = ` `; exports[`InputMenu > renders with labelKey correctly 1`] = ` -"
+"
@@ -462,7 +462,7 @@ exports[`InputMenu > renders with labelKey correctly 1`] = ` `; exports[`InputMenu > renders with leading and icon correctly 1`] = ` -"
+"
@@ -470,7 +470,7 @@ exports[`InputMenu > renders with leading and icon correctly 1`] = ` `; exports[`InputMenu > renders with leading slot correctly 1`] = ` -"
Leading slot +"
Leading slot @@ -478,7 +478,7 @@ exports[`InputMenu > renders with leading slot correctly 1`] = ` `; exports[`InputMenu > renders with leadingIcon correctly 1`] = ` -"
+"
@@ -486,7 +486,7 @@ exports[`InputMenu > renders with leadingIcon correctly 1`] = ` `; exports[`InputMenu > renders with loading and avatar correctly 1`] = ` -"
+"
@@ -494,7 +494,7 @@ exports[`InputMenu > renders with loading and avatar correctly 1`] = ` `; exports[`InputMenu > renders with loading correctly 1`] = ` -"
+"
@@ -502,7 +502,7 @@ exports[`InputMenu > renders with loading correctly 1`] = ` `; exports[`InputMenu > renders with loading trailing and avatar correctly 1`] = ` -"
+"
@@ -510,7 +510,7 @@ exports[`InputMenu > renders with loading trailing and avatar correctly 1`] = ` `; exports[`InputMenu > renders with loading trailing correctly 1`] = ` -"
+"
@@ -519,7 +519,7 @@ exports[`InputMenu > renders with loading trailing correctly 1`] = ` `; exports[`InputMenu > renders with loadingIcon correctly 1`] = ` -"
+"
@@ -527,7 +527,7 @@ exports[`InputMenu > renders with loadingIcon correctly 1`] = ` `; exports[`InputMenu > renders with modelValue correctly 1`] = ` -"
+"
@@ -562,7 +562,7 @@ exports[`InputMenu > renders with modelValue correctly 1`] = ` `; exports[`InputMenu > renders with name correctly 1`] = ` -"
+"
@@ -597,7 +597,7 @@ exports[`InputMenu > renders with name correctly 1`] = ` `; exports[`InputMenu > renders with neutral variant ghost correctly 1`] = ` -"
+"
@@ -632,7 +632,7 @@ exports[`InputMenu > renders with neutral variant ghost correctly 1`] = ` `; exports[`InputMenu > renders with neutral variant none correctly 1`] = ` -"
+"
@@ -667,7 +667,7 @@ exports[`InputMenu > renders with neutral variant none correctly 1`] = ` `; exports[`InputMenu > renders with neutral variant outline correctly 1`] = ` -"
+"
@@ -702,7 +702,7 @@ exports[`InputMenu > renders with neutral variant outline correctly 1`] = ` `; exports[`InputMenu > renders with neutral variant soft correctly 1`] = ` -"
+"
@@ -737,7 +737,7 @@ exports[`InputMenu > renders with neutral variant soft correctly 1`] = ` `; exports[`InputMenu > renders with neutral variant subtle correctly 1`] = ` -"
+"
@@ -772,7 +772,7 @@ exports[`InputMenu > renders with neutral variant subtle correctly 1`] = ` `; exports[`InputMenu > renders with placeholder correctly 1`] = ` -"
+"
@@ -807,7 +807,7 @@ exports[`InputMenu > renders with placeholder correctly 1`] = ` `; exports[`InputMenu > renders with primary variant ghost correctly 1`] = ` -"
+"
@@ -842,7 +842,7 @@ exports[`InputMenu > renders with primary variant ghost correctly 1`] = ` `; exports[`InputMenu > renders with primary variant none correctly 1`] = ` -"
+"
@@ -877,7 +877,7 @@ exports[`InputMenu > renders with primary variant none correctly 1`] = ` `; exports[`InputMenu > renders with primary variant outline correctly 1`] = ` -"
+"
@@ -912,7 +912,7 @@ exports[`InputMenu > renders with primary variant outline correctly 1`] = ` `; exports[`InputMenu > renders with primary variant soft correctly 1`] = ` -"
+"
@@ -947,7 +947,7 @@ exports[`InputMenu > renders with primary variant soft correctly 1`] = ` `; exports[`InputMenu > renders with primary variant subtle correctly 1`] = ` -"
+"
@@ -982,7 +982,7 @@ exports[`InputMenu > renders with primary variant subtle correctly 1`] = ` `; exports[`InputMenu > renders with required correctly 1`] = ` -"
+"
@@ -1017,7 +1017,7 @@ exports[`InputMenu > renders with required correctly 1`] = ` `; exports[`InputMenu > renders with selectedIcon correctly 1`] = ` -"
+"
@@ -1052,7 +1052,7 @@ exports[`InputMenu > renders with selectedIcon correctly 1`] = ` `; exports[`InputMenu > renders with size lg correctly 1`] = ` -"
+"
@@ -1087,7 +1087,7 @@ exports[`InputMenu > renders with size lg correctly 1`] = ` `; exports[`InputMenu > renders with size md correctly 1`] = ` -"
+"
@@ -1122,7 +1122,7 @@ exports[`InputMenu > renders with size md correctly 1`] = ` `; exports[`InputMenu > renders with size sm correctly 1`] = ` -"
+"
@@ -1157,7 +1157,7 @@ exports[`InputMenu > renders with size sm correctly 1`] = ` `; exports[`InputMenu > renders with size xl correctly 1`] = ` -"
+"
@@ -1192,7 +1192,7 @@ exports[`InputMenu > renders with size xl correctly 1`] = ` `; exports[`InputMenu > renders with size xs correctly 1`] = ` -"
+"
@@ -1227,7 +1227,7 @@ exports[`InputMenu > renders with size xs correctly 1`] = ` `; exports[`InputMenu > renders with trailing and icon correctly 1`] = ` -"
+"
@@ -1236,7 +1236,7 @@ exports[`InputMenu > renders with trailing and icon correctly 1`] = ` `; exports[`InputMenu > renders with trailing slot correctly 1`] = ` -"
+"
@@ -1245,7 +1245,7 @@ exports[`InputMenu > renders with trailing slot correctly 1`] = ` `; exports[`InputMenu > renders with trailingIcon correctly 1`] = ` -"
+"
@@ -1254,7 +1254,7 @@ exports[`InputMenu > renders with trailingIcon correctly 1`] = ` `; exports[`InputMenu > renders with trailingIcon correctly 2`] = ` -"
+"
@@ -1289,7 +1289,7 @@ exports[`InputMenu > renders with trailingIcon correctly 2`] = ` `; exports[`InputMenu > renders with ui correctly 1`] = ` -"
+"
@@ -1324,7 +1324,7 @@ exports[`InputMenu > renders with ui correctly 1`] = ` `; exports[`InputMenu > renders with valueKey correctly 1`] = ` -"
+"
diff --git a/test/components/__snapshots__/Select.spec.ts.snap b/test/components/__snapshots__/Select.spec.ts.snap index 5725137d..87b39126 100644 --- a/test/components/__snapshots__/Select.spec.ts.snap +++ b/test/components/__snapshots__/Select.spec.ts.snap @@ -2,7 +2,7 @@ exports[`Select > renders with arrow correctly 1`] = ` " @@ -56,21 +56,21 @@ exports[`Select > renders with arrow correctly 1`] = ` `; exports[`Select > renders with avatar and leadingIcon correctly 1`] = ` -" +" " `; exports[`Select > renders with avatar and trailingIcon correctly 1`] = ` -" +" " `; exports[`Select > renders with avatar correctly 1`] = ` -" +" " @@ -78,7 +78,7 @@ exports[`Select > renders with avatar correctly 1`] = ` exports[`Select > renders with class correctly 1`] = ` " @@ -133,7 +133,7 @@ exports[`Select > renders with class correctly 1`] = ` exports[`Select > renders with defaultValue correctly 1`] = ` " @@ -188,7 +188,7 @@ exports[`Select > renders with defaultValue correctly 1`] = ` exports[`Select > renders with disabled correctly 1`] = ` " @@ -242,7 +242,7 @@ exports[`Select > renders with disabled correctly 1`] = ` `; exports[`Select > renders with icon correctly 1`] = ` -" +" " @@ -250,7 +250,7 @@ exports[`Select > renders with icon correctly 1`] = ` exports[`Select > renders with id correctly 1`] = ` " @@ -305,7 +305,7 @@ exports[`Select > renders with id correctly 1`] = ` exports[`Select > renders with item slot correctly 1`] = ` " @@ -343,7 +343,7 @@ exports[`Select > renders with item slot correctly 1`] = ` exports[`Select > renders with item-label slot correctly 1`] = ` " @@ -398,7 +398,7 @@ exports[`Select > renders with item-label slot correctly 1`] = ` exports[`Select > renders with item-leading slot correctly 1`] = ` " @@ -453,7 +453,7 @@ exports[`Select > renders with item-leading slot correctly 1`] = ` exports[`Select > renders with item-trailing slot correctly 1`] = ` " @@ -508,7 +508,7 @@ exports[`Select > renders with item-trailing slot correctly 1`] = ` exports[`Select > renders with items correctly 1`] = ` " @@ -563,7 +563,7 @@ exports[`Select > renders with items correctly 1`] = ` exports[`Select > renders with labelKey correctly 1`] = ` " @@ -617,14 +617,14 @@ exports[`Select > renders with labelKey correctly 1`] = ` `; exports[`Select > renders with leading and icon correctly 1`] = ` -" +" " `; exports[`Select > renders with leading slot correctly 1`] = ` -" +" @@ -677,28 +677,28 @@ exports[`Select > renders with leading slot correctly 1`] = ` `; exports[`Select > renders with leadingIcon correctly 1`] = ` -" +" " `; exports[`Select > renders with loading and avatar correctly 1`] = ` -" +" " `; exports[`Select > renders with loading correctly 1`] = ` -" +" " `; exports[`Select > renders with loading trailing and avatar correctly 1`] = ` -" +" " @@ -706,7 +706,7 @@ exports[`Select > renders with loading trailing and avatar correctly 1`] = ` exports[`Select > renders with loading trailing correctly 1`] = ` " @@ -714,7 +714,7 @@ exports[`Select > renders with loading trailing correctly 1`] = ` `; exports[`Select > renders with loadingIcon correctly 1`] = ` -" +" " @@ -722,7 +722,7 @@ exports[`Select > renders with loadingIcon correctly 1`] = ` exports[`Select > renders with modelValue correctly 1`] = ` " @@ -777,7 +777,7 @@ exports[`Select > renders with modelValue correctly 1`] = ` exports[`Select > renders with name correctly 1`] = ` " @@ -832,7 +832,7 @@ exports[`Select > renders with name correctly 1`] = ` exports[`Select > renders with neutral variant ghost correctly 1`] = ` " @@ -887,7 +887,7 @@ exports[`Select > renders with neutral variant ghost correctly 1`] = ` exports[`Select > renders with neutral variant none correctly 1`] = ` " @@ -942,7 +942,7 @@ exports[`Select > renders with neutral variant none correctly 1`] = ` exports[`Select > renders with neutral variant outline correctly 1`] = ` " @@ -997,7 +997,7 @@ exports[`Select > renders with neutral variant outline correctly 1`] = ` exports[`Select > renders with neutral variant soft correctly 1`] = ` " @@ -1052,7 +1052,7 @@ exports[`Select > renders with neutral variant soft correctly 1`] = ` exports[`Select > renders with neutral variant subtle correctly 1`] = ` " @@ -1107,7 +1107,7 @@ exports[`Select > renders with neutral variant subtle correctly 1`] = ` exports[`Select > renders with placeholder correctly 1`] = ` " @@ -1162,7 +1162,7 @@ exports[`Select > renders with placeholder correctly 1`] = ` exports[`Select > renders with primary variant ghost correctly 1`] = ` " @@ -1217,7 +1217,7 @@ exports[`Select > renders with primary variant ghost correctly 1`] = ` exports[`Select > renders with primary variant none correctly 1`] = ` " @@ -1272,7 +1272,7 @@ exports[`Select > renders with primary variant none correctly 1`] = ` exports[`Select > renders with primary variant outline correctly 1`] = ` " @@ -1327,7 +1327,7 @@ exports[`Select > renders with primary variant outline correctly 1`] = ` exports[`Select > renders with primary variant soft correctly 1`] = ` " @@ -1382,7 +1382,7 @@ exports[`Select > renders with primary variant soft correctly 1`] = ` exports[`Select > renders with primary variant subtle correctly 1`] = ` " @@ -1437,7 +1437,7 @@ exports[`Select > renders with primary variant subtle correctly 1`] = ` exports[`Select > renders with required correctly 1`] = ` " @@ -1492,7 +1492,7 @@ exports[`Select > renders with required correctly 1`] = ` exports[`Select > renders with selectedIcon correctly 1`] = ` " @@ -1547,7 +1547,7 @@ exports[`Select > renders with selectedIcon correctly 1`] = ` exports[`Select > renders with size lg correctly 1`] = ` " @@ -1602,7 +1602,7 @@ exports[`Select > renders with size lg correctly 1`] = ` exports[`Select > renders with size md correctly 1`] = ` " @@ -1657,7 +1657,7 @@ exports[`Select > renders with size md correctly 1`] = ` exports[`Select > renders with size sm correctly 1`] = ` " @@ -1712,7 +1712,7 @@ exports[`Select > renders with size sm correctly 1`] = ` exports[`Select > renders with size xl correctly 1`] = ` " @@ -1767,7 +1767,7 @@ exports[`Select > renders with size xl correctly 1`] = ` exports[`Select > renders with size xs correctly 1`] = ` " @@ -1822,7 +1822,7 @@ exports[`Select > renders with size xs correctly 1`] = ` exports[`Select > renders with trailing and icon correctly 1`] = ` " @@ -1831,7 +1831,7 @@ exports[`Select > renders with trailing and icon correctly 1`] = ` exports[`Select > renders with trailing slot correctly 1`] = ` " @@ -1886,7 +1886,7 @@ exports[`Select > renders with trailing slot correctly 1`] = ` exports[`Select > renders with trailingIcon correctly 1`] = ` " @@ -1895,7 +1895,7 @@ exports[`Select > renders with trailingIcon correctly 1`] = ` exports[`Select > renders with trailingIcon correctly 2`] = ` " @@ -1950,7 +1950,7 @@ exports[`Select > renders with trailingIcon correctly 2`] = ` exports[`Select > renders with ui correctly 1`] = ` " @@ -2005,7 +2005,7 @@ exports[`Select > renders with ui correctly 1`] = ` exports[`Select > renders with valueKey correctly 1`] = ` " diff --git a/test/components/__snapshots__/SelectMenu.spec.ts.snap b/test/components/__snapshots__/SelectMenu.spec.ts.snap index fa0f7738..aeea85e9 100644 --- a/test/components/__snapshots__/SelectMenu.spec.ts.snap +++ b/test/components/__snapshots__/SelectMenu.spec.ts.snap @@ -2,13 +2,13 @@ exports[`SelectMenu > renders with arrow correctly 1`] = ` "
-
+