creactive 0.0.101 → 0.0.103

package/build/components/text/constants/color.d.ts

@@ -24,3 +24,23 @@ export declare enum TextColor {
     INVERSE_800 = 17,
     INVERSE_900 = 18
 }
+export declare const TEXT_COLOR_THEME_KEY: {
+    1: "colorForegroundBase100";
+    2: "colorForegroundBase200";
+    3: "colorForegroundBase300";
+    4: "colorForegroundBase400";
+    5: "colorForegroundBase500";
+    6: "colorForegroundBase600";
+    7: "colorForegroundBase700";
+    8: "colorForegroundBase800";
+    9: "colorForegroundBase900";
+    10: "colorForegroundInverse100";
+    11: "colorForegroundInverse200";
+    12: "colorForegroundInverse300";
+    13: "colorForegroundInverse400";
+    14: "colorForegroundInverse500";
+    15: "colorForegroundInverse600";
+    16: "colorForegroundInverse700";
+    17: "colorForegroundInverse800";
+    18: "colorForegroundInverse900";
+};

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

@@ -13,6 +13,17 @@ export declare enum TextFontWeight {
     EXTRA_BOLD = 7,
     BLACK = 8
 }
+export declare const TEXT_THEME_FONT_WEIGHT_KEY: {
+    0: "fontWeightBaseThin";
+    1: "fontWeightBaseExtraLight";
+    2: "fontWeightBaseLight";
+    3: "fontWeightBaseRegular";
+    4: "fontWeightBaseMedium";
+    5: "fontWeightBaseSemiBold";
+    6: "fontWeightBaseBold";
+    7: "fontWeightBaseExtraBold";
+    8: "fontWeightBaseBlack";
+};
 /**
  * Supported text font sizes enum.
  * Should be used to control the size of the text.
@@ -29,3 +40,15 @@ export declare enum TextFontSize {
     X4L = 8,
     X5L = 9
 }
+export declare const TEXT_THEME_FONT_SIZE_KEY: {
+    0: "fontSizeBaseX2S";
+    1: "fontSizeBaseXS";
+    2: "fontSizeBaseSM";
+    3: "fontSizeBaseMD";
+    4: "fontSizeBaseLG";
+    5: "fontSizeBaseXL";
+    6: "fontSizeBaseX2L";
+    7: "fontSizeBaseX3L";
+    8: "fontSizeBaseX4L";
+    9: "fontSizeBaseX5L";
+};

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

@@ -1,5 +1,4 @@
-export { TextColor } from './color';
-export { TextFontSize, TextFontWeight } from './font';
-export { TextRole } from './role';
-export { TextAlign, TextLineHeight } from './text';
-export { TEXT_TYPE_HEADING, TextType } from './type';
+export { TEXT_COLOR_THEME_KEY, TextColor } from './color';
+export { TEXT_THEME_FONT_SIZE_KEY, TEXT_THEME_FONT_WEIGHT_KEY, TextFontSize, TextFontWeight, } from './font';
+export { TEXT_HTML_TAG, TextTag } from './tag';
+export { TEXT_THEME_LINE_HEIGHT_KEY, TextAlign, TextLineHeight } from './text';

package/build/components/text/constants/tag.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Supported by view component tags.
+ * All possible layout tags should be listed here.
+ */
+export declare enum TextTag {
+    H1 = 0,
+    H2 = 1,
+    H3 = 2,
+    H4 = 3,
+    H5 = 4,
+    H6 = 5,
+    P = 6,
+    SPAN = 7
+}
+export declare const TEXT_HTML_TAG: {
+    0: "h1";
+    1: "h2";
+    2: "h3";
+    3: "h4";
+    4: "h5";
+    5: "h6";
+    6: "p";
+    7: "span";
+};

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

@@ -19,3 +19,11 @@ export declare enum TextLineHeight {
     RELAXED = 4,
     LOOSE = 5
 }
+export declare const TEXT_THEME_LINE_HEIGHT_KEY: {
+    0: "lineHeightBaseNone";
+    1: "lineHeightBaseTight";
+    2: "lineHeightBaseSnug";
+    3: "lineHeightBaseNormal";
+    4: "lineHeightBaseRelaxed";
+    5: "lineHeightBaseLoose";
+};

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

@@ -1,2 +1,3 @@
-export { Text } from './text';
-export type { TextComponent, TextProps } from './text.types';
+import type { TextComponent, TextProps } from './text.types';
+export declare const Text: TextComponent;
+export type { TextComponent, TextProps };

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

@@ -1,59 +1,62 @@
+import type { Color, FontWeight } from '../../types';
 import type { FunctionComponent, PropsWithChildren } from 'react';
-import type { TextAlign, TextColor, TextFontSize, TextFontWeight, TextLineHeight, TextType } from './constants';
+import type { TextAlign, TextColor, TextFontSize, TextFontWeight, TextLineHeight, TextTag } from './constants';
 export interface TextProps extends PropsWithChildren {
     /**
-     * Specific text type if required.
-     * Affects appearance, accessibility and semantics.
-     * Allows to control HTML element, that will be to rendered.
+     * Allows to control HTML tag to render.
+     * Makes no sense on native platforms.
+     * @see Text.Tag
      * @default undefined - renders into DIV element
      */
-    type?: TextType;
+    tag?: TextTag;
     /**
-     * Text component align control property.
      * Inner text will be aligned according to this value.
+     * @see Text.Align
      * @default Text.Align.LEFT
      */
     align?: TextAlign;
     /**
-     * Font weight property.
-     * Changes font weight, depending on theme.
-     * Uses base font weight tokens for mapping.
+     * Themed font weight.
+     * @see Text.FontWeight
      * @default Text.FontWeight.REGULAR
      */
     fontWeight?: TextFontWeight;
     /**
-     * Specific text size if required.
-     * Will change text size, depending on theme.
-     * Uses base font size tokens for mapping.
+     * Themed font size.
+     * @see Text.FontSize
      * @default Text.FontSize.MD
      */
     fontSize?: TextFontSize;
     /**
-     * Text line height property.
-     * Depends on configured theme token.
-     * Calculates using base font size and base line height ratio.
-     * @default Text.LineHeight.NONE
+     * Themed line heidht.
+     * @see Text.LineHeight
+     * @default Text.LineHeight.NORMAL
      */
     lineHeight?: TextLineHeight;
     /**
-     * Limiting text lines count.
-     * Text will be truncated with an ellipsis after specified lines count.
+     * Maximum number of lines to display.
      * @default undefined
      */
     maxLines?: number;
     /**
-     * Specifying text color property.
-     * Allows to change color, depending on theme.
-     * Theme independent colors and values may be also available.
+     * Themed or transparent color.
+     * @see Text.Color
      * @default Text.Color.BASE_800
      */
     color?: TextColor;
 }
 export type TextComponent = FunctionComponent<TextProps> & {
-    Type: Record<keyof typeof TextType, TextType>;
+    Tag: Record<keyof typeof TextTag, TextTag>;
     Align: Record<keyof typeof TextAlign, TextAlign>;
     FontWeight: Record<keyof typeof TextFontWeight, TextFontWeight>;
     FontSize: Record<keyof typeof TextFontSize, TextFontSize>;
     LineHeight: Record<keyof typeof TextLineHeight, TextLineHeight>;
     Color: Record<keyof typeof TextColor, TextColor>;
 };
+export type StyledTextrops = Pick<TextProps, 'align' | 'maxLines'> & {
+    fontFamily: string;
+    fontWeight: FontWeight;
+    fontSize: number;
+    lineHeight: number;
+    color: Color | 'transparent';
+};

package/build/components/view/constants/border.d.ts

@@ -13,6 +13,26 @@ export declare const VIEW_THEME_BORDER_WIDTH_KEY: {
     1: "borderWidthBaseMD";
     2: "borderWidthBaseLG";
 };
+export declare const VIEW_THEME_BORDER_WIDTH_TOP_STYLE_KEY: {
+    0: "borderWidthTopBaseSM";
+    1: "borderWidthTopBaseMD";
+    2: "borderWidthTopBaseLG";
+};
+export declare const VIEW_THEME_BORDER_WIDTH_LEFT_STYLE_KEY: {
+    0: "borderWidthLeftBaseSM";
+    1: "borderWidthLeftBaseMD";
+    2: "borderWidthLeftBaseLG";
+};
+export declare const VIEW_THEME_BORDER_WIDTH_RIGHT_STYLE_KEY: {
+    0: "borderWidthRightBaseSM";
+    1: "borderWidthRightBaseMD";
+    2: "borderWidthRightBaseLG";
+};
+export declare const VIEW_THEME_BORDER_WIDTH_BOTTOM_STYLE_KEY: {
+    0: "borderWidthBottomBaseSM";
+    1: "borderWidthBottomBaseMD";
+    2: "borderWidthBottomBaseLG";
+};
 /**
  * View component supported border radius enumerated constants.
  * Includes matches for all theme base border radius tokens and maximum one.

package/build/components/view/constants/index.d.ts

@@ -1,4 +1,4 @@
-export { VIEW_THEME_BORDER_RADIUS_KEY, VIEW_THEME_BORDER_WIDTH_KEY, ViewBorderRadius, ViewBorderWidth, } from './border';
+export { VIEW_THEME_BORDER_RADIUS_KEY, VIEW_THEME_BORDER_WIDTH_BOTTOM_STYLE_KEY, VIEW_THEME_BORDER_WIDTH_KEY, VIEW_THEME_BORDER_WIDTH_LEFT_STYLE_KEY, VIEW_THEME_BORDER_WIDTH_RIGHT_STYLE_KEY, VIEW_THEME_BORDER_WIDTH_TOP_STYLE_KEY, ViewBorderRadius, ViewBorderWidth, } from './border';
 export { VIEW_THEME_BACKGROUND_COLOR_KEY, VIEW_THEME_BORDER_COLOR_KEY, ViewBackgroundColor, ViewBorderColor, } from './color';
 export { ViewAlignContent, ViewAlignItems, ViewAlignSelf, ViewFlexDirection, ViewJustifyContent, } from './flex';
 export { ViewOverflow } from './overflow';

package/build/components/view/view.types.d.ts

@@ -180,7 +180,10 @@ export interface ViewProps extends PropsWithChildren {
      */
     maxHeight?: Size;
     /**
-     * View box shadow.
+     * View component box shadow.
+     * React Native's "New Architecture" is required on native.
+     * @see https://reactnative.dev/architecture/landing-page
+     * @see https://docs.expo.dev/guides/new-architecture/
      * @see View.BoxShadow
      * @default undefined
      */
@@ -197,6 +200,30 @@ export interface ViewProps extends PropsWithChildren {
      * @default undefined
      */
     borderWidth?: ViewBorderWidth;
+    /**
+     * View border top width.
+     * @see View.BorderWidth
+     * @default undefined
+     */
+    borderWidthTop?: ViewBorderWidth;
+    /**
+     * View border left width.
+     * @see View.BorderWidth
+     * @default undefined
+     */
+    borderWidthLeft?: ViewBorderWidth;
+    /**
+     * View border right width.
+     * @see View.BorderWidth
+     * @default undefined
+     */
+    borderWidthRight?: ViewBorderWidth;
+    /**
+     * View border bottom width.
+     * @see View.BorderWidth
+     * @default undefined
+     */
+    borderWidthBottom?: ViewBorderWidth;
     /**
      * View border radius.
      * @see View.BorderRadius
@@ -248,7 +275,11 @@ export type StyledViewProps = Pick<ViewProps, 'position' | 'overflow' | 'flexDir
     maxHeight?: SizeValue;
     boxShadow?: string;
     borderColor?: Color;
-    borderWidth?: number;
+    borderWidth: string;
+    borderWidthTop?: string;
+    borderWidthLeft?: string;
+    borderWidthRight?: string;
+    borderWidthBottom?: string;
     borderRadius?: `${number}px` | '50%';
     backgroundColor?: Color;
 };

package/build/contexts/theme/hooks/use-theme-style-sheet.d.ts

@@ -125,7 +125,7 @@ export declare const useThemeStyleSheet: () => {
     fontWeightBaseMedium: {
         fontWeight: import("../../..").FontWeight;
     };
-    fontWeightBaseSemibold: {
+    fontWeightBaseSemiBold: {
         fontWeight: import("../../..").FontWeight;
     };
     fontWeightBaseBold: {
@@ -536,6 +536,42 @@ export declare const useThemeStyleSheet: () => {
     borderWidthBaseLG: {
         borderWidth: number;
     };
+    borderWidthTopBaseSM: {
+        borderTopWidth: number;
+    };
+    borderWidthTopBaseMD: {
+        borderTopWidth: number;
+    };
+    borderWidthTopBaseLG: {
+        borderTopWidth: number;
+    };
+    borderWidthLeftBaseSM: {
+        borderLeftWidth: number;
+    };
+    borderWidthLeftBaseMD: {
+        borderLeftWidth: number;
+    };
+    borderWidthLeftBaseLG: {
+        borderLeftWidth: number;
+    };
+    borderWidthRightBaseSM: {
+        borderRightWidth: number;
+    };
+    borderWidthRightBaseMD: {
+        borderRightWidth: number;
+    };
+    borderWidthRightBaseLG: {
+        borderRightWidth: number;
+    };
+    borderWidthBottomBaseSM: {
+        borderBottomWidth: number;
+    };
+    borderWidthBottomBaseMD: {
+        borderBottomWidth: number;
+    };
+    borderWidthBottomBaseLG: {
+        borderBottomWidth: number;
+    };
     borderRadiusBaseXS: {
         borderRadius: number;
     };

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

@@ -227,7 +227,7 @@ export interface ThemeContextValue {
      * @see FONT_WEIGHT_BASE_SEMIBOLD
      * @default 600
      */
-    fontWeightBaseSemibold: FontWeight;
+    fontWeightBaseSemiBold: FontWeight;
     /**
      * Base bold font weight.
      * @see FONT_WEIGHT_BASE_BOLD
@@ -343,7 +343,7 @@ export interface ThemeContextValue {
      */
     lineHeightBaseLoose: number;
     /**
-     * Base 6 times extra-small spacing.
+     * Base f spacing.
      * @see SPACING_BASE_X6S
      * @default 2
      */