@@ -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