@@ -12,6 +12,7 @@ import React.Basic.DOM as R
1212import React.Basic.Hooks (reactComponent)
1313import React.Basic.Hooks as React
1414import Record.Extra (sequenceRecord)
15+import Unsafe (unsafeCoerce)
1516import Yoga.Block.Atom.Input.Style as Style
1617
1718type Props =
@@ -79,19 +80,18 @@ component =
7980 Nothing ->
8081 M.div
8182 </*
82− { className: "ry-input-label-small"
83− , layout: M.layout true
84− , layoutId: M.layoutId ("ry-input-label-" <> props.labelId)
85− , css: Style.labelSmall props.background props.textColour
86− , transition: M.transition { duration: 0.18, ease: "easeOut" }
87− , _data:
88− Object.fromHomogeneous
89− { "has-focus": show props.isFocussed
90− , "invalid": show props.isInvalid
91− , "required": show props.isRequired
92− }
93− , initial: M.initial false
94− }
83+ ( unsafeCoerce
84+ { className: "ry-input-label-small"
85+ , layout: M.layout true
86+ , layoutId: M.layoutId ("ry-input-label-" <> props.labelId)
87+ , css: Style.labelSmall props.background props.textColour
88+ , transition: M.transition { duration: 0.18, ease: "easeOut" }
89+ , "data-has-focus": props.isFocussed
90+ , "data-invalid": show props.isInvalid
91+ , "data-required": show props.isRequired
92+ , initial: M.initial false
93+ }
94+ )
9595 Just { largeLeft, largeWidth } ->
9696 M.div
9797 </*