From 98acc7c1c9f0d5f508e289fa44370807dcc1df68 Mon Sep 17 00:00:00 2001 From: Katie Langerman <18661030+langermank@users.noreply.github.com> Date: Mon, 9 Sep 2024 16:09:03 -0700 Subject: [PATCH] snaps --- .../__snapshots__/Button.test.tsx.snap | 15 ++++++------- .../__snapshots__/TextInput.test.tsx.snap | 21 +++++++++++-------- 2 files changed, 20 insertions(+), 16 deletions(-) diff --git a/packages/react/src/Button/__tests__/__snapshots__/Button.test.tsx.snap b/packages/react/src/Button/__tests__/__snapshots__/Button.test.tsx.snap index 12ac7733bd7..f070f6eb26c 100644 --- a/packages/react/src/Button/__tests__/__snapshots__/Button.test.tsx.snap +++ b/packages/react/src/Button/__tests__/__snapshots__/Button.test.tsx.snap @@ -285,7 +285,7 @@ exports[`Button respects block prop 1`] = ` color: var(--button-color,undefined); } -.c0[data-component="IconButton"][data-no-visuals] { +.c0[data-component="IconButton"][data-no-visuals]:not(:disabled) { color: fg.muted; } @@ -602,7 +602,7 @@ exports[`Button respects the alignContent prop 1`] = ` color: var(--button-color,undefined); } -.c0[data-component="IconButton"][data-no-visuals] { +.c0[data-component="IconButton"][data-no-visuals]:not(:disabled) { color: fg.muted; } @@ -918,7 +918,7 @@ exports[`Button respects the large size prop 1`] = ` color: var(--button-color,undefined); } -.c0[data-component="IconButton"][data-no-visuals] { +.c0[data-component="IconButton"][data-no-visuals]:not(:disabled) { color: fg.muted; } @@ -1235,7 +1235,7 @@ exports[`Button respects the small size prop 1`] = ` color: var(--button-color,undefined); } -.c0[data-component="IconButton"][data-no-visuals] { +.c0[data-component="IconButton"][data-no-visuals]:not(:disabled) { color: fg.muted; } @@ -1803,7 +1803,7 @@ exports[`Button styles invisible button appropriately 1`] = ` .c0 [data-component="leadingVisual"] { grid-area: leadingVisual; - color: fg.muted; + color: var(--button-invisible-iconColor-rest,undefined); } .c0 [data-component="text"] { @@ -1814,11 +1814,12 @@ exports[`Button styles invisible button appropriately 1`] = ` .c0 [data-component="trailingVisual"] { grid-area: trailingVisual; + color: var(--button-invisible-iconColor-rest,undefined); } .c0 [data-component="trailingAction"] { margin-right: -4px; - color: fg.muted; + color: var(--button-invisible-iconColor-rest,undefined); } .c0 [data-component="buttonContent"] { @@ -1865,7 +1866,7 @@ exports[`Button styles invisible button appropriately 1`] = ` } .c0[data-component="IconButton"][data-no-visuals] { - color: fg.muted; + color: var(--button-invisible-iconColor-rest,undefined); } .c0[data-no-visuals] { diff --git a/packages/react/src/__tests__/__snapshots__/TextInput.test.tsx.snap b/packages/react/src/__tests__/__snapshots__/TextInput.test.tsx.snap index a0477bd2d28..42f11ddbd64 100644 --- a/packages/react/src/__tests__/__snapshots__/TextInput.test.tsx.snap +++ b/packages/react/src/__tests__/__snapshots__/TextInput.test.tsx.snap @@ -1879,7 +1879,7 @@ exports[`TextInput renders trailingAction icon button 1`] = ` .c4 [data-component="leadingVisual"] { grid-area: leadingVisual; - color: var(--fgColor-muted,var(--color-fg-muted,#656d76)); + color: var(--button-invisible-iconColor-rest,var(--fgColor-muted,var(--color-fg-muted,#656d76))); } .c4 [data-component="text"] { @@ -1890,11 +1890,12 @@ exports[`TextInput renders trailingAction icon button 1`] = ` .c4 [data-component="trailingVisual"] { grid-area: trailingVisual; + color: var(--button-invisible-iconColor-rest,var(--fgColor-muted,var(--color-fg-muted,#656d76))); } .c4 [data-component="trailingAction"] { margin-right: -4px; - color: var(--fgColor-muted,var(--color-fg-muted,#656d76)); + color: var(--button-invisible-iconColor-rest,var(--fgColor-muted,var(--color-fg-muted,#656d76))); } .c4 [data-component="buttonContent"] { @@ -1941,7 +1942,7 @@ exports[`TextInput renders trailingAction icon button 1`] = ` } .c4[data-component="IconButton"][data-no-visuals] { - color: var(--fgColor-muted,var(--color-fg-muted,#656d76)); + color: var(--button-invisible-iconColor-rest,var(--fgColor-muted,var(--color-fg-muted,#656d76))); } .c4[data-no-visuals] { @@ -2511,7 +2512,7 @@ exports[`TextInput renders trailingAction text button 1`] = ` .c4 [data-component="leadingVisual"] { grid-area: leadingVisual; - color: var(--fgColor-muted,var(--color-fg-muted,#656d76)); + color: var(--button-invisible-iconColor-rest,var(--fgColor-muted,var(--color-fg-muted,#656d76))); } .c4 [data-component="text"] { @@ -2522,11 +2523,12 @@ exports[`TextInput renders trailingAction text button 1`] = ` .c4 [data-component="trailingVisual"] { grid-area: trailingVisual; + color: var(--button-invisible-iconColor-rest,var(--fgColor-muted,var(--color-fg-muted,#656d76))); } .c4 [data-component="trailingAction"] { margin-right: -4px; - color: var(--fgColor-muted,var(--color-fg-muted,#656d76)); + color: var(--button-invisible-iconColor-rest,var(--fgColor-muted,var(--color-fg-muted,#656d76))); } .c4 [data-component="buttonContent"] { @@ -2573,7 +2575,7 @@ exports[`TextInput renders trailingAction text button 1`] = ` } .c4[data-component="IconButton"][data-no-visuals] { - color: var(--fgColor-muted,var(--color-fg-muted,#656d76)); + color: var(--button-invisible-iconColor-rest,var(--fgColor-muted,var(--color-fg-muted,#656d76))); } .c4[data-no-visuals] { @@ -3004,7 +3006,7 @@ exports[`TextInput renders trailingAction text button with a tooltip 1`] = ` .c4 [data-component="leadingVisual"] { grid-area: leadingVisual; - color: var(--fgColor-muted,var(--color-fg-muted,#656d76)); + color: var(--button-invisible-iconColor-rest,var(--fgColor-muted,var(--color-fg-muted,#656d76))); } .c4 [data-component="text"] { @@ -3015,11 +3017,12 @@ exports[`TextInput renders trailingAction text button with a tooltip 1`] = ` .c4 [data-component="trailingVisual"] { grid-area: trailingVisual; + color: var(--button-invisible-iconColor-rest,var(--fgColor-muted,var(--color-fg-muted,#656d76))); } .c4 [data-component="trailingAction"] { margin-right: -4px; - color: var(--fgColor-muted,var(--color-fg-muted,#656d76)); + color: var(--button-invisible-iconColor-rest,var(--fgColor-muted,var(--color-fg-muted,#656d76))); } .c4 [data-component="buttonContent"] { @@ -3066,7 +3069,7 @@ exports[`TextInput renders trailingAction text button with a tooltip 1`] = ` } .c4[data-component="IconButton"][data-no-visuals] { - color: var(--fgColor-muted,var(--color-fg-muted,#656d76)); + color: var(--button-invisible-iconColor-rest,var(--fgColor-muted,var(--color-fg-muted,#656d76))); } .c4[data-no-visuals] {