creactive 0.0.197 → 0.0.199

package/build/constants/border-radius.d.ts

@@ -0,0 +1,14 @@
+export declare enum BorderRadius {
+    XS = 0,
+    SM = 1,
+    MD = 2,
+    LG = 3,
+    XL = 4,
+    X2L = 5,
+    X3L = 6,
+    X4L = 7,
+    X5L = 8,
+    X6L = 9,
+    X7L = 10,
+    MAX = 11
+}

package/build/constants/index.d.ts

@@ -0,0 +1 @@
+export { BorderRadius } from './border-radius';

package/build/contexts/index.d.ts

@@ -0,0 +1,4 @@
+export { Media, MediaContextProvider, useMediaContext } from '../contexts/media';
+export type { MediaComponent, MediaContextProviderComponent, MediaContextValue, MediaProps, } from '../contexts/media';
+export { ThemeContextProvider, useThemeContext, useThemeStyleSheet, } from '../contexts/theme';
+export type { ThemeContextProviderComponent, ThemeContextProviderProps, ThemeContextValue, } from '../contexts/theme';

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

@@ -11,3 +11,4 @@ export declare const BORDER_RADIUS_BASE_X3L = 16;
 export declare const BORDER_RADIUS_BASE_X4L = 18;
 export declare const BORDER_RADIUS_BASE_X5L = 20;
 export declare const BORDER_RADIUS_BASE_X6L = 24;
+export declare const BORDER_RADIUS_BASE_X7L = 28;

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

@@ -1,4 +1,4 @@
-export { BORDER_RADIUS_BASE_LG, BORDER_RADIUS_BASE_MD, BORDER_RADIUS_BASE_SM, BORDER_RADIUS_BASE_X2L, BORDER_RADIUS_BASE_X3L, BORDER_RADIUS_BASE_X4L, BORDER_RADIUS_BASE_X5L, BORDER_RADIUS_BASE_X6L, BORDER_RADIUS_BASE_XL, BORDER_RADIUS_BASE_XS, BORDER_WIDTH_BASE_LG, BORDER_WIDTH_BASE_MD, BORDER_WIDTH_BASE_SM, } from './border';
+export { BORDER_RADIUS_BASE_LG, BORDER_RADIUS_BASE_MD, BORDER_RADIUS_BASE_SM, BORDER_RADIUS_BASE_X2L, BORDER_RADIUS_BASE_X3L, BORDER_RADIUS_BASE_X4L, BORDER_RADIUS_BASE_X5L, BORDER_RADIUS_BASE_X6L, BORDER_RADIUS_BASE_X7L, BORDER_RADIUS_BASE_XL, BORDER_RADIUS_BASE_XS, BORDER_WIDTH_BASE_LG, BORDER_WIDTH_BASE_MD, BORDER_WIDTH_BASE_SM, } from './border';
 export { BUTTON_HEIGHT_BASE_LG, BUTTON_HEIGHT_BASE_MD, BUTTON_HEIGHT_BASE_SM, } from './button';
 export { COLOR_BACKGROUND_ACCENT_100, COLOR_BACKGROUND_ACCENT_200, COLOR_BACKGROUND_ACCENT_300, COLOR_BACKGROUND_ACCENT_400, COLOR_BACKGROUND_ACCENT_500, COLOR_BACKGROUND_ACCENT_600, COLOR_BACKGROUND_ACCENT_700, COLOR_BACKGROUND_ACCENT_800, COLOR_BACKGROUND_ACCENT_900, 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_BACKGROUND_SUBACCENT_100, COLOR_BACKGROUND_SUBACCENT_200, COLOR_BACKGROUND_SUBACCENT_300, COLOR_BACKGROUND_SUBACCENT_400, COLOR_BACKGROUND_SUBACCENT_500, COLOR_BACKGROUND_SUBACCENT_600, COLOR_BACKGROUND_SUBACCENT_700, COLOR_BACKGROUND_SUBACCENT_800, COLOR_BACKGROUND_SUBACCENT_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 { DURATION_BASE_LG, DURATION_BASE_MD, DURATION_BASE_SM, } from './duration';

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

@@ -134,6 +134,33 @@ export declare const useThemeStyleSheet: () => {
     colorBorderBase900: {
         borderColor: import("../../..").Color;
     };
+    outlineColorBorderBase100: {
+        outlineColor: import("../../..").Color;
+    };
+    outlineColorBorderBase200: {
+        outlineColor: import("../../..").Color;
+    };
+    outlineColorBorderBase300: {
+        outlineColor: import("../../..").Color;
+    };
+    outlineColorBorderBase400: {
+        outlineColor: import("../../..").Color;
+    };
+    outlineColorBorderBase500: {
+        outlineColor: import("../../..").Color;
+    };
+    outlineColorBorderBase600: {
+        outlineColor: import("../../..").Color;
+    };
+    outlineColorBorderBase700: {
+        outlineColor: import("../../..").Color;
+    };
+    outlineColorBorderBase800: {
+        outlineColor: import("../../..").Color;
+    };
+    outlineColorBorderBase900: {
+        outlineColor: import("../../..").Color;
+    };
     colorForegroundBase100: {
         color: import("../../..").Color;
     };
@@ -761,6 +788,9 @@ export declare const useThemeStyleSheet: () => {
     borderRadiusBaseX6L: {
         borderRadius: number;
     };
+    borderRadiusBaseX7L: {
+        borderRadius: number;
+    };
     borderTopLeftRadiusBaseXS: {
         borderTopLeftRadius: number;
     };
@@ -791,6 +821,9 @@ export declare const useThemeStyleSheet: () => {
     borderTopLeftRadiusBaseX6L: {
         borderTopLeftRadius: number;
     };
+    borderTopLeftRadiusBaseX7L: {
+        borderTopLeftRadius: number;
+    };
     borderTopRightRadiusBaseXS: {
         borderTopRightRadius: number;
     };
@@ -821,6 +854,9 @@ export declare const useThemeStyleSheet: () => {
     borderTopRightRadiusBaseX6L: {
         borderTopRightRadius: number;
     };
+    borderTopRightRadiusBaseX7L: {
+        borderTopRightRadius: number;
+    };
     borderBottomLeftRadiusBaseXS: {
         borderBottomLeftRadius: number;
     };
@@ -851,6 +887,9 @@ export declare const useThemeStyleSheet: () => {
     borderBottomLeftRadiusBaseX6L: {
         borderBottomLeftRadius: number;
     };
+    borderBottomLeftRadiusBaseX7L: {
+        borderBottomLeftRadius: number;
+    };
     borderBottomRightRadiusBaseXS: {
         borderBottomRightRadius: number;
     };
@@ -881,4 +920,7 @@ export declare const useThemeStyleSheet: () => {
     borderBottomRightRadiusBaseX6L: {
         borderBottomRightRadius: number;
     };
+    borderBottomRightRadiusBaseX7L: {
+        borderBottomRightRadius: number;
+    };
 };

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

@@ -689,6 +689,11 @@ export interface ThemeContextValue {
      * @default 24
      */
     borderRadiusBaseX6L: number;
+    /**
+     * Extra 7 large border radius token.
+     * @default 28
+     */
+    borderRadiusBaseX7L: number;
     /**
      * Small base button height token.
      * @see BUTTON_HEIGHT_BASE_SM