Add nbsp and noMargin to new Text components module (#161)

Author: arthurxavierx

src/Lumi/Components2/Text.purs

@@ -1,5 +1,7 @@
 module Lumi.Components2.Text
-  ( Text
+  ( nbsp
+
+  , Text
   , TextProps, TextType
   , text
 
@@ -24,14 +26,17 @@ import Data.Maybe (Maybe(..), fromMaybe, maybe)
 import Effect.Unsafe (unsafePerformEffect)
 import Lumi.Components (LumiComponent, PropsModifier, PropsModifier', lumiComponent, propsModifier)
 import Lumi.Components.Color (ColorMap)
-import Lumi.Styles (Style, StyleModifier, StyleProperty)
+import Lumi.Styles (Style, StyleModifier)
 import Lumi.Styles as S
 import Lumi.Styles.Theme (LumiTheme(..), TextMap, textFontSize, textLineHeight, textMargin, useTheme)
 import React.Basic (JSX, ReactComponent)
 import React.Basic.DOM as R
 import React.Basic.Emotion as E
 import React.Basic.Hooks as Hooks
 
+nbsp :: String
+nbsp = " "
+
 -- Text
 
 data Text = Text
@@ -128,6 +133,9 @@ color f =
   S.style \(LumiTheme { colors }) ->
     S.css { color: S.color (f colors) }
 
+noMargin :: forall c. TextModifier c
+noMargin = S.style_ $ S.css { marginBottom: S.px 0 }
+
 -- Paragraph
 
 type ParagraphProps =