@@ -10,7 +10,6 @@ import Framer.Motion as M
10import Partial.Unsafe (unsafeCrashWith)
10import Partial.Unsafe (unsafeCrashWith)
11import React.Basic.DOM (CSS, css)
11import React.Basic.DOM (CSS, css)
12import React.Basic.DOM as R
12import React.Basic.DOM as R
13−import React.Basic.Emotion (Style)
14import React.Basic.Hooks as React
13import React.Basic.Hooks as React
15import Web.HTML.HTMLInputElement as InputElement
14import Web.HTML.HTMLInputElement as InputElement
16import Yoga.Block.Atom.Icon as Icon
15import Yoga.Block.Atom.Icon as Icon
@@ -209,7 +208,7 @@ rawComponent =
209 rawContainer
208 rawContainer
210 </ { label: (mkLabel <$> props.label) ?|| mempty
209 </ { label: (mkLabel <$> props.label) ?|| mempty
211 , hasFocus: hasFocus
210 , hasFocus: hasFocus
212− , isInvalid: aria # Object.lookup "invalid" <#> (_ == "true")
211+ , isInvalid: aria # Object.lookup "invalid" <#> (_ == "true") # maybeToOp
213 , css: props.css
212 , css: props.css
215 /> [ leading # foldMap \l -> div </ { ref: leftIconRef } /> [ l ]
214 /> [ leading # foldMap \l -> div </ { ref: leftIconRef } /> [ l ]