@launchpad-ui/split-button
Advanced tools
Comparing version
@@ -12,3 +12,10 @@ import './style.css'; | ||
}); | ||
const SplitButton$1 = ""; | ||
const SplitButtonDrop = "_SplitButtonDrop_19vo6_8"; | ||
const SplitButtonMain = "_SplitButtonMain_19vo6_20"; | ||
const SplitButton$1 = "_SplitButton_19vo6_8"; | ||
const styles = { | ||
SplitButtonDrop, | ||
SplitButtonMain, | ||
SplitButton: SplitButton$1 | ||
}; | ||
const SplitButton = ({ | ||
@@ -23,3 +30,3 @@ disabled, | ||
}) => { | ||
return /* @__PURE__ */ jsx(SplitButtonContext.Provider, { value: { disabled: !!disabled, kind, size }, children: /* @__PURE__ */ jsx("div", { ...rest, className: cx("SplitButton", className), "data-test-id": testId, children }) }); | ||
return /* @__PURE__ */ jsx(SplitButtonContext.Provider, { value: { disabled: !!disabled, kind, size }, children: /* @__PURE__ */ jsx("div", { ...rest, className: cx(styles.SplitButton, className), "data-test-id": testId, children }) }); | ||
}; | ||
@@ -74,3 +81,3 @@ SplitButton.displayName = "SplitButton"; | ||
ref, | ||
className: cx("SplitButton-drop", className), | ||
className: cx(styles.SplitButtonDrop, className), | ||
kind, | ||
@@ -98,3 +105,3 @@ disabled: isDisabled, | ||
const isDisabled = parentDisabled || disabled; | ||
const classes = cx("SplitButton-main", className); | ||
const classes = cx(styles.SplitButtonMain, className); | ||
const label = useMemo(() => { | ||
@@ -101,0 +108,0 @@ let value; |
@@ -14,3 +14,10 @@ require('./style.css'); | ||
}); | ||
const SplitButton$1 = ""; | ||
const SplitButtonDrop = "_SplitButtonDrop_19vo6_8"; | ||
const SplitButtonMain = "_SplitButtonMain_19vo6_20"; | ||
const SplitButton$1 = "_SplitButton_19vo6_8"; | ||
const styles = { | ||
SplitButtonDrop, | ||
SplitButtonMain, | ||
SplitButton: SplitButton$1 | ||
}; | ||
const SplitButton = ({ | ||
@@ -25,3 +32,3 @@ disabled, | ||
}) => { | ||
return /* @__PURE__ */ jsxRuntime.jsx(SplitButtonContext.Provider, { value: { disabled: !!disabled, kind, size }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ...rest, className: classix.cx("SplitButton", className), "data-test-id": testId, children }) }); | ||
return /* @__PURE__ */ jsxRuntime.jsx(SplitButtonContext.Provider, { value: { disabled: !!disabled, kind, size }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ...rest, className: classix.cx(styles.SplitButton, className), "data-test-id": testId, children }) }); | ||
}; | ||
@@ -76,3 +83,3 @@ SplitButton.displayName = "SplitButton"; | ||
ref, | ||
className: classix.cx("SplitButton-drop", className), | ||
className: classix.cx(styles.SplitButtonDrop, className), | ||
kind, | ||
@@ -100,3 +107,3 @@ disabled: isDisabled, | ||
const isDisabled = parentDisabled || disabled; | ||
const classes = classix.cx("SplitButton-main", className); | ||
const classes = classix.cx(styles.SplitButtonMain, className); | ||
const label = react.useMemo(() => { | ||
@@ -103,0 +110,0 @@ let value; |
import type { ButtonProps } from '@launchpad-ui/button'; | ||
import type { ComponentProps } from 'react'; | ||
import './styles/SplitButton.css'; | ||
type SplitButtonProps = ComponentProps<'div'> & { | ||
@@ -5,0 +4,0 @@ kind?: Extract<ButtonProps['kind'], 'primary' | 'default'>; |
import type { DropdownProps } from '@launchpad-ui/dropdown'; | ||
import './styles/SplitButton.css'; | ||
type SplitButtonDropdownProps = Omit<DropdownProps<string | number | object>, 'enableArrow' | 'restrictWidth'>; | ||
@@ -4,0 +3,0 @@ declare const SplitButtonDropdown: ({ disabled, children, placement, "data-test-id": testId, ...rest }: SplitButtonDropdownProps) => import("react/jsx-runtime").JSX.Element; |
/// <reference types="react" /> | ||
import type { DropdownButtonProps } from '@launchpad-ui/dropdown'; | ||
import './styles/SplitButton.css'; | ||
type SplitButtonDropdownButtonProps = Omit<DropdownButtonProps, 'kind' | 'size' | 'children'>; | ||
@@ -5,0 +4,0 @@ declare const SplitButtonDropdownButton: import("react").ForwardRefExoticComponent<SplitButtonDropdownButtonProps & import("react").RefAttributes<HTMLButtonElement>>; |
/// <reference types="react" /> | ||
import type { ButtonProps } from '@launchpad-ui/button'; | ||
import './styles/SplitButton.css'; | ||
type SplitButtonMainButtonProps = Omit<ButtonProps, 'kind' | 'size'>; | ||
@@ -5,0 +4,0 @@ declare const SplitButtonMainButton: import("react").ForwardRefExoticComponent<SplitButtonMainButtonProps & import("react").RefAttributes<HTMLButtonElement>>; |
{ | ||
"name": "@launchpad-ui/split-button", | ||
"version": "0.9.5", | ||
"version": "0.9.6", | ||
"status": "beta", | ||
@@ -30,7 +30,7 @@ "publishConfig": { | ||
"classix": "2.1.17", | ||
"@launchpad-ui/button": "~0.11.4", | ||
"@launchpad-ui/dropdown": "~0.6.79", | ||
"@launchpad-ui/popover": "~0.11.4", | ||
"@launchpad-ui/tokens": "~0.8.2", | ||
"@launchpad-ui/tooltip": "~0.8.4" | ||
"@launchpad-ui/button": "~0.11.5", | ||
"@launchpad-ui/dropdown": "~0.6.80", | ||
"@launchpad-ui/popover": "~0.11.5", | ||
"@launchpad-ui/tokens": "~0.9.0", | ||
"@launchpad-ui/tooltip": "~0.8.5" | ||
}, | ||
@@ -37,0 +37,0 @@ "peerDependencies": { |
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
34063
1.81%395
2.6%- Removed
Updated
Updated
Updated