creactive 0.0.138 → 0.0.140

package/build/components/atoms/gradient/constants/direction.d.ts

@@ -1,10 +1,10 @@
-export declare enum GradientDirection {
+export declare enum GradientLinearDirection {
     TOP = 0,
     LEFT = 1,
     RIGHT = 2,
     BOTTOM = 3
 }
-export declare const GRADIENT_DIRECTION_COORDINATES: {
+export declare const GRADIENT_LINEAR_DIRECTION_COORDINATES: {
     0: {
         x1: number;
         y1: number;

package/build/components/atoms/gradient/constants/index.d.ts

@@ -1 +1 @@
-export { GRADIENT_DIRECTION_COORDINATES, GradientDirection } from './direction';
+export { GRADIENT_LINEAR_DIRECTION_COORDINATES, GradientLinearDirection, } from './direction';

package/build/components/atoms/gradient/gradient.types.d.ts

@@ -1,7 +1,7 @@
 import type { Fraction } from '../../../helpers';
 import type { Color } from '../../../types';
 import type { FunctionComponent, ReactElement } from 'react';
-import type { GradientDirection } from './constants';
+import type { GradientLinearDirection } from './constants';
 /**
  * Gradient stop component properties.
  * Describes possible gradient stop component customization.
@@ -33,12 +33,16 @@ export type GradientStopComponent = FunctionComponent<GradientStopProperties>;
  * @see Gradient.Linear
  */
 export interface GradientLinearProperties {
+    /**
+     * Allows to select linear gradient component in tests.
+     * @default undefined
+     */
+    testId?: string;
     /**
      * One of supported gradient directions.
      * @see Gradient.Direction
-     * @default Gradient.Direction.BOTTOM
      */
-    direction?: GradientDirection;
+    direction: GradientLinearDirection;
     /**
      * Gradient children.
      * @see Gradient.Stop
@@ -54,7 +58,7 @@ export interface GradientLinearProperties {
  * @see Gradient.Direction
  */
 export type GradientLinearComponent = FunctionComponent<GradientLinearProperties> & {
-    Direction: Record<keyof typeof GradientDirection, GradientDirection>;
+    Direction: Record<keyof typeof GradientLinearDirection, GradientLinearDirection>;
 };
 /**
  * Gradient object providing access to components and constants.

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

@@ -34,3 +34,19 @@ export declare enum TextColor {
     FAILURE_900 = 26,
     TRANSPARENT = 27
 }
+/**
+ * Supported text background color constants.
+ * Part of theme colors, suitable for text background.
+ * @see Text.BackgroundColor
+ */
+export declare enum TextBackgroundColor {
+    BASE_100 = 0,
+    BASE_200 = 1,
+    BASE_300 = 2,
+    BASE_400 = 3,
+    BASE_500 = 4,
+    BASE_600 = 5,
+    BASE_700 = 6,
+    BASE_800 = 7,
+    BASE_900 = 8
+}

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

@@ -38,5 +38,6 @@ export declare enum TextFontSize {
     X2L = 6,
     X3L = 7,
     X4L = 8,
-    X5L = 9
+    X5L = 9,
+    X6L = 10
 }

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

@@ -1,4 +1,4 @@
-export { TextColor } from './color';
+export { TextBackgroundColor, TextColor } from './color';
 export { TextFontFamily, TextFontSize, TextFontWeight } from './font';
 export { TextTag } from './tag';
 export { TextAlign, TextDecoration, TextLineHeight } from './text';

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

@@ -1,7 +1,7 @@
 import type { Fraction } from '../../../helpers';
 import type { Color, FontWeight } from '../../../types';
 import type { ForwardRefExoticComponent, PropsWithChildren, PropsWithoutRef, RefAttributes } from 'react';
-import type { TextAlign, TextColor, TextDecoration, TextFontFamily, TextFontSize, TextFontWeight, TextLineHeight, TextTag } from './constants';
+import type { TextAlign, TextBackgroundColor, TextColor, TextDecoration, TextFontFamily, TextFontSize, TextFontWeight, TextLineHeight, TextTag } from './constants';
 /**
  * Provided by component reference object measure callback.
  * Allows to access component layout element position and size.
@@ -75,6 +75,12 @@ export interface TextProperties extends PropsWithChildren {
      * @default Text.Color.BASE_800
      */
     color?: TextColor;
+    /**
+     * Themed background color.
+     * @see Text.BackgroundColor
+     * @default undefined
+     */
+    backgroundColor?: TextBackgroundColor;
     /**
      * Text opacity.
      * @see Fraction
@@ -91,6 +97,7 @@ export type TextComponent = ForwardRefExoticComponent<PropsWithoutRef<TextProper
     FontSize: Record<keyof typeof TextFontSize, TextFontSize>;
     LineHeight: Record<keyof typeof TextLineHeight, TextLineHeight>;
     Color: Record<keyof typeof TextColor, TextColor>;
+    BackgroundColor: Record<keyof typeof TextBackgroundColor, TextBackgroundColor>;
 };
 /**
  * Styled text properties type.
@@ -106,6 +113,7 @@ export type TextStyledProperties = {
         lineHeight: number;
         maxLines: number;
         color: Color;
+        backgroundColor?: Color;
         opacity?: number;
     };
 };

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

@@ -9,13 +9,14 @@ 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;
-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;
+export declare const FONT_SIZE_BASE_X2S = 10;
+export declare const FONT_SIZE_BASE_XS = 12;
+export declare const FONT_SIZE_BASE_SM = 14;
+export declare const FONT_SIZE_BASE_MD = 16;
+export declare const FONT_SIZE_BASE_LG = 18;
+export declare const FONT_SIZE_BASE_XL = 20;
+export declare const FONT_SIZE_BASE_X2L = 24;
+export declare const FONT_SIZE_BASE_X3L = 30;
+export declare const FONT_SIZE_BASE_X4L = 36;
+export declare const FONT_SIZE_BASE_X5L = 48;
+export declare const FONT_SIZE_BASE_X6L = 60;

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

@@ -1,5 +1,5 @@
 export { BORDER_RADIUS_BASE_LG, BORDER_RADIUS_BASE_MD, BORDER_RADIUS_BASE_SM, BORDER_RADIUS_BASE_XL, BORDER_RADIUS_BASE_XS, BORDER_WIDTH_BASE_LG, BORDER_WIDTH_BASE_MD, BORDER_WIDTH_BASE_SM, } from './border';
 export { COLOR_BACKGROUND_BASE_100, COLOR_BACKGROUND_BASE_200, COLOR_BACKGROUND_BASE_300, COLOR_BACKGROUND_BASE_400, COLOR_BACKGROUND_BASE_500, COLOR_BACKGROUND_BASE_600, COLOR_BACKGROUND_BASE_700, COLOR_BACKGROUND_BASE_800, COLOR_BACKGROUND_BASE_900, COLOR_BACKGROUND_PRIMARY_100, COLOR_BACKGROUND_PRIMARY_200, COLOR_BACKGROUND_PRIMARY_300, COLOR_BACKGROUND_PRIMARY_400, COLOR_BACKGROUND_PRIMARY_500, COLOR_BACKGROUND_PRIMARY_600, COLOR_BACKGROUND_PRIMARY_700, COLOR_BACKGROUND_PRIMARY_800, COLOR_BACKGROUND_PRIMARY_900, COLOR_BORDER_BASE_100, COLOR_BORDER_BASE_200, COLOR_BORDER_BASE_300, COLOR_BORDER_BASE_400, COLOR_BORDER_BASE_500, COLOR_BORDER_BASE_600, COLOR_BORDER_BASE_700, COLOR_BORDER_BASE_800, COLOR_BORDER_BASE_900, COLOR_FOREGROUND_BASE_100, COLOR_FOREGROUND_BASE_200, COLOR_FOREGROUND_BASE_300, COLOR_FOREGROUND_BASE_400, COLOR_FOREGROUND_BASE_500, COLOR_FOREGROUND_BASE_600, COLOR_FOREGROUND_BASE_700, COLOR_FOREGROUND_BASE_800, COLOR_FOREGROUND_BASE_900, COLOR_FOREGROUND_FAILURE_100, COLOR_FOREGROUND_FAILURE_200, COLOR_FOREGROUND_FAILURE_300, COLOR_FOREGROUND_FAILURE_400, COLOR_FOREGROUND_FAILURE_500, COLOR_FOREGROUND_FAILURE_600, COLOR_FOREGROUND_FAILURE_700, COLOR_FOREGROUND_FAILURE_800, COLOR_FOREGROUND_FAILURE_900, COLOR_FOREGROUND_INVERSE_100, COLOR_FOREGROUND_INVERSE_200, COLOR_FOREGROUND_INVERSE_300, COLOR_FOREGROUND_INVERSE_400, COLOR_FOREGROUND_INVERSE_500, COLOR_FOREGROUND_INVERSE_600, COLOR_FOREGROUND_INVERSE_700, COLOR_FOREGROUND_INVERSE_800, COLOR_FOREGROUND_INVERSE_900, } from './color';
-export { FONT_FAMILY_BASE, FONT_FAMILY_TYPOGRAPHIC, 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_MEDIUM, FONT_WEIGHT_BASE_REGULAR, FONT_WEIGHT_BASE_SEMIBOLD, FONT_WEIGHT_BASE_THIN, } from './font';
+export { FONT_FAMILY_BASE, FONT_FAMILY_TYPOGRAPHIC, 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_SIZE_BASE_X6L, FONT_WEIGHT_BASE_BLACK, FONT_WEIGHT_BASE_BOLD, FONT_WEIGHT_BASE_EXTRABOLD, FONT_WEIGHT_BASE_EXTRALIGHT, FONT_WEIGHT_BASE_LIGHT, FONT_WEIGHT_BASE_MEDIUM, FONT_WEIGHT_BASE_REGULAR, FONT_WEIGHT_BASE_SEMIBOLD, FONT_WEIGHT_BASE_THIN, } from './font';
 export { SPACING_BASE_LG, SPACING_BASE_MD, SPACING_BASE_SM, SPACING_BASE_X2L, SPACING_BASE_X2S, SPACING_BASE_X3L, SPACING_BASE_X3S, SPACING_BASE_X4L, SPACING_BASE_X4S, SPACING_BASE_X5L, SPACING_BASE_X5S, SPACING_BASE_X6L, SPACING_BASE_X6S, SPACING_BASE_XL, SPACING_BASE_XS, } from './spacing';
 export { LINE_HEIGHT_BASE_LOOSE, LINE_HEIGHT_BASE_NONE, LINE_HEIGHT_BASE_NORMAL, LINE_HEIGHT_BASE_RELAXED, LINE_HEIGHT_BASE_SNUG, LINE_HEIGHT_BASE_TIGHT, } from './text';

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

@@ -224,6 +224,9 @@ export declare const useThemeStyleSheet: () => {
     fontSizeBaseX5L: {
         fontSize: number;
     };
+    fontSizeBaseX6L: {
+        fontSize: number;
+    };
     marginTopBaseX6S: {
         marginTop: number;
     };

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

@@ -344,63 +344,69 @@ export interface ThemeContextValue {
     /**
      * Base 2 times extra-small font size.
      * @see FONT_SIZE_BASE_X2S
-     * @default 12
+     * @default 10
      */
     fontSizeBaseX2S: number;
     /**
      * Base extra-small font size.
      * @see FONT_SIZE_BASE_XS
-     * @default 14
+     * @default 12
      */
     fontSizeBaseXS: number;
     /**
      * Base small font size.
      * @see FONT_SIZE_BASE_SM
-     * @default 16
+     * @default 14
      */
     fontSizeBaseSM: number;
     /**
      * Base medium font size.
      * @see FONT_SIZE_BASE_MD
-     * @default 18
+     * @default 16
      */
     fontSizeBaseMD: number;
     /**
      * Base large font size.
      * @see FONT_SIZE_BASE_LG
-     * @default 20
+     * @default 18
      */
     fontSizeBaseLG: number;
     /**
      * Base extra-large font size.
      * @see FONT_SIZE_BASE_XL
-     * @default 24
+     * @default 20
      */
     fontSizeBaseXL: number;
     /**
      * Base 2 times extra-large font size.
      * @see FONT_SIZE_BASE_X2L
-     * @default 30
+     * @default 24
      */
     fontSizeBaseX2L: number;
     /**
      * Base 3 times extra-large font size.
      * @see FONT_SIZE_BASE_X3L
-     * @default 36
+     * @default 30
      */
     fontSizeBaseX3L: number;
     /**
      * Base 4 times extra-large font size.
      * @see FONT_SIZE_BASE_X4L
-     * @default 48
+     * @default 36
      */
     fontSizeBaseX4L: number;
     /**
      * Base 5 times extra-large font size.
      * @see FONT_SIZE_BASE_X5L
-     * @default 60
+     * @default 48
      */
     fontSizeBaseX5L: number;
+    /**
+     * Base 6 times extra-large font size.
+     * @see FONT_SIZE_BASE_X6L
+     * @default 60
+     */
+    fontSizeBaseX6L: number;
     /**
      * Base none line height.
      * @see LINE_HEIGHT_BASE_NONE