react-better-html 1.1.262 → 1.1.264

package/dist/index.d.mts

@@ -1,8 +1,7 @@
-import { IconName, AnyOtherString, AssetName, LoaderName, OmitProps, Country, Color, BetterCoreProviderConfig, DeepPartialRecord, BetterCoreConfig, PartialRecord, PickValue } from 'react-better-core';
-export { API, APIConfigItem, APIError, APIResponse, AnyOtherString, AssetName, AssetsConfig, Color, ColorName, ColorTheme, Colors, Country, DeepPartialRecord, ExcludeOptions, HttpHeaders as HttpHeader, HttpMethod, IconName, IconsConfig, LoaderConfig, LoaderName, OmitProps, PartialRecord, PickAllRequired, PickValue, Styles, Theme, ThemeConfig, Unsubscribe, UrlQuery, calculateColorContrast, colorThemeControls, countries, darkenColor, desaturateColor, eventPreventDefault, eventPreventStop, eventStopPropagation, formatPhoneNumber, generateApi, generateEventEmitter, generateRandomString, getPluralWord, isApiError, lightenColor, loaderControls, log, saturateColor, useBooleanState, useDebounceState, useLoader, useLoaderControls, useTheme } from 'react-better-core';
+import { OmitProps, IconName, AnyOtherString, AssetName, LoaderName, Country, Color, BetterCoreProviderConfig, DeepPartialRecord, BetterCoreConfig, PartialRecord, PickValue } from 'react-better-core';
+export { API, APIConfigItem, APIEndpointConfig, APIError, APIResponse, AnyOtherString, AssetName, AssetsConfig, Color, ColorName, ColorTheme, Colors, Country, DeepPartialRecord, ExcludeOptions, HttpHeaders as HttpHeader, HttpMethod, IconName, IconsConfig, LoaderConfig, LoaderName, OmitProps, PartialRecord, PickAllRequired, PickValue, Styles, Theme, ThemeConfig, Unsubscribe, UrlQuery, calculateColorContrast, colorThemeControls, countries, darkenColor, desaturateColor, eventPreventDefault, eventPreventStop, eventStopPropagation, formatPhoneNumber, generateApi, generateEventEmitter, generateRandomString, getPluralWord, isApiError, lightenColor, loaderControls, log, saturateColor, useBooleanState, useDebounceState, useLoader, useLoaderControls, useTheme } from 'react-better-core';
 import * as react from 'react';
 import { ComponentProps, ReactNode } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { WebTarget } from 'styled-components';
 import { Location, useNavigate, useLocation, useInRouterContext, useSearchParams, createSearchParams } from 'react-router-dom';
 
@@ -24,7 +23,7 @@ type ComponentPropWithRef<ComponentRef, ComponentProps> = ComponentProps & {
     ref?: React.Ref<ComponentRef>;
 };
 
-type ButtonProps<Value = unknown> = {
+type InternalButtonProps<Value = unknown> = {
     text?: string;
     value?: Value;
     href?: string;
@@ -55,8 +54,10 @@ type ButtonProps<Value = unknown> = {
     isSmall?: boolean;
     /** @default false */
     isSubmit?: boolean;
+    fromSubcomponent?: boolean;
     onClickWithValue?: (value: Value) => void;
 } & OmitProps<React.ComponentProps<"button">, "style" | "defaultValue" | "translate" | "value"> & ComponentStyle & ComponentHoverStyle;
+type ButtonProps<Value = unknown> = OmitProps<InternalButtonProps<Value>, "fromSubcomponent">;
 type ButtonComponent = {
     <Value>(props: ButtonProps<Value>): React.ReactElement;
     secondary: <Value>(props: ButtonProps<Value>) => React.ReactElement;
@@ -422,7 +423,7 @@ type LabelProps = {
     color?: React.CSSProperties["color"];
     htmlFor?: string;
 };
-declare function Label(labelProps: LabelProps): react_jsx_runtime.JSX.Element;
+declare function Label(labelProps: LabelProps): react.JSX.Element;
 declare const _default$3: react.MemoExoticComponent<typeof Label>;
 
 type ImageProps = {
@@ -556,7 +557,7 @@ type BetterHtmlProviderConfig = BetterCoreProviderConfig & BetterHtmlProviderInt
 type BetterHtmlProviderProps = BetterProviderCommonProps & {
     config?: BetterHtmlProviderConfig;
 };
-declare function BetterHtmlProvider({ config, ...props }: BetterHtmlProviderProps): react_jsx_runtime.JSX.Element;
+declare function BetterHtmlProvider({ config, ...props }: BetterHtmlProviderProps): react.JSX.Element;
 declare const _default$1: react.MemoExoticComponent<typeof BetterHtmlProvider>;
 
 declare const isMobileDevice: boolean;

package/dist/index.d.ts

@@ -1,8 +1,7 @@
-import { IconName, AnyOtherString, AssetName, LoaderName, OmitProps, Country, Color, BetterCoreProviderConfig, DeepPartialRecord, BetterCoreConfig, PartialRecord, PickValue } from 'react-better-core';
-export { API, APIConfigItem, APIError, APIResponse, AnyOtherString, AssetName, AssetsConfig, Color, ColorName, ColorTheme, Colors, Country, DeepPartialRecord, ExcludeOptions, HttpHeaders as HttpHeader, HttpMethod, IconName, IconsConfig, LoaderConfig, LoaderName, OmitProps, PartialRecord, PickAllRequired, PickValue, Styles, Theme, ThemeConfig, Unsubscribe, UrlQuery, calculateColorContrast, colorThemeControls, countries, darkenColor, desaturateColor, eventPreventDefault, eventPreventStop, eventStopPropagation, formatPhoneNumber, generateApi, generateEventEmitter, generateRandomString, getPluralWord, isApiError, lightenColor, loaderControls, log, saturateColor, useBooleanState, useDebounceState, useLoader, useLoaderControls, useTheme } from 'react-better-core';
+import { OmitProps, IconName, AnyOtherString, AssetName, LoaderName, Country, Color, BetterCoreProviderConfig, DeepPartialRecord, BetterCoreConfig, PartialRecord, PickValue } from 'react-better-core';
+export { API, APIConfigItem, APIEndpointConfig, APIError, APIResponse, AnyOtherString, AssetName, AssetsConfig, Color, ColorName, ColorTheme, Colors, Country, DeepPartialRecord, ExcludeOptions, HttpHeaders as HttpHeader, HttpMethod, IconName, IconsConfig, LoaderConfig, LoaderName, OmitProps, PartialRecord, PickAllRequired, PickValue, Styles, Theme, ThemeConfig, Unsubscribe, UrlQuery, calculateColorContrast, colorThemeControls, countries, darkenColor, desaturateColor, eventPreventDefault, eventPreventStop, eventStopPropagation, formatPhoneNumber, generateApi, generateEventEmitter, generateRandomString, getPluralWord, isApiError, lightenColor, loaderControls, log, saturateColor, useBooleanState, useDebounceState, useLoader, useLoaderControls, useTheme } from 'react-better-core';
 import * as react from 'react';
 import { ComponentProps, ReactNode } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { WebTarget } from 'styled-components';
 import { Location, useNavigate, useLocation, useInRouterContext, useSearchParams, createSearchParams } from 'react-router-dom';
 
@@ -24,7 +23,7 @@ type ComponentPropWithRef<ComponentRef, ComponentProps> = ComponentProps & {
     ref?: React.Ref<ComponentRef>;
 };
 
-type ButtonProps<Value = unknown> = {
+type InternalButtonProps<Value = unknown> = {
     text?: string;
     value?: Value;
     href?: string;
@@ -55,8 +54,10 @@ type ButtonProps<Value = unknown> = {
     isSmall?: boolean;
     /** @default false */
     isSubmit?: boolean;
+    fromSubcomponent?: boolean;
     onClickWithValue?: (value: Value) => void;
 } & OmitProps<React.ComponentProps<"button">, "style" | "defaultValue" | "translate" | "value"> & ComponentStyle & ComponentHoverStyle;
+type ButtonProps<Value = unknown> = OmitProps<InternalButtonProps<Value>, "fromSubcomponent">;
 type ButtonComponent = {
     <Value>(props: ButtonProps<Value>): React.ReactElement;
     secondary: <Value>(props: ButtonProps<Value>) => React.ReactElement;
@@ -422,7 +423,7 @@ type LabelProps = {
     color?: React.CSSProperties["color"];
     htmlFor?: string;
 };
-declare function Label(labelProps: LabelProps): react_jsx_runtime.JSX.Element;
+declare function Label(labelProps: LabelProps): react.JSX.Element;
 declare const _default$3: react.MemoExoticComponent<typeof Label>;
 
 type ImageProps = {
@@ -556,7 +557,7 @@ type BetterHtmlProviderConfig = BetterCoreProviderConfig & BetterHtmlProviderInt
 type BetterHtmlProviderProps = BetterProviderCommonProps & {
     config?: BetterHtmlProviderConfig;
 };
-declare function BetterHtmlProvider({ config, ...props }: BetterHtmlProviderProps): react_jsx_runtime.JSX.Element;
+declare function BetterHtmlProvider({ config, ...props }: BetterHtmlProviderProps): react.JSX.Element;
 declare const _default$1: react.MemoExoticComponent<typeof BetterHtmlProvider>;
 
 declare const isMobileDevice: boolean;

package/dist/index.js

@@ -2124,6 +2124,9 @@ var Loader_default = Loader2;
 
 // src/components/Button.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
+var fromSubcomponentProps = {
+  fromSubcomponent: true
+};
 var ButtonElement = import_styled_components6.default.button.withConfig({
   shouldForwardProp: (prop) => !["theme", "colorTheme", "style", "hoverStyle", "isSmall", "withText", "isLoading", "withNoBorder"].includes(
     prop
@@ -2206,7 +2209,7 @@ var ButtonComponent = function Button(buttonProps) {
     onClickWithValue,
     ...props
   } = useComponentsPropsMerger(
-    betterHtmlContextInternal.components.button?.style?.default,
+    !buttonProps.fromSubcomponent ? betterHtmlContextInternal.components.button?.style?.default : {},
     buttonProps
   );
   const theme2 = (0, import_react_better_core9.useTheme)();
@@ -2331,6 +2334,7 @@ ButtonComponent.secondary = function Secondary(buttonProps) {
     {
       className: `secondary${className ? ` ${className}` : ""}`,
       color: theme2.colors.textPrimary,
+      ...fromSubcomponentProps,
       ...props
     }
   );
@@ -2342,7 +2346,15 @@ ButtonComponent.destructive = function Destructive(buttonProps) {
     buttonProps
   );
   const theme2 = (0, import_react_better_core9.useTheme)();
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ButtonComponent, { backgroundColor: theme2.colors.error, color: theme2.colors.base, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    ButtonComponent,
+    {
+      backgroundColor: theme2.colors.error,
+      color: theme2.colors.base,
+      ...fromSubcomponentProps,
+      ...props
+    }
+  );
 };
 ButtonComponent.icon = function Icon3({ size = 16, buttonSize, backgroundButtonColor, ...buttonProps }) {
   const betterHtmlContextInternal = useBetterHtmlContextInternal();
@@ -2356,7 +2368,6 @@ ButtonComponent.icon = function Icon3({ size = 16, buttonSize, backgroundButtonC
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     ButtonComponent,
     {
-      ...betterHtmlContextInternal.components.button?.style?.icon,
       width: readyButtonSize,
       height: readyButtonSize,
       color: theme2.colors.textPrimary,
@@ -2369,6 +2380,7 @@ ButtonComponent.icon = function Icon3({ size = 16, buttonSize, backgroundButtonC
       border: "none",
       padding: 0,
       filterHover: "none !important",
+      ...fromSubcomponentProps,
       ...props
     }
   );
@@ -2392,10 +2404,10 @@ ButtonComponent.upload = function Upload({ accept, multiple, onUpload, ...button
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     ButtonComponent,
     {
-      ...betterHtmlContextInternal.components.button?.style?.upload,
       text: "Upload",
       icon: "uploadCloud",
       onClick: onClickElement,
+      ...fromSubcomponentProps,
       ...props
     }
   );