File tree Expand file tree Collapse file tree 3 files changed +10
-6
lines changed Expand file tree Collapse file tree 3 files changed +10
-6
lines changed Original file line number Diff line number Diff line change 3
3
4
4
import type { StoryFn , Meta , StoryObj } from '@storybook/html' ;
5
5
import { action } from '@storybook/addon-actions' ;
6
- import { getFaIcon , } from '../utilities/storybook' ;
6
+ import { getFaIcon } from '../utilities/storybook' ;
7
7
import { Combobox } from './index' ;
8
8
9
9
export default {
@@ -103,7 +103,7 @@ Default.args = {
103
103
autocomplete : 'none' ,
104
104
ariaInvalid : false ,
105
105
onChange : action ( 'change' ) ,
106
- onInvalid : action ( 'invalid' ) ,
106
+ onInvalid : action ( 'invalid' )
107
107
} ;
108
108
109
109
export const WithOpen : StoryObj = { render : Template . bind ( { } ) } ;
Original file line number Diff line number Diff line change @@ -153,7 +153,8 @@ export const radioStyles: FoundationElementTemplate<
153
153
border : calc (${ strokeWidth } * 1px ) solid ${ accentFillHover } ;
154
154
}
155
155
156
- : host ([aria-invalid = 'true' ][aria-checked = 'true' ]: not ([disabled ])) .control : hover {
156
+ : host ([aria-invalid = 'true' ][aria-checked = 'true' ]: not ([disabled ]))
157
+ .control : hover {
157
158
background-color : ${ errorFillHover } ;
158
159
border-color : ${ errorFillHover } ;
159
160
}
@@ -170,7 +171,8 @@ export const radioStyles: FoundationElementTemplate<
170
171
border : calc (${ strokeWidth } * 1px ) solid ${ accentFillActive } ;
171
172
}
172
173
173
- : host ([aria-invalid = 'true' ][aria-checked = 'true' ]: not ([disabled ])) .control : active {
174
+ : host ([aria-invalid = 'true' ][aria-checked = 'true' ]: not ([disabled ]))
175
+ .control : active {
174
176
background-color : ${ errorFillActive } ;
175
177
border-color : ${ errorFillActive } ;
176
178
}
Original file line number Diff line number Diff line change @@ -191,7 +191,8 @@ export const switchStyles: FoundationElementTemplate<
191
191
border-color : ${ errorFillRest } ;
192
192
}
193
193
194
- : host ([aria-invalid = 'true' ][aria-checked = 'true' ]: not ([disabled ])) .switch : hover {
194
+ : host ([aria-invalid = 'true' ][aria-checked = 'true' ]: not ([disabled ]))
195
+ .switch : hover {
195
196
background-color : ${ errorFillHover } ;
196
197
border-color : ${ errorFillHover } ;
197
198
}
@@ -207,7 +208,8 @@ export const switchStyles: FoundationElementTemplate<
207
208
border-color : ${ accentFillActive } ;
208
209
}
209
210
210
- : host ([aria-invalid = 'true' ][aria-checked = 'true' ]: not ([disabled ])) .switch : active {
211
+ : host ([aria-invalid = 'true' ][aria-checked = 'true' ]: not ([disabled ]))
212
+ .switch : active {
211
213
background-color : ${ errorFillActive } ;
212
214
border-color : ${ errorFillActive } ;
213
215
}
You can’t perform that action at this time.
0 commit comments