@daren/button
Advanced tools
Comparing version 1.6.2 to 1.6.3
@@ -7,34 +7,24 @@ "use strict"; | ||
exports.LinkButton = LinkButton; | ||
var _utils = require("@daren/utils"); | ||
var React = _interopRequireWildcard(require("react")); | ||
var _link = require("./link"); | ||
var _excluded = ["children", "size", "variant", "className", "disabled"], | ||
_excluded2 = ["className", "underlined"], | ||
_excluded3 = ["children", "className", "variant", "size", "disabled"]; | ||
_excluded2 = ["className", "underlined"], | ||
_excluded3 = ["children", "className", "variant", "size", "disabled"]; | ||
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); } | ||
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; } | ||
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } | ||
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; } | ||
function getClassName(className) { | ||
return (0, _utils.cx)('group relative inline-flex text-base outline-none !no-underline opacity-100 transition focus:outline-none disabled:pointer-events-none disabled:opacity-50 active:scale-90 rounded-md', className); | ||
} | ||
function ButtonInner(_ref) { | ||
var children = _ref.children, | ||
_ref$variant = _ref.variant, | ||
variant = _ref$variant === void 0 ? 'primary' : _ref$variant, | ||
_ref$size = _ref.size, | ||
size = _ref$size === void 0 ? 'medium' : _ref$size, | ||
disabled = _ref.disabled; | ||
_ref$variant = _ref.variant, | ||
variant = _ref$variant === void 0 ? 'primary' : _ref$variant, | ||
_ref$size = _ref.size, | ||
size = _ref$size === void 0 ? 'medium' : _ref$size, | ||
disabled = _ref.disabled; | ||
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", { | ||
className: (0, _utils.cx)('absolute inset-0 rounded-full border-0 opacity-100 transition focus-ring set-colors-current outline-none', { | ||
className: (0, _utils.cx)('absolute inset-0 rounded-full border-0 opacity-100 outline-none transition focus-ring set-colors-current', { | ||
'bg-accent text-accent dark:bg-accent-100 dark:text-white': variant === 'primary', | ||
@@ -58,12 +48,10 @@ 'bg-gray-200 text-primary dark:bg-gray-800': variant === 'secondary', | ||
} | ||
function Button(_ref2) { | ||
var children = _ref2.children, | ||
size = _ref2.size, | ||
_ref2$variant = _ref2.variant, | ||
variant = _ref2$variant === void 0 ? 'primary' : _ref2$variant, | ||
className = _ref2.className, | ||
disabled = _ref2.disabled, | ||
props = _objectWithoutPropertiesLoose(_ref2, _excluded); | ||
size = _ref2.size, | ||
_ref2$variant = _ref2.variant, | ||
variant = _ref2$variant === void 0 ? 'primary' : _ref2$variant, | ||
className = _ref2.className, | ||
disabled = _ref2.disabled, | ||
props = _objectWithoutPropertiesLoose(_ref2, _excluded); | ||
return /*#__PURE__*/React.createElement("button", _extends({ | ||
@@ -79,8 +67,6 @@ disabled: disabled | ||
} | ||
function LinkButton(_ref3) { | ||
var className = _ref3.className, | ||
underlined = _ref3.underlined, | ||
buttonProps = _objectWithoutPropertiesLoose(_ref3, _excluded2); | ||
underlined = _ref3.underlined, | ||
buttonProps = _objectWithoutPropertiesLoose(_ref3, _excluded2); | ||
return /*#__PURE__*/React.createElement("button", _extends({}, buttonProps, { | ||
@@ -90,12 +76,10 @@ className: (0, _utils.cx)(className, underlined ? 'underlined whitespace-nowrap focus:outline-none' : 'underline', 'inline-block text-primary') | ||
} | ||
var ButtonLink = /*#__PURE__*/React.forwardRef(function ButtonLink(_ref4, ref) { | ||
var children = _ref4.children, | ||
className = _ref4.className, | ||
_ref4$variant = _ref4.variant, | ||
variant = _ref4$variant === void 0 ? 'primary' : _ref4$variant, | ||
size = _ref4.size, | ||
disabled = _ref4.disabled, | ||
rest = _objectWithoutPropertiesLoose(_ref4, _excluded3); | ||
className = _ref4.className, | ||
_ref4$variant = _ref4.variant, | ||
variant = _ref4$variant === void 0 ? 'primary' : _ref4$variant, | ||
size = _ref4.size, | ||
disabled = _ref4.disabled, | ||
rest = _objectWithoutPropertiesLoose(_ref4, _excluded3); | ||
return /*#__PURE__*/React.createElement(_link.Link, _extends({ | ||
@@ -102,0 +86,0 @@ ref: ref, |
@@ -5,45 +5,32 @@ "use strict"; | ||
exports.ConfirmButton = ConfirmButton; | ||
var _formElements = require("@daren/form-elements"); | ||
var _typography = require("@daren/typography"); | ||
var React = _interopRequireWildcard(require("react")); | ||
var _button = require("./button"); | ||
var _excluded = ["children", "confirmString", "title", "message", "confirmButtonLabel", "cancelButtonLabel", "onConfirm", "variant"]; | ||
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); } | ||
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; } | ||
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } | ||
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; } | ||
function ConfirmButton(_ref) { | ||
var children = _ref.children, | ||
confirmString = _ref.confirmString, | ||
_ref$title = _ref.title, | ||
title = _ref$title === void 0 ? 'Are you sure?' : _ref$title, | ||
_ref$message = _ref.message, | ||
message = _ref$message === void 0 ? "If yes, type in the app name " + confirmString + " below" : _ref$message, | ||
_ref$confirmButtonLab = _ref.confirmButtonLabel, | ||
confirmButtonLabel = _ref$confirmButtonLab === void 0 ? 'Yes, Delete it' : _ref$confirmButtonLab, | ||
_ref$cancelButtonLabe = _ref.cancelButtonLabel, | ||
cancelButtonLabel = _ref$cancelButtonLabe === void 0 ? 'Cancel' : _ref$cancelButtonLabe, | ||
onConfirm = _ref.onConfirm, | ||
_ref$variant = _ref.variant, | ||
variant = _ref$variant === void 0 ? 'danger' : _ref$variant, | ||
props = _objectWithoutPropertiesLoose(_ref, _excluded); | ||
confirmString = _ref.confirmString, | ||
_ref$title = _ref.title, | ||
title = _ref$title === void 0 ? 'Are you sure?' : _ref$title, | ||
_ref$message = _ref.message, | ||
message = _ref$message === void 0 ? "If yes, type in the app name " + confirmString + " below" : _ref$message, | ||
_ref$confirmButtonLab = _ref.confirmButtonLabel, | ||
confirmButtonLabel = _ref$confirmButtonLab === void 0 ? 'Yes, Delete it' : _ref$confirmButtonLab, | ||
_ref$cancelButtonLabe = _ref.cancelButtonLabel, | ||
cancelButtonLabel = _ref$cancelButtonLabe === void 0 ? 'Cancel' : _ref$cancelButtonLabe, | ||
onConfirm = _ref.onConfirm, | ||
_ref$variant = _ref.variant, | ||
variant = _ref$variant === void 0 ? 'danger' : _ref$variant, | ||
props = _objectWithoutPropertiesLoose(_ref, _excluded); | ||
var _React$useState = React.useState(false), | ||
open = _React$useState[0], | ||
setOpen = _React$useState[1]; | ||
open = _React$useState[0], | ||
setOpen = _React$useState[1]; | ||
var _React$useState2 = React.useState(''), | ||
value = _React$useState2[0], | ||
setValue = _React$useState2[1]; | ||
value = _React$useState2[0], | ||
setValue = _React$useState2[1]; | ||
function handleConfirm() { | ||
@@ -53,3 +40,2 @@ setOpen(false); | ||
} | ||
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_button.Button, _extends({ | ||
@@ -56,0 +42,0 @@ variant: variant |
"use strict"; | ||
exports.__esModule = true; | ||
var _button = require("./button"); | ||
Object.keys(_button).forEach(function (key) { | ||
@@ -12,5 +10,3 @@ if (key === "default" || key === "__esModule") return; | ||
}); | ||
var _confirmButton = require("./confirm-button"); | ||
Object.keys(_confirmButton).forEach(function (key) { | ||
@@ -21,5 +17,3 @@ if (key === "default" || key === "__esModule") return; | ||
}); | ||
var _link = require("./link"); | ||
Object.keys(_link).forEach(function (key) { | ||
@@ -26,0 +20,0 @@ if (key === "default" || key === "__esModule") return; |
@@ -5,29 +5,19 @@ "use strict"; | ||
exports.Link = exports.DoubleLabelLink = void 0; | ||
var _utils = require("@daren/utils"); | ||
var _solid = require("@heroicons/react/24/solid"); | ||
var React = _interopRequireWildcard(require("react")); | ||
var _excluded = ["disabled", "external", "onClick", "className", "as"], | ||
_excluded2 = ["disabled", "external", "onClick", "className", "as", "children", "description"]; | ||
_excluded2 = ["disabled", "external", "onClick", "className", "as", "children", "description"]; | ||
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); } | ||
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; } | ||
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } | ||
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; } | ||
var Link = /*#__PURE__*/React.forwardRef(function Link(props, ref) { | ||
var disabled = props.disabled, | ||
external = props.external, | ||
onClick = props.onClick, | ||
className = props.className, | ||
_props$as = props.as, | ||
Tag = _props$as === void 0 ? 'a' : _props$as, | ||
rest = _objectWithoutPropertiesLoose(props, _excluded); | ||
external = props.external, | ||
onClick = props.onClick, | ||
className = props.className, | ||
_props$as = props.as, | ||
Tag = _props$as === void 0 ? 'a' : _props$as, | ||
rest = _objectWithoutPropertiesLoose(props, _excluded); | ||
var externalProps = external ? { | ||
@@ -50,11 +40,10 @@ target: '_blank', | ||
var disabled = props.disabled, | ||
external = props.external, | ||
onClick = props.onClick, | ||
className = props.className, | ||
_props$as2 = props.as, | ||
Tag = _props$as2 === void 0 ? 'a' : _props$as2, | ||
children = props.children, | ||
description = props.description, | ||
rest = _objectWithoutPropertiesLoose(props, _excluded2); | ||
external = props.external, | ||
onClick = props.onClick, | ||
className = props.className, | ||
_props$as2 = props.as, | ||
Tag = _props$as2 === void 0 ? 'a' : _props$as2, | ||
children = props.children, | ||
description = props.description, | ||
rest = _objectWithoutPropertiesLoose(props, _excluded2); | ||
var externalProps = external ? { | ||
@@ -66,3 +55,3 @@ target: '_blank', | ||
ref: ref, | ||
className: (0, _utils.cx)(className, 'group inline-flex items-center p-1 pr-2 hover:bg-gray-200 dark:hover:bg-gray-700 rounded-full transition-colors sm:text-base lg:text-sm xl:text-base text-primary bg-secondary'), | ||
className: (0, _utils.cx)(className, 'group inline-flex items-center rounded-full p-1 pr-2 transition-colors bg-secondary text-primary hover:bg-gray-200 dark:hover:bg-gray-700 sm:text-base lg:text-sm xl:text-base'), | ||
tabIndex: disabled ? -1 : undefined, | ||
@@ -69,0 +58,0 @@ "aria-disabled": disabled, |
var _excluded = ["children", "size", "variant", "className", "disabled"], | ||
_excluded2 = ["className", "underlined"], | ||
_excluded3 = ["children", "className", "variant", "size", "disabled"]; | ||
_excluded2 = ["className", "underlined"], | ||
_excluded3 = ["children", "className", "variant", "size", "disabled"]; | ||
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } | ||
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; } | ||
import { cx } from '@daren/utils'; | ||
import * as React from 'react'; | ||
import { Link } from './link'; | ||
function getClassName(className) { | ||
return cx('group relative inline-flex text-base outline-none !no-underline opacity-100 transition focus:outline-none disabled:pointer-events-none disabled:opacity-50 active:scale-90 rounded-md', className); | ||
} | ||
function ButtonInner(_ref) { | ||
@@ -25,3 +20,3 @@ var { | ||
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", { | ||
className: cx('absolute inset-0 rounded-full border-0 opacity-100 transition focus-ring set-colors-current outline-none', { | ||
className: cx('absolute inset-0 rounded-full border-0 opacity-100 outline-none transition focus-ring set-colors-current', { | ||
'bg-accent text-accent dark:bg-accent-100 dark:text-white': variant === 'primary', | ||
@@ -45,13 +40,11 @@ 'bg-gray-200 text-primary dark:bg-gray-800': variant === 'secondary', | ||
} | ||
function Button(_ref2) { | ||
var { | ||
children, | ||
size, | ||
variant = 'primary', | ||
className, | ||
disabled | ||
} = _ref2, | ||
props = _objectWithoutPropertiesLoose(_ref2, _excluded); | ||
children, | ||
size, | ||
variant = 'primary', | ||
className, | ||
disabled | ||
} = _ref2, | ||
props = _objectWithoutPropertiesLoose(_ref2, _excluded); | ||
return /*#__PURE__*/React.createElement("button", _extends({ | ||
@@ -67,10 +60,8 @@ disabled: disabled | ||
} | ||
function LinkButton(_ref3) { | ||
var { | ||
className, | ||
underlined | ||
} = _ref3, | ||
buttonProps = _objectWithoutPropertiesLoose(_ref3, _excluded2); | ||
className, | ||
underlined | ||
} = _ref3, | ||
buttonProps = _objectWithoutPropertiesLoose(_ref3, _excluded2); | ||
return /*#__PURE__*/React.createElement("button", _extends({}, buttonProps, { | ||
@@ -80,13 +71,11 @@ className: cx(className, underlined ? 'underlined whitespace-nowrap focus:outline-none' : 'underline', 'inline-block text-primary') | ||
} | ||
var ButtonLink = /*#__PURE__*/React.forwardRef(function ButtonLink(_ref4, ref) { | ||
var { | ||
children, | ||
className, | ||
variant = 'primary', | ||
size, | ||
disabled | ||
} = _ref4, | ||
rest = _objectWithoutPropertiesLoose(_ref4, _excluded3); | ||
children, | ||
className, | ||
variant = 'primary', | ||
size, | ||
disabled | ||
} = _ref4, | ||
rest = _objectWithoutPropertiesLoose(_ref4, _excluded3); | ||
return /*#__PURE__*/React.createElement(Link, _extends({ | ||
@@ -93,0 +82,0 @@ ref: ref, |
var _excluded = ["children", "confirmString", "title", "message", "confirmButtonLabel", "cancelButtonLabel", "onConfirm", "variant"]; | ||
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } | ||
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; } | ||
import { Input } from '@daren/form-elements'; | ||
@@ -11,19 +8,16 @@ import { H4, Paragraph } from '@daren/typography'; | ||
import { Button } from './button'; | ||
function ConfirmButton(_ref) { | ||
var { | ||
children, | ||
confirmString, | ||
title = 'Are you sure?', | ||
message = "If yes, type in the app name " + confirmString + " below", | ||
confirmButtonLabel = 'Yes, Delete it', | ||
cancelButtonLabel = 'Cancel', | ||
onConfirm, | ||
variant = 'danger' | ||
} = _ref, | ||
props = _objectWithoutPropertiesLoose(_ref, _excluded); | ||
children, | ||
confirmString, | ||
title = 'Are you sure?', | ||
message = "If yes, type in the app name " + confirmString + " below", | ||
confirmButtonLabel = 'Yes, Delete it', | ||
cancelButtonLabel = 'Cancel', | ||
onConfirm, | ||
variant = 'danger' | ||
} = _ref, | ||
props = _objectWithoutPropertiesLoose(_ref, _excluded); | ||
var [open, setOpen] = React.useState(false); | ||
var [value, setValue] = React.useState(''); | ||
function handleConfirm() { | ||
@@ -33,3 +27,2 @@ setOpen(false); | ||
} | ||
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, _extends({ | ||
@@ -60,4 +53,3 @@ variant: variant | ||
} | ||
export { ConfirmButton }; | ||
//# sourceMappingURL=confirm-button.js.map |
var _excluded = ["disabled", "external", "onClick", "className", "as"], | ||
_excluded2 = ["disabled", "external", "onClick", "className", "as", "children", "description"]; | ||
_excluded2 = ["disabled", "external", "onClick", "className", "as", "children", "description"]; | ||
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } | ||
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; } | ||
import { cx } from '@daren/utils'; | ||
@@ -13,10 +10,9 @@ import { ChevronRightIcon } from '@heroicons/react/24/solid'; | ||
var { | ||
disabled, | ||
external, | ||
onClick, | ||
className, | ||
as: Tag = 'a' | ||
} = props, | ||
rest = _objectWithoutPropertiesLoose(props, _excluded); | ||
disabled, | ||
external, | ||
onClick, | ||
className, | ||
as: Tag = 'a' | ||
} = props, | ||
rest = _objectWithoutPropertiesLoose(props, _excluded); | ||
var externalProps = external ? { | ||
@@ -36,12 +32,11 @@ target: '_blank', | ||
var { | ||
disabled, | ||
external, | ||
onClick, | ||
className, | ||
as: Tag = 'a', | ||
children, | ||
description | ||
} = props, | ||
rest = _objectWithoutPropertiesLoose(props, _excluded2); | ||
disabled, | ||
external, | ||
onClick, | ||
className, | ||
as: Tag = 'a', | ||
children, | ||
description | ||
} = props, | ||
rest = _objectWithoutPropertiesLoose(props, _excluded2); | ||
var externalProps = external ? { | ||
@@ -53,3 +48,3 @@ target: '_blank', | ||
ref: ref, | ||
className: cx(className, 'group inline-flex items-center p-1 pr-2 hover:bg-gray-200 dark:hover:bg-gray-700 rounded-full transition-colors sm:text-base lg:text-sm xl:text-base text-primary bg-secondary'), | ||
className: cx(className, 'group inline-flex items-center rounded-full p-1 pr-2 transition-colors bg-secondary text-primary hover:bg-gray-200 dark:hover:bg-gray-700 sm:text-base lg:text-sm xl:text-base'), | ||
tabIndex: disabled ? -1 : undefined, | ||
@@ -56,0 +51,0 @@ "aria-disabled": disabled, |
import * as React from 'react'; | ||
import { LinkFn } from './link'; | ||
declare type ButtonProps = { | ||
type ButtonProps = { | ||
children?: React.ReactNode; | ||
@@ -5,0 +5,0 @@ variant?: 'primary' | 'secondary' | 'danger' | 'success'; |
import { ExtractProps } from '@daren/utils'; | ||
import * as React from 'react'; | ||
declare type LinkProps<T extends React.ElementType> = React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> & { | ||
type LinkProps<T extends React.ElementType> = React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> & { | ||
disabled?: boolean; | ||
@@ -10,3 +10,3 @@ external?: boolean; | ||
} & ElementProps<T>; | ||
declare type ElementProps<T> = T extends keyof JSX.IntrinsicElements ? JSX.IntrinsicElements[T] : ExtractProps<T>; | ||
type ElementProps<T> = T extends keyof JSX.IntrinsicElements ? JSX.IntrinsicElements[T] : ExtractProps<T>; | ||
declare function LinkFn<Tag extends React.ElementType>(props: LinkProps<Tag>): JSX.Element; | ||
@@ -13,0 +13,0 @@ declare const Link: typeof LinkFn; |
{ | ||
"name": "@daren/button", | ||
"version": "1.6.2", | ||
"version": "1.6.3", | ||
"repository": { | ||
@@ -41,3 +41,3 @@ "type": "git", | ||
"dependencies": { | ||
"@daren/form-elements": "^1.11.4", | ||
"@daren/form-elements": "^1.11.6", | ||
"@daren/typography": "^1.7.3", | ||
@@ -55,4 +55,3 @@ "@daren/utils": "^1.8.1", | ||
"access": "public" | ||
}, | ||
"gitHead": "81dae95e8ff9d0e24da6d4cc4727cb55a7307f08" | ||
} | ||
} |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
65349
27
Updated@daren/form-elements@^1.11.6