react-better-html 1.1.288 → 1.1.289

package/dist/index.d.mts

@@ -70,6 +70,7 @@ type ButtonComponent = {
     <Value>(props: ButtonProps<Value>): React.ReactElement;
     secondary: <Value>(props: ButtonProps<Value>) => React.ReactElement;
     destructive: <Value>(props: ButtonProps<Value>) => React.ReactElement;
+    text: <Value>(props: ButtonProps<Value>) => React.ReactElement;
     icon: <Value>(props: OmitProps<ButtonProps<Value>, "icon" | "width" | "height" | "isSmall"> & {
         icon: IconName | AnyOtherString;
         /** @default 16 */
@@ -89,6 +90,7 @@ declare const ButtonComponent: ButtonComponent;
 declare const Button: typeof ButtonComponent & {
     secondary: typeof ButtonComponent.secondary;
     destructive: typeof ButtonComponent.destructive;
+    text: typeof ButtonComponent.text;
     icon: typeof ButtonComponent.icon;
     upload: typeof ButtonComponent.upload;
 };
@@ -581,7 +583,7 @@ type BetterHtmlConfig = {
     language: Language | undefined;
     components: {
         button?: {
-            style?: ComponentStyleConfig<ButtonProps, "default" | "secondary" | "destructive" | "icon" | "upload">;
+            style?: ComponentStyleConfig<ButtonProps, "default" | "secondary" | "destructive" | "text" | "icon" | "upload">;
             tagReplacement?: ComponentTagReplacementConfig<"buttonComponent" | "linkComponent">;
         };
         inputField?: {
@@ -712,7 +714,7 @@ declare const sideMenuControls: {
     close: () => void;
     toggleOpened: () => void;
 };
-declare const filterHover: () => Record<"z05" | "z1" | "z2" | "z3", React.CSSProperties["filter"]>;
+declare const filterHover: () => Record<"z05" | "z1" | "z2" | "z3" | "b05" | "b1" | "b2" | "b3", React.CSSProperties["filter"]>;
 
 declare function generateLocalStorage<LocalStorage extends object>(): {
     setItem: <StorageName extends keyof LocalStorage>(name: StorageName, value: LocalStorage[StorageName]) => void;

package/dist/index.d.ts

@@ -70,6 +70,7 @@ type ButtonComponent = {
     <Value>(props: ButtonProps<Value>): React.ReactElement;
     secondary: <Value>(props: ButtonProps<Value>) => React.ReactElement;
     destructive: <Value>(props: ButtonProps<Value>) => React.ReactElement;
+    text: <Value>(props: ButtonProps<Value>) => React.ReactElement;
     icon: <Value>(props: OmitProps<ButtonProps<Value>, "icon" | "width" | "height" | "isSmall"> & {
         icon: IconName | AnyOtherString;
         /** @default 16 */
@@ -89,6 +90,7 @@ declare const ButtonComponent: ButtonComponent;
 declare const Button: typeof ButtonComponent & {
     secondary: typeof ButtonComponent.secondary;
     destructive: typeof ButtonComponent.destructive;
+    text: typeof ButtonComponent.text;
     icon: typeof ButtonComponent.icon;
     upload: typeof ButtonComponent.upload;
 };
@@ -581,7 +583,7 @@ type BetterHtmlConfig = {
     language: Language | undefined;
     components: {
         button?: {
-            style?: ComponentStyleConfig<ButtonProps, "default" | "secondary" | "destructive" | "icon" | "upload">;
+            style?: ComponentStyleConfig<ButtonProps, "default" | "secondary" | "destructive" | "text" | "icon" | "upload">;
             tagReplacement?: ComponentTagReplacementConfig<"buttonComponent" | "linkComponent">;
         };
         inputField?: {
@@ -712,7 +714,7 @@ declare const sideMenuControls: {
     close: () => void;
     toggleOpened: () => void;
 };
-declare const filterHover: () => Record<"z05" | "z1" | "z2" | "z3", React.CSSProperties["filter"]>;
+declare const filterHover: () => Record<"z05" | "z1" | "z2" | "z3" | "b05" | "b1" | "b2" | "b3", React.CSSProperties["filter"]>;
 
 declare function generateLocalStorage<LocalStorage extends object>(): {
     setItem: <StorageName extends keyof LocalStorage>(name: StorageName, value: LocalStorage[StorageName]) => void;

package/dist/index.js

@@ -2080,7 +2080,11 @@ var filterHover = () => {
     z05: externalBetterCoreContextValue.colorTheme === "dark" ? "brightness(1.2)" : "brightness(0.95)",
     z1: externalBetterCoreContextValue.colorTheme === "dark" ? "brightness(1.3)" : "brightness(0.9)",
     z2: externalBetterCoreContextValue.colorTheme === "dark" ? "brightness(1.6)" : "brightness(0.8)",
-    z3: externalBetterCoreContextValue.colorTheme === "dark" ? "brightness(1.9)" : "brightness(0.7)"
+    z3: externalBetterCoreContextValue.colorTheme === "dark" ? "brightness(1.9)" : "brightness(0.7)",
+    b05: externalBetterCoreContextValue.colorTheme === "dark" ? "brightness(0.8)" : "brightness(1.05)",
+    b1: externalBetterCoreContextValue.colorTheme === "dark" ? "brightness(0.7)" : "brightness(1.1)",
+    b2: externalBetterCoreContextValue.colorTheme === "dark" ? "brightness(0.4)" : "brightness(1.2)",
+    b3: externalBetterCoreContextValue.colorTheme === "dark" ? "brightness(0.1)" : "brightness(1.3)"
   };
 };
 
@@ -2384,6 +2388,29 @@ ButtonComponent.destructive = function Destructive(buttonProps) {
     }
   );
 };
+ButtonComponent.text = function Text3(buttonProps) {
+  const betterHtmlContextInternal = useBetterHtmlContextInternal();
+  const { color, ...props } = useComponentsPropsMerger(
+    betterHtmlContextInternal.components.button?.style?.text,
+    buttonProps
+  );
+  const theme2 = (0, import_react_better_core9.useTheme)();
+  const readyColor = color ?? theme2.colors.textPrimary;
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    ButtonComponent,
+    {
+      color: readyColor,
+      colorHover: (0, import_react_better_core9.lightenColor)(readyColor, 0.3),
+      backgroundColor: "transparent",
+      backgroundColorHover: "transparent",
+      borderRadius: 0,
+      loaderSize: 12,
+      isSmall: true,
+      ...fromSubcomponentProps,
+      ...props
+    }
+  );
+};
 ButtonComponent.icon = function Icon3({ size = 16, buttonSize, backgroundButtonColor, ...buttonProps }) {
   const betterHtmlContextInternal = useBetterHtmlContextInternal();
   const { ...props } = useComponentsPropsMerger(
@@ -2443,6 +2470,7 @@ ButtonComponent.upload = function Upload({ accept, multiple, onUpload, ...button
 var Button2 = (0, import_react10.memo)(ButtonComponent);
 Button2.secondary = ButtonComponent.secondary;
 Button2.destructive = ButtonComponent.destructive;
+Button2.text = ButtonComponent.text;
 Button2.icon = ButtonComponent.icon;
 Button2.upload = ButtonComponent.upload;
 var Button_default = Button2;