creactive 0.0.86 → 0.0.87

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

@@ -1,57 +1,84 @@
 export declare const useThemeStyleSheet: () => {
+    colorBackgroundBase100: {
+        backgroundColor: import("..").Color;
+    };
+    colorBackgroundBase200: {
+        backgroundColor: import("..").Color;
+    };
+    colorBackgroundBase300: {
+        backgroundColor: import("..").Color;
+    };
+    colorBackgroundBase400: {
+        backgroundColor: import("..").Color;
+    };
+    colorBackgroundBase500: {
+        backgroundColor: import("..").Color;
+    };
+    colorBackgroundBase600: {
+        backgroundColor: import("..").Color;
+    };
+    colorBackgroundBase700: {
+        backgroundColor: import("..").Color;
+    };
+    colorBackgroundBase800: {
+        backgroundColor: import("..").Color;
+    };
+    colorBackgroundBase900: {
+        backgroundColor: import("..").Color;
+    };
     colorForegroundBase100: {
-        color: `rgb(${number},${number},${number})`;
+        color: import("..").Color;
     };
     colorForegroundBase200: {
-        color: `rgb(${number},${number},${number})`;
+        color: import("..").Color;
     };
     colorForegroundBase300: {
-        color: `rgb(${number},${number},${number})`;
+        color: import("..").Color;
     };
     colorForegroundBase400: {
-        color: `rgb(${number},${number},${number})`;
+        color: import("..").Color;
     };
     colorForegroundBase500: {
-        color: `rgb(${number},${number},${number})`;
+        color: import("..").Color;
     };
     colorForegroundBase600: {
-        color: `rgb(${number},${number},${number})`;
+        color: import("..").Color;
     };
     colorForegroundBase700: {
-        color: `rgb(${number},${number},${number})`;
+        color: import("..").Color;
     };
     colorForegroundBase800: {
-        color: `rgb(${number},${number},${number})`;
+        color: import("..").Color;
     };
     colorForegroundBase900: {
-        color: `rgb(${number},${number},${number})`;
+        color: import("..").Color;
     };
     colorForegroundInverse100: {
-        color: `rgb(${number},${number},${number})`;
+        color: import("..").Color;
     };
     colorForegroundInverse200: {
-        color: `rgb(${number},${number},${number})`;
+        color: import("..").Color;
     };
     colorForegroundInverse300: {
-        color: `rgb(${number},${number},${number})`;
+        color: import("..").Color;
     };
     colorForegroundInverse400: {
-        color: `rgb(${number},${number},${number})`;
+        color: import("..").Color;
     };
     colorForegroundInverse500: {
-        color: `rgb(${number},${number},${number})`;
+        color: import("..").Color;
     };
     colorForegroundInverse600: {
-        color: `rgb(${number},${number},${number})`;
+        color: import("..").Color;
     };
     colorForegroundInverse700: {
-        color: `rgb(${number},${number},${number})`;
+        color: import("..").Color;
     };
     colorForegroundInverse800: {
-        color: `rgb(${number},${number},${number})`;
+        color: import("..").Color;
     };
     colorForegroundInverse900: {
-        color: `rgb(${number},${number},${number})`;
+        color: import("..").Color;
     };
     fontFamilyBase: {
         fontFamily: string;

package/build/index.d.ts

@@ -10,9 +10,10 @@ export { Dimension } from './constants/dimension';
 export { Media, MediaContextProvider, useMediaContext } from './contexts/media';
 export type { MediaComponent, MediaContextProviderComponent, MediaContextValue, MediaProps, } from './contexts/media';
 export { ThemeContextProvider, useThemeContext } from './contexts/theme';
-export type { ThemeColorRGB, ThemeContextProviderComponent, ThemeContextProviderProps, ThemeContextValue, ThemeFontWeight, } from './contexts/theme';
+export type { ThemeContextProviderComponent, ThemeContextProviderProps, ThemeContextValue, ThemeFontWeight, } from './contexts/theme';
 export { Position } from './helpers/position';
 export type { PositionValue } from './helpers/position';
 export { Size } from './helpers/size';
 export type { SizeValue } from './helpers/size';
 export { useThemeStyleSheet } from './hooks/use-theme-style-sheet';
+export type { Color } from './types';

package/build/types/color.types.d.ts

@@ -0,0 +1,4 @@
+type RGBColor = `rgb(${number},${number},${number})`;
+type RGBAColor = `rgba(${number},${number},${number},${number})`;
+export type Color = RGBColor | RGBAColor;
+export {};

package/build/types/index.d.ts

@@ -0,0 +1 @@
+export type { Color } from './color.types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "creactive",
-  "version": "0.0.86",
+  "version": "0.0.87",
   "main": "build/default.js",
   "files": [
     "build/**"