creactive 0.0.32 → 0.0.34

package/build/default/components/text/constants/font.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Supported text font weights enum.
+ * Should be used to control the weight of the text.
+ * This enum is not exported, use Text.FontWeight to access available types.
+ */
+export declare enum TextFontWeight {
+    THIN = 0,
+    EXTRA_LIGHT = 1,
+    LIGHT = 2,
+    REGULAR = 3,
+    SEMIBOLD = 4,
+    BOLD = 5,
+    EXTRA_BOLD = 6,
+    BLACK = 7
+}
+/**
+ * Supported text font sizes enum.
+ * Should be used to control the size of the text.
+ * This enum is not exported, use Text.FontSize to access available types.
+ */
+export declare enum TextFontSize {
+    X2S = 0,
+    XS = 1,
+    SM = 2,
+    MD = 3,
+    LG = 4,
+    XL = 5,
+    X2L = 6,
+    X3L = 7,
+    X4L = 8,
+    X5L = 9
+}

package/build/default/components/text/constants/index.d.ts

@@ -1,2 +1,3 @@
-export * from './role';
-export * from './type';
+export { TextFontSize, TextFontWeight } from './font';
+export { TextRole } from './role';
+export { TEXT_TYPE_HEADING, TextType } from './type';

package/build/default/components/text/text.types.d.ts

@@ -1,7 +1,26 @@
+import type { ThemeFontWeight } from '../../contexts';
 import type { FunctionComponent, PropsWithChildren } from 'react';
-import type { TextType } from './constants';
+import type { TextFontSize, TextFontWeight, TextType } from './constants';
 export type BaseStyleSheetParameters = {
     fontFamilyBase: string;
+    fontWeightBaseThin: ThemeFontWeight;
+    fontWeightBaseExtraLight: ThemeFontWeight;
+    fontWeightBaseLight: ThemeFontWeight;
+    fontWeightBaseRegular: ThemeFontWeight;
+    fontWeightBaseSemibold: ThemeFontWeight;
+    fontWeightBaseBold: ThemeFontWeight;
+    fontWeightBaseExtraBold: ThemeFontWeight;
+    fontWeightBaseBlack: ThemeFontWeight;
+    fontSizeBaseX2S: number;
+    fontSizeBaseXS: number;
+    fontSizeBaseSM: number;
+    fontSizeBaseMD: number;
+    fontSizeBaseLG: number;
+    fontSizeBaseXL: number;
+    fontSizeBaseX2L: number;
+    fontSizeBaseX3L: number;
+    fontSizeBaseX4L: number;
+    fontSizeBaseX5L: number;
 };
 export interface TextProps extends PropsWithChildren {
     /**
@@ -10,7 +29,21 @@ export interface TextProps extends PropsWithChildren {
      * To access types use Text.Type instead of trying to import TexType.
      */
     type?: TextType;
+    /**
+     * Specific text font weight if required.
+     * Will change text weight, depending on configured theme.
+     * Component maps font weight into matching theme base font weight value.
+     */
+    fontWeight?: TextFontWeight;
+    /**
+     * Specific text size if required.
+     * Will change text size, depending on configured theme.
+     * Component maps font size into matching theme base font size value.
+     */
+    fontSize?: TextFontSize;
 }
 export type TextComponent = FunctionComponent<TextProps> & {
     Type: Record<keyof typeof TextType, TextType>;
+    FontWeight: Record<keyof typeof TextFontWeight, TextFontWeight>;
+    FontSize: Record<keyof typeof TextFontSize, TextFontSize>;
 };

package/build/default/constants/index.d.ts

@@ -1 +1 @@
-export { FONT_FAMILY_BASE } from '../constants/theme';
+export { FONT_FAMILY_BASE, FONT_SIZE_BASE_LG, FONT_SIZE_BASE_MD, FONT_SIZE_BASE_SM, FONT_SIZE_BASE_X2L, FONT_SIZE_BASE_X2S, FONT_SIZE_BASE_X3L, FONT_SIZE_BASE_X4L, FONT_SIZE_BASE_X5L, FONT_SIZE_BASE_XL, FONT_SIZE_BASE_XS, FONT_WEIGHT_BASE_BLACK, FONT_WEIGHT_BASE_BOLD, FONT_WEIGHT_BASE_EXTRABOLD, FONT_WEIGHT_BASE_EXTRALIGHT, FONT_WEIGHT_BASE_LIGHT, FONT_WEIGHT_BASE_REGULAR, FONT_WEIGHT_BASE_SEMIBOLD, FONT_WEIGHT_BASE_THIN, } from '../constants/theme';

package/build/default/constants/theme/font.d.ts

@@ -4,3 +4,33 @@
  * Maybe we'll need som extra font family in future..
  */
 export declare const FONT_FAMILY_BASE: string;
+/**
+ * Base font weight constants.
+ * Supposed to be used for styling text.
+ * It seems like we wont need an extra set of font weights.
+ * But we named them as base just in case, you know..
+ */
+export declare const FONT_WEIGHT_BASE_THIN = 100;
+export declare const FONT_WEIGHT_BASE_EXTRALIGHT = 200;
+export declare const FONT_WEIGHT_BASE_LIGHT = 300;
+export declare const FONT_WEIGHT_BASE_REGULAR = 400;
+export declare const FONT_WEIGHT_BASE_SEMIBOLD = 600;
+export declare const FONT_WEIGHT_BASE_BOLD = 700;
+export declare const FONT_WEIGHT_BASE_EXTRABOLD = 800;
+export declare const FONT_WEIGHT_BASE_BLACK = 900;
+/**
+ * Base font size constants.
+ * Supposed to be used for styling text.
+ * It seems like we wont need an extra set of font sizes.
+ * But we named them as base just in case also..
+ */
+export declare const FONT_SIZE_BASE_X2S = 12;
+export declare const FONT_SIZE_BASE_XS = 14;
+export declare const FONT_SIZE_BASE_SM = 16;
+export declare const FONT_SIZE_BASE_MD = 18;
+export declare const FONT_SIZE_BASE_LG = 20;
+export declare const FONT_SIZE_BASE_XL = 24;
+export declare const FONT_SIZE_BASE_X2L = 30;
+export declare const FONT_SIZE_BASE_X3L = 36;
+export declare const FONT_SIZE_BASE_X4L = 48;
+export declare const FONT_SIZE_BASE_X5L = 60;

package/build/default/constants/theme/index.d.ts

@@ -1 +1 @@
-export { FONT_FAMILY_BASE } from './font';
+export { FONT_FAMILY_BASE, FONT_SIZE_BASE_LG, FONT_SIZE_BASE_MD, FONT_SIZE_BASE_SM, FONT_SIZE_BASE_X2L, FONT_SIZE_BASE_X2S, FONT_SIZE_BASE_X3L, FONT_SIZE_BASE_X4L, FONT_SIZE_BASE_X5L, FONT_SIZE_BASE_XL, FONT_SIZE_BASE_XS, FONT_WEIGHT_BASE_BLACK, FONT_WEIGHT_BASE_BOLD, FONT_WEIGHT_BASE_EXTRABOLD, FONT_WEIGHT_BASE_EXTRALIGHT, FONT_WEIGHT_BASE_LIGHT, FONT_WEIGHT_BASE_REGULAR, FONT_WEIGHT_BASE_SEMIBOLD, FONT_WEIGHT_BASE_THIN, } from './font';

package/build/default/contexts/index.d.ts

@@ -1,2 +1,2 @@
 export { ThemeContextProvider, useThemeContext } from '../contexts/theme';
-export type { ThemeContextProviderComponent, ThemeContextProviderProps, ThemeContextValue, } from '../contexts/theme';
+export type { ThemeContextProviderComponent, ThemeContextProviderProps, ThemeContextValue, ThemeFontWeight, } from '../contexts/theme';

package/build/default/contexts/theme/index.d.ts

@@ -1,2 +1,2 @@
 export { ThemeContextProvider, useThemeContext } from './theme';
-export type { ThemeContextProviderComponent, ThemeContextProviderProps, ThemeContextValue, } from './theme.types';
+export type { ThemeContextProviderComponent, ThemeContextProviderProps, ThemeContextValue, ThemeFontWeight, } from './theme.types';

package/build/default/contexts/theme/theme.types.d.ts

@@ -1,4 +1,9 @@
 import type { FunctionComponent, PropsWithChildren } from 'react';
+/**
+ * Theme font weight type.
+ * Should be used to specify theme font weight.
+ */
+export type ThemeFontWeight = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
 /**
  * Theme context value interface.
  * Contains all theme tokens you may need.
@@ -7,6 +12,24 @@ import type { FunctionComponent, PropsWithChildren } from 'react';
  */
 export interface ThemeContextValue {
     fontFamilyBase: string;
+    fontWeightBaseThin: ThemeFontWeight;
+    fontWeightBaseExtraLight: ThemeFontWeight;
+    fontWeightBaseLight: ThemeFontWeight;
+    fontWeightBaseRegular: ThemeFontWeight;
+    fontWeightBaseSemibold: ThemeFontWeight;
+    fontWeightBaseBold: ThemeFontWeight;
+    fontWeightBaseExtraBold: ThemeFontWeight;
+    fontWeightBaseBlack: ThemeFontWeight;
+    fontSizeBaseX2S: number;
+    fontSizeBaseXS: number;
+    fontSizeBaseSM: number;
+    fontSizeBaseMD: number;
+    fontSizeBaseLG: number;
+    fontSizeBaseXL: number;
+    fontSizeBaseX2L: number;
+    fontSizeBaseX3L: number;
+    fontSizeBaseX4L: number;
+    fontSizeBaseX5L: number;
 }
 export type ThemeContextProviderProps = PropsWithChildren<Partial<ThemeContextValue>>;
 export type ThemeContextProviderComponent = FunctionComponent<ThemeContextProviderProps>;

package/build/default/index.d.ts

@@ -6,6 +6,6 @@ export { Text } from './components/text';
 export type { TextComponent, TextProps } from './components/text';
 export { FONT_FAMILY_BASE } from './constants/theme';
 export { ThemeContextProvider, useThemeContext } from './contexts/theme';
-export type { ThemeContextProviderComponent, ThemeContextProviderProps, ThemeContextValue, } from './contexts/theme';
+export type { ThemeContextProviderComponent, ThemeContextProviderProps, ThemeContextValue, ThemeFontWeight, } from './contexts/theme';
 export { renderStyle } from './helpers/style';
 export type { RenderStyleHelper } from './helpers/style';