@launchpad-ui/button
Advanced tools
Comparing version 0.6.3 to 0.7.0
@@ -1,10 +0,8 @@ | ||
import type { ButtonSize } from './types'; | ||
import type { ButtonHTMLAttributes, ReactElement } from 'react'; | ||
import './styles/Button.css'; | ||
import { ButtonKind } from './types'; | ||
declare type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & { | ||
isLoading?: boolean; | ||
loadingText?: string | JSX.Element; | ||
size?: ButtonSize; | ||
kind?: ButtonKind; | ||
size?: 'tiny' | 'small' | 'normal' | 'big'; | ||
kind?: 'default' | 'primary' | 'destructive' | 'minimal' | 'link' | 'close'; | ||
fit?: boolean; | ||
@@ -23,4 +21,4 @@ disabled?: boolean; | ||
loadingText?: string | JSX.Element | undefined; | ||
size?: ButtonSize | undefined; | ||
kind?: ButtonKind | undefined; | ||
size?: "big" | "small" | "normal" | "tiny" | undefined; | ||
kind?: "link" | "default" | "close" | "primary" | "destructive" | "minimal" | undefined; | ||
fit?: boolean | undefined; | ||
@@ -27,0 +25,0 @@ disabled?: boolean | undefined; |
import type { HTMLAttributes } from 'react'; | ||
import './styles/ButtonGroup.css'; | ||
import { ButtonGroupSpacing } from './types'; | ||
declare type ButtonGroupProps = HTMLAttributes<HTMLDivElement> & { | ||
spacing?: ButtonGroupSpacing; | ||
spacing?: 'compact' | 'normal' | 'large'; | ||
}; | ||
@@ -7,0 +6,0 @@ declare const ButtonGroup: ({ spacing, className, children, ...rest }: ButtonGroupProps) => JSX.Element; |
@@ -0,6 +1,6 @@ | ||
import type { ButtonProps } from './Button'; | ||
import type { ButtonHTMLAttributes, ReactElement } from 'react'; | ||
import './styles/Button.css'; | ||
import { ButtonKind, IconButtonSize } from './types'; | ||
declare type IconButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & { | ||
kind?: ButtonKind; | ||
kind?: ButtonProps['kind']; | ||
icon: ReactElement<{ | ||
@@ -11,3 +11,3 @@ size?: string; | ||
}>; | ||
size?: IconButtonSize; | ||
size?: 'small' | 'normal'; | ||
'aria-label': string; | ||
@@ -17,3 +17,3 @@ asChild?: boolean; | ||
declare const IconButton: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & { | ||
kind?: ButtonKind | undefined; | ||
kind?: ButtonProps['kind']; | ||
icon: ReactElement<{ | ||
@@ -24,3 +24,3 @@ size?: string; | ||
}>; | ||
size?: IconButtonSize | undefined; | ||
size?: "small" | "normal" | undefined; | ||
'aria-label': string; | ||
@@ -27,0 +27,0 @@ asChild?: boolean | undefined; |
@@ -9,3 +9,2 @@ export type { ButtonProps } from './Button'; | ||
export { IconButton } from './IconButton'; | ||
export { ButtonGroupSpacing, ButtonKind, ButtonSize, ButtonType, IconButtonSize } from './types'; | ||
//# sourceMappingURL=index.d.ts.map |
@@ -7,34 +7,2 @@ import './style.css'; | ||
const Button$1 = ""; | ||
var ButtonType = /* @__PURE__ */ ((ButtonType2) => { | ||
ButtonType2["BUTTON"] = "button"; | ||
ButtonType2["SUBMIT"] = "submit"; | ||
return ButtonType2; | ||
})(ButtonType || {}); | ||
var IconButtonSize = /* @__PURE__ */ ((IconButtonSize2) => { | ||
IconButtonSize2["SMALL"] = "small"; | ||
IconButtonSize2["NORMAL"] = "normal"; | ||
return IconButtonSize2; | ||
})(IconButtonSize || {}); | ||
var ButtonKind = /* @__PURE__ */ ((ButtonKind2) => { | ||
ButtonKind2["DEFAULT"] = "default"; | ||
ButtonKind2["PRIMARY"] = "primary"; | ||
ButtonKind2["DESTRUCTIVE"] = "destructive"; | ||
ButtonKind2["MINIMAL"] = "minimal"; | ||
ButtonKind2["LINK"] = "link"; | ||
ButtonKind2["CLOSE"] = "close"; | ||
return ButtonKind2; | ||
})(ButtonKind || {}); | ||
var ButtonSize = /* @__PURE__ */ ((ButtonSize2) => { | ||
ButtonSize2["TINY"] = "tiny"; | ||
ButtonSize2["SMALL"] = "small"; | ||
ButtonSize2["NORMAL"] = "normal"; | ||
ButtonSize2["BIG"] = "big"; | ||
return ButtonSize2; | ||
})(ButtonSize || {}); | ||
var ButtonGroupSpacing = /* @__PURE__ */ ((ButtonGroupSpacing2) => { | ||
ButtonGroupSpacing2["COMPACT"] = "compact"; | ||
ButtonGroupSpacing2["NORMAL"] = "normal"; | ||
ButtonGroupSpacing2["LARGE"] = "large"; | ||
return ButtonGroupSpacing2; | ||
})(ButtonGroupSpacing || {}); | ||
const ButtonComponent = forwardRef((props, ref) => { | ||
@@ -47,3 +15,3 @@ const { | ||
fit, | ||
kind = ButtonKind.DEFAULT, | ||
kind = "default", | ||
isLoading = false, | ||
@@ -110,3 +78,3 @@ loadingText, | ||
const ButtonGroup = ({ | ||
spacing = ButtonGroupSpacing.NORMAL, | ||
spacing = "normal", | ||
className, | ||
@@ -197,4 +165,4 @@ children, | ||
className, | ||
size = IconButtonSize.NORMAL, | ||
kind = ButtonKind.MINIMAL, | ||
size = "normal", | ||
kind = "minimal", | ||
disabled = false, | ||
@@ -251,10 +219,5 @@ asChild = false, | ||
ButtonGroup, | ||
ButtonGroupSpacing, | ||
ButtonKind, | ||
ButtonSize, | ||
ButtonType, | ||
IconButton, | ||
IconButtonSize, | ||
UploadButton | ||
}; | ||
//# sourceMappingURL=index.es.js.map |
@@ -9,34 +9,2 @@ require('./style.css'); | ||
const Button$1 = ""; | ||
var ButtonType = /* @__PURE__ */ ((ButtonType2) => { | ||
ButtonType2["BUTTON"] = "button"; | ||
ButtonType2["SUBMIT"] = "submit"; | ||
return ButtonType2; | ||
})(ButtonType || {}); | ||
var IconButtonSize = /* @__PURE__ */ ((IconButtonSize2) => { | ||
IconButtonSize2["SMALL"] = "small"; | ||
IconButtonSize2["NORMAL"] = "normal"; | ||
return IconButtonSize2; | ||
})(IconButtonSize || {}); | ||
var ButtonKind = /* @__PURE__ */ ((ButtonKind2) => { | ||
ButtonKind2["DEFAULT"] = "default"; | ||
ButtonKind2["PRIMARY"] = "primary"; | ||
ButtonKind2["DESTRUCTIVE"] = "destructive"; | ||
ButtonKind2["MINIMAL"] = "minimal"; | ||
ButtonKind2["LINK"] = "link"; | ||
ButtonKind2["CLOSE"] = "close"; | ||
return ButtonKind2; | ||
})(ButtonKind || {}); | ||
var ButtonSize = /* @__PURE__ */ ((ButtonSize2) => { | ||
ButtonSize2["TINY"] = "tiny"; | ||
ButtonSize2["SMALL"] = "small"; | ||
ButtonSize2["NORMAL"] = "normal"; | ||
ButtonSize2["BIG"] = "big"; | ||
return ButtonSize2; | ||
})(ButtonSize || {}); | ||
var ButtonGroupSpacing = /* @__PURE__ */ ((ButtonGroupSpacing2) => { | ||
ButtonGroupSpacing2["COMPACT"] = "compact"; | ||
ButtonGroupSpacing2["NORMAL"] = "normal"; | ||
ButtonGroupSpacing2["LARGE"] = "large"; | ||
return ButtonGroupSpacing2; | ||
})(ButtonGroupSpacing || {}); | ||
const ButtonComponent = react.forwardRef((props, ref) => { | ||
@@ -49,3 +17,3 @@ const { | ||
fit, | ||
kind = ButtonKind.DEFAULT, | ||
kind = "default", | ||
isLoading = false, | ||
@@ -112,3 +80,3 @@ loadingText, | ||
const ButtonGroup = ({ | ||
spacing = ButtonGroupSpacing.NORMAL, | ||
spacing = "normal", | ||
className, | ||
@@ -199,4 +167,4 @@ children, | ||
className, | ||
size = IconButtonSize.NORMAL, | ||
kind = ButtonKind.MINIMAL, | ||
size = "normal", | ||
kind = "minimal", | ||
disabled = false, | ||
@@ -252,9 +220,4 @@ asChild = false, | ||
exports.ButtonGroup = ButtonGroup; | ||
exports.ButtonGroupSpacing = ButtonGroupSpacing; | ||
exports.ButtonKind = ButtonKind; | ||
exports.ButtonSize = ButtonSize; | ||
exports.ButtonType = ButtonType; | ||
exports.IconButton = IconButton; | ||
exports.IconButtonSize = IconButtonSize; | ||
exports.UploadButton = UploadButton; | ||
//# sourceMappingURL=index.js.map |
{ | ||
"name": "@launchpad-ui/button", | ||
"version": "0.6.3", | ||
"version": "0.7.0", | ||
"status": "beta", | ||
@@ -5,0 +5,0 @@ "publishConfig": { |
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
69524
17
1120