@helpdice/ui 2.3.5 → 2.3.6

package/dist/button/button.d.ts

@@ -7,6 +7,7 @@ interface Props {
     shadow?: boolean | string;
     round?: boolean;
     a?: boolean;
+    to?: string;
     auto?: boolean;
     effect?: boolean;
     disabled?: boolean;

package/dist/button/button.small.d.ts

@@ -0,0 +1,17 @@
+import React, { CSSProperties } from 'react';
+import { ButtonTypes } from 'components/button-group';
+type SmallButtonProps = {
+    children?: React.ReactNode;
+    iconRight?: React.ReactNode;
+    to: string;
+    icon?: React.ReactNode;
+    scale?: number;
+    type?: any;
+    style?: CSSProperties;
+    a?: boolean;
+    target?: string;
+    color?: ButtonTypes;
+    onClick?: () => void;
+};
+declare const _default: React.NamedExoticComponent<SmallButtonProps>;
+export default _default;

package/dist/button/index.d.ts

@@ -1,9 +1,11 @@
 import Button from './button';
-import CompactButton from './button.compact';
+import IconButton from './button.icon';
+import SmallButton from './button.small';
 export type { ButtonProps } from './button';
 export type { ButtonTypes } from '../utils/prop-types';
 export type ButtonComponentType = typeof Button & {
-    Compact: typeof CompactButton;
+    Icon: typeof IconButton;
+    Small: typeof SmallButton;
 };
 declare const _default: ButtonComponentType;
 export default _default;

package/dist/button/index.js

@@ -1495,16 +1495,6 @@ var CompactButton = function CompactButton(_ref) {
     style = _ref.style,
     onClick = _ref.onClick;
   var theme$1 = theme.useTheme();
-  // if (a) {
-  //     return (
-  //         <Button icon={icon} style={{
-  //             ...style,
-  //             backgroundColor: theme.palette.background
-  //         }} type={type} onClick={() => window.open(to, target)} auto scale={scale} px={0.6} iconRight={iconRight}>
-  //             {children}
-  //         </Button>
-  //     );
-  // }
   return /*#__PURE__*/React.createElement(Button, {
     icon: icon,
     style: _objectSpread2(_objectSpread2({}, style), {}, {
@@ -1518,10 +1508,37 @@ var CompactButton = function CompactButton(_ref) {
     iconRight: iconRight
   }, children);
 };
-var CompactButton$1 = /*#__PURE__*/React.memo(CompactButton);
+var IconButton = /*#__PURE__*/React.memo(CompactButton);
+
+var SmallButton = function SmallButton(_ref) {
+  _ref.color;
+    var children = _ref.children,
+    iconRight = _ref.iconRight,
+    icon = _ref.icon,
+    _ref$scale = _ref.scale,
+    scale = _ref$scale === void 0 ? 2 / 3 : _ref$scale,
+    type = _ref.type,
+    style = _ref.style,
+    onClick = _ref.onClick;
+  var theme$1 = theme.useTheme();
+  return /*#__PURE__*/React.createElement(Button, {
+    icon: icon,
+    style: _objectSpread2(_objectSpread2({}, style), {}, {
+      backgroundColor: theme$1.palette.background
+    }),
+    type: type,
+    onClick: onClick,
+    auto: true,
+    scale: scale,
+    py: 0.6,
+    iconRight: iconRight
+  }, children);
+};
+var SmallButton$1 = /*#__PURE__*/React.memo(SmallButton);
 
 /* "use client" */
 
-Button.Compact = CompactButton$1;
+Button.Icon = IconButton;
+Button.Small = SmallButton$1;
 
 exports.default = Button;

package/dist/carousal/index.js

@@ -2908,16 +2908,6 @@ var CompactButton = function CompactButton(_ref) {
     style = _ref.style,
     onClick = _ref.onClick;
   var theme$1 = theme.useTheme();
-  // if (a) {
-  //     return (
-  //         <Button icon={icon} style={{
-  //             ...style,
-  //             backgroundColor: theme.palette.background
-  //         }} type={type} onClick={() => window.open(to, target)} auto scale={scale} px={0.6} iconRight={iconRight}>
-  //             {children}
-  //         </Button>
-  //     );
-  // }
   return /*#__PURE__*/React.createElement(Button, {
     icon: icon,
     style: _objectSpread2(_objectSpread2({}, style), {}, {
@@ -2931,11 +2921,38 @@ var CompactButton = function CompactButton(_ref) {
     iconRight: iconRight
   }, children);
 };
-var CompactButton$1 = /*#__PURE__*/React.memo(CompactButton);
+var IconButton = /*#__PURE__*/React.memo(CompactButton);
+
+var SmallButton = function SmallButton(_ref) {
+  _ref.color;
+    var children = _ref.children,
+    iconRight = _ref.iconRight,
+    icon = _ref.icon,
+    _ref$scale = _ref.scale,
+    scale = _ref$scale === void 0 ? 2 / 3 : _ref$scale,
+    type = _ref.type,
+    style = _ref.style,
+    onClick = _ref.onClick;
+  var theme$1 = theme.useTheme();
+  return /*#__PURE__*/React.createElement(Button, {
+    icon: icon,
+    style: _objectSpread2(_objectSpread2({}, style), {}, {
+      backgroundColor: theme$1.palette.background
+    }),
+    type: type,
+    onClick: onClick,
+    auto: true,
+    scale: scale,
+    py: 0.6,
+    iconRight: iconRight
+  }, children);
+};
+var SmallButton$1 = /*#__PURE__*/React.memo(SmallButton);
 
 /* "use client" */
 
-Button.Compact = CompactButton$1;
+Button.Icon = IconButton;
+Button.Small = SmallButton$1;
 
 var isKeyboardEvent$1 = function isKeyboardEvent(e) {
   return e.hasOwnProperty('key');

package/dist/container/index.js

@@ -1588,16 +1588,6 @@ var CompactButton = function CompactButton(_ref) {
     style = _ref.style,
     onClick = _ref.onClick;
   var theme$1 = theme.useTheme();
-  // if (a) {
-  //     return (
-  //         <Button icon={icon} style={{
-  //             ...style,
-  //             backgroundColor: theme.palette.background
-  //         }} type={type} onClick={() => window.open(to, target)} auto scale={scale} px={0.6} iconRight={iconRight}>
-  //             {children}
-  //         </Button>
-  //     );
-  // }
   return /*#__PURE__*/React.createElement(Button, {
     icon: icon,
     style: _objectSpread2(_objectSpread2({}, style), {}, {
@@ -1611,11 +1601,38 @@ var CompactButton = function CompactButton(_ref) {
     iconRight: iconRight
   }, children);
 };
-var CompactButton$1 = /*#__PURE__*/React.memo(CompactButton);
+var IconButton = /*#__PURE__*/React.memo(CompactButton);
+
+var SmallButton = function SmallButton(_ref) {
+  _ref.color;
+    var children = _ref.children,
+    iconRight = _ref.iconRight,
+    icon = _ref.icon,
+    _ref$scale = _ref.scale,
+    scale = _ref$scale === void 0 ? 2 / 3 : _ref$scale,
+    type = _ref.type,
+    style = _ref.style,
+    onClick = _ref.onClick;
+  var theme$1 = theme.useTheme();
+  return /*#__PURE__*/React.createElement(Button, {
+    icon: icon,
+    style: _objectSpread2(_objectSpread2({}, style), {}, {
+      backgroundColor: theme$1.palette.background
+    }),
+    type: type,
+    onClick: onClick,
+    auto: true,
+    scale: scale,
+    py: 0.6,
+    iconRight: iconRight
+  }, children);
+};
+var SmallButton$1 = /*#__PURE__*/React.memo(SmallButton);
 
 /* "use client" */
 
-Button.Compact = CompactButton$1;
+Button.Icon = IconButton;
+Button.Small = SmallButton$1;
 
 var _excluded = ["gap", "children", "direction", "justify", "alignItems", "alignContent", "collapse", "className"];
 var wrap = tuple('nowrap', 'wrap', 'wrap-reverse');

package/dist/copy-to-clipboard/index.js

@@ -1630,16 +1630,6 @@ var CompactButton = function CompactButton(_ref) {
     style = _ref.style,
     onClick = _ref.onClick;
   var theme$1 = theme.useTheme();
-  // if (a) {
-  //     return (
-  //         <Button icon={icon} style={{
-  //             ...style,
-  //             backgroundColor: theme.palette.background
-  //         }} type={type} onClick={() => window.open(to, target)} auto scale={scale} px={0.6} iconRight={iconRight}>
-  //             {children}
-  //         </Button>
-  //     );
-  // }
   return /*#__PURE__*/React.createElement(Button, {
     icon: icon,
     style: _objectSpread2(_objectSpread2({}, style), {}, {
@@ -1653,11 +1643,38 @@ var CompactButton = function CompactButton(_ref) {
     iconRight: iconRight
   }, children);
 };
-var CompactButton$1 = /*#__PURE__*/React.memo(CompactButton);
+var IconButton = /*#__PURE__*/React.memo(CompactButton);
+
+var SmallButton = function SmallButton(_ref) {
+  _ref.color;
+    var children = _ref.children,
+    iconRight = _ref.iconRight,
+    icon = _ref.icon,
+    _ref$scale = _ref.scale,
+    scale = _ref$scale === void 0 ? 2 / 3 : _ref$scale,
+    type = _ref.type,
+    style = _ref.style,
+    onClick = _ref.onClick;
+  var theme$1 = theme.useTheme();
+  return /*#__PURE__*/React.createElement(Button, {
+    icon: icon,
+    style: _objectSpread2(_objectSpread2({}, style), {}, {
+      backgroundColor: theme$1.palette.background
+    }),
+    type: type,
+    onClick: onClick,
+    auto: true,
+    scale: scale,
+    py: 0.6,
+    iconRight: iconRight
+  }, children);
+};
+var SmallButton$1 = /*#__PURE__*/React.memo(SmallButton);
 
 /* "use client" */
 
-Button.Compact = CompactButton$1;
+Button.Icon = IconButton;
+Button.Small = SmallButton$1;
 
 // export function Clipboard(props: ClipboardProps) {
 //     const { setToast } = useToasts();

package/dist/index.js

@@ -5125,16 +5125,6 @@ var CompactButton = function CompactButton(_ref) {
     style = _ref.style,
     onClick = _ref.onClick;
   var theme$1 = theme.useTheme();
-  // if (a) {
-  //     return (
-  //         <Button icon={icon} style={{
-  //             ...style,
-  //             backgroundColor: theme.palette.background
-  //         }} type={type} onClick={() => window.open(to, target)} auto scale={scale} px={0.6} iconRight={iconRight}>
-  //             {children}
-  //         </Button>
-  //     );
-  // }
   return /*#__PURE__*/React$1.createElement(Button, {
     icon: icon,
     style: _objectSpread2(_objectSpread2({}, style), {}, {
@@ -5148,11 +5138,38 @@ var CompactButton = function CompactButton(_ref) {
     iconRight: iconRight
   }, children);
 };
-var CompactButton$1 = /*#__PURE__*/React$1.memo(CompactButton);
+var IconButton = /*#__PURE__*/React$1.memo(CompactButton);
+
+var SmallButton = function SmallButton(_ref) {
+  _ref.color;
+    var children = _ref.children,
+    iconRight = _ref.iconRight,
+    icon = _ref.icon,
+    _ref$scale = _ref.scale,
+    scale = _ref$scale === void 0 ? 2 / 3 : _ref$scale,
+    type = _ref.type,
+    style = _ref.style,
+    onClick = _ref.onClick;
+  var theme$1 = theme.useTheme();
+  return /*#__PURE__*/React$1.createElement(Button, {
+    icon: icon,
+    style: _objectSpread2(_objectSpread2({}, style), {}, {
+      backgroundColor: theme$1.palette.background
+    }),
+    type: type,
+    onClick: onClick,
+    auto: true,
+    scale: scale,
+    py: 0.6,
+    iconRight: iconRight
+  }, children);
+};
+var SmallButton$1 = /*#__PURE__*/React$1.memo(SmallButton);
 
 /* "use client" */
 
-Button.Compact = CompactButton$1;
+Button.Icon = IconButton;
+Button.Small = SmallButton$1;
 
 /* "use client" */
 

package/dist/placeholder/index.js

@@ -1864,16 +1864,6 @@ var CompactButton = function CompactButton(_ref) {
     style = _ref.style,
     onClick = _ref.onClick;
   var theme$1 = theme.useTheme();
-  // if (a) {
-  //     return (
-  //         <Button icon={icon} style={{
-  //             ...style,
-  //             backgroundColor: theme.palette.background
-  //         }} type={type} onClick={() => window.open(to, target)} auto scale={scale} px={0.6} iconRight={iconRight}>
-  //             {children}
-  //         </Button>
-  //     );
-  // }
   return /*#__PURE__*/React.createElement(Button, {
     icon: icon,
     style: _objectSpread2(_objectSpread2({}, style), {}, {
@@ -1887,11 +1877,38 @@ var CompactButton = function CompactButton(_ref) {
     iconRight: iconRight
   }, children);
 };
-var CompactButton$1 = /*#__PURE__*/React.memo(CompactButton);
+var IconButton = /*#__PURE__*/React.memo(CompactButton);
+
+var SmallButton = function SmallButton(_ref) {
+  _ref.color;
+    var children = _ref.children,
+    iconRight = _ref.iconRight,
+    icon = _ref.icon,
+    _ref$scale = _ref.scale,
+    scale = _ref$scale === void 0 ? 2 / 3 : _ref$scale,
+    type = _ref.type,
+    style = _ref.style,
+    onClick = _ref.onClick;
+  var theme$1 = theme.useTheme();
+  return /*#__PURE__*/React.createElement(Button, {
+    icon: icon,
+    style: _objectSpread2(_objectSpread2({}, style), {}, {
+      backgroundColor: theme$1.palette.background
+    }),
+    type: type,
+    onClick: onClick,
+    auto: true,
+    scale: scale,
+    py: 0.6,
+    iconRight: iconRight
+  }, children);
+};
+var SmallButton$1 = /*#__PURE__*/React.memo(SmallButton);
 
 /* "use client" */
 
-Button.Compact = CompactButton$1;
+Button.Icon = IconButton;
+Button.Small = SmallButton$1;
 
 var _excluded = ["h1", "h2", "h3", "h4", "h5", "h6", "p", "b", "small", "i", "span", "del", "em", "blockquote", "noWrap", "collapse", "children", "className"];
 var _getModifierChild = function getModifierChild(tags, children) {

package/dist/table/index.js

@@ -22537,16 +22537,6 @@ var CompactButton = function CompactButton(_ref) {
     style = _ref.style,
     onClick = _ref.onClick;
   var theme$1 = theme.useTheme();
-  // if (a) {
-  //     return (
-  //         <Button icon={icon} style={{
-  //             ...style,
-  //             backgroundColor: theme.palette.background
-  //         }} type={type} onClick={() => window.open(to, target)} auto scale={scale} px={0.6} iconRight={iconRight}>
-  //             {children}
-  //         </Button>
-  //     );
-  // }
   return /*#__PURE__*/React.createElement(Button, {
     icon: icon,
     style: _objectSpread2(_objectSpread2({}, style), {}, {
@@ -22560,11 +22550,38 @@ var CompactButton = function CompactButton(_ref) {
     iconRight: iconRight
   }, children);
 };
-var CompactButton$1 = /*#__PURE__*/React.memo(CompactButton);
+var IconButton = /*#__PURE__*/React.memo(CompactButton);
+
+var SmallButton = function SmallButton(_ref) {
+  _ref.color;
+    var children = _ref.children,
+    iconRight = _ref.iconRight,
+    icon = _ref.icon,
+    _ref$scale = _ref.scale,
+    scale = _ref$scale === void 0 ? 2 / 3 : _ref$scale,
+    type = _ref.type,
+    style = _ref.style,
+    onClick = _ref.onClick;
+  var theme$1 = theme.useTheme();
+  return /*#__PURE__*/React.createElement(Button, {
+    icon: icon,
+    style: _objectSpread2(_objectSpread2({}, style), {}, {
+      backgroundColor: theme$1.palette.background
+    }),
+    type: type,
+    onClick: onClick,
+    auto: true,
+    scale: scale,
+    py: 0.6,
+    iconRight: iconRight
+  }, children);
+};
+var SmallButton$1 = /*#__PURE__*/React.memo(SmallButton);
 
 /* "use client" */
 
-Button.Compact = CompactButton$1;
+Button.Icon = IconButton;
+Button.Small = SmallButton$1;
 
 var _excluded$5 = ["h1", "h2", "h3", "h4", "h5", "h6", "p", "b", "small", "i", "span", "del", "em", "blockquote", "noWrap", "collapse", "children", "className"];
 var _getModifierChild = function getModifierChild(tags, children) {

package/dist/text/index.js

@@ -1559,16 +1559,6 @@ var CompactButton = function CompactButton(_ref) {
     style = _ref.style,
     onClick = _ref.onClick;
   var theme$1 = theme.useTheme();
-  // if (a) {
-  //     return (
-  //         <Button icon={icon} style={{
-  //             ...style,
-  //             backgroundColor: theme.palette.background
-  //         }} type={type} onClick={() => window.open(to, target)} auto scale={scale} px={0.6} iconRight={iconRight}>
-  //             {children}
-  //         </Button>
-  //     );
-  // }
   return /*#__PURE__*/React.createElement(Button, {
     icon: icon,
     style: _objectSpread2(_objectSpread2({}, style), {}, {
@@ -1582,11 +1572,38 @@ var CompactButton = function CompactButton(_ref) {
     iconRight: iconRight
   }, children);
 };
-var CompactButton$1 = /*#__PURE__*/React.memo(CompactButton);
+var IconButton = /*#__PURE__*/React.memo(CompactButton);
+
+var SmallButton = function SmallButton(_ref) {
+  _ref.color;
+    var children = _ref.children,
+    iconRight = _ref.iconRight,
+    icon = _ref.icon,
+    _ref$scale = _ref.scale,
+    scale = _ref$scale === void 0 ? 2 / 3 : _ref$scale,
+    type = _ref.type,
+    style = _ref.style,
+    onClick = _ref.onClick;
+  var theme$1 = theme.useTheme();
+  return /*#__PURE__*/React.createElement(Button, {
+    icon: icon,
+    style: _objectSpread2(_objectSpread2({}, style), {}, {
+      backgroundColor: theme$1.palette.background
+    }),
+    type: type,
+    onClick: onClick,
+    auto: true,
+    scale: scale,
+    py: 0.6,
+    iconRight: iconRight
+  }, children);
+};
+var SmallButton$1 = /*#__PURE__*/React.memo(SmallButton);
 
 /* "use client" */
 
-Button.Compact = CompactButton$1;
+Button.Icon = IconButton;
+Button.Small = SmallButton$1;
 
 var _excluded = ["h1", "h2", "h3", "h4", "h5", "h6", "p", "b", "small", "i", "span", "del", "em", "blockquote", "noWrap", "collapse", "children", "className"];
 var _getModifierChild = function getModifierChild(tags, children) {

package/esm/button/button.d.ts

@@ -7,6 +7,7 @@ interface Props {
     shadow?: boolean | string;
     round?: boolean;
     a?: boolean;
+    to?: string;
     auto?: boolean;
     effect?: boolean;
     disabled?: boolean;

package/esm/button/{button.compact.js → button.icon.js}

@@ -13,16 +13,6 @@ var CompactButton = function CompactButton(_ref) {
     style = _ref.style,
     onClick = _ref.onClick;
   var theme = useTheme();
-  // if (a) {
-  //     return (
-  //         <Button icon={icon} style={{
-  //             ...style,
-  //             backgroundColor: theme.palette.background
-  //         }} type={type} onClick={() => window.open(to, target)} auto scale={scale} px={0.6} iconRight={iconRight}>
-  //             {children}
-  //         </Button>
-  //     );
-  // }
   return /*#__PURE__*/React.createElement(Button, {
     icon: icon,
     style: _extends({}, style, {

package/esm/button/button.small.d.ts

@@ -0,0 +1,17 @@
+import React, { CSSProperties } from 'react';
+import { ButtonTypes } from 'components/button-group';
+type SmallButtonProps = {
+    children?: React.ReactNode;
+    iconRight?: React.ReactNode;
+    to: string;
+    icon?: React.ReactNode;
+    scale?: number;
+    type?: any;
+    style?: CSSProperties;
+    a?: boolean;
+    target?: string;
+    color?: ButtonTypes;
+    onClick?: () => void;
+};
+declare const _default: React.NamedExoticComponent<SmallButtonProps>;
+export default _default;

package/esm/button/button.small.js

@@ -0,0 +1,29 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { memo } from 'react';
+import Button from './button';
+import { useTheme } from '@helpdice/theme';
+var SmallButton = function SmallButton(_ref) {
+  var _color = _ref.color,
+    children = _ref.children,
+    iconRight = _ref.iconRight,
+    icon = _ref.icon,
+    _ref$scale = _ref.scale,
+    scale = _ref$scale === void 0 ? 2 / 3 : _ref$scale,
+    type = _ref.type,
+    style = _ref.style,
+    onClick = _ref.onClick;
+  var theme = useTheme();
+  return /*#__PURE__*/React.createElement(Button, {
+    icon: icon,
+    style: _extends({}, style, {
+      backgroundColor: theme.palette.background
+    }),
+    type: type,
+    onClick: onClick,
+    auto: true,
+    scale: scale,
+    py: 0.6,
+    iconRight: iconRight
+  }, children);
+};
+export default /*#__PURE__*/memo(SmallButton);

package/esm/button/index.d.ts

@@ -1,9 +1,11 @@
 import Button from './button';
-import CompactButton from './button.compact';
+import IconButton from './button.icon';
+import SmallButton from './button.small';
 export type { ButtonProps } from './button';
 export type { ButtonTypes } from '../utils/prop-types';
 export type ButtonComponentType = typeof Button & {
-    Compact: typeof CompactButton;
+    Icon: typeof IconButton;
+    Small: typeof SmallButton;
 };
 declare const _default: ButtonComponentType;
 export default _default;

package/esm/button/index.js

@@ -1,6 +1,8 @@
 /* "use client" */
 
 import Button from './button';
-import CompactButton from './button.compact';
-Button.Compact = CompactButton;
+import IconButton from './button.icon';
+import SmallButton from './button.small';
+Button.Icon = IconButton;
+Button.Small = SmallButton;
 export default Button;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@helpdice/ui",
-  "version": "2.3.5",
+  "version": "2.3.6",
   "main": "dist/index.js",
   "types": "esm/index.d.ts",
   "unpkg": "dist/index.min.js",