Skip to content

Commit 5181b60

Browse files
committed
fix(file-input): change token names to past tense
1 parent 90bc2a9 commit 5181b60

File tree

1 file changed

+9
-9
lines changed

1 file changed

+9
-9
lines changed

src/components/file-input/themes/file-input.base.scss

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -64,21 +64,21 @@ $theme-file-input: file-input.$base;
6464
[part~='filled']
6565
[part~='file-names'] {
6666
color: var-get($theme, 'filled-text-color');
67-
background: var-get($theme-file-input, 'file-names-background--fill')
67+
background: var-get($theme-file-input, 'file-names-background--filled')
6868
}
6969

7070
[part~='container']:focus-within {
7171
[part~='file-names'] {
7272
color: var-get($theme, 'focused-text-color');
73-
background: var-get($theme-file-input, 'file-names-background--focus')
73+
background: var-get($theme-file-input, 'file-names-background--focused')
7474
}
7575
}
7676

7777
[part~='file-selector-button'] igc-button {
7878
--foreground: #{var-get($theme-file-input, 'file-selector-button-foreground')};
79-
--disabled-foreground: #{var-get($theme-file-input, 'file-selector-button-foreground--disable')};
79+
--disabled-foreground: #{var-get($theme-file-input, 'file-selector-button-foreground--disabled')};
8080
--background: #{var-get($theme-file-input, 'file-selector-button-background')};
81-
--disabled-background: #{var-get($theme-file-input, 'file-selector-button-background--disable')};
81+
--disabled-background: #{var-get($theme-file-input, 'file-selector-button-background--disabled')};
8282
--hover-foreground: var(--foreground);
8383
--active-foreground: var(--foreground);
8484
--hover-background: var(--background);
@@ -87,14 +87,14 @@ $theme-file-input: file-input.$base;
8787

8888
[part~='filled']
8989
[part~='file-selector-button'] igc-button {
90-
--foreground: #{var-get($theme-file-input, 'file-selector-button-foreground--fill')};
91-
--background: #{var-get($theme-file-input, 'file-selector-button-background--fill')};
90+
--foreground: #{var-get($theme-file-input, 'file-selector-button-foreground--filled')};
91+
--background: #{var-get($theme-file-input, 'file-selector-button-background--filled')};
9292
}
9393

9494
[part~='container']:focus-within
9595
[part~='file-selector-button'] igc-button {
96-
--foreground: #{var-get($theme-file-input, 'file-selector-button-foreground--focus')};
97-
--background: #{var-get($theme-file-input, 'file-selector-button-background--focus')};
96+
--foreground: #{var-get($theme-file-input, 'file-selector-button-foreground--focused')};
97+
--background: #{var-get($theme-file-input, 'file-selector-button-background--focused')};
9898
}
9999
}
100100

@@ -109,6 +109,6 @@ $theme-file-input: file-input.$base;
109109
:host(:is(igc-file-input)[disabled]) {
110110
[part~='file-names'] {
111111
color: var-get($theme, 'disabled-text-color');
112-
background: var-get($theme-file-input, 'file-names-background--disable')
112+
background: var-get($theme-file-input, 'file-names-background--disabled')
113113
}
114114
}

0 commit comments

Comments
 (0)