@ttoss/ui 1.34.0 → 1.34.2

package/dist/esm/index.js

@@ -407,21 +407,19 @@ import React10 from "react";
 import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
 var CloseButton = /*#__PURE__*/React10.forwardRef(({
   label,
-  sx,
+  onlyText,
   ...props
 }, ref) => {
+  if (onlyText && !label) {
+    return null;
+  }
   return /* @__PURE__ */jsxs8(Button2, {
     variant: "buttons.closeButton",
     type: "button",
     "aria-label": label,
-    sx: {
-      gap: "sm",
-      padding: 0,
-      ...sx
-    },
     ...props,
     ref,
-    children: [label, /* @__PURE__ */jsx13(Icon, {
+    children: [label, !onlyText && /* @__PURE__ */jsx13(Icon, {
       icon: "close"
     })]
   });

package/dist/index.d.ts

@@ -71,6 +71,7 @@ declare const HelpText: ({ disabled, negative, ...props }: HelpTextProps) => JSX
 
 type CloseButtonProps = ButtonProps$1 & {
     label?: string;
+    onlyText?: boolean;
 };
 declare const CloseButton: React__default.ForwardRefExoticComponent<Omit<CloseButtonProps, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
 

package/dist/index.js

@@ -481,21 +481,19 @@ var import_react7 = __toESM(require("react"));
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var CloseButton = import_react7.default.forwardRef(({
   label,
-  sx,
+  onlyText,
   ...props
 }, ref) => {
+  if (onlyText && !label) {
+    return null;
+  }
   return /* @__PURE__ */(0, import_jsx_runtime13.jsxs)(import_theme_ui25.Button, {
     variant: "buttons.closeButton",
     type: "button",
     "aria-label": label,
-    sx: {
-      gap: "sm",
-      padding: 0,
-      ...sx
-    },
     ...props,
     ref,
-    children: [label, /* @__PURE__ */(0, import_jsx_runtime13.jsx)(Icon, {
+    children: [label, !onlyText && /* @__PURE__ */(0, import_jsx_runtime13.jsx)(Icon, {
       icon: "close"
     })]
   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/ui",
-  "version": "1.34.0",
+  "version": "1.34.2",
   "description": "Primitive layout, typographic, and other components for styling applications.",
   "license": "UNLICENSED",
   "author": "ttoss",
@@ -23,7 +23,7 @@
     "@emotion/react": "^11.10.6",
     "@iconify-icon/react": "^1.0.7",
     "@theme-ui/match-media": "^0.15.7",
-    "@ttoss/theme": "^1.4.23",
+    "@ttoss/theme": "^1.4.25",
     "theme-ui": "^0.15.7"
   },
   "peerDependencies": {
@@ -48,5 +48,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "c759e6382b5adf6e9d19e98509c2e089246e553d"
+  "gitHead": "a07424c53959642b5b1aedd07994091e79d63ecc"
 }

package/src/components/CloseButton.tsx

@@ -4,24 +4,28 @@ import React from 'react';
 
 export type CloseButtonProps = ButtonProps & {
   label?: string;
+  onlyText?: boolean;
 };
 
 export const CloseButton = React.forwardRef<
   HTMLButtonElement,
   CloseButtonProps
->(({ label, sx, ...props }, ref) => {
+>(({ label, onlyText, ...props }, ref) => {
+  if (onlyText && !label) {
+    return null;
+  }
+
   return (
     <Button
       variant="buttons.closeButton"
       type="button"
       aria-label={label}
-      sx={{ gap: 'sm', padding: 0, ...sx }}
       {...props}
       ref={ref}
     >
       {label}
 
-      <Icon icon="close" />
+      {!onlyText && <Icon icon="close" />}
     </Button>
   );
 });