creactive 0.0.78 → 0.0.80

package/build/default.js.LICENSE.txt

@@ -1,18 +1,3 @@
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/
-
-/*!
- * The buffer module from node.js, for the browser.
- *
- * @author   Feross Aboukhadijeh <https://feross.org>
- * @license  MIT
- */
-
-/*! ieee754. BSD-3-Clause License. Feross Aboukhadijeh <https://feross.org/opensource> */
-
 /**
  * @license React
  * react-jsx-runtime.production.min.js

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

@@ -113,4 +113,292 @@ export declare const useThemeStyleSheet: () => {
     fontSizeBaseX5L: {
         fontSize: 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;
+    };
+    marginTopBaseX7L: {
+        marginTop: number;
+    };
+    paddingTopBaseX7L: {
+        paddingTop: number;
+    };
+    marginLeftBaseX7L: {
+        marginLeft: number;
+    };
+    paddingLeftBaseX7L: {
+        paddingLeft: number;
+    };
+    marginRightBaseX7L: {
+        marginRight: number;
+    };
+    paddingRightBaseX7L: {
+        paddingRight: number;
+    };
+    marginBottomBaseX7L: {
+        marginBottom: number;
+    };
+    paddingBottomBaseX7L: {
+        paddingBottom: number;
+    };
 };

package/build/index.d.ts

@@ -10,6 +10,4 @@ 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 { renderStyle } from './helpers/style';
-export type { RenderStyleHelper } from './helpers/style';
 export { useThemeStyleSheet } from './hooks/use-theme-style-sheet';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "creactive",
-  "version": "0.0.78",
+  "version": "0.0.80",
   "main": "build/default.js",
   "files": [
     "build/**"
@@ -15,14 +15,13 @@
     "test:web": "jest",
     "lint": "expo lint",
     "build": "npm run build:default && npm run build:classic && npm run build:types",
-    "build:default": "webpack --mode development",
-    "build:classic": "webpack --mode development",
+    "build:default": "webpack --mode production",
+    "build:classic": "webpack --mode production",
     "build:types": "tsc -p tsconfig.types.json && tsc-alias -p tsconfig.types.json",
     "prepublishOnly": "npm run build && node scripts/update-package.js build/default.js",
     "postpublish": "node scripts/update-package.js .storybook"
   },
   "peerDependencies": {
-    "@emotion/react": ">= 11 < 12",
     "@emotion/styled": ">= 11 < 12",
     "react": ">= 18 < 19",
     "react-dom": ">= 18 < 19",
@@ -34,7 +33,6 @@
     "@babel/preset-env": "^7.26.9",
     "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.27.0",
-    "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
     "@faker-js/faker": "^9.2.0",
     "@react-native-async-storage/async-storage": "^1.23.1",

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

@@ -1,2 +0,0 @@
-import type { JSX, PropsWithChildren } from 'react';
-export declare const Wrapper: ({ children }: PropsWithChildren) => JSX.Element;

package/build/helpers/index.d.ts

@@ -1,3 +0,0 @@
-export { StorybookControl } from '../helpers/storybook';
-export { getStyleCache, renderStyle } from '../helpers/style';
-export type { RenderStyleHelper } from '../helpers/style';

package/build/helpers/storybook/constants/control.d.ts

@@ -1,22 +0,0 @@
-/**
- * Storybook control type enum for control helper.
- * Should be used to build control instead of literal values.
- * Feel free to extend this enum with new control types if required.
- */
-export declare const enum StorybookControlType {
-    SELECT = "select",
-    TEXT = "text",
-    NUMBER = "number"
-}
-/**
- * Storybook control undefined option.
- * Optional enum controls are supposed to have undefined value option.
- * This option is supposed to be mapped to undefined value in control mapping.
- */
-export declare const STORYBOOK_CONTROL_UNDEFINED_OPTION = "-";
-/**
- * Storybook control numeric enum flag.
- * We pass this flag throug storybook inside control object.
- * Allows to handle this flag later, inside decorator if we need.
- */
-export declare const STORYBOOK_CONTROL_NUMERIC_ENUM_FLAG = "isCreactiveStorybookNumericEnum";

package/build/helpers/storybook/constants/index.d.ts

@@ -1 +0,0 @@
-export * from './control';

package/build/helpers/storybook/control.d.ts

@@ -1,87 +0,0 @@
-import type { Decorator, StoryContext } from '@storybook/react';
-import { StorybookControlType } from './constants';
-/**
- * Modifies context arguments to handle numeric enum controls.
- * Numeric enum values are passed as strings by storybook controls.
- * Seems like this happens because of select control implementation.
- * This method is exported for test here, but should not be exported ouside.
- */
-export declare const modifyContextNumericEnumControls: (context: StoryContext) => {
-    args: {
-        [x: string]: unknown;
-    };
-    loaded: Record<string, any>;
-    abortSignal: AbortSignal;
-    canvasElement: HTMLElement;
-    hooks: unknown;
-    originalStoryFn: import("@storybook/csf").StoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
-    viewMode: import("@storybook/csf").ViewMode;
-    step: import("@storybook/csf").StepFunction<import("@storybook/react").ReactRenderer, import("@storybook/csf").StrictArgs>;
-    context: StoryContext;
-    canvas: import("@storybook/csf").Canvas;
-    mount: (ui?: JSX.Element) => Promise<import("@storybook/csf").Canvas>;
-    component?: import("react").ComponentType<any>;
-    subcomponents?: Record<string, import("react").ComponentType<any>>;
-    parameters: import("@storybook/csf").Parameters;
-    initialArgs: import("@storybook/csf").StrictArgs;
-    argTypes: import("@storybook/csf").StrictArgTypes<import("@storybook/csf").StrictArgs>;
-    componentId: import("@storybook/csf").ComponentId;
-    title: import("@storybook/csf").ComponentTitle;
-    kind: import("@storybook/csf").ComponentTitle;
-    id: import("@storybook/csf").StoryId;
-    name: import("@storybook/csf").StoryName;
-    story: import("@storybook/csf").StoryName;
-    tags: import("@storybook/csf").Tag[];
-    globals: import("@storybook/csf").Globals;
-};
-/**
- * Storybook control helpers.
- * Collected into a single class for convenient import.
- * Helps to build storybook control objects for components stories.
- */
-export declare const StorybookControl: {
-    /**
-     * Builds a story object form provided numeric enum.
-     * Numeric enum will be mapped to storybook select control.
-     *
-     * @param target - target numeric enum for control
-     * @param isOptional - whether control is optional
-     */
-    fromNumericEnum(target: Record<string, number>, isOptional?: boolean): {
-        control: {
-            isCreactiveStorybookNumericEnum: boolean;
-            type: StorybookControlType;
-            labels: Record<number, string>;
-        };
-        options: number[];
-        defaultValue: number;
-    };
-    /**
-     * Builds a story object for numeric input control.
-     * Numeric input will be mapped to storybook number control.
-     *
-     * @param defaultValue - can be provided to set default value
-     */
-    forNumber(defaultValue?: number): {
-        control: {
-            type: StorybookControlType;
-        };
-        defaultValue: number;
-    };
-    /**
-     * Returns default children control.
-     * Keeps storybook control factory logic together.
-     * Also allows to avoid faker import in every story file.
-     */
-    forChildren(): {
-        control: {
-            type: StorybookControlType;
-        };
-        defaultValue: string;
-    };
-    /**
-     * Returns decorator for storybook stories.
-     * This decorator should apply some context modifications.
-     */
-    getDecorator(): Decorator;
-};

package/build/helpers/storybook/index.d.ts

@@ -1 +0,0 @@
-export { StorybookControl } from './control';

package/build/helpers/style/index.d.ts

@@ -1,2 +0,0 @@
-export { renderStyle } from './style';
-export type { RenderStyleHelper } from './style.types';

package/build/helpers/style/style.d.ts

@@ -1,2 +0,0 @@
-import type { RenderStyleHelper } from './style.types';
-export declare const renderStyle: RenderStyleHelper;

package/build/helpers/style/style.types.d.ts

@@ -1,10 +0,0 @@
-import type { ComponentType, JSX } from 'react';
-/**
- * Rendering style node (for web platform server side rendering) helper.
- * Using this helper on native platform makes no sense and will throw an error!
- * You are supposed to use it only for server side rendering.
- *
- * @see https://necolas.github.io/react-native-web/docs/rendering/
- * @see https://docs.expo.dev/guides/using-nextjs/
- */
-export type RenderStyleHelper = (component: ComponentType, key?: string) => JSX.Element;