jamespot-react-components 1.0.9 → 1.0.16

package/src/styles/theme.tsx

@@ -7,6 +7,7 @@ export interface ITheme {
 }
 
 export type ThemeConfigOptions = {
+    fontFamily: string;
     linkColor: string;
     buttonColor: string;
     headerColor: string;
@@ -65,8 +66,10 @@ export type Shades =
 type ThemeConfigShadeType = { [color in Shades]: string };
 
 export type FontWeight = {
+    light: number;
     normal: number;
     medium: number;
+    semiBold: number;
     bold: number;
 };
 
@@ -78,7 +81,6 @@ export type ThemeType = {
         hrefColor: string;
         size: string;
         lineHeight: string;
-        fontWeight: number;
         weight: FontWeight;
     };
     color: ThemeConfigColorType & ThemeConfigShadeType;
@@ -178,16 +180,19 @@ const Theme: ITheme = {
             dpr: Math.ceil(window?.devicePixelRatio || 2),
             font: {
                 // Before using these properties, check JRCTypo.tsx
-                family: "'Poppins',sans-serif",
+                family:
+                    options && options.fontFamily
+                        ? "'" + options.fontFamily + "', sans-serif"
+                        : "'Poppins', sans-serif",
                 color: defaultColors.grey5,
                 hrefColor: defaultColors.secondary,
                 size: '16px',
                 lineHeight: '1.5em',
-                // @deprecated
-                fontWeight: 400,
                 weight: {
+                    light: 300,
                     normal: 400,
                     medium: 500,
+                    semiBold: 600,
                     bold: 700,
                 },
             },

package/src/types.ts

@@ -33,8 +33,6 @@ export { JRCButtonProps };
 export { JRCButtonDropdownProps } from './components/JRCButtonDropdown/JRCButtonDropdown';
 import { JRCColumnCenterProps } from './components/JRCColumnCenter/JRCColumnCenter';
 export { JRCColumnCenterProps };
-import { JRCColumnCenterTitleProps } from './components/JRCColumnCenterTitle/JRCColumnCenterTitle';
-export { JRCColumnCenterTitleProps };
 import { JRCColumnLeftProps } from './components/JRCColumnLeft/JRCColumnLeft';
 export { JRCColumnLeftProps };
 import { JRCColumnRightProps } from './components/JRCColumnRight/JRCColumnRight';
@@ -79,6 +77,10 @@ import { JRCValueLabelProps } from './components/Form/Common/types';
 export { JRCValueLabelProps };
 import { JRCWritableFormInputProps } from './components/Form/Input/JRCFormFieldRender';
 export { JRCWritableFormInputProps };
+
+export { JRCTemplateBaseProps } from './components/Templates/JRCBase.template';
+export { JRCTemplateTwoColumnsProps } from './components/Templates/JRCTwoColumns.template';
+
 import { JRCTypographyProps } from './components/JRCTypography/JRCTypography.d';
 export { JRCTypographyProps };
 export { JRCValidationButtonProps } from './components/JRCButton/JRCValidationButton';

package/build/src/components/JRCColumnCenterTitle/JRCColumnCenterTitle.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-/**
- * Props type for JRCColumnCenterTitle
- * @member title string : column title content
- * @member children enclosed React component (rendered after the title)
- */
-export interface JRCColumnCenterTitleProps {
-    title: string;
-    children: React.ReactNode;
-}
-declare const JRCColumnCenterTitle: (props: JRCColumnCenterTitleProps) => JSX.Element;
-export default JRCColumnCenterTitle;

package/src/components/JRCColumnCenterTitle/JRCColumnCenterTitle.tsx

@@ -1,26 +0,0 @@
-import * as React from 'react';
-import styled from 'styled-components';
-import { JRCH1 } from '../JRCTypo/JRCTypo';
-
-/**
- * Props type for JRCColumnCenterTitle
- * @member title string : column title content
- * @member children enclosed React component (rendered after the title)
- */
-export interface JRCColumnCenterTitleProps {
-    title: string;
-    children: React.ReactNode;
-}
-
-const StyledDiv = styled.div`
-    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
-`;
-
-const JRCColumnCenterTitle = (props: JRCColumnCenterTitleProps) => (
-    <StyledDiv>
-        <JRCH1>{props.title}</JRCH1>
-        {props.children}
-    </StyledDiv>
-);
-
-export default JRCColumnCenterTitle;