@imposium-hub/components 1.38.13 → 1.38.15

package/components/assets/FontAssetPreview.tsx

@@ -50,6 +50,7 @@ class FontAssetPreview extends React.PureComponent<IFontAssetPreviewProps, undef
                                 color: '#000000',
                                 background_color: '#ffffff',
                                 font_size: 80,
+                                font_weight: 400,
                                 font_type: 'custom',
                                 font: name,
                                 custom_font_url: url,

package/components/compositions/TextLayer.tsx

@@ -196,7 +196,7 @@ export default class TextLayer extends React.PureComponent<ITextLayerProps, ITex
     public render() {
 
         const {options: {color, background_color, line_height, word_spacing,
-            letter_spacing, font_size, font, horizontal_alignment, vertical_alignment, text_wrap}} = this.props;
+            letter_spacing, font_size, font_weight, font, horizontal_alignment, vertical_alignment, text_wrap}} = this.props;
 
         const {fontError} = this.state;
 
@@ -206,12 +206,15 @@ export default class TextLayer extends React.PureComponent<ITextLayerProps, ITex
         const lH = (line_height) ? `${line_height}px` : 'normal';
         const fS = (font_size) ? `${font_size}px` : '0px';
 
+        const fontWeight : number = (font_weight) ? font_weight : 400;
+
         const innerTextStyle = {
             color,
             lineHeight: lH,
             wordSpacing: wS,
             letterSpacing: lS,
             fontSize: fS,
+            fontWeight,
             whiteSpace: whiteSpace as any,
             fontFamily: (!fontError) ? font : 'Arial, helvetica, sans-serif'
         };

package/constants/compositions.ts

@@ -19,6 +19,7 @@ export interface ITextLayer {
     color : string;
     background_color : string;
     font_size : number;
+    font_weight : number;
     font_type : string;
     font : string;
     custom_font_id? : string;
@@ -160,6 +161,7 @@ const NEW_TEXT_LAYER : ITextLayer = {
     background_color : 'transparent',
     font_size : 24,
     font_type : 'standard',
+    font_weight: 400,
     font : DEFAULT_FONT,
     custom_font_id: null,
     custom_font_url: null,