creactive 0.0.94 → 0.0.96

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

@@ -0,0 +1,554 @@
+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;
+    };
+    colorBorderBase100: {
+        borderColor: import("../../..").Color;
+    };
+    colorBorderBase200: {
+        borderColor: import("../../..").Color;
+    };
+    colorBorderBase300: {
+        borderColor: import("../../..").Color;
+    };
+    colorBorderBase400: {
+        borderColor: import("../../..").Color;
+    };
+    colorBorderBase500: {
+        borderColor: import("../../..").Color;
+    };
+    colorBorderBase600: {
+        borderColor: import("../../..").Color;
+    };
+    colorBorderBase700: {
+        borderColor: import("../../..").Color;
+    };
+    colorBorderBase800: {
+        borderColor: import("../../..").Color;
+    };
+    colorBorderBase900: {
+        borderColor: import("../../..").Color;
+    };
+    colorForegroundBase100: {
+        color: import("../../..").Color;
+    };
+    colorForegroundBase200: {
+        color: import("../../..").Color;
+    };
+    colorForegroundBase300: {
+        color: import("../../..").Color;
+    };
+    colorForegroundBase400: {
+        color: import("../../..").Color;
+    };
+    colorForegroundBase500: {
+        color: import("../../..").Color;
+    };
+    colorForegroundBase600: {
+        color: import("../../..").Color;
+    };
+    colorForegroundBase700: {
+        color: import("../../..").Color;
+    };
+    colorForegroundBase800: {
+        color: import("../../..").Color;
+    };
+    colorForegroundBase900: {
+        color: import("../../..").Color;
+    };
+    colorForegroundInverse100: {
+        color: import("../../..").Color;
+    };
+    colorForegroundInverse200: {
+        color: import("../../..").Color;
+    };
+    colorForegroundInverse300: {
+        color: import("../../..").Color;
+    };
+    colorForegroundInverse400: {
+        color: import("../../..").Color;
+    };
+    colorForegroundInverse500: {
+        color: import("../../..").Color;
+    };
+    colorForegroundInverse600: {
+        color: import("../../..").Color;
+    };
+    colorForegroundInverse700: {
+        color: import("../../..").Color;
+    };
+    colorForegroundInverse800: {
+        color: import("../../..").Color;
+    };
+    colorForegroundInverse900: {
+        color: import("../../..").Color;
+    };
+    fontFamilyBase: {
+        fontFamily: string;
+    };
+    fontWeightBaseThin: {
+        fontWeight: import("../../..").FontWeight;
+    };
+    fontWeightBaseExtraLight: {
+        fontWeight: import("../../..").FontWeight;
+    };
+    fontWeightBaseLight: {
+        fontWeight: import("../../..").FontWeight;
+    };
+    fontWeightBaseRegular: {
+        fontWeight: import("../../..").FontWeight;
+    };
+    fontWeightBaseMedium: {
+        fontWeight: import("../../..").FontWeight;
+    };
+    fontWeightBaseSemibold: {
+        fontWeight: import("../../..").FontWeight;
+    };
+    fontWeightBaseBold: {
+        fontWeight: import("../../..").FontWeight;
+    };
+    fontWeightBaseExtraBold: {
+        fontWeight: import("../../..").FontWeight;
+    };
+    fontWeightBaseBlack: {
+        fontWeight: import("../../..").FontWeight;
+    };
+    fontSizeBaseX2S: {
+        fontSize: number;
+    };
+    fontSizeBaseXS: {
+        fontSize: number;
+    };
+    fontSizeBaseSM: {
+        fontSize: number;
+    };
+    fontSizeBaseMD: {
+        fontSize: number;
+    };
+    fontSizeBaseLG: {
+        fontSize: number;
+    };
+    fontSizeBaseXL: {
+        fontSize: number;
+    };
+    fontSizeBaseX2L: {
+        fontSize: number;
+    };
+    fontSizeBaseX3L: {
+        fontSize: number;
+    };
+    fontSizeBaseX4L: {
+        fontSize: number;
+    };
+    fontSizeBaseX5L: {
+        fontSize: number;
+    };
+    marginTopBaseX6S: {
+        marginTop: number;
+    };
+    paddingTopBaseX6S: {
+        paddingTop: number;
+    };
+    marginLeftBaseX6S: {
+        marginLeft: number;
+    };
+    paddingLeftBaseX6S: {
+        paddingLeft: number;
+    };
+    marginRightBaseX6S: {
+        marginRight: number;
+    };
+    paddingRightBaseX6S: {
+        paddingRight: number;
+    };
+    marginBottomBaseX6S: {
+        marginBottom: number;
+    };
+    paddingBottomBaseX6S: {
+        paddingBottom: number;
+    };
+    marginTopBaseX5S: {
+        marginTop: number;
+    };
+    paddingTopBaseX5S: {
+        paddingTop: number;
+    };
+    marginLeftBaseX5S: {
+        marginLeft: number;
+    };
+    paddingLeftBaseX5S: {
+        paddingLeft: number;
+    };
+    marginRightBaseX5S: {
+        marginRight: number;
+    };
+    paddingRightBaseX5S: {
+        paddingRight: number;
+    };
+    marginBottomBaseX5S: {
+        marginBottom: number;
+    };
+    paddingBottomBaseX5S: {
+        paddingBottom: number;
+    };
+    marginTopBaseX4S: {
+        marginTop: number;
+    };
+    paddingTopBaseX4S: {
+        paddingTop: number;
+    };
+    marginLeftBaseX4S: {
+        marginLeft: number;
+    };
+    paddingLeftBaseX4S: {
+        paddingLeft: number;
+    };
+    marginRightBaseX4S: {
+        marginRight: number;
+    };
+    paddingRightBaseX4S: {
+        paddingRight: number;
+    };
+    marginBottomBaseX4S: {
+        marginBottom: number;
+    };
+    paddingBottomBaseX4S: {
+        paddingBottom: number;
+    };
+    marginTopBaseX3S: {
+        marginTop: number;
+    };
+    paddingTopBaseX3S: {
+        paddingTop: number;
+    };
+    marginLeftBaseX3S: {
+        marginLeft: number;
+    };
+    paddingLeftBaseX3S: {
+        paddingLeft: number;
+    };
+    marginRightBaseX3S: {
+        marginRight: number;
+    };
+    paddingRightBaseX3S: {
+        paddingRight: number;
+    };
+    marginBottomBaseX3S: {
+        marginBottom: number;
+    };
+    paddingBottomBaseX3S: {
+        paddingBottom: number;
+    };
+    marginTopBaseX2S: {
+        marginTop: number;
+    };
+    paddingTopBaseX2S: {
+        paddingTop: number;
+    };
+    marginLeftBaseX2S: {
+        marginLeft: number;
+    };
+    paddingLeftBaseX2S: {
+        paddingLeft: number;
+    };
+    marginRightBaseX2S: {
+        marginRight: number;
+    };
+    paddingRightBaseX2S: {
+        paddingRight: number;
+    };
+    marginBottomBaseX2S: {
+        marginBottom: number;
+    };
+    paddingBottomBaseX2S: {
+        paddingBottom: number;
+    };
+    marginTopBaseXS: {
+        marginTop: number;
+    };
+    paddingTopBaseXS: {
+        paddingTop: number;
+    };
+    marginLeftBaseXS: {
+        marginLeft: number;
+    };
+    paddingLeftBaseXS: {
+        paddingLeft: number;
+    };
+    marginRightBaseXS: {
+        marginRight: number;
+    };
+    paddingRightBaseXS: {
+        paddingRight: number;
+    };
+    marginBottomBaseXS: {
+        marginBottom: number;
+    };
+    paddingBottomBaseXS: {
+        paddingBottom: number;
+    };
+    marginTopBaseSM: {
+        marginTop: number;
+    };
+    paddingTopBaseSM: {
+        paddingTop: number;
+    };
+    marginLeftBaseSM: {
+        marginLeft: number;
+    };
+    paddingLeftBaseSM: {
+        paddingLeft: number;
+    };
+    marginRightBaseSM: {
+        marginRight: number;
+    };
+    paddingRightBaseSM: {
+        paddingRight: number;
+    };
+    marginBottomBaseSM: {
+        marginBottom: number;
+    };
+    paddingBottomBaseSM: {
+        paddingBottom: number;
+    };
+    marginTopBaseMD: {
+        marginTop: number;
+    };
+    paddingTopBaseMD: {
+        paddingTop: number;
+    };
+    marginLeftBaseMD: {
+        marginLeft: number;
+    };
+    paddingLeftBaseMD: {
+        paddingLeft: number;
+    };
+    marginRightBaseMD: {
+        marginRight: number;
+    };
+    paddingRightBaseMD: {
+        paddingRight: number;
+    };
+    marginBottomBaseMD: {
+        marginBottom: number;
+    };
+    paddingBottomBaseMD: {
+        paddingBottom: number;
+    };
+    marginTopBaseLG: {
+        marginTop: number;
+    };
+    paddingTopBaseLG: {
+        paddingTop: number;
+    };
+    marginLeftBaseLG: {
+        marginLeft: number;
+    };
+    paddingLeftBaseLG: {
+        paddingLeft: number;
+    };
+    marginRightBaseLG: {
+        marginRight: number;
+    };
+    paddingRightBaseLG: {
+        paddingRight: number;
+    };
+    marginBottomBaseLG: {
+        marginBottom: number;
+    };
+    paddingBottomBaseLG: {
+        paddingBottom: number;
+    };
+    marginTopBaseXL: {
+        marginTop: number;
+    };
+    paddingTopBaseXL: {
+        paddingTop: number;
+    };
+    marginLeftBaseXL: {
+        marginLeft: number;
+    };
+    paddingLeftBaseXL: {
+        paddingLeft: number;
+    };
+    marginRightBaseXL: {
+        marginRight: number;
+    };
+    paddingRightBaseXL: {
+        paddingRight: number;
+    };
+    marginBottomBaseXL: {
+        marginBottom: number;
+    };
+    paddingBottomBaseXL: {
+        paddingBottom: number;
+    };
+    marginTopBaseX2L: {
+        marginTop: number;
+    };
+    paddingTopBaseX2L: {
+        paddingTop: number;
+    };
+    marginLeftBaseX2L: {
+        marginLeft: number;
+    };
+    paddingLeftBaseX2L: {
+        paddingLeft: number;
+    };
+    marginRightBaseX2L: {
+        marginRight: number;
+    };
+    paddingRightBaseX2L: {
+        paddingRight: number;
+    };
+    marginBottomBaseX2L: {
+        marginBottom: number;
+    };
+    paddingBottomBaseX2L: {
+        paddingBottom: number;
+    };
+    marginTopBaseX3L: {
+        marginTop: number;
+    };
+    paddingTopBaseX3L: {
+        paddingTop: number;
+    };
+    marginLeftBaseX3L: {
+        marginLeft: number;
+    };
+    paddingLeftBaseX3L: {
+        paddingLeft: number;
+    };
+    marginRightBaseX3L: {
+        marginRight: number;
+    };
+    paddingRightBaseX3L: {
+        paddingRight: number;
+    };
+    marginBottomBaseX3L: {
+        marginBottom: number;
+    };
+    paddingBottomBaseX3L: {
+        paddingBottom: number;
+    };
+    marginTopBaseX4L: {
+        marginTop: number;
+    };
+    paddingTopBaseX4L: {
+        paddingTop: number;
+    };
+    marginLeftBaseX4L: {
+        marginLeft: number;
+    };
+    paddingLeftBaseX4L: {
+        paddingLeft: number;
+    };
+    marginRightBaseX4L: {
+        marginRight: number;
+    };
+    paddingRightBaseX4L: {
+        paddingRight: number;
+    };
+    marginBottomBaseX4L: {
+        marginBottom: number;
+    };
+    paddingBottomBaseX4L: {
+        paddingBottom: number;
+    };
+    marginTopBaseX5L: {
+        marginTop: number;
+    };
+    paddingTopBaseX5L: {
+        paddingTop: number;
+    };
+    marginLeftBaseX5L: {
+        marginLeft: number;
+    };
+    paddingLeftBaseX5L: {
+        paddingLeft: number;
+    };
+    marginRightBaseX5L: {
+        marginRight: number;
+    };
+    paddingRightBaseX5L: {
+        paddingRight: number;
+    };
+    marginBottomBaseX5L: {
+        marginBottom: number;
+    };
+    paddingBottomBaseX5L: {
+        paddingBottom: number;
+    };
+    marginTopBaseX6L: {
+        marginTop: number;
+    };
+    paddingTopBaseX6L: {
+        paddingTop: number;
+    };
+    marginLeftBaseX6L: {
+        marginLeft: number;
+    };
+    paddingLeftBaseX6L: {
+        paddingLeft: number;
+    };
+    marginRightBaseX6L: {
+        marginRight: number;
+    };
+    paddingRightBaseX6L: {
+        paddingRight: number;
+    };
+    marginBottomBaseX6L: {
+        marginBottom: number;
+    };
+    paddingBottomBaseX6L: {
+        paddingBottom: number;
+    };
+    borderWidthBaseSM: {
+        borderWidth: number;
+    };
+    borderWidthBaseMD: {
+        borderWidth: number;
+    };
+    borderWidthBaseLG: {
+        borderWidth: number;
+    };
+    borderRadiusBaseXS: {
+        borderRadius: number;
+    };
+    borderRadiusBaseSM: {
+        borderRadius: number;
+    };
+    borderRadiusBaseMD: {
+        borderRadius: number;
+    };
+    borderRadiusBaseLG: {
+        borderRadius: number;
+    };
+    borderRadiusBaseXL: {
+        borderRadius: number;
+    };
+};

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

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