Big News: Socket raises $60M Series C at a $1B valuation to secure software supply chains for AI-driven development.Announcement →
Sign In

@highoutput/hds-button

Package Overview
Dependencies
Maintainers
6
Versions
10
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@highoutput/hds-button - npm Package Compare versions

Comparing version
0.1.11
 to
0.1.12
+89
-6
dist/hds-button.cjs.development.js

@@ -88,2 +88,5 @@ 'use strict';

},
_active: {
bgColor: "brand.primary.900"
},
_focus: {

@@ -105,2 +108,5 @@ outline: "none",

},
_active: {
bgColor: "interface.error.900"
},
_focus: {

@@ -110,3 +116,2 @@ outline: "none",

},
_active: {},
_disabled: {

@@ -130,2 +135,7 @@ cursor: "not-allowed",

},
_active: {
color: "brand.primary.900",
bgColor: "brand.primary.500",
borderColor: "brand.primary.600"
},
_focus: {

@@ -154,2 +164,7 @@ color: "brand.primary.900",

},
_active: {
color: "interface.error.900",
bgColor: "interface.error.500",
borderColor: "interface.error.600"
},
_focus: {

@@ -176,2 +191,5 @@ color: "interface.error.900",

},
_active: {
bgColor: "neutrals.100"
},
_focus: {

@@ -197,2 +215,6 @@ boxShadow: "0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7"

},
_active: {
color: "brand.primary.900",
bgColor: "brand.primary.500"
},
_focus: {

@@ -216,2 +238,6 @@ color: "brand.primary.900",

},
_active: {
color: "interface.error.900",
bgColor: "interface.error.500"
},
_focus: {

@@ -235,2 +261,6 @@ color: "interface.error.900",

},
_active: {
color: "neutrals.900",
bgColor: "neutrals.200"
},
_focus: {

@@ -255,2 +285,6 @@ color: "neutrals.900",

},
_active: {
color: "brand.primary.900",
bgColor: "brand.primary.600"
},
_focus: {

@@ -275,2 +309,6 @@ color: "brand.primary.900",

},
_active: {
color: "interface.error.900",
bgColor: "rgba(220, 24, 12, 0.15)"
},
_focus: {

@@ -296,2 +334,6 @@ color: "interface.error.900",

},
_active: {
color: "interface.error.900",
bgColor: "rgba(220, 24, 12, 0.15)"
},
_focus: {

@@ -311,5 +353,6 @@ color: "interface.error.900",

}), variant === "link" && _extends({
width: "fit-content",
height: "fit-content",
bgColor: "transparent",
paddingY: "none",
padding: "0px",
bgColor: "unset",
boxShadow: "none"

@@ -321,2 +364,5 @@ }, accent === "primary" && {

},
_active: {
color: "brand.primary.900"
},
_disabled: {

@@ -334,2 +380,5 @@ color: "neutrals.300",

},
_active: {
color: "interface.error.900"
},
_disabled: {

@@ -347,2 +396,5 @@ color: "interface.error.500",

},
_active: {
color: "neutrals.700"
},
_disabled: {

@@ -355,8 +407,39 @@ color: "neutrals.300",

}
}));
}), variant === "unstyled" && {
width: "fit-content",
height: "fit-content",
padding: "0px",
bgColor: "unset",
boxShadow: "none",
color: "neutrals.700",
_hover: {
color: "neutrals.900"
},
_active: {
color: "neutrals.900"
},
_disabled: {
color: "neutrals.500",
cursor: "not-allowed",
_hover: {
color: "neutrals.500"
}
}
});
}, [
//
size, accent, variant]);
/**
*
* Only add width to button
* If variant is not "link" or "unstyled"
*
*/
var shouldAdjustIconButtonWidth = variant !== "link" && variant !== "unstyled";
var iconButton = React.useMemo(function () {
return _extends({}, button, size === "sm" && {
return _extends({}, button, !shouldAdjustIconButtonWidth && {
minWidth: "unset",
paddingY: "unset",
paddingX: "unset"
}, shouldAdjustIconButtonWidth && _extends({}, size === "sm" && {
width: "36px"

@@ -371,3 +454,3 @@ }, size === "md" && {

width: "56px"
});
}));
}, [size, accent, variant]);

@@ -374,0 +457,0 @@ var styles = {

+1
-1
dist/hds-button.cjs.development.js.map

@@ -1,1 +0,1 @@

{"version":3,"file":"hds-button.cjs.development.js","sources":["../src/hooks.tsx","../src/Button.tsx","../src/IconButton.tsx","../src/SocialButton.tsx"],"sourcesContent":["import { SystemStyleObject } from \"@chakra-ui/react\";\r\nimport * as React from \"react\";\r\nimport { Accent, Size, Variant } from \"./types\";\r\n\r\ntype UseStylesConfig = {\r\n size?: Size;\r\n accent?: Accent;\r\n variant?: Variant;\r\n};\r\n\r\ntype UseStylesReturn = {\r\n button: SystemStyleObject;\r\n iconButton: SystemStyleObject;\r\n};\r\n\r\nexport function useStyles({ size, accent, variant }: UseStylesConfig): UseStylesReturn {\r\n const button = React.useMemo(\r\n () => ({\r\n rounded: \"4px\",\r\n fontFamily: \"inherit\",\r\n fontWeight: 500,\r\n transition: \"all 300ms ease-in-out\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\r\n _active: {},\r\n\r\n /*\r\n * SIZES\r\n */\r\n\r\n ...(size === \"sm\" && {\r\n height: \"36px\",\r\n paddingY: \"8px\",\r\n paddingX: \"14px\",\r\n fontSize: \"12px\",\r\n lineHeight: \"12px\",\r\n letterSpacing: \"0.02em\",\r\n }),\r\n\r\n ...(size === \"md\" && {\r\n height: \"40px\",\r\n paddingY: \"10px\",\r\n paddingX: \"16px\",\r\n fontSize: \"14px\",\r\n lineHeight: \"14px\",\r\n letterSpacing: \"0.02em\",\r\n }),\r\n\r\n ...(size === \"lg\" && {\r\n height: \"44px\",\r\n paddingY: \"10px\",\r\n paddingX: \"18px\",\r\n fontSize: \"18px\",\r\n lineHeight: \"24px\",\r\n }),\r\n\r\n ...(size === \"xl\" && {\r\n height: \"48px\",\r\n paddingY: \"12px\",\r\n paddingX: \"20px\",\r\n fontSize: \"20px\",\r\n lineHeight: \"20px\",\r\n }),\r\n\r\n ...(size === \"2xl\" && {\r\n height: \"56px\",\r\n paddingY: \"16px\",\r\n paddingX: \"28px\",\r\n fontSize: \"18px\",\r\n lineHeight: \"24px\",\r\n }),\r\n\r\n /*\r\n * SOLID\r\n */\r\n\r\n ...(variant === \"solid\" && {\r\n color: \"neutrals.100\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\r\n\r\n ...(accent === \"primary\" && {\r\n bgColor: \"brand.primary.700\",\r\n _hover: {\r\n bgColor: \"brand.primary.900\",\r\n },\r\n _focus: {\r\n outline: \"none\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F4EBFF\",\r\n },\r\n _disabled: {\r\n cursor: \"not-allowed\",\r\n bgColor: \"brand.primary.500\",\r\n _hover: {\r\n bgColor: \"brand.primary.500\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"error\" && {\r\n bgColor: \"interface.error.700\",\r\n _hover: {\r\n bgColor: \"interface.error.900\",\r\n },\r\n _focus: {\r\n outline: \"none\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #FEE4E2\",\r\n },\r\n _active: {},\r\n _disabled: {\r\n cursor: \"not-allowed\",\r\n bgColor: \"interface.error.500\",\r\n _hover: {\r\n bgColor: \"interface.error.500\",\r\n },\r\n },\r\n }),\r\n }),\r\n\r\n /*\r\n * OUTLINE\r\n */\r\n\r\n ...(variant === \"outline\" && {\r\n bgColor: \"white\",\r\n\r\n ...(accent === \"primary\" && {\r\n color: \"brand.primary.700\",\r\n border: \"1px\",\r\n borderColor: \"brand.primary.700\",\r\n _hover: {\r\n color: \"brand.primary.900\",\r\n bgColor: \"brand.primary.500\",\r\n borderColor: \"brand.primary.600\",\r\n },\r\n _focus: {\r\n color: \"brand.primary.900\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F4EBFF\",\r\n },\r\n _disabled: {\r\n cursor: \"not-allowed\",\r\n color: \"brand.primary.600\",\r\n borderColor: \"brand.primary.600\",\r\n _hover: {\r\n color: \"brand.primary.600\",\r\n bgColor: \"white\",\r\n borderColor: \"brand.primary.600\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"error\" && {\r\n color: \"interface.error.700\",\r\n border: \"1px\",\r\n borderColor: \"interface.error.700\",\r\n _hover: {\r\n color: \"interface.error.900\",\r\n bgColor: \"interface.error.500\",\r\n borderColor: \"interface.error.600\",\r\n },\r\n _focus: {\r\n color: \"interface.error.900\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #FEE4E2\",\r\n },\r\n _disabled: {\r\n cursor: \"not-allowed\",\r\n color: \"interface.error.600\",\r\n borderColor: \"interface.error.600\",\r\n _hover: {\r\n color: \"interface.error.600\",\r\n bgColor: \"white\",\r\n borderColor: \"interface.error.600\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"gray\" && {\r\n color: \"neutrals.700\",\r\n border: \"1px\",\r\n borderColor: \"neutrals.300\",\r\n _hover: {\r\n bgColor: \"neutrals.100\",\r\n },\r\n _focus: {\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7\",\r\n },\r\n _disabled: {\r\n color: \"neutrals.200\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"neutrals.200\",\r\n bgColor: \"white\",\r\n },\r\n },\r\n }),\r\n }),\r\n\r\n /*\r\n * GHOST\r\n */\r\n\r\n ...(variant === \"ghost\" && {\r\n bgColor: \"white\",\r\n boxShadow: \"none\",\r\n\r\n ...(accent === \"primary\" && {\r\n color: \"brand.primary.700\",\r\n _hover: {\r\n color: \"brand.primary.900\",\r\n bgColor: \"brand.primary.500\",\r\n },\r\n _focus: {\r\n color: \"brand.primary.900\",\r\n boxShadow: \"none\",\r\n },\r\n _disabled: {\r\n color: \"neutrals.300\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"neutrals.300\",\r\n bgColor: \"white\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"error\" && {\r\n color: \"interface.error.700\",\r\n _hover: {\r\n color: \"interface.error.900\",\r\n bgColor: \"interface.error.500\",\r\n },\r\n _focus: {\r\n color: \"interface.error.900\",\r\n boxShadow: \"none\",\r\n },\r\n _disabled: {\r\n color: \"interface.error.500\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"interface.error.500\",\r\n bgColor: \"white\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"gray\" && {\r\n color: \"neutrals.700\",\r\n _hover: {\r\n color: \"neutrals.900\",\r\n bgColor: \"neutrals.200\",\r\n },\r\n _focus: {\r\n color: \"neutrals.900\",\r\n boxShadow: \"none\",\r\n },\r\n _disabled: {\r\n color: \"neutrals.300\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"neutrals.300\",\r\n bgColor: \"white\",\r\n },\r\n },\r\n }),\r\n }),\r\n\r\n /*\r\n * SUBTLE\r\n */\r\n\r\n ...(variant === \"subtle\" && {\r\n ...(accent === \"primary\" && {\r\n color: \"brand.primary.700\",\r\n bgColor: \"brand.primary.500\",\r\n _hover: {\r\n color: \"brand.primary.900\",\r\n bgColor: \"brand.primary.600\",\r\n },\r\n _focus: {\r\n color: \"brand.primary.900\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F4EBFF\",\r\n },\r\n _disabled: {\r\n color: \"neutrals.100\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"neutrals.100\",\r\n bgColor: \"brand.primary.500\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"error\" && {\r\n color: \"interface.error.700\",\r\n bgColor: \"interface.error.500\",\r\n _hover: {\r\n color: \"interface.error.900\",\r\n bgColor: \"rgba(220, 24, 12, 0.15)\",\r\n },\r\n _focus: {\r\n color: \"interface.error.900\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #FEE4E2\",\r\n },\r\n _disabled: {\r\n color: \"rgba(220, 24, 12, 0.3)\",\r\n bgColor: \"rgba(252, 234, 232, 0.5)\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"rgba(220, 24, 12, 0.3)\",\r\n bgColor: \"rgba(252, 234, 232, 0.5)\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"gray\" && {\r\n color: \"interface.error.700\",\r\n bgColor: \"interface.error.500\",\r\n _hover: {\r\n color: \"interface.error.900\",\r\n bgColor: \"rgba(220, 24, 12, 0.15)\",\r\n },\r\n _focus: {\r\n color: \"interface.error.900\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #FEE4E2\",\r\n },\r\n _disabled: {\r\n color: \"rgba(220, 24, 12, 0.3)\",\r\n bgColor: \"rgba(252, 234, 232, 0.5)\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"rgba(220, 24, 12, 0.3)\",\r\n bgColor: \"rgba(252, 234, 232, 0.5)\",\r\n },\r\n },\r\n }),\r\n }),\r\n\r\n /*\r\n * LINK\r\n */\r\n\r\n ...(variant === \"link\" && {\r\n height: \"fit-content\",\r\n bgColor: \"transparent\",\r\n paddingY: \"none\",\r\n boxShadow: \"none\",\r\n\r\n ...(accent === \"primary\" && {\r\n color: \"brand.primary.700\",\r\n _hover: {\r\n color: \"brand.primary.900\",\r\n },\r\n _disabled: {\r\n color: \"neutrals.300\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"neutrals.300\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"error\" && {\r\n color: \"interface.error.700\",\r\n _hover: {\r\n color: \"interface.error.900\",\r\n },\r\n _disabled: {\r\n color: \"interface.error.500\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"interface.error.500\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"gray\" && {\r\n color: \"neutrals.600\",\r\n _hover: {\r\n color: \"neutrals.700\",\r\n },\r\n _disabled: {\r\n color: \"neutrals.300\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"neutrals.300\",\r\n },\r\n },\r\n }),\r\n }),\r\n }),\r\n [\r\n //\r\n size,\r\n accent,\r\n variant,\r\n ],\r\n );\r\n\r\n const iconButton = React.useMemo(\r\n () => ({\r\n ...button,\r\n ...(size === \"sm\" && { width: \"36px\" }),\r\n ...(size === \"md\" && { width: \"40px\" }),\r\n ...(size === \"lg\" && { width: \"44px\" }),\r\n ...(size === \"xl\" && { width: \"48px\" }),\r\n ...(size === \"2xl\" && { width: \"56px\" }),\r\n }),\r\n [size, accent, variant],\r\n );\r\n\r\n const styles = {\r\n button,\r\n iconButton,\r\n };\r\n\r\n return styles;\r\n}\r\n","import {\n Button as ChakraButton,\n ButtonProps as ChakraButtonProps,\n} from \"@chakra-ui/react\";\nimport * as React from \"react\";\nimport { useStyles } from \"./hooks\";\nimport { Accent, Prettify, Size, Variant } from \"./types\";\n\n/* prettier-ignore */\ntype Picked = Omit<\n ChakraButtonProps,\n | \"sx\" \n | \"size\" \n | \"accent\" \n | \"variant\" \n | \"colorScheme\"\n>;\n\ntype Base = {\n size?: Size;\n accent?: Accent;\n variant?: Variant;\n __testId?: string;\n};\n\nexport type ButtonProps = Prettify<Picked & Base>;\n\nexport default React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n props,\n ref,\n) {\n const {\n size = \"md\",\n accent = \"primary\",\n variant = \"solid\",\n children = null,\n __testId = \"hds.button\",\n ...others\n } = props;\n\n const styles = useStyles({\n size,\n accent,\n variant,\n });\n\n return (\n <ChakraButton ref={ref} {...others} sx={styles.button} data-testid={__testId}>\n {props.children}\n </ChakraButton>\n );\n});\n","import {\n IconButton as ChakraIconButton,\n IconButtonProps as ChakraIconButtonProps,\n} from \"@chakra-ui/react\";\nimport * as React from \"react\";\nimport { useStyles } from \"./hooks\";\nimport { Accent, Prettify, Size, Variant } from \"./types\";\n\n/* prettier-ignore */\ntype Picked = Omit<\n ChakraIconButtonProps,\n | \"sx\" \n | \"size\" \n | \"accent\" \n | \"variant\" \n | \"colorScheme\"\n | \"aria-label\"\n>;\n\ntype Base = {\n size?: Size;\n accent?: Accent;\n variant?: Variant;\n __testId?: string;\n};\n\nexport type IconButtonProps = Prettify<Picked & Base>;\n\nexport default React.forwardRef<HTMLButtonElement, IconButtonProps>(function IconButton(\n props,\n ref,\n) {\n const {\n size = \"md\",\n accent = \"primary\",\n variant = \"solid\",\n __testId = \"hds.icon-button\",\n ...others\n } = props;\n\n const styles = useStyles({\n size,\n accent,\n variant,\n });\n\n return (\n <ChakraIconButton\n {...others}\n ref={ref}\n aria-label=\"\"\n sx={styles.iconButton}\n data-testid={__testId}\n />\n );\n});\n","import { Button, ButtonProps, IconButton } from \"@chakra-ui/react\";\nimport {\n AppleIcon,\n DribbleIcon,\n FacebookIcon,\n FigmaIcon,\n GoogleIcon,\n TwitterIcon,\n} from \"@highoutput/hds-icons\";\nimport * as React from \"react\";\nimport { Prettify } from \"./types\";\n\n/* prettier-ignore */\ntype Picked = Omit<\n ButtonProps,\n | \"sx\"\n | \"size\"\n | \"variant\"\n | \"children\"\n | \"leftIcon\"\n | \"rightIcon\"\n | \"colorScheme\"\n>;\n\ntype Icon = \"google\" | \"dribble\" | \"twitter\" | \"figma\" | \"facebook\" | \"apple\";\n\ntype Variant = \"outline\" | \"solid\";\n\ntype Base = {\n icon: Icon;\n label?: string;\n variant?: Variant;\n __iconTestId?: string;\n __buttonTestId?: string;\n};\n\nexport type SocialButtonProps = Prettify<Picked & Base>;\n\nexport default React.forwardRef<HTMLButtonElement, SocialButtonProps>(\n function SocialButton(props, ref) {\n const {\n icon,\n label,\n variant = \"outline\",\n __iconTestId = \"hds.social-button.icon\",\n __buttonTestId = \"hds.social-button.group\",\n ...others\n } = props;\n\n const styles = useStyles({ variant });\n\n const getSocialIcon = React.useCallback(() => {\n switch (icon) {\n case \"apple\":\n return (\n <AppleIcon\n isDisabled={others.isDisabled}\n variant={variant}\n data-testid={__iconTestId}\n />\n );\n case \"dribble\":\n return (\n <DribbleIcon\n isDisabled={others.isDisabled}\n variant={variant}\n data-testid={__iconTestId}\n />\n );\n case \"facebook\":\n return (\n <FacebookIcon\n isDisabled={others.isDisabled}\n variant={variant}\n data-testid={__iconTestId}\n />\n );\n case \"figma\":\n return <FigmaIcon isDisabled={others.isDisabled} data-testid={__iconTestId} />;\n case \"google\":\n return <GoogleIcon isDisabled={others.isDisabled} data-testid={__iconTestId} />;\n case \"twitter\":\n return (\n <TwitterIcon\n isDisabled={others.isDisabled}\n variant={variant}\n data-testid={__iconTestId}\n />\n );\n }\n }, [\n //\n icon,\n variant,\n others.isDisabled,\n ]);\n\n if (!label) {\n return (\n <IconButton\n ref={ref}\n aria-label=\"\"\n icon={getSocialIcon()}\n height=\"44px\"\n paddingY=\"10px\"\n paddingX=\"16px\"\n sx={styles[icon]}\n />\n );\n }\n\n return (\n <Button\n ref={ref}\n height=\"44px\"\n paddingY=\"10px\"\n paddingX=\"16px\"\n leftIcon={getSocialIcon()}\n sx={styles[icon]}\n data-testid={__buttonTestId}\n {...props}\n >\n {label}\n </Button>\n );\n },\n);\n\nfunction useStyles({ variant }: { variant?: Variant }) {\n const isOutlineVariant = variant === \"outline\";\n\n const styles = React.useMemo(\n () => ({\n google: {\n border: \"1px solid #D0D5DD\",\n bgColor: isOutlineVariant ? \"white\" : \"white\",\n color: \"black\",\n borderRadius: \"4px\",\n fontSize: \"18px\",\n fontWeight: 500,\n fontFamily: \"Inter\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _hover: {\n bgColor: isOutlineVariant ? \"white\" : \"#F9FAFB\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _disabled: {\n bgColor: \"none\",\n boxShadow: \"none\",\n },\n },\n _active: {\n bgColor: isOutlineVariant ? \"white\" : \"white\",\n border: \"1px solid #D0D5DD\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7\",\n },\n },\n facebook: {\n border: \"1px solid #D0D5DD\",\n bgColor: isOutlineVariant ? \"white\" : \"#1877F2\",\n color: isOutlineVariant ? \"black\" : \"white\",\n borderRadius: \"4px\",\n fontSize: \"18px\",\n fontWeight: 500,\n fontFamily: \"Inter\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _hover: {\n bgColor: isOutlineVariant ? \"white\" : \"#0C63D4\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _disabled: {\n bgColor: \"none\",\n boxShadow: \"none\",\n },\n },\n _active: {\n bgColor: isOutlineVariant ? \"white\" : \"#1877F2\",\n border: \"1px solid #D0D5DD\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7\",\n },\n },\n figma: {\n border: \"1px solid #D0D5DD\",\n bgColor: isOutlineVariant ? \"white\" : \"#000000\",\n color: isOutlineVariant ? \"black\" : \"white\",\n borderRadius: \"4px\",\n fontSize: \"18px\",\n fontWeight: 500,\n fontFamily: \"Inter\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _hover: {\n bgColor: isOutlineVariant ? \"white\" : \"#000000\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _disabled: {\n bgColor: \"none\",\n boxShadow: \"none\",\n },\n },\n _active: {\n bgColor: isOutlineVariant ? \"white\" : \"#000000\",\n border: \"1px solid #D0D5DD\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7\",\n _disabled: {\n bgColor: \"none\",\n boxShadow: \"none\",\n },\n },\n },\n apple: {\n border: \"1px solid #D0D5DD\",\n bgColor: isOutlineVariant ? \"white\" : \"#000000\",\n color: isOutlineVariant ? \"black\" : \"white\",\n borderRadius: \"4px\",\n fontSize: \"18px\",\n fontWeight: 500,\n fontFamily: \"Inter\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _hover: {\n bgColor: isOutlineVariant ? \"white\" : \"#000000\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _disabled: {\n bgColor: \"none\",\n boxShadow: \"none\",\n },\n },\n _active: {\n bgColor: isOutlineVariant ? \"white\" : \"#000000\",\n border: \"1px solid #D0D5DD\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7\",\n },\n },\n dribble: {\n border: \"1px solid #D0D5DD\",\n bgColor: isOutlineVariant ? \"white\" : \"#EA4C89\",\n color: isOutlineVariant ? \"black\" : \"white\",\n borderRadius: \"4px\",\n fontSize: \"18px\",\n fontWeight: 500,\n fontFamily: \"Inter\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _hover: {\n bgColor: isOutlineVariant ? \"white\" : \"#EA4C89\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _disabled: {\n bgColor: \"none\",\n boxShadow: \"none\",\n },\n },\n _active: {\n bgColor: isOutlineVariant ? \"white\" : \"#E62872\",\n border: \"1px solid #D0D5DD\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7\",\n },\n },\n twitter: {\n border: \"1px solid #D0D5DD\",\n bgColor: isOutlineVariant ? \"white\" : \"#1DA1F2\",\n color: isOutlineVariant ? \"black\" : \"white\",\n borderRadius: \"4px\",\n fontSize: \"18px\",\n fontWeight: 500,\n fontFamily: \"Inter\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _hover: {\n bgColor: isOutlineVariant ? \"white\" : \"#0C63D4\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _disabled: {\n bgColor: \"none\",\n boxShadow: \"none\",\n },\n },\n _active: {\n bgColor: isOutlineVariant ? \"white\" : \"#0C8BD9\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7\",\n },\n },\n }),\n [variant],\n );\n\n return styles;\n}\n"],"names":["useStyles","_ref","size","accent","variant","button","React","_extends","rounded","fontFamily","fontWeight","transition","boxShadow","_active","height","paddingY","paddingX","fontSize","lineHeight","letterSpacing","color","bgColor","_hover","_focus","outline","_disabled","cursor","border","borderColor","iconButton","width","styles","Button","props","ref","_props$size","_props$accent","_props$variant","_props$children","_props$__testId","__testId","others","_objectWithoutPropertiesLoose","_excluded","ChakraButton","sx","children","IconButton","ChakraIconButton","SocialButton","icon","label","_props$__iconTestId","__iconTestId","_props$__buttonTestId","__buttonTestId","getSocialIcon","AppleIcon","isDisabled","DribbleIcon","FacebookIcon","FigmaIcon","GoogleIcon","TwitterIcon","leftIcon","isOutlineVariant","google","borderRadius","facebook","figma","apple","dribble","twitter"],"mappings":"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"}
{"version":3,"file":"hds-button.cjs.development.js","sources":["../src/hooks.tsx","../src/Button.tsx","../src/IconButton.tsx","../src/SocialButton.tsx"],"sourcesContent":["import { SystemStyleObject } from \"@chakra-ui/react\";\r\nimport * as React from \"react\";\r\nimport { Accent, Size, Variant } from \"./types\";\r\n\r\ntype UseStylesConfig = {\r\n size?: Size;\r\n accent?: Accent;\r\n variant?: Variant;\r\n};\r\n\r\ntype UseStylesReturn = {\r\n button: SystemStyleObject;\r\n iconButton: SystemStyleObject;\r\n};\r\n\r\nexport function useStyles({ size, accent, variant }: UseStylesConfig): UseStylesReturn {\r\n const button = React.useMemo(\r\n () => ({\r\n rounded: \"4px\",\r\n fontFamily: \"inherit\",\r\n fontWeight: 500,\r\n transition: \"all 300ms ease-in-out\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\r\n _active: {},\r\n\r\n /*\r\n * SIZES\r\n */\r\n\r\n ...(size === \"sm\" && {\r\n height: \"36px\",\r\n paddingY: \"8px\",\r\n paddingX: \"14px\",\r\n fontSize: \"12px\",\r\n lineHeight: \"12px\",\r\n letterSpacing: \"0.02em\",\r\n }),\r\n\r\n ...(size === \"md\" && {\r\n height: \"40px\",\r\n paddingY: \"10px\",\r\n paddingX: \"16px\",\r\n fontSize: \"14px\",\r\n lineHeight: \"14px\",\r\n letterSpacing: \"0.02em\",\r\n }),\r\n\r\n ...(size === \"lg\" && {\r\n height: \"44px\",\r\n paddingY: \"10px\",\r\n paddingX: \"18px\",\r\n fontSize: \"18px\",\r\n lineHeight: \"24px\",\r\n }),\r\n\r\n ...(size === \"xl\" && {\r\n height: \"48px\",\r\n paddingY: \"12px\",\r\n paddingX: \"20px\",\r\n fontSize: \"20px\",\r\n lineHeight: \"20px\",\r\n }),\r\n\r\n ...(size === \"2xl\" && {\r\n height: \"56px\",\r\n paddingY: \"16px\",\r\n paddingX: \"28px\",\r\n fontSize: \"18px\",\r\n lineHeight: \"24px\",\r\n }),\r\n\r\n /*\r\n * SOLID\r\n */\r\n\r\n ...(variant === \"solid\" && {\r\n color: \"neutrals.100\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\r\n\r\n ...(accent === \"primary\" && {\r\n bgColor: \"brand.primary.700\",\r\n _hover: {\r\n bgColor: \"brand.primary.900\",\r\n },\r\n _active: {\r\n bgColor: \"brand.primary.900\",\r\n },\r\n _focus: {\r\n outline: \"none\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F4EBFF\",\r\n },\r\n _disabled: {\r\n cursor: \"not-allowed\",\r\n bgColor: \"brand.primary.500\",\r\n _hover: {\r\n bgColor: \"brand.primary.500\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"error\" && {\r\n bgColor: \"interface.error.700\",\r\n _hover: {\r\n bgColor: \"interface.error.900\",\r\n },\r\n _active: {\r\n bgColor: \"interface.error.900\",\r\n },\r\n _focus: {\r\n outline: \"none\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #FEE4E2\",\r\n },\r\n _disabled: {\r\n cursor: \"not-allowed\",\r\n bgColor: \"interface.error.500\",\r\n _hover: {\r\n bgColor: \"interface.error.500\",\r\n },\r\n },\r\n }),\r\n }),\r\n\r\n /*\r\n * OUTLINE\r\n */\r\n\r\n ...(variant === \"outline\" && {\r\n bgColor: \"white\",\r\n\r\n ...(accent === \"primary\" && {\r\n color: \"brand.primary.700\",\r\n border: \"1px\",\r\n borderColor: \"brand.primary.700\",\r\n _hover: {\r\n color: \"brand.primary.900\",\r\n bgColor: \"brand.primary.500\",\r\n borderColor: \"brand.primary.600\",\r\n },\r\n _active: {\r\n color: \"brand.primary.900\",\r\n bgColor: \"brand.primary.500\",\r\n borderColor: \"brand.primary.600\",\r\n },\r\n _focus: {\r\n color: \"brand.primary.900\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F4EBFF\",\r\n },\r\n _disabled: {\r\n cursor: \"not-allowed\",\r\n color: \"brand.primary.600\",\r\n borderColor: \"brand.primary.600\",\r\n _hover: {\r\n color: \"brand.primary.600\",\r\n bgColor: \"white\",\r\n borderColor: \"brand.primary.600\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"error\" && {\r\n color: \"interface.error.700\",\r\n border: \"1px\",\r\n borderColor: \"interface.error.700\",\r\n _hover: {\r\n color: \"interface.error.900\",\r\n bgColor: \"interface.error.500\",\r\n borderColor: \"interface.error.600\",\r\n },\r\n _active: {\r\n color: \"interface.error.900\",\r\n bgColor: \"interface.error.500\",\r\n borderColor: \"interface.error.600\",\r\n },\r\n _focus: {\r\n color: \"interface.error.900\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #FEE4E2\",\r\n },\r\n _disabled: {\r\n cursor: \"not-allowed\",\r\n color: \"interface.error.600\",\r\n borderColor: \"interface.error.600\",\r\n _hover: {\r\n color: \"interface.error.600\",\r\n bgColor: \"white\",\r\n borderColor: \"interface.error.600\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"gray\" && {\r\n color: \"neutrals.700\",\r\n border: \"1px\",\r\n borderColor: \"neutrals.300\",\r\n _hover: {\r\n bgColor: \"neutrals.100\",\r\n },\r\n _active: {\r\n bgColor: \"neutrals.100\",\r\n },\r\n _focus: {\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7\",\r\n },\r\n _disabled: {\r\n color: \"neutrals.200\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"neutrals.200\",\r\n bgColor: \"white\",\r\n },\r\n },\r\n }),\r\n }),\r\n\r\n /*\r\n * GHOST\r\n */\r\n\r\n ...(variant === \"ghost\" && {\r\n bgColor: \"white\",\r\n boxShadow: \"none\",\r\n\r\n ...(accent === \"primary\" && {\r\n color: \"brand.primary.700\",\r\n _hover: {\r\n color: \"brand.primary.900\",\r\n bgColor: \"brand.primary.500\",\r\n },\r\n _active: {\r\n color: \"brand.primary.900\",\r\n bgColor: \"brand.primary.500\",\r\n },\r\n _focus: {\r\n color: \"brand.primary.900\",\r\n boxShadow: \"none\",\r\n },\r\n _disabled: {\r\n color: \"neutrals.300\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"neutrals.300\",\r\n bgColor: \"white\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"error\" && {\r\n color: \"interface.error.700\",\r\n _hover: {\r\n color: \"interface.error.900\",\r\n bgColor: \"interface.error.500\",\r\n },\r\n _active: {\r\n color: \"interface.error.900\",\r\n bgColor: \"interface.error.500\",\r\n },\r\n _focus: {\r\n color: \"interface.error.900\",\r\n boxShadow: \"none\",\r\n },\r\n _disabled: {\r\n color: \"interface.error.500\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"interface.error.500\",\r\n bgColor: \"white\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"gray\" && {\r\n color: \"neutrals.700\",\r\n _hover: {\r\n color: \"neutrals.900\",\r\n bgColor: \"neutrals.200\",\r\n },\r\n _active: {\r\n color: \"neutrals.900\",\r\n bgColor: \"neutrals.200\",\r\n },\r\n _focus: {\r\n color: \"neutrals.900\",\r\n boxShadow: \"none\",\r\n },\r\n _disabled: {\r\n color: \"neutrals.300\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"neutrals.300\",\r\n bgColor: \"white\",\r\n },\r\n },\r\n }),\r\n }),\r\n\r\n /*\r\n * SUBTLE\r\n */\r\n\r\n ...(variant === \"subtle\" && {\r\n ...(accent === \"primary\" && {\r\n color: \"brand.primary.700\",\r\n bgColor: \"brand.primary.500\",\r\n _hover: {\r\n color: \"brand.primary.900\",\r\n bgColor: \"brand.primary.600\",\r\n },\r\n _active: {\r\n color: \"brand.primary.900\",\r\n bgColor: \"brand.primary.600\",\r\n },\r\n _focus: {\r\n color: \"brand.primary.900\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F4EBFF\",\r\n },\r\n _disabled: {\r\n color: \"neutrals.100\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"neutrals.100\",\r\n bgColor: \"brand.primary.500\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"error\" && {\r\n color: \"interface.error.700\",\r\n bgColor: \"interface.error.500\",\r\n _hover: {\r\n color: \"interface.error.900\",\r\n bgColor: \"rgba(220, 24, 12, 0.15)\",\r\n },\r\n _active: {\r\n color: \"interface.error.900\",\r\n bgColor: \"rgba(220, 24, 12, 0.15)\",\r\n },\r\n _focus: {\r\n color: \"interface.error.900\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #FEE4E2\",\r\n },\r\n _disabled: {\r\n color: \"rgba(220, 24, 12, 0.3)\",\r\n bgColor: \"rgba(252, 234, 232, 0.5)\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"rgba(220, 24, 12, 0.3)\",\r\n bgColor: \"rgba(252, 234, 232, 0.5)\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"gray\" && {\r\n color: \"interface.error.700\",\r\n bgColor: \"interface.error.500\",\r\n _hover: {\r\n color: \"interface.error.900\",\r\n bgColor: \"rgba(220, 24, 12, 0.15)\",\r\n },\r\n _active: {\r\n color: \"interface.error.900\",\r\n bgColor: \"rgba(220, 24, 12, 0.15)\",\r\n },\r\n _focus: {\r\n color: \"interface.error.900\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #FEE4E2\",\r\n },\r\n _disabled: {\r\n color: \"rgba(220, 24, 12, 0.3)\",\r\n bgColor: \"rgba(252, 234, 232, 0.5)\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"rgba(220, 24, 12, 0.3)\",\r\n bgColor: \"rgba(252, 234, 232, 0.5)\",\r\n },\r\n },\r\n }),\r\n }),\r\n\r\n /*\r\n * LINK\r\n */\r\n\r\n ...(variant === \"link\" && {\r\n width: \"fit-content\",\r\n height: \"fit-content\",\r\n padding: \"0px\",\r\n bgColor: \"unset\",\r\n boxShadow: \"none\",\r\n\r\n ...(accent === \"primary\" && {\r\n color: \"brand.primary.700\",\r\n _hover: {\r\n color: \"brand.primary.900\",\r\n },\r\n _active: {\r\n color: \"brand.primary.900\",\r\n },\r\n _disabled: {\r\n color: \"neutrals.300\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"neutrals.300\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"error\" && {\r\n color: \"interface.error.700\",\r\n _hover: {\r\n color: \"interface.error.900\",\r\n },\r\n _active: {\r\n color: \"interface.error.900\",\r\n },\r\n _disabled: {\r\n color: \"interface.error.500\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"interface.error.500\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"gray\" && {\r\n color: \"neutrals.600\",\r\n _hover: {\r\n color: \"neutrals.700\",\r\n },\r\n _active: {\r\n color: \"neutrals.700\",\r\n },\r\n _disabled: {\r\n color: \"neutrals.300\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"neutrals.300\",\r\n },\r\n },\r\n }),\r\n }),\r\n\r\n ...(variant === \"unstyled\" && {\r\n width: \"fit-content\",\r\n height: \"fit-content\",\r\n padding: \"0px\",\r\n bgColor: \"unset\",\r\n boxShadow: \"none\",\r\n color: \"neutrals.700\",\r\n _hover: {\r\n color: \"neutrals.900\",\r\n },\r\n _active: {\r\n color: \"neutrals.900\",\r\n },\r\n _disabled: {\r\n color: \"neutrals.500\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"neutrals.500\",\r\n },\r\n },\r\n }),\r\n }),\r\n [\r\n //\r\n size,\r\n accent,\r\n variant,\r\n ],\r\n );\r\n\r\n /**\r\n *\r\n * Only add width to button\r\n * If variant is not \"link\" or \"unstyled\"\r\n *\r\n */\r\n const shouldAdjustIconButtonWidth = variant !== \"link\" && variant !== \"unstyled\";\r\n\r\n const iconButton = React.useMemo(\r\n () => ({\r\n ...button,\r\n\r\n ...(!shouldAdjustIconButtonWidth && {\r\n minWidth: \"unset\",\r\n paddingY: \"unset\",\r\n paddingX: \"unset\",\r\n }),\r\n\r\n ...(shouldAdjustIconButtonWidth && {\r\n ...(size === \"sm\" && { width: \"36px\" }),\r\n ...(size === \"md\" && { width: \"40px\" }),\r\n ...(size === \"lg\" && { width: \"44px\" }),\r\n ...(size === \"xl\" && { width: \"48px\" }),\r\n ...(size === \"2xl\" && { width: \"56px\" }),\r\n }),\r\n }),\r\n [size, accent, variant],\r\n );\r\n\r\n const styles = {\r\n button,\r\n iconButton,\r\n };\r\n\r\n return styles;\r\n}\r\n","import {\n Button as ChakraButton,\n ButtonProps as ChakraButtonProps,\n} from \"@chakra-ui/react\";\nimport * as React from \"react\";\nimport { useStyles } from \"./hooks\";\nimport { Accent, Prettify, Size, Variant } from \"./types\";\n\n/* prettier-ignore */\ntype Picked = Omit<\n ChakraButtonProps,\n | \"sx\" \n | \"size\" \n | \"accent\" \n | \"variant\" \n | \"colorScheme\"\n>;\n\ntype Base = {\n size?: Size;\n accent?: Accent;\n variant?: Variant;\n __testId?: string;\n};\n\nexport type ButtonProps = Prettify<Picked & Base>;\n\nexport default React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n props,\n ref,\n) {\n const {\n size = \"md\",\n accent = \"primary\",\n variant = \"solid\",\n children = null,\n __testId = \"hds.button\",\n ...others\n } = props;\n\n const styles = useStyles({\n size,\n accent,\n variant,\n });\n\n return (\n <ChakraButton ref={ref} {...others} sx={styles.button} data-testid={__testId}>\n {props.children}\n </ChakraButton>\n );\n});\n","import {\n IconButton as ChakraIconButton,\n IconButtonProps as ChakraIconButtonProps,\n} from \"@chakra-ui/react\";\nimport * as React from \"react\";\nimport { useStyles } from \"./hooks\";\nimport { Accent, Prettify, Size, Variant } from \"./types\";\n\n/* prettier-ignore */\ntype Picked = Omit<\n ChakraIconButtonProps,\n | \"sx\" \n | \"size\" \n | \"accent\" \n | \"variant\" \n | \"colorScheme\"\n | \"aria-label\"\n>;\n\ntype Base = {\n size?: Size;\n accent?: Accent;\n variant?: Variant;\n __testId?: string;\n};\n\nexport type IconButtonProps = Prettify<Picked & Base>;\n\nexport default React.forwardRef<HTMLButtonElement, IconButtonProps>(function IconButton(\n props,\n ref,\n) {\n const {\n size = \"md\",\n accent = \"primary\",\n variant = \"solid\",\n __testId = \"hds.icon-button\",\n ...others\n } = props;\n\n const styles = useStyles({\n size,\n accent,\n variant,\n });\n\n return (\n <ChakraIconButton\n {...others}\n ref={ref}\n aria-label=\"\"\n sx={styles.iconButton}\n data-testid={__testId}\n />\n );\n});\n","import { Button, ButtonProps, IconButton } from \"@chakra-ui/react\";\nimport {\n AppleIcon,\n DribbleIcon,\n FacebookIcon,\n FigmaIcon,\n GoogleIcon,\n TwitterIcon,\n} from \"@highoutput/hds-icons\";\nimport * as React from \"react\";\nimport { Prettify } from \"./types\";\n\n/* prettier-ignore */\ntype Picked = Omit<\n ButtonProps,\n | \"sx\"\n | \"size\"\n | \"variant\"\n | \"children\"\n | \"leftIcon\"\n | \"rightIcon\"\n | \"colorScheme\"\n>;\n\ntype Icon = \"google\" | \"dribble\" | \"twitter\" | \"figma\" | \"facebook\" | \"apple\";\n\ntype Variant = \"outline\" | \"solid\";\n\ntype Base = {\n icon: Icon;\n label?: string;\n variant?: Variant;\n __iconTestId?: string;\n __buttonTestId?: string;\n};\n\nexport type SocialButtonProps = Prettify<Picked & Base>;\n\nexport default React.forwardRef<HTMLButtonElement, SocialButtonProps>(\n function SocialButton(props, ref) {\n const {\n icon,\n label,\n variant = \"outline\",\n __iconTestId = \"hds.social-button.icon\",\n __buttonTestId = \"hds.social-button.group\",\n ...others\n } = props;\n\n const styles = useStyles({ variant });\n\n const getSocialIcon = React.useCallback(() => {\n switch (icon) {\n case \"apple\":\n return (\n <AppleIcon\n isDisabled={others.isDisabled}\n variant={variant}\n data-testid={__iconTestId}\n />\n );\n case \"dribble\":\n return (\n <DribbleIcon\n isDisabled={others.isDisabled}\n variant={variant}\n data-testid={__iconTestId}\n />\n );\n case \"facebook\":\n return (\n <FacebookIcon\n isDisabled={others.isDisabled}\n variant={variant}\n data-testid={__iconTestId}\n />\n );\n case \"figma\":\n return <FigmaIcon isDisabled={others.isDisabled} data-testid={__iconTestId} />;\n case \"google\":\n return <GoogleIcon isDisabled={others.isDisabled} data-testid={__iconTestId} />;\n case \"twitter\":\n return (\n <TwitterIcon\n isDisabled={others.isDisabled}\n variant={variant}\n data-testid={__iconTestId}\n />\n );\n }\n }, [\n //\n icon,\n variant,\n others.isDisabled,\n ]);\n\n if (!label) {\n return (\n <IconButton\n ref={ref}\n aria-label=\"\"\n icon={getSocialIcon()}\n height=\"44px\"\n paddingY=\"10px\"\n paddingX=\"16px\"\n sx={styles[icon]}\n />\n );\n }\n\n return (\n <Button\n ref={ref}\n height=\"44px\"\n paddingY=\"10px\"\n paddingX=\"16px\"\n leftIcon={getSocialIcon()}\n sx={styles[icon]}\n data-testid={__buttonTestId}\n {...props}\n >\n {label}\n </Button>\n );\n },\n);\n\nfunction useStyles({ variant }: { variant?: Variant }) {\n const isOutlineVariant = variant === \"outline\";\n\n const styles = React.useMemo(\n () => ({\n google: {\n border: \"1px solid #D0D5DD\",\n bgColor: isOutlineVariant ? \"white\" : \"white\",\n color: \"black\",\n borderRadius: \"4px\",\n fontSize: \"18px\",\n fontWeight: 500,\n fontFamily: \"Inter\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _hover: {\n bgColor: isOutlineVariant ? \"white\" : \"#F9FAFB\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _disabled: {\n bgColor: \"none\",\n boxShadow: \"none\",\n },\n },\n _active: {\n bgColor: isOutlineVariant ? \"white\" : \"white\",\n border: \"1px solid #D0D5DD\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7\",\n },\n },\n facebook: {\n border: \"1px solid #D0D5DD\",\n bgColor: isOutlineVariant ? \"white\" : \"#1877F2\",\n color: isOutlineVariant ? \"black\" : \"white\",\n borderRadius: \"4px\",\n fontSize: \"18px\",\n fontWeight: 500,\n fontFamily: \"Inter\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _hover: {\n bgColor: isOutlineVariant ? \"white\" : \"#0C63D4\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _disabled: {\n bgColor: \"none\",\n boxShadow: \"none\",\n },\n },\n _active: {\n bgColor: isOutlineVariant ? \"white\" : \"#1877F2\",\n border: \"1px solid #D0D5DD\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7\",\n },\n },\n figma: {\n border: \"1px solid #D0D5DD\",\n bgColor: isOutlineVariant ? \"white\" : \"#000000\",\n color: isOutlineVariant ? \"black\" : \"white\",\n borderRadius: \"4px\",\n fontSize: \"18px\",\n fontWeight: 500,\n fontFamily: \"Inter\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _hover: {\n bgColor: isOutlineVariant ? \"white\" : \"#000000\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _disabled: {\n bgColor: \"none\",\n boxShadow: \"none\",\n },\n },\n _active: {\n bgColor: isOutlineVariant ? \"white\" : \"#000000\",\n border: \"1px solid #D0D5DD\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7\",\n _disabled: {\n bgColor: \"none\",\n boxShadow: \"none\",\n },\n },\n },\n apple: {\n border: \"1px solid #D0D5DD\",\n bgColor: isOutlineVariant ? \"white\" : \"#000000\",\n color: isOutlineVariant ? \"black\" : \"white\",\n borderRadius: \"4px\",\n fontSize: \"18px\",\n fontWeight: 500,\n fontFamily: \"Inter\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _hover: {\n bgColor: isOutlineVariant ? \"white\" : \"#000000\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _disabled: {\n bgColor: \"none\",\n boxShadow: \"none\",\n },\n },\n _active: {\n bgColor: isOutlineVariant ? \"white\" : \"#000000\",\n border: \"1px solid #D0D5DD\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7\",\n },\n },\n dribble: {\n border: \"1px solid #D0D5DD\",\n bgColor: isOutlineVariant ? \"white\" : \"#EA4C89\",\n color: isOutlineVariant ? \"black\" : \"white\",\n borderRadius: \"4px\",\n fontSize: \"18px\",\n fontWeight: 500,\n fontFamily: \"Inter\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _hover: {\n bgColor: isOutlineVariant ? \"white\" : \"#EA4C89\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _disabled: {\n bgColor: \"none\",\n boxShadow: \"none\",\n },\n },\n _active: {\n bgColor: isOutlineVariant ? \"white\" : \"#E62872\",\n border: \"1px solid #D0D5DD\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7\",\n },\n },\n twitter: {\n border: \"1px solid #D0D5DD\",\n bgColor: isOutlineVariant ? \"white\" : \"#1DA1F2\",\n color: isOutlineVariant ? \"black\" : \"white\",\n borderRadius: \"4px\",\n fontSize: \"18px\",\n fontWeight: 500,\n fontFamily: \"Inter\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _hover: {\n bgColor: isOutlineVariant ? \"white\" : \"#0C63D4\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _disabled: {\n bgColor: \"none\",\n boxShadow: \"none\",\n },\n },\n _active: {\n bgColor: isOutlineVariant ? \"white\" : \"#0C8BD9\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7\",\n },\n },\n }),\n [variant],\n );\n\n return styles;\n}\n"],"names":["useStyles","_ref","size","accent","variant","button","React","_extends","rounded","fontFamily","fontWeight","transition","boxShadow","_active","height","paddingY","paddingX","fontSize","lineHeight","letterSpacing","color","bgColor","_hover","_focus","outline","_disabled","cursor","border","borderColor","width","padding","shouldAdjustIconButtonWidth","iconButton","minWidth","styles","Button","props","ref","_props$size","_props$accent","_props$variant","_props$children","_props$__testId","__testId","others","_objectWithoutPropertiesLoose","_excluded","ChakraButton","sx","children","IconButton","ChakraIconButton","SocialButton","icon","label","_props$__iconTestId","__iconTestId","_props$__buttonTestId","__buttonTestId","getSocialIcon","AppleIcon","isDisabled","DribbleIcon","FacebookIcon","FigmaIcon","GoogleIcon","TwitterIcon","leftIcon","isOutlineVariant","google","borderRadius","facebook","figma","apple","dribble","twitter"],"mappings":"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"}
+1
-1
dist/hds-button.cjs.production.min.js

@@ -1,2 +0,2 @@

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("@chakra-ui/react"),o=require("react"),e=require("@highoutput/hds-icons");function a(){return(a=Object.assign?Object.assign.bind():function(r){for(var o=1;o<arguments.length;o++){var e=arguments[o];for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a])}return r}).apply(this,arguments)}function t(r,o){if(null==r)return{};var e,a,t={},i=Object.keys(r);for(a=0;a<i.length;a++)o.indexOf(e=i[a])>=0||(t[e]=r[e]);return t}function i(r){var e=r.size,t=r.accent,i=r.variant,n=o.useMemo((function(){return a({rounded:"4px",fontFamily:"inherit",fontWeight:500,transition:"all 300ms ease-in-out",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)",_active:{}},"sm"===e&&{height:"36px",paddingY:"8px",paddingX:"14px",fontSize:"12px",lineHeight:"12px",letterSpacing:"0.02em"},"md"===e&&{height:"40px",paddingY:"10px",paddingX:"16px",fontSize:"14px",lineHeight:"14px",letterSpacing:"0.02em"},"lg"===e&&{height:"44px",paddingY:"10px",paddingX:"18px",fontSize:"18px",lineHeight:"24px"},"xl"===e&&{height:"48px",paddingY:"12px",paddingX:"20px",fontSize:"20px",lineHeight:"20px"},"2xl"===e&&{height:"56px",paddingY:"16px",paddingX:"28px",fontSize:"18px",lineHeight:"24px"},"solid"===i&&a({color:"neutrals.100",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)"},"primary"===t&&{bgColor:"brand.primary.700",_hover:{bgColor:"brand.primary.900"},_focus:{outline:"none",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F4EBFF"},_disabled:{cursor:"not-allowed",bgColor:"brand.primary.500",_hover:{bgColor:"brand.primary.500"}}},"error"===t&&{bgColor:"interface.error.700",_hover:{bgColor:"interface.error.900"},_focus:{outline:"none",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #FEE4E2"},_active:{},_disabled:{cursor:"not-allowed",bgColor:"interface.error.500",_hover:{bgColor:"interface.error.500"}}}),"outline"===i&&a({bgColor:"white"},"primary"===t&&{color:"brand.primary.700",border:"1px",borderColor:"brand.primary.700",_hover:{color:"brand.primary.900",bgColor:"brand.primary.500",borderColor:"brand.primary.600"},_focus:{color:"brand.primary.900",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F4EBFF"},_disabled:{cursor:"not-allowed",color:"brand.primary.600",borderColor:"brand.primary.600",_hover:{color:"brand.primary.600",bgColor:"white",borderColor:"brand.primary.600"}}},"error"===t&&{color:"interface.error.700",border:"1px",borderColor:"interface.error.700",_hover:{color:"interface.error.900",bgColor:"interface.error.500",borderColor:"interface.error.600"},_focus:{color:"interface.error.900",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #FEE4E2"},_disabled:{cursor:"not-allowed",color:"interface.error.600",borderColor:"interface.error.600",_hover:{color:"interface.error.600",bgColor:"white",borderColor:"interface.error.600"}}},"gray"===t&&{color:"neutrals.700",border:"1px",borderColor:"neutrals.300",_hover:{bgColor:"neutrals.100"},_focus:{boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7"},_disabled:{color:"neutrals.200",cursor:"not-allowed",_hover:{color:"neutrals.200",bgColor:"white"}}}),"ghost"===i&&a({bgColor:"white",boxShadow:"none"},"primary"===t&&{color:"brand.primary.700",_hover:{color:"brand.primary.900",bgColor:"brand.primary.500"},_focus:{color:"brand.primary.900",boxShadow:"none"},_disabled:{color:"neutrals.300",cursor:"not-allowed",_hover:{color:"neutrals.300",bgColor:"white"}}},"error"===t&&{color:"interface.error.700",_hover:{color:"interface.error.900",bgColor:"interface.error.500"},_focus:{color:"interface.error.900",boxShadow:"none"},_disabled:{color:"interface.error.500",cursor:"not-allowed",_hover:{color:"interface.error.500",bgColor:"white"}}},"gray"===t&&{color:"neutrals.700",_hover:{color:"neutrals.900",bgColor:"neutrals.200"},_focus:{color:"neutrals.900",boxShadow:"none"},_disabled:{color:"neutrals.300",cursor:"not-allowed",_hover:{color:"neutrals.300",bgColor:"white"}}}),"subtle"===i&&a({},"primary"===t&&{color:"brand.primary.700",bgColor:"brand.primary.500",_hover:{color:"brand.primary.900",bgColor:"brand.primary.600"},_focus:{color:"brand.primary.900",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F4EBFF"},_disabled:{color:"neutrals.100",cursor:"not-allowed",_hover:{color:"neutrals.100",bgColor:"brand.primary.500"}}},"error"===t&&{color:"interface.error.700",bgColor:"interface.error.500",_hover:{color:"interface.error.900",bgColor:"rgba(220, 24, 12, 0.15)"},_focus:{color:"interface.error.900",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #FEE4E2"},_disabled:{color:"rgba(220, 24, 12, 0.3)",bgColor:"rgba(252, 234, 232, 0.5)",cursor:"not-allowed",_hover:{color:"rgba(220, 24, 12, 0.3)",bgColor:"rgba(252, 234, 232, 0.5)"}}},"gray"===t&&{color:"interface.error.700",bgColor:"interface.error.500",_hover:{color:"interface.error.900",bgColor:"rgba(220, 24, 12, 0.15)"},_focus:{color:"interface.error.900",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #FEE4E2"},_disabled:{color:"rgba(220, 24, 12, 0.3)",bgColor:"rgba(252, 234, 232, 0.5)",cursor:"not-allowed",_hover:{color:"rgba(220, 24, 12, 0.3)",bgColor:"rgba(252, 234, 232, 0.5)"}}}),"link"===i&&a({height:"fit-content",bgColor:"transparent",paddingY:"none",boxShadow:"none"},"primary"===t&&{color:"brand.primary.700",_hover:{color:"brand.primary.900"},_disabled:{color:"neutrals.300",cursor:"not-allowed",_hover:{color:"neutrals.300"}}},"error"===t&&{color:"interface.error.700",_hover:{color:"interface.error.900"},_disabled:{color:"interface.error.500",cursor:"not-allowed",_hover:{color:"interface.error.500"}}},"gray"===t&&{color:"neutrals.600",_hover:{color:"neutrals.700"},_disabled:{color:"neutrals.300",cursor:"not-allowed",_hover:{color:"neutrals.300"}}}))}),[e,t,i]),l=o.useMemo((function(){return a({},n,"sm"===e&&{width:"36px"},"md"===e&&{width:"40px"},"lg"===e&&{width:"44px"},"xl"===e&&{width:"48px"},"2xl"===e&&{width:"56px"})}),[e,t,i]);return{button:n,iconButton:l}}var n=["size","accent","variant","children","__testId"],l=o.forwardRef((function(e,a){var l=e.size,d=void 0===l?"md":l,p=e.accent,b=void 0===p?"primary":p,x=e.variant,c=void 0===x?"solid":x,s=e.__testId,g=void 0===s?"hds.button":s,h=t(e,n),u=i({size:d,accent:b,variant:c});return o.createElement(r.Button,Object.assign({ref:a},h,{sx:u.button,"data-testid":g}),e.children)})),d=["size","accent","variant","__testId"],p=o.forwardRef((function(e,a){var n=e.size,l=void 0===n?"md":n,p=e.accent,b=void 0===p?"primary":p,x=e.variant,c=void 0===x?"solid":x,s=e.__testId,g=void 0===s?"hds.icon-button":s,h=t(e,d),u=i({size:l,accent:b,variant:c});return o.createElement(r.IconButton,Object.assign({},h,{ref:a,"aria-label":"",sx:u.iconButton,"data-testid":g}))})),b=["icon","label","variant","__iconTestId","__buttonTestId"],x=o.forwardRef((function(a,i){var n=a.icon,l=a.label,d=a.variant,p=void 0===d?"outline":d,x=a.__iconTestId,c=void 0===x?"hds.social-button.icon":x,s=a.__buttonTestId,g=void 0===s?"hds.social-button.group":s,h=t(a,b),u=function(r){var e=r.variant,a="outline"===e;return o.useMemo((function(){return{google:{border:"1px solid #D0D5DD",bgColor:"white",color:"black",borderRadius:"4px",fontSize:"18px",fontWeight:500,fontFamily:"Inter",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)",_hover:{bgColor:a?"white":"#F9FAFB",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)",_disabled:{bgColor:"none",boxShadow:"none"}},_active:{bgColor:"white",border:"1px solid #D0D5DD",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7"}},facebook:{border:"1px solid #D0D5DD",bgColor:a?"white":"#1877F2",color:a?"black":"white",borderRadius:"4px",fontSize:"18px",fontWeight:500,fontFamily:"Inter",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)",_hover:{bgColor:a?"white":"#0C63D4",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)",_disabled:{bgColor:"none",boxShadow:"none"}},_active:{bgColor:a?"white":"#1877F2",border:"1px solid #D0D5DD",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7"}},figma:{border:"1px solid #D0D5DD",bgColor:a?"white":"#000000",color:a?"black":"white",borderRadius:"4px",fontSize:"18px",fontWeight:500,fontFamily:"Inter",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)",_hover:{bgColor:a?"white":"#000000",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)",_disabled:{bgColor:"none",boxShadow:"none"}},_active:{bgColor:a?"white":"#000000",border:"1px solid #D0D5DD",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7",_disabled:{bgColor:"none",boxShadow:"none"}}},apple:{border:"1px solid #D0D5DD",bgColor:a?"white":"#000000",color:a?"black":"white",borderRadius:"4px",fontSize:"18px",fontWeight:500,fontFamily:"Inter",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)",_hover:{bgColor:a?"white":"#000000",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)",_disabled:{bgColor:"none",boxShadow:"none"}},_active:{bgColor:a?"white":"#000000",border:"1px solid #D0D5DD",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7"}},dribble:{border:"1px solid #D0D5DD",bgColor:a?"white":"#EA4C89",color:a?"black":"white",borderRadius:"4px",fontSize:"18px",fontWeight:500,fontFamily:"Inter",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)",_hover:{bgColor:a?"white":"#EA4C89",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)",_disabled:{bgColor:"none",boxShadow:"none"}},_active:{bgColor:a?"white":"#E62872",border:"1px solid #D0D5DD",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7"}},twitter:{border:"1px solid #D0D5DD",bgColor:a?"white":"#1DA1F2",color:a?"black":"white",borderRadius:"4px",fontSize:"18px",fontWeight:500,fontFamily:"Inter",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)",_hover:{bgColor:a?"white":"#0C63D4",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)",_disabled:{bgColor:"none",boxShadow:"none"}},_active:{bgColor:a?"white":"#0C8BD9",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7"}}}}),[e])}({variant:p}),f=o.useCallback((function(){switch(n){case"apple":return o.createElement(e.AppleIcon,{isDisabled:h.isDisabled,variant:p,"data-testid":c});case"dribble":return o.createElement(e.DribbleIcon,{isDisabled:h.isDisabled,variant:p,"data-testid":c});case"facebook":return o.createElement(e.FacebookIcon,{isDisabled:h.isDisabled,variant:p,"data-testid":c});case"figma":return o.createElement(e.FigmaIcon,{isDisabled:h.isDisabled,"data-testid":c});case"google":return o.createElement(e.GoogleIcon,{isDisabled:h.isDisabled,"data-testid":c});case"twitter":return o.createElement(e.TwitterIcon,{isDisabled:h.isDisabled,variant:p,"data-testid":c})}}),[n,p,h.isDisabled]);return l?o.createElement(r.Button,Object.assign({ref:i,height:"44px",paddingY:"10px",paddingX:"16px",leftIcon:f(),sx:u[n],"data-testid":g},a),l):o.createElement(r.IconButton,{ref:i,"aria-label":"",icon:f(),height:"44px",paddingY:"10px",paddingX:"16px",sx:u[n]})}));exports.Button=l,exports.IconButton=p,exports.SocialButton=x;
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("@chakra-ui/react"),o=require("react"),e=require("@highoutput/hds-icons");function a(){return(a=Object.assign?Object.assign.bind():function(r){for(var o=1;o<arguments.length;o++){var e=arguments[o];for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a])}return r}).apply(this,arguments)}function t(r,o){if(null==r)return{};var e,a,t={},i=Object.keys(r);for(a=0;a<i.length;a++)o.indexOf(e=i[a])>=0||(t[e]=r[e]);return t}function i(r){var e=r.size,t=r.accent,i=r.variant,n=o.useMemo((function(){return a({rounded:"4px",fontFamily:"inherit",fontWeight:500,transition:"all 300ms ease-in-out",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)",_active:{}},"sm"===e&&{height:"36px",paddingY:"8px",paddingX:"14px",fontSize:"12px",lineHeight:"12px",letterSpacing:"0.02em"},"md"===e&&{height:"40px",paddingY:"10px",paddingX:"16px",fontSize:"14px",lineHeight:"14px",letterSpacing:"0.02em"},"lg"===e&&{height:"44px",paddingY:"10px",paddingX:"18px",fontSize:"18px",lineHeight:"24px"},"xl"===e&&{height:"48px",paddingY:"12px",paddingX:"20px",fontSize:"20px",lineHeight:"20px"},"2xl"===e&&{height:"56px",paddingY:"16px",paddingX:"28px",fontSize:"18px",lineHeight:"24px"},"solid"===i&&a({color:"neutrals.100",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)"},"primary"===t&&{bgColor:"brand.primary.700",_hover:{bgColor:"brand.primary.900"},_active:{bgColor:"brand.primary.900"},_focus:{outline:"none",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F4EBFF"},_disabled:{cursor:"not-allowed",bgColor:"brand.primary.500",_hover:{bgColor:"brand.primary.500"}}},"error"===t&&{bgColor:"interface.error.700",_hover:{bgColor:"interface.error.900"},_active:{bgColor:"interface.error.900"},_focus:{outline:"none",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #FEE4E2"},_disabled:{cursor:"not-allowed",bgColor:"interface.error.500",_hover:{bgColor:"interface.error.500"}}}),"outline"===i&&a({bgColor:"white"},"primary"===t&&{color:"brand.primary.700",border:"1px",borderColor:"brand.primary.700",_hover:{color:"brand.primary.900",bgColor:"brand.primary.500",borderColor:"brand.primary.600"},_active:{color:"brand.primary.900",bgColor:"brand.primary.500",borderColor:"brand.primary.600"},_focus:{color:"brand.primary.900",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F4EBFF"},_disabled:{cursor:"not-allowed",color:"brand.primary.600",borderColor:"brand.primary.600",_hover:{color:"brand.primary.600",bgColor:"white",borderColor:"brand.primary.600"}}},"error"===t&&{color:"interface.error.700",border:"1px",borderColor:"interface.error.700",_hover:{color:"interface.error.900",bgColor:"interface.error.500",borderColor:"interface.error.600"},_active:{color:"interface.error.900",bgColor:"interface.error.500",borderColor:"interface.error.600"},_focus:{color:"interface.error.900",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #FEE4E2"},_disabled:{cursor:"not-allowed",color:"interface.error.600",borderColor:"interface.error.600",_hover:{color:"interface.error.600",bgColor:"white",borderColor:"interface.error.600"}}},"gray"===t&&{color:"neutrals.700",border:"1px",borderColor:"neutrals.300",_hover:{bgColor:"neutrals.100"},_active:{bgColor:"neutrals.100"},_focus:{boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7"},_disabled:{color:"neutrals.200",cursor:"not-allowed",_hover:{color:"neutrals.200",bgColor:"white"}}}),"ghost"===i&&a({bgColor:"white",boxShadow:"none"},"primary"===t&&{color:"brand.primary.700",_hover:{color:"brand.primary.900",bgColor:"brand.primary.500"},_active:{color:"brand.primary.900",bgColor:"brand.primary.500"},_focus:{color:"brand.primary.900",boxShadow:"none"},_disabled:{color:"neutrals.300",cursor:"not-allowed",_hover:{color:"neutrals.300",bgColor:"white"}}},"error"===t&&{color:"interface.error.700",_hover:{color:"interface.error.900",bgColor:"interface.error.500"},_active:{color:"interface.error.900",bgColor:"interface.error.500"},_focus:{color:"interface.error.900",boxShadow:"none"},_disabled:{color:"interface.error.500",cursor:"not-allowed",_hover:{color:"interface.error.500",bgColor:"white"}}},"gray"===t&&{color:"neutrals.700",_hover:{color:"neutrals.900",bgColor:"neutrals.200"},_active:{color:"neutrals.900",bgColor:"neutrals.200"},_focus:{color:"neutrals.900",boxShadow:"none"},_disabled:{color:"neutrals.300",cursor:"not-allowed",_hover:{color:"neutrals.300",bgColor:"white"}}}),"subtle"===i&&a({},"primary"===t&&{color:"brand.primary.700",bgColor:"brand.primary.500",_hover:{color:"brand.primary.900",bgColor:"brand.primary.600"},_active:{color:"brand.primary.900",bgColor:"brand.primary.600"},_focus:{color:"brand.primary.900",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F4EBFF"},_disabled:{color:"neutrals.100",cursor:"not-allowed",_hover:{color:"neutrals.100",bgColor:"brand.primary.500"}}},"error"===t&&{color:"interface.error.700",bgColor:"interface.error.500",_hover:{color:"interface.error.900",bgColor:"rgba(220, 24, 12, 0.15)"},_active:{color:"interface.error.900",bgColor:"rgba(220, 24, 12, 0.15)"},_focus:{color:"interface.error.900",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #FEE4E2"},_disabled:{color:"rgba(220, 24, 12, 0.3)",bgColor:"rgba(252, 234, 232, 0.5)",cursor:"not-allowed",_hover:{color:"rgba(220, 24, 12, 0.3)",bgColor:"rgba(252, 234, 232, 0.5)"}}},"gray"===t&&{color:"interface.error.700",bgColor:"interface.error.500",_hover:{color:"interface.error.900",bgColor:"rgba(220, 24, 12, 0.15)"},_active:{color:"interface.error.900",bgColor:"rgba(220, 24, 12, 0.15)"},_focus:{color:"interface.error.900",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #FEE4E2"},_disabled:{color:"rgba(220, 24, 12, 0.3)",bgColor:"rgba(252, 234, 232, 0.5)",cursor:"not-allowed",_hover:{color:"rgba(220, 24, 12, 0.3)",bgColor:"rgba(252, 234, 232, 0.5)"}}}),"link"===i&&a({width:"fit-content",height:"fit-content",padding:"0px",bgColor:"unset",boxShadow:"none"},"primary"===t&&{color:"brand.primary.700",_hover:{color:"brand.primary.900"},_active:{color:"brand.primary.900"},_disabled:{color:"neutrals.300",cursor:"not-allowed",_hover:{color:"neutrals.300"}}},"error"===t&&{color:"interface.error.700",_hover:{color:"interface.error.900"},_active:{color:"interface.error.900"},_disabled:{color:"interface.error.500",cursor:"not-allowed",_hover:{color:"interface.error.500"}}},"gray"===t&&{color:"neutrals.600",_hover:{color:"neutrals.700"},_active:{color:"neutrals.700"},_disabled:{color:"neutrals.300",cursor:"not-allowed",_hover:{color:"neutrals.300"}}}),"unstyled"===i&&{width:"fit-content",height:"fit-content",padding:"0px",bgColor:"unset",boxShadow:"none",color:"neutrals.700",_hover:{color:"neutrals.900"},_active:{color:"neutrals.900"},_disabled:{color:"neutrals.500",cursor:"not-allowed",_hover:{color:"neutrals.500"}}})}),[e,t,i]),l="link"!==i&&"unstyled"!==i,d=o.useMemo((function(){return a({},n,!l&&{minWidth:"unset",paddingY:"unset",paddingX:"unset"},l&&a({},"sm"===e&&{width:"36px"},"md"===e&&{width:"40px"},"lg"===e&&{width:"44px"},"xl"===e&&{width:"48px"},"2xl"===e&&{width:"56px"}))}),[e,t,i]);return{button:n,iconButton:d}}var n=["size","accent","variant","children","__testId"],l=o.forwardRef((function(e,a){var l=e.size,d=void 0===l?"md":l,b=e.accent,p=void 0===b?"primary":b,c=e.variant,x=void 0===c?"solid":c,s=e.__testId,g=void 0===s?"hds.button":s,h=t(e,n),u=i({size:d,accent:p,variant:x});return o.createElement(r.Button,Object.assign({ref:a},h,{sx:u.button,"data-testid":g}),e.children)})),d=["size","accent","variant","__testId"],b=o.forwardRef((function(e,a){var n=e.size,l=void 0===n?"md":n,b=e.accent,p=void 0===b?"primary":b,c=e.variant,x=void 0===c?"solid":c,s=e.__testId,g=void 0===s?"hds.icon-button":s,h=t(e,d),u=i({size:l,accent:p,variant:x});return o.createElement(r.IconButton,Object.assign({},h,{ref:a,"aria-label":"",sx:u.iconButton,"data-testid":g}))})),p=["icon","label","variant","__iconTestId","__buttonTestId"],c=o.forwardRef((function(a,i){var n=a.icon,l=a.label,d=a.variant,b=void 0===d?"outline":d,c=a.__iconTestId,x=void 0===c?"hds.social-button.icon":c,s=a.__buttonTestId,g=void 0===s?"hds.social-button.group":s,h=t(a,p),u=function(r){var e=r.variant,a="outline"===e;return o.useMemo((function(){return{google:{border:"1px solid #D0D5DD",bgColor:"white",color:"black",borderRadius:"4px",fontSize:"18px",fontWeight:500,fontFamily:"Inter",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)",_hover:{bgColor:a?"white":"#F9FAFB",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)",_disabled:{bgColor:"none",boxShadow:"none"}},_active:{bgColor:"white",border:"1px solid #D0D5DD",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7"}},facebook:{border:"1px solid #D0D5DD",bgColor:a?"white":"#1877F2",color:a?"black":"white",borderRadius:"4px",fontSize:"18px",fontWeight:500,fontFamily:"Inter",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)",_hover:{bgColor:a?"white":"#0C63D4",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)",_disabled:{bgColor:"none",boxShadow:"none"}},_active:{bgColor:a?"white":"#1877F2",border:"1px solid #D0D5DD",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7"}},figma:{border:"1px solid #D0D5DD",bgColor:a?"white":"#000000",color:a?"black":"white",borderRadius:"4px",fontSize:"18px",fontWeight:500,fontFamily:"Inter",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)",_hover:{bgColor:a?"white":"#000000",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)",_disabled:{bgColor:"none",boxShadow:"none"}},_active:{bgColor:a?"white":"#000000",border:"1px solid #D0D5DD",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7",_disabled:{bgColor:"none",boxShadow:"none"}}},apple:{border:"1px solid #D0D5DD",bgColor:a?"white":"#000000",color:a?"black":"white",borderRadius:"4px",fontSize:"18px",fontWeight:500,fontFamily:"Inter",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)",_hover:{bgColor:a?"white":"#000000",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)",_disabled:{bgColor:"none",boxShadow:"none"}},_active:{bgColor:a?"white":"#000000",border:"1px solid #D0D5DD",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7"}},dribble:{border:"1px solid #D0D5DD",bgColor:a?"white":"#EA4C89",color:a?"black":"white",borderRadius:"4px",fontSize:"18px",fontWeight:500,fontFamily:"Inter",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)",_hover:{bgColor:a?"white":"#EA4C89",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)",_disabled:{bgColor:"none",boxShadow:"none"}},_active:{bgColor:a?"white":"#E62872",border:"1px solid #D0D5DD",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7"}},twitter:{border:"1px solid #D0D5DD",bgColor:a?"white":"#1DA1F2",color:a?"black":"white",borderRadius:"4px",fontSize:"18px",fontWeight:500,fontFamily:"Inter",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)",_hover:{bgColor:a?"white":"#0C63D4",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05)",_disabled:{bgColor:"none",boxShadow:"none"}},_active:{bgColor:a?"white":"#0C8BD9",boxShadow:"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7"}}}}),[e])}({variant:b}),f=o.useCallback((function(){switch(n){case"apple":return o.createElement(e.AppleIcon,{isDisabled:h.isDisabled,variant:b,"data-testid":x});case"dribble":return o.createElement(e.DribbleIcon,{isDisabled:h.isDisabled,variant:b,"data-testid":x});case"facebook":return o.createElement(e.FacebookIcon,{isDisabled:h.isDisabled,variant:b,"data-testid":x});case"figma":return o.createElement(e.FigmaIcon,{isDisabled:h.isDisabled,"data-testid":x});case"google":return o.createElement(e.GoogleIcon,{isDisabled:h.isDisabled,"data-testid":x});case"twitter":return o.createElement(e.TwitterIcon,{isDisabled:h.isDisabled,variant:b,"data-testid":x})}}),[n,b,h.isDisabled]);return l?o.createElement(r.Button,Object.assign({ref:i,height:"44px",paddingY:"10px",paddingX:"16px",leftIcon:f(),sx:u[n],"data-testid":g},a),l):o.createElement(r.IconButton,{ref:i,"aria-label":"",icon:f(),height:"44px",paddingY:"10px",paddingX:"16px",sx:u[n]})}));exports.Button=l,exports.IconButton=b,exports.SocialButton=c;
//# sourceMappingURL=hds-button.cjs.production.min.js.map
+1
-1
dist/hds-button.cjs.production.min.js.map

@@ -1,1 +0,1 @@

{"version":3,"file":"hds-button.cjs.production.min.js","sources":["../src/hooks.tsx","../src/Button.tsx","../src/IconButton.tsx","../src/SocialButton.tsx"],"sourcesContent":["import { SystemStyleObject } from \"@chakra-ui/react\";\r\nimport * as React from \"react\";\r\nimport { Accent, Size, Variant } from \"./types\";\r\n\r\ntype UseStylesConfig = {\r\n size?: Size;\r\n accent?: Accent;\r\n variant?: Variant;\r\n};\r\n\r\ntype UseStylesReturn = {\r\n button: SystemStyleObject;\r\n iconButton: SystemStyleObject;\r\n};\r\n\r\nexport function useStyles({ size, accent, variant }: UseStylesConfig): UseStylesReturn {\r\n const button = React.useMemo(\r\n () => ({\r\n rounded: \"4px\",\r\n fontFamily: \"inherit\",\r\n fontWeight: 500,\r\n transition: \"all 300ms ease-in-out\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\r\n _active: {},\r\n\r\n /*\r\n * SIZES\r\n */\r\n\r\n ...(size === \"sm\" && {\r\n height: \"36px\",\r\n paddingY: \"8px\",\r\n paddingX: \"14px\",\r\n fontSize: \"12px\",\r\n lineHeight: \"12px\",\r\n letterSpacing: \"0.02em\",\r\n }),\r\n\r\n ...(size === \"md\" && {\r\n height: \"40px\",\r\n paddingY: \"10px\",\r\n paddingX: \"16px\",\r\n fontSize: \"14px\",\r\n lineHeight: \"14px\",\r\n letterSpacing: \"0.02em\",\r\n }),\r\n\r\n ...(size === \"lg\" && {\r\n height: \"44px\",\r\n paddingY: \"10px\",\r\n paddingX: \"18px\",\r\n fontSize: \"18px\",\r\n lineHeight: \"24px\",\r\n }),\r\n\r\n ...(size === \"xl\" && {\r\n height: \"48px\",\r\n paddingY: \"12px\",\r\n paddingX: \"20px\",\r\n fontSize: \"20px\",\r\n lineHeight: \"20px\",\r\n }),\r\n\r\n ...(size === \"2xl\" && {\r\n height: \"56px\",\r\n paddingY: \"16px\",\r\n paddingX: \"28px\",\r\n fontSize: \"18px\",\r\n lineHeight: \"24px\",\r\n }),\r\n\r\n /*\r\n * SOLID\r\n */\r\n\r\n ...(variant === \"solid\" && {\r\n color: \"neutrals.100\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\r\n\r\n ...(accent === \"primary\" && {\r\n bgColor: \"brand.primary.700\",\r\n _hover: {\r\n bgColor: \"brand.primary.900\",\r\n },\r\n _focus: {\r\n outline: \"none\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F4EBFF\",\r\n },\r\n _disabled: {\r\n cursor: \"not-allowed\",\r\n bgColor: \"brand.primary.500\",\r\n _hover: {\r\n bgColor: \"brand.primary.500\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"error\" && {\r\n bgColor: \"interface.error.700\",\r\n _hover: {\r\n bgColor: \"interface.error.900\",\r\n },\r\n _focus: {\r\n outline: \"none\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #FEE4E2\",\r\n },\r\n _active: {},\r\n _disabled: {\r\n cursor: \"not-allowed\",\r\n bgColor: \"interface.error.500\",\r\n _hover: {\r\n bgColor: \"interface.error.500\",\r\n },\r\n },\r\n }),\r\n }),\r\n\r\n /*\r\n * OUTLINE\r\n */\r\n\r\n ...(variant === \"outline\" && {\r\n bgColor: \"white\",\r\n\r\n ...(accent === \"primary\" && {\r\n color: \"brand.primary.700\",\r\n border: \"1px\",\r\n borderColor: \"brand.primary.700\",\r\n _hover: {\r\n color: \"brand.primary.900\",\r\n bgColor: \"brand.primary.500\",\r\n borderColor: \"brand.primary.600\",\r\n },\r\n _focus: {\r\n color: \"brand.primary.900\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F4EBFF\",\r\n },\r\n _disabled: {\r\n cursor: \"not-allowed\",\r\n color: \"brand.primary.600\",\r\n borderColor: \"brand.primary.600\",\r\n _hover: {\r\n color: \"brand.primary.600\",\r\n bgColor: \"white\",\r\n borderColor: \"brand.primary.600\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"error\" && {\r\n color: \"interface.error.700\",\r\n border: \"1px\",\r\n borderColor: \"interface.error.700\",\r\n _hover: {\r\n color: \"interface.error.900\",\r\n bgColor: \"interface.error.500\",\r\n borderColor: \"interface.error.600\",\r\n },\r\n _focus: {\r\n color: \"interface.error.900\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #FEE4E2\",\r\n },\r\n _disabled: {\r\n cursor: \"not-allowed\",\r\n color: \"interface.error.600\",\r\n borderColor: \"interface.error.600\",\r\n _hover: {\r\n color: \"interface.error.600\",\r\n bgColor: \"white\",\r\n borderColor: \"interface.error.600\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"gray\" && {\r\n color: \"neutrals.700\",\r\n border: \"1px\",\r\n borderColor: \"neutrals.300\",\r\n _hover: {\r\n bgColor: \"neutrals.100\",\r\n },\r\n _focus: {\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7\",\r\n },\r\n _disabled: {\r\n color: \"neutrals.200\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"neutrals.200\",\r\n bgColor: \"white\",\r\n },\r\n },\r\n }),\r\n }),\r\n\r\n /*\r\n * GHOST\r\n */\r\n\r\n ...(variant === \"ghost\" && {\r\n bgColor: \"white\",\r\n boxShadow: \"none\",\r\n\r\n ...(accent === \"primary\" && {\r\n color: \"brand.primary.700\",\r\n _hover: {\r\n color: \"brand.primary.900\",\r\n bgColor: \"brand.primary.500\",\r\n },\r\n _focus: {\r\n color: \"brand.primary.900\",\r\n boxShadow: \"none\",\r\n },\r\n _disabled: {\r\n color: \"neutrals.300\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"neutrals.300\",\r\n bgColor: \"white\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"error\" && {\r\n color: \"interface.error.700\",\r\n _hover: {\r\n color: \"interface.error.900\",\r\n bgColor: \"interface.error.500\",\r\n },\r\n _focus: {\r\n color: \"interface.error.900\",\r\n boxShadow: \"none\",\r\n },\r\n _disabled: {\r\n color: \"interface.error.500\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"interface.error.500\",\r\n bgColor: \"white\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"gray\" && {\r\n color: \"neutrals.700\",\r\n _hover: {\r\n color: \"neutrals.900\",\r\n bgColor: \"neutrals.200\",\r\n },\r\n _focus: {\r\n color: \"neutrals.900\",\r\n boxShadow: \"none\",\r\n },\r\n _disabled: {\r\n color: \"neutrals.300\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"neutrals.300\",\r\n bgColor: \"white\",\r\n },\r\n },\r\n }),\r\n }),\r\n\r\n /*\r\n * SUBTLE\r\n */\r\n\r\n ...(variant === \"subtle\" && {\r\n ...(accent === \"primary\" && {\r\n color: \"brand.primary.700\",\r\n bgColor: \"brand.primary.500\",\r\n _hover: {\r\n color: \"brand.primary.900\",\r\n bgColor: \"brand.primary.600\",\r\n },\r\n _focus: {\r\n color: \"brand.primary.900\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F4EBFF\",\r\n },\r\n _disabled: {\r\n color: \"neutrals.100\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"neutrals.100\",\r\n bgColor: \"brand.primary.500\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"error\" && {\r\n color: \"interface.error.700\",\r\n bgColor: \"interface.error.500\",\r\n _hover: {\r\n color: \"interface.error.900\",\r\n bgColor: \"rgba(220, 24, 12, 0.15)\",\r\n },\r\n _focus: {\r\n color: \"interface.error.900\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #FEE4E2\",\r\n },\r\n _disabled: {\r\n color: \"rgba(220, 24, 12, 0.3)\",\r\n bgColor: \"rgba(252, 234, 232, 0.5)\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"rgba(220, 24, 12, 0.3)\",\r\n bgColor: \"rgba(252, 234, 232, 0.5)\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"gray\" && {\r\n color: \"interface.error.700\",\r\n bgColor: \"interface.error.500\",\r\n _hover: {\r\n color: \"interface.error.900\",\r\n bgColor: \"rgba(220, 24, 12, 0.15)\",\r\n },\r\n _focus: {\r\n color: \"interface.error.900\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #FEE4E2\",\r\n },\r\n _disabled: {\r\n color: \"rgba(220, 24, 12, 0.3)\",\r\n bgColor: \"rgba(252, 234, 232, 0.5)\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"rgba(220, 24, 12, 0.3)\",\r\n bgColor: \"rgba(252, 234, 232, 0.5)\",\r\n },\r\n },\r\n }),\r\n }),\r\n\r\n /*\r\n * LINK\r\n */\r\n\r\n ...(variant === \"link\" && {\r\n height: \"fit-content\",\r\n bgColor: \"transparent\",\r\n paddingY: \"none\",\r\n boxShadow: \"none\",\r\n\r\n ...(accent === \"primary\" && {\r\n color: \"brand.primary.700\",\r\n _hover: {\r\n color: \"brand.primary.900\",\r\n },\r\n _disabled: {\r\n color: \"neutrals.300\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"neutrals.300\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"error\" && {\r\n color: \"interface.error.700\",\r\n _hover: {\r\n color: \"interface.error.900\",\r\n },\r\n _disabled: {\r\n color: \"interface.error.500\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"interface.error.500\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"gray\" && {\r\n color: \"neutrals.600\",\r\n _hover: {\r\n color: \"neutrals.700\",\r\n },\r\n _disabled: {\r\n color: \"neutrals.300\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"neutrals.300\",\r\n },\r\n },\r\n }),\r\n }),\r\n }),\r\n [\r\n //\r\n size,\r\n accent,\r\n variant,\r\n ],\r\n );\r\n\r\n const iconButton = React.useMemo(\r\n () => ({\r\n ...button,\r\n ...(size === \"sm\" && { width: \"36px\" }),\r\n ...(size === \"md\" && { width: \"40px\" }),\r\n ...(size === \"lg\" && { width: \"44px\" }),\r\n ...(size === \"xl\" && { width: \"48px\" }),\r\n ...(size === \"2xl\" && { width: \"56px\" }),\r\n }),\r\n [size, accent, variant],\r\n );\r\n\r\n const styles = {\r\n button,\r\n iconButton,\r\n };\r\n\r\n return styles;\r\n}\r\n","import {\n Button as ChakraButton,\n ButtonProps as ChakraButtonProps,\n} from \"@chakra-ui/react\";\nimport * as React from \"react\";\nimport { useStyles } from \"./hooks\";\nimport { Accent, Prettify, Size, Variant } from \"./types\";\n\n/* prettier-ignore */\ntype Picked = Omit<\n ChakraButtonProps,\n | \"sx\" \n | \"size\" \n | \"accent\" \n | \"variant\" \n | \"colorScheme\"\n>;\n\ntype Base = {\n size?: Size;\n accent?: Accent;\n variant?: Variant;\n __testId?: string;\n};\n\nexport type ButtonProps = Prettify<Picked & Base>;\n\nexport default React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n props,\n ref,\n) {\n const {\n size = \"md\",\n accent = \"primary\",\n variant = \"solid\",\n children = null,\n __testId = \"hds.button\",\n ...others\n } = props;\n\n const styles = useStyles({\n size,\n accent,\n variant,\n });\n\n return (\n <ChakraButton ref={ref} {...others} sx={styles.button} data-testid={__testId}>\n {props.children}\n </ChakraButton>\n );\n});\n","import {\n IconButton as ChakraIconButton,\n IconButtonProps as ChakraIconButtonProps,\n} from \"@chakra-ui/react\";\nimport * as React from \"react\";\nimport { useStyles } from \"./hooks\";\nimport { Accent, Prettify, Size, Variant } from \"./types\";\n\n/* prettier-ignore */\ntype Picked = Omit<\n ChakraIconButtonProps,\n | \"sx\" \n | \"size\" \n | \"accent\" \n | \"variant\" \n | \"colorScheme\"\n | \"aria-label\"\n>;\n\ntype Base = {\n size?: Size;\n accent?: Accent;\n variant?: Variant;\n __testId?: string;\n};\n\nexport type IconButtonProps = Prettify<Picked & Base>;\n\nexport default React.forwardRef<HTMLButtonElement, IconButtonProps>(function IconButton(\n props,\n ref,\n) {\n const {\n size = \"md\",\n accent = \"primary\",\n variant = \"solid\",\n __testId = \"hds.icon-button\",\n ...others\n } = props;\n\n const styles = useStyles({\n size,\n accent,\n variant,\n });\n\n return (\n <ChakraIconButton\n {...others}\n ref={ref}\n aria-label=\"\"\n sx={styles.iconButton}\n data-testid={__testId}\n />\n );\n});\n","import { Button, ButtonProps, IconButton } from \"@chakra-ui/react\";\nimport {\n AppleIcon,\n DribbleIcon,\n FacebookIcon,\n FigmaIcon,\n GoogleIcon,\n TwitterIcon,\n} from \"@highoutput/hds-icons\";\nimport * as React from \"react\";\nimport { Prettify } from \"./types\";\n\n/* prettier-ignore */\ntype Picked = Omit<\n ButtonProps,\n | \"sx\"\n | \"size\"\n | \"variant\"\n | \"children\"\n | \"leftIcon\"\n | \"rightIcon\"\n | \"colorScheme\"\n>;\n\ntype Icon = \"google\" | \"dribble\" | \"twitter\" | \"figma\" | \"facebook\" | \"apple\";\n\ntype Variant = \"outline\" | \"solid\";\n\ntype Base = {\n icon: Icon;\n label?: string;\n variant?: Variant;\n __iconTestId?: string;\n __buttonTestId?: string;\n};\n\nexport type SocialButtonProps = Prettify<Picked & Base>;\n\nexport default React.forwardRef<HTMLButtonElement, SocialButtonProps>(\n function SocialButton(props, ref) {\n const {\n icon,\n label,\n variant = \"outline\",\n __iconTestId = \"hds.social-button.icon\",\n __buttonTestId = \"hds.social-button.group\",\n ...others\n } = props;\n\n const styles = useStyles({ variant });\n\n const getSocialIcon = React.useCallback(() => {\n switch (icon) {\n case \"apple\":\n return (\n <AppleIcon\n isDisabled={others.isDisabled}\n variant={variant}\n data-testid={__iconTestId}\n />\n );\n case \"dribble\":\n return (\n <DribbleIcon\n isDisabled={others.isDisabled}\n variant={variant}\n data-testid={__iconTestId}\n />\n );\n case \"facebook\":\n return (\n <FacebookIcon\n isDisabled={others.isDisabled}\n variant={variant}\n data-testid={__iconTestId}\n />\n );\n case \"figma\":\n return <FigmaIcon isDisabled={others.isDisabled} data-testid={__iconTestId} />;\n case \"google\":\n return <GoogleIcon isDisabled={others.isDisabled} data-testid={__iconTestId} />;\n case \"twitter\":\n return (\n <TwitterIcon\n isDisabled={others.isDisabled}\n variant={variant}\n data-testid={__iconTestId}\n />\n );\n }\n }, [\n //\n icon,\n variant,\n others.isDisabled,\n ]);\n\n if (!label) {\n return (\n <IconButton\n ref={ref}\n aria-label=\"\"\n icon={getSocialIcon()}\n height=\"44px\"\n paddingY=\"10px\"\n paddingX=\"16px\"\n sx={styles[icon]}\n />\n );\n }\n\n return (\n <Button\n ref={ref}\n height=\"44px\"\n paddingY=\"10px\"\n paddingX=\"16px\"\n leftIcon={getSocialIcon()}\n sx={styles[icon]}\n data-testid={__buttonTestId}\n {...props}\n >\n {label}\n </Button>\n );\n },\n);\n\nfunction useStyles({ variant }: { variant?: Variant }) {\n const isOutlineVariant = variant === \"outline\";\n\n const styles = React.useMemo(\n () => ({\n google: {\n border: \"1px solid #D0D5DD\",\n bgColor: isOutlineVariant ? \"white\" : \"white\",\n color: \"black\",\n borderRadius: \"4px\",\n fontSize: \"18px\",\n fontWeight: 500,\n fontFamily: \"Inter\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _hover: {\n bgColor: isOutlineVariant ? \"white\" : \"#F9FAFB\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _disabled: {\n bgColor: \"none\",\n boxShadow: \"none\",\n },\n },\n _active: {\n bgColor: isOutlineVariant ? \"white\" : \"white\",\n border: \"1px solid #D0D5DD\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7\",\n },\n },\n facebook: {\n border: \"1px solid #D0D5DD\",\n bgColor: isOutlineVariant ? \"white\" : \"#1877F2\",\n color: isOutlineVariant ? \"black\" : \"white\",\n borderRadius: \"4px\",\n fontSize: \"18px\",\n fontWeight: 500,\n fontFamily: \"Inter\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _hover: {\n bgColor: isOutlineVariant ? \"white\" : \"#0C63D4\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _disabled: {\n bgColor: \"none\",\n boxShadow: \"none\",\n },\n },\n _active: {\n bgColor: isOutlineVariant ? \"white\" : \"#1877F2\",\n border: \"1px solid #D0D5DD\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7\",\n },\n },\n figma: {\n border: \"1px solid #D0D5DD\",\n bgColor: isOutlineVariant ? \"white\" : \"#000000\",\n color: isOutlineVariant ? \"black\" : \"white\",\n borderRadius: \"4px\",\n fontSize: \"18px\",\n fontWeight: 500,\n fontFamily: \"Inter\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _hover: {\n bgColor: isOutlineVariant ? \"white\" : \"#000000\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _disabled: {\n bgColor: \"none\",\n boxShadow: \"none\",\n },\n },\n _active: {\n bgColor: isOutlineVariant ? \"white\" : \"#000000\",\n border: \"1px solid #D0D5DD\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7\",\n _disabled: {\n bgColor: \"none\",\n boxShadow: \"none\",\n },\n },\n },\n apple: {\n border: \"1px solid #D0D5DD\",\n bgColor: isOutlineVariant ? \"white\" : \"#000000\",\n color: isOutlineVariant ? \"black\" : \"white\",\n borderRadius: \"4px\",\n fontSize: \"18px\",\n fontWeight: 500,\n fontFamily: \"Inter\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _hover: {\n bgColor: isOutlineVariant ? \"white\" : \"#000000\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _disabled: {\n bgColor: \"none\",\n boxShadow: \"none\",\n },\n },\n _active: {\n bgColor: isOutlineVariant ? \"white\" : \"#000000\",\n border: \"1px solid #D0D5DD\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7\",\n },\n },\n dribble: {\n border: \"1px solid #D0D5DD\",\n bgColor: isOutlineVariant ? \"white\" : \"#EA4C89\",\n color: isOutlineVariant ? \"black\" : \"white\",\n borderRadius: \"4px\",\n fontSize: \"18px\",\n fontWeight: 500,\n fontFamily: \"Inter\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _hover: {\n bgColor: isOutlineVariant ? \"white\" : \"#EA4C89\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _disabled: {\n bgColor: \"none\",\n boxShadow: \"none\",\n },\n },\n _active: {\n bgColor: isOutlineVariant ? \"white\" : \"#E62872\",\n border: \"1px solid #D0D5DD\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7\",\n },\n },\n twitter: {\n border: \"1px solid #D0D5DD\",\n bgColor: isOutlineVariant ? \"white\" : \"#1DA1F2\",\n color: isOutlineVariant ? \"black\" : \"white\",\n borderRadius: \"4px\",\n fontSize: \"18px\",\n fontWeight: 500,\n fontFamily: \"Inter\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _hover: {\n bgColor: isOutlineVariant ? \"white\" : \"#0C63D4\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _disabled: {\n bgColor: \"none\",\n boxShadow: \"none\",\n },\n },\n _active: {\n bgColor: isOutlineVariant ? \"white\" : \"#0C8BD9\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7\",\n },\n },\n }),\n [variant],\n );\n\n return styles;\n}\n"],"names":["useStyles","_ref","size","accent","variant","button","React","_extends","rounded","fontFamily","fontWeight","transition","boxShadow","_active","height","paddingY","paddingX","fontSize","lineHeight","letterSpacing","color","bgColor","_hover","_focus","outline","_disabled","cursor","border","borderColor","iconButton","width","props","ref","_props$size","_props$accent","_props$variant","_props$children","__testId","_props$__testId","others","_objectWithoutPropertiesLoose","_excluded","styles","ChakraButton","sx","children","ChakraIconButton","icon","label","_props$__iconTestId","__iconTestId","_props$__buttonTestId","__buttonTestId","isOutlineVariant","google","borderRadius","facebook","figma","apple","dribble","twitter","getSocialIcon","AppleIcon","isDisabled","DribbleIcon","FacebookIcon","FigmaIcon","GoogleIcon","TwitterIcon","Button","leftIcon","IconButton"],"mappings":"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"}
{"version":3,"file":"hds-button.cjs.production.min.js","sources":["../src/hooks.tsx","../src/Button.tsx","../src/IconButton.tsx","../src/SocialButton.tsx"],"sourcesContent":["import { SystemStyleObject } from \"@chakra-ui/react\";\r\nimport * as React from \"react\";\r\nimport { Accent, Size, Variant } from \"./types\";\r\n\r\ntype UseStylesConfig = {\r\n size?: Size;\r\n accent?: Accent;\r\n variant?: Variant;\r\n};\r\n\r\ntype UseStylesReturn = {\r\n button: SystemStyleObject;\r\n iconButton: SystemStyleObject;\r\n};\r\n\r\nexport function useStyles({ size, accent, variant }: UseStylesConfig): UseStylesReturn {\r\n const button = React.useMemo(\r\n () => ({\r\n rounded: \"4px\",\r\n fontFamily: \"inherit\",\r\n fontWeight: 500,\r\n transition: \"all 300ms ease-in-out\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\r\n _active: {},\r\n\r\n /*\r\n * SIZES\r\n */\r\n\r\n ...(size === \"sm\" && {\r\n height: \"36px\",\r\n paddingY: \"8px\",\r\n paddingX: \"14px\",\r\n fontSize: \"12px\",\r\n lineHeight: \"12px\",\r\n letterSpacing: \"0.02em\",\r\n }),\r\n\r\n ...(size === \"md\" && {\r\n height: \"40px\",\r\n paddingY: \"10px\",\r\n paddingX: \"16px\",\r\n fontSize: \"14px\",\r\n lineHeight: \"14px\",\r\n letterSpacing: \"0.02em\",\r\n }),\r\n\r\n ...(size === \"lg\" && {\r\n height: \"44px\",\r\n paddingY: \"10px\",\r\n paddingX: \"18px\",\r\n fontSize: \"18px\",\r\n lineHeight: \"24px\",\r\n }),\r\n\r\n ...(size === \"xl\" && {\r\n height: \"48px\",\r\n paddingY: \"12px\",\r\n paddingX: \"20px\",\r\n fontSize: \"20px\",\r\n lineHeight: \"20px\",\r\n }),\r\n\r\n ...(size === \"2xl\" && {\r\n height: \"56px\",\r\n paddingY: \"16px\",\r\n paddingX: \"28px\",\r\n fontSize: \"18px\",\r\n lineHeight: \"24px\",\r\n }),\r\n\r\n /*\r\n * SOLID\r\n */\r\n\r\n ...(variant === \"solid\" && {\r\n color: \"neutrals.100\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\r\n\r\n ...(accent === \"primary\" && {\r\n bgColor: \"brand.primary.700\",\r\n _hover: {\r\n bgColor: \"brand.primary.900\",\r\n },\r\n _active: {\r\n bgColor: \"brand.primary.900\",\r\n },\r\n _focus: {\r\n outline: \"none\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F4EBFF\",\r\n },\r\n _disabled: {\r\n cursor: \"not-allowed\",\r\n bgColor: \"brand.primary.500\",\r\n _hover: {\r\n bgColor: \"brand.primary.500\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"error\" && {\r\n bgColor: \"interface.error.700\",\r\n _hover: {\r\n bgColor: \"interface.error.900\",\r\n },\r\n _active: {\r\n bgColor: \"interface.error.900\",\r\n },\r\n _focus: {\r\n outline: \"none\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #FEE4E2\",\r\n },\r\n _disabled: {\r\n cursor: \"not-allowed\",\r\n bgColor: \"interface.error.500\",\r\n _hover: {\r\n bgColor: \"interface.error.500\",\r\n },\r\n },\r\n }),\r\n }),\r\n\r\n /*\r\n * OUTLINE\r\n */\r\n\r\n ...(variant === \"outline\" && {\r\n bgColor: \"white\",\r\n\r\n ...(accent === \"primary\" && {\r\n color: \"brand.primary.700\",\r\n border: \"1px\",\r\n borderColor: \"brand.primary.700\",\r\n _hover: {\r\n color: \"brand.primary.900\",\r\n bgColor: \"brand.primary.500\",\r\n borderColor: \"brand.primary.600\",\r\n },\r\n _active: {\r\n color: \"brand.primary.900\",\r\n bgColor: \"brand.primary.500\",\r\n borderColor: \"brand.primary.600\",\r\n },\r\n _focus: {\r\n color: \"brand.primary.900\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F4EBFF\",\r\n },\r\n _disabled: {\r\n cursor: \"not-allowed\",\r\n color: \"brand.primary.600\",\r\n borderColor: \"brand.primary.600\",\r\n _hover: {\r\n color: \"brand.primary.600\",\r\n bgColor: \"white\",\r\n borderColor: \"brand.primary.600\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"error\" && {\r\n color: \"interface.error.700\",\r\n border: \"1px\",\r\n borderColor: \"interface.error.700\",\r\n _hover: {\r\n color: \"interface.error.900\",\r\n bgColor: \"interface.error.500\",\r\n borderColor: \"interface.error.600\",\r\n },\r\n _active: {\r\n color: \"interface.error.900\",\r\n bgColor: \"interface.error.500\",\r\n borderColor: \"interface.error.600\",\r\n },\r\n _focus: {\r\n color: \"interface.error.900\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #FEE4E2\",\r\n },\r\n _disabled: {\r\n cursor: \"not-allowed\",\r\n color: \"interface.error.600\",\r\n borderColor: \"interface.error.600\",\r\n _hover: {\r\n color: \"interface.error.600\",\r\n bgColor: \"white\",\r\n borderColor: \"interface.error.600\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"gray\" && {\r\n color: \"neutrals.700\",\r\n border: \"1px\",\r\n borderColor: \"neutrals.300\",\r\n _hover: {\r\n bgColor: \"neutrals.100\",\r\n },\r\n _active: {\r\n bgColor: \"neutrals.100\",\r\n },\r\n _focus: {\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7\",\r\n },\r\n _disabled: {\r\n color: \"neutrals.200\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"neutrals.200\",\r\n bgColor: \"white\",\r\n },\r\n },\r\n }),\r\n }),\r\n\r\n /*\r\n * GHOST\r\n */\r\n\r\n ...(variant === \"ghost\" && {\r\n bgColor: \"white\",\r\n boxShadow: \"none\",\r\n\r\n ...(accent === \"primary\" && {\r\n color: \"brand.primary.700\",\r\n _hover: {\r\n color: \"brand.primary.900\",\r\n bgColor: \"brand.primary.500\",\r\n },\r\n _active: {\r\n color: \"brand.primary.900\",\r\n bgColor: \"brand.primary.500\",\r\n },\r\n _focus: {\r\n color: \"brand.primary.900\",\r\n boxShadow: \"none\",\r\n },\r\n _disabled: {\r\n color: \"neutrals.300\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"neutrals.300\",\r\n bgColor: \"white\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"error\" && {\r\n color: \"interface.error.700\",\r\n _hover: {\r\n color: \"interface.error.900\",\r\n bgColor: \"interface.error.500\",\r\n },\r\n _active: {\r\n color: \"interface.error.900\",\r\n bgColor: \"interface.error.500\",\r\n },\r\n _focus: {\r\n color: \"interface.error.900\",\r\n boxShadow: \"none\",\r\n },\r\n _disabled: {\r\n color: \"interface.error.500\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"interface.error.500\",\r\n bgColor: \"white\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"gray\" && {\r\n color: \"neutrals.700\",\r\n _hover: {\r\n color: \"neutrals.900\",\r\n bgColor: \"neutrals.200\",\r\n },\r\n _active: {\r\n color: \"neutrals.900\",\r\n bgColor: \"neutrals.200\",\r\n },\r\n _focus: {\r\n color: \"neutrals.900\",\r\n boxShadow: \"none\",\r\n },\r\n _disabled: {\r\n color: \"neutrals.300\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"neutrals.300\",\r\n bgColor: \"white\",\r\n },\r\n },\r\n }),\r\n }),\r\n\r\n /*\r\n * SUBTLE\r\n */\r\n\r\n ...(variant === \"subtle\" && {\r\n ...(accent === \"primary\" && {\r\n color: \"brand.primary.700\",\r\n bgColor: \"brand.primary.500\",\r\n _hover: {\r\n color: \"brand.primary.900\",\r\n bgColor: \"brand.primary.600\",\r\n },\r\n _active: {\r\n color: \"brand.primary.900\",\r\n bgColor: \"brand.primary.600\",\r\n },\r\n _focus: {\r\n color: \"brand.primary.900\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F4EBFF\",\r\n },\r\n _disabled: {\r\n color: \"neutrals.100\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"neutrals.100\",\r\n bgColor: \"brand.primary.500\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"error\" && {\r\n color: \"interface.error.700\",\r\n bgColor: \"interface.error.500\",\r\n _hover: {\r\n color: \"interface.error.900\",\r\n bgColor: \"rgba(220, 24, 12, 0.15)\",\r\n },\r\n _active: {\r\n color: \"interface.error.900\",\r\n bgColor: \"rgba(220, 24, 12, 0.15)\",\r\n },\r\n _focus: {\r\n color: \"interface.error.900\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #FEE4E2\",\r\n },\r\n _disabled: {\r\n color: \"rgba(220, 24, 12, 0.3)\",\r\n bgColor: \"rgba(252, 234, 232, 0.5)\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"rgba(220, 24, 12, 0.3)\",\r\n bgColor: \"rgba(252, 234, 232, 0.5)\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"gray\" && {\r\n color: \"interface.error.700\",\r\n bgColor: \"interface.error.500\",\r\n _hover: {\r\n color: \"interface.error.900\",\r\n bgColor: \"rgba(220, 24, 12, 0.15)\",\r\n },\r\n _active: {\r\n color: \"interface.error.900\",\r\n bgColor: \"rgba(220, 24, 12, 0.15)\",\r\n },\r\n _focus: {\r\n color: \"interface.error.900\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #FEE4E2\",\r\n },\r\n _disabled: {\r\n color: \"rgba(220, 24, 12, 0.3)\",\r\n bgColor: \"rgba(252, 234, 232, 0.5)\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"rgba(220, 24, 12, 0.3)\",\r\n bgColor: \"rgba(252, 234, 232, 0.5)\",\r\n },\r\n },\r\n }),\r\n }),\r\n\r\n /*\r\n * LINK\r\n */\r\n\r\n ...(variant === \"link\" && {\r\n width: \"fit-content\",\r\n height: \"fit-content\",\r\n padding: \"0px\",\r\n bgColor: \"unset\",\r\n boxShadow: \"none\",\r\n\r\n ...(accent === \"primary\" && {\r\n color: \"brand.primary.700\",\r\n _hover: {\r\n color: \"brand.primary.900\",\r\n },\r\n _active: {\r\n color: \"brand.primary.900\",\r\n },\r\n _disabled: {\r\n color: \"neutrals.300\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"neutrals.300\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"error\" && {\r\n color: \"interface.error.700\",\r\n _hover: {\r\n color: \"interface.error.900\",\r\n },\r\n _active: {\r\n color: \"interface.error.900\",\r\n },\r\n _disabled: {\r\n color: \"interface.error.500\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"interface.error.500\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"gray\" && {\r\n color: \"neutrals.600\",\r\n _hover: {\r\n color: \"neutrals.700\",\r\n },\r\n _active: {\r\n color: \"neutrals.700\",\r\n },\r\n _disabled: {\r\n color: \"neutrals.300\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"neutrals.300\",\r\n },\r\n },\r\n }),\r\n }),\r\n\r\n ...(variant === \"unstyled\" && {\r\n width: \"fit-content\",\r\n height: \"fit-content\",\r\n padding: \"0px\",\r\n bgColor: \"unset\",\r\n boxShadow: \"none\",\r\n color: \"neutrals.700\",\r\n _hover: {\r\n color: \"neutrals.900\",\r\n },\r\n _active: {\r\n color: \"neutrals.900\",\r\n },\r\n _disabled: {\r\n color: \"neutrals.500\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"neutrals.500\",\r\n },\r\n },\r\n }),\r\n }),\r\n [\r\n //\r\n size,\r\n accent,\r\n variant,\r\n ],\r\n );\r\n\r\n /**\r\n *\r\n * Only add width to button\r\n * If variant is not \"link\" or \"unstyled\"\r\n *\r\n */\r\n const shouldAdjustIconButtonWidth = variant !== \"link\" && variant !== \"unstyled\";\r\n\r\n const iconButton = React.useMemo(\r\n () => ({\r\n ...button,\r\n\r\n ...(!shouldAdjustIconButtonWidth && {\r\n minWidth: \"unset\",\r\n paddingY: \"unset\",\r\n paddingX: \"unset\",\r\n }),\r\n\r\n ...(shouldAdjustIconButtonWidth && {\r\n ...(size === \"sm\" && { width: \"36px\" }),\r\n ...(size === \"md\" && { width: \"40px\" }),\r\n ...(size === \"lg\" && { width: \"44px\" }),\r\n ...(size === \"xl\" && { width: \"48px\" }),\r\n ...(size === \"2xl\" && { width: \"56px\" }),\r\n }),\r\n }),\r\n [size, accent, variant],\r\n );\r\n\r\n const styles = {\r\n button,\r\n iconButton,\r\n };\r\n\r\n return styles;\r\n}\r\n","import {\n Button as ChakraButton,\n ButtonProps as ChakraButtonProps,\n} from \"@chakra-ui/react\";\nimport * as React from \"react\";\nimport { useStyles } from \"./hooks\";\nimport { Accent, Prettify, Size, Variant } from \"./types\";\n\n/* prettier-ignore */\ntype Picked = Omit<\n ChakraButtonProps,\n | \"sx\" \n | \"size\" \n | \"accent\" \n | \"variant\" \n | \"colorScheme\"\n>;\n\ntype Base = {\n size?: Size;\n accent?: Accent;\n variant?: Variant;\n __testId?: string;\n};\n\nexport type ButtonProps = Prettify<Picked & Base>;\n\nexport default React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n props,\n ref,\n) {\n const {\n size = \"md\",\n accent = \"primary\",\n variant = \"solid\",\n children = null,\n __testId = \"hds.button\",\n ...others\n } = props;\n\n const styles = useStyles({\n size,\n accent,\n variant,\n });\n\n return (\n <ChakraButton ref={ref} {...others} sx={styles.button} data-testid={__testId}>\n {props.children}\n </ChakraButton>\n );\n});\n","import {\n IconButton as ChakraIconButton,\n IconButtonProps as ChakraIconButtonProps,\n} from \"@chakra-ui/react\";\nimport * as React from \"react\";\nimport { useStyles } from \"./hooks\";\nimport { Accent, Prettify, Size, Variant } from \"./types\";\n\n/* prettier-ignore */\ntype Picked = Omit<\n ChakraIconButtonProps,\n | \"sx\" \n | \"size\" \n | \"accent\" \n | \"variant\" \n | \"colorScheme\"\n | \"aria-label\"\n>;\n\ntype Base = {\n size?: Size;\n accent?: Accent;\n variant?: Variant;\n __testId?: string;\n};\n\nexport type IconButtonProps = Prettify<Picked & Base>;\n\nexport default React.forwardRef<HTMLButtonElement, IconButtonProps>(function IconButton(\n props,\n ref,\n) {\n const {\n size = \"md\",\n accent = \"primary\",\n variant = \"solid\",\n __testId = \"hds.icon-button\",\n ...others\n } = props;\n\n const styles = useStyles({\n size,\n accent,\n variant,\n });\n\n return (\n <ChakraIconButton\n {...others}\n ref={ref}\n aria-label=\"\"\n sx={styles.iconButton}\n data-testid={__testId}\n />\n );\n});\n","import { Button, ButtonProps, IconButton } from \"@chakra-ui/react\";\nimport {\n AppleIcon,\n DribbleIcon,\n FacebookIcon,\n FigmaIcon,\n GoogleIcon,\n TwitterIcon,\n} from \"@highoutput/hds-icons\";\nimport * as React from \"react\";\nimport { Prettify } from \"./types\";\n\n/* prettier-ignore */\ntype Picked = Omit<\n ButtonProps,\n | \"sx\"\n | \"size\"\n | \"variant\"\n | \"children\"\n | \"leftIcon\"\n | \"rightIcon\"\n | \"colorScheme\"\n>;\n\ntype Icon = \"google\" | \"dribble\" | \"twitter\" | \"figma\" | \"facebook\" | \"apple\";\n\ntype Variant = \"outline\" | \"solid\";\n\ntype Base = {\n icon: Icon;\n label?: string;\n variant?: Variant;\n __iconTestId?: string;\n __buttonTestId?: string;\n};\n\nexport type SocialButtonProps = Prettify<Picked & Base>;\n\nexport default React.forwardRef<HTMLButtonElement, SocialButtonProps>(\n function SocialButton(props, ref) {\n const {\n icon,\n label,\n variant = \"outline\",\n __iconTestId = \"hds.social-button.icon\",\n __buttonTestId = \"hds.social-button.group\",\n ...others\n } = props;\n\n const styles = useStyles({ variant });\n\n const getSocialIcon = React.useCallback(() => {\n switch (icon) {\n case \"apple\":\n return (\n <AppleIcon\n isDisabled={others.isDisabled}\n variant={variant}\n data-testid={__iconTestId}\n />\n );\n case \"dribble\":\n return (\n <DribbleIcon\n isDisabled={others.isDisabled}\n variant={variant}\n data-testid={__iconTestId}\n />\n );\n case \"facebook\":\n return (\n <FacebookIcon\n isDisabled={others.isDisabled}\n variant={variant}\n data-testid={__iconTestId}\n />\n );\n case \"figma\":\n return <FigmaIcon isDisabled={others.isDisabled} data-testid={__iconTestId} />;\n case \"google\":\n return <GoogleIcon isDisabled={others.isDisabled} data-testid={__iconTestId} />;\n case \"twitter\":\n return (\n <TwitterIcon\n isDisabled={others.isDisabled}\n variant={variant}\n data-testid={__iconTestId}\n />\n );\n }\n }, [\n //\n icon,\n variant,\n others.isDisabled,\n ]);\n\n if (!label) {\n return (\n <IconButton\n ref={ref}\n aria-label=\"\"\n icon={getSocialIcon()}\n height=\"44px\"\n paddingY=\"10px\"\n paddingX=\"16px\"\n sx={styles[icon]}\n />\n );\n }\n\n return (\n <Button\n ref={ref}\n height=\"44px\"\n paddingY=\"10px\"\n paddingX=\"16px\"\n leftIcon={getSocialIcon()}\n sx={styles[icon]}\n data-testid={__buttonTestId}\n {...props}\n >\n {label}\n </Button>\n );\n },\n);\n\nfunction useStyles({ variant }: { variant?: Variant }) {\n const isOutlineVariant = variant === \"outline\";\n\n const styles = React.useMemo(\n () => ({\n google: {\n border: \"1px solid #D0D5DD\",\n bgColor: isOutlineVariant ? \"white\" : \"white\",\n color: \"black\",\n borderRadius: \"4px\",\n fontSize: \"18px\",\n fontWeight: 500,\n fontFamily: \"Inter\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _hover: {\n bgColor: isOutlineVariant ? \"white\" : \"#F9FAFB\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _disabled: {\n bgColor: \"none\",\n boxShadow: \"none\",\n },\n },\n _active: {\n bgColor: isOutlineVariant ? \"white\" : \"white\",\n border: \"1px solid #D0D5DD\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7\",\n },\n },\n facebook: {\n border: \"1px solid #D0D5DD\",\n bgColor: isOutlineVariant ? \"white\" : \"#1877F2\",\n color: isOutlineVariant ? \"black\" : \"white\",\n borderRadius: \"4px\",\n fontSize: \"18px\",\n fontWeight: 500,\n fontFamily: \"Inter\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _hover: {\n bgColor: isOutlineVariant ? \"white\" : \"#0C63D4\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _disabled: {\n bgColor: \"none\",\n boxShadow: \"none\",\n },\n },\n _active: {\n bgColor: isOutlineVariant ? \"white\" : \"#1877F2\",\n border: \"1px solid #D0D5DD\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7\",\n },\n },\n figma: {\n border: \"1px solid #D0D5DD\",\n bgColor: isOutlineVariant ? \"white\" : \"#000000\",\n color: isOutlineVariant ? \"black\" : \"white\",\n borderRadius: \"4px\",\n fontSize: \"18px\",\n fontWeight: 500,\n fontFamily: \"Inter\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _hover: {\n bgColor: isOutlineVariant ? \"white\" : \"#000000\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _disabled: {\n bgColor: \"none\",\n boxShadow: \"none\",\n },\n },\n _active: {\n bgColor: isOutlineVariant ? \"white\" : \"#000000\",\n border: \"1px solid #D0D5DD\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7\",\n _disabled: {\n bgColor: \"none\",\n boxShadow: \"none\",\n },\n },\n },\n apple: {\n border: \"1px solid #D0D5DD\",\n bgColor: isOutlineVariant ? \"white\" : \"#000000\",\n color: isOutlineVariant ? \"black\" : \"white\",\n borderRadius: \"4px\",\n fontSize: \"18px\",\n fontWeight: 500,\n fontFamily: \"Inter\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _hover: {\n bgColor: isOutlineVariant ? \"white\" : \"#000000\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _disabled: {\n bgColor: \"none\",\n boxShadow: \"none\",\n },\n },\n _active: {\n bgColor: isOutlineVariant ? \"white\" : \"#000000\",\n border: \"1px solid #D0D5DD\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7\",\n },\n },\n dribble: {\n border: \"1px solid #D0D5DD\",\n bgColor: isOutlineVariant ? \"white\" : \"#EA4C89\",\n color: isOutlineVariant ? \"black\" : \"white\",\n borderRadius: \"4px\",\n fontSize: \"18px\",\n fontWeight: 500,\n fontFamily: \"Inter\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _hover: {\n bgColor: isOutlineVariant ? \"white\" : \"#EA4C89\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _disabled: {\n bgColor: \"none\",\n boxShadow: \"none\",\n },\n },\n _active: {\n bgColor: isOutlineVariant ? \"white\" : \"#E62872\",\n border: \"1px solid #D0D5DD\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7\",\n },\n },\n twitter: {\n border: \"1px solid #D0D5DD\",\n bgColor: isOutlineVariant ? \"white\" : \"#1DA1F2\",\n color: isOutlineVariant ? \"black\" : \"white\",\n borderRadius: \"4px\",\n fontSize: \"18px\",\n fontWeight: 500,\n fontFamily: \"Inter\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _hover: {\n bgColor: isOutlineVariant ? \"white\" : \"#0C63D4\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _disabled: {\n bgColor: \"none\",\n boxShadow: \"none\",\n },\n },\n _active: {\n bgColor: isOutlineVariant ? \"white\" : \"#0C8BD9\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7\",\n },\n },\n }),\n [variant],\n );\n\n return styles;\n}\n"],"names":["useStyles","_ref","size","accent","variant","button","React","_extends","rounded","fontFamily","fontWeight","transition","boxShadow","_active","height","paddingY","paddingX","fontSize","lineHeight","letterSpacing","color","bgColor","_hover","_focus","outline","_disabled","cursor","border","borderColor","width","padding","shouldAdjustIconButtonWidth","iconButton","minWidth","props","ref","_props$size","_props$accent","_props$variant","_props$children","__testId","_props$__testId","others","_objectWithoutPropertiesLoose","_excluded","styles","ChakraButton","sx","children","ChakraIconButton","icon","label","_props$__iconTestId","__iconTestId","_props$__buttonTestId","__buttonTestId","isOutlineVariant","google","borderRadius","facebook","figma","apple","dribble","twitter","getSocialIcon","AppleIcon","isDisabled","DribbleIcon","FacebookIcon","FigmaIcon","GoogleIcon","TwitterIcon","Button","leftIcon","IconButton"],"mappings":"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"}
+89
-6
dist/hds-button.esm.js

@@ -84,2 +84,5 @@ import { Button as Button$1, IconButton as IconButton$1 } from '@chakra-ui/react';

},
_active: {
bgColor: "brand.primary.900"
},
_focus: {

@@ -101,2 +104,5 @@ outline: "none",

},
_active: {
bgColor: "interface.error.900"
},
_focus: {

@@ -106,3 +112,2 @@ outline: "none",

},
_active: {},
_disabled: {

@@ -126,2 +131,7 @@ cursor: "not-allowed",

},
_active: {
color: "brand.primary.900",
bgColor: "brand.primary.500",
borderColor: "brand.primary.600"
},
_focus: {

@@ -150,2 +160,7 @@ color: "brand.primary.900",

},
_active: {
color: "interface.error.900",
bgColor: "interface.error.500",
borderColor: "interface.error.600"
},
_focus: {

@@ -172,2 +187,5 @@ color: "interface.error.900",

},
_active: {
bgColor: "neutrals.100"
},
_focus: {

@@ -193,2 +211,6 @@ boxShadow: "0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7"

},
_active: {
color: "brand.primary.900",
bgColor: "brand.primary.500"
},
_focus: {

@@ -212,2 +234,6 @@ color: "brand.primary.900",

},
_active: {
color: "interface.error.900",
bgColor: "interface.error.500"
},
_focus: {

@@ -231,2 +257,6 @@ color: "interface.error.900",

},
_active: {
color: "neutrals.900",
bgColor: "neutrals.200"
},
_focus: {

@@ -251,2 +281,6 @@ color: "neutrals.900",

},
_active: {
color: "brand.primary.900",
bgColor: "brand.primary.600"
},
_focus: {

@@ -271,2 +305,6 @@ color: "brand.primary.900",

},
_active: {
color: "interface.error.900",
bgColor: "rgba(220, 24, 12, 0.15)"
},
_focus: {

@@ -292,2 +330,6 @@ color: "interface.error.900",

},
_active: {
color: "interface.error.900",
bgColor: "rgba(220, 24, 12, 0.15)"
},
_focus: {

@@ -307,5 +349,6 @@ color: "interface.error.900",

}), variant === "link" && _extends({
width: "fit-content",
height: "fit-content",
bgColor: "transparent",
paddingY: "none",
padding: "0px",
bgColor: "unset",
boxShadow: "none"

@@ -317,2 +360,5 @@ }, accent === "primary" && {

},
_active: {
color: "brand.primary.900"
},
_disabled: {

@@ -330,2 +376,5 @@ color: "neutrals.300",

},
_active: {
color: "interface.error.900"
},
_disabled: {

@@ -343,2 +392,5 @@ color: "interface.error.500",

},
_active: {
color: "neutrals.700"
},
_disabled: {

@@ -351,8 +403,39 @@ color: "neutrals.300",

}
}));
}), variant === "unstyled" && {
width: "fit-content",
height: "fit-content",
padding: "0px",
bgColor: "unset",
boxShadow: "none",
color: "neutrals.700",
_hover: {
color: "neutrals.900"
},
_active: {
color: "neutrals.900"
},
_disabled: {
color: "neutrals.500",
cursor: "not-allowed",
_hover: {
color: "neutrals.500"
}
}
});
}, [
//
size, accent, variant]);
/**
*
* Only add width to button
* If variant is not "link" or "unstyled"
*
*/
var shouldAdjustIconButtonWidth = variant !== "link" && variant !== "unstyled";
var iconButton = useMemo(function () {
return _extends({}, button, size === "sm" && {
return _extends({}, button, !shouldAdjustIconButtonWidth && {
minWidth: "unset",
paddingY: "unset",
paddingX: "unset"
}, shouldAdjustIconButtonWidth && _extends({}, size === "sm" && {
width: "36px"

@@ -367,3 +450,3 @@ }, size === "md" && {

width: "56px"
});
}));
}, [size, accent, variant]);

@@ -370,0 +453,0 @@ var styles = {

+1
-1
dist/hds-button.esm.js.map

@@ -1,1 +0,1 @@

{"version":3,"file":"hds-button.esm.js","sources":["../src/hooks.tsx","../src/Button.tsx","../src/IconButton.tsx","../src/SocialButton.tsx"],"sourcesContent":["import { SystemStyleObject } from \"@chakra-ui/react\";\r\nimport * as React from \"react\";\r\nimport { Accent, Size, Variant } from \"./types\";\r\n\r\ntype UseStylesConfig = {\r\n size?: Size;\r\n accent?: Accent;\r\n variant?: Variant;\r\n};\r\n\r\ntype UseStylesReturn = {\r\n button: SystemStyleObject;\r\n iconButton: SystemStyleObject;\r\n};\r\n\r\nexport function useStyles({ size, accent, variant }: UseStylesConfig): UseStylesReturn {\r\n const button = React.useMemo(\r\n () => ({\r\n rounded: \"4px\",\r\n fontFamily: \"inherit\",\r\n fontWeight: 500,\r\n transition: \"all 300ms ease-in-out\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\r\n _active: {},\r\n\r\n /*\r\n * SIZES\r\n */\r\n\r\n ...(size === \"sm\" && {\r\n height: \"36px\",\r\n paddingY: \"8px\",\r\n paddingX: \"14px\",\r\n fontSize: \"12px\",\r\n lineHeight: \"12px\",\r\n letterSpacing: \"0.02em\",\r\n }),\r\n\r\n ...(size === \"md\" && {\r\n height: \"40px\",\r\n paddingY: \"10px\",\r\n paddingX: \"16px\",\r\n fontSize: \"14px\",\r\n lineHeight: \"14px\",\r\n letterSpacing: \"0.02em\",\r\n }),\r\n\r\n ...(size === \"lg\" && {\r\n height: \"44px\",\r\n paddingY: \"10px\",\r\n paddingX: \"18px\",\r\n fontSize: \"18px\",\r\n lineHeight: \"24px\",\r\n }),\r\n\r\n ...(size === \"xl\" && {\r\n height: \"48px\",\r\n paddingY: \"12px\",\r\n paddingX: \"20px\",\r\n fontSize: \"20px\",\r\n lineHeight: \"20px\",\r\n }),\r\n\r\n ...(size === \"2xl\" && {\r\n height: \"56px\",\r\n paddingY: \"16px\",\r\n paddingX: \"28px\",\r\n fontSize: \"18px\",\r\n lineHeight: \"24px\",\r\n }),\r\n\r\n /*\r\n * SOLID\r\n */\r\n\r\n ...(variant === \"solid\" && {\r\n color: \"neutrals.100\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\r\n\r\n ...(accent === \"primary\" && {\r\n bgColor: \"brand.primary.700\",\r\n _hover: {\r\n bgColor: \"brand.primary.900\",\r\n },\r\n _focus: {\r\n outline: \"none\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F4EBFF\",\r\n },\r\n _disabled: {\r\n cursor: \"not-allowed\",\r\n bgColor: \"brand.primary.500\",\r\n _hover: {\r\n bgColor: \"brand.primary.500\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"error\" && {\r\n bgColor: \"interface.error.700\",\r\n _hover: {\r\n bgColor: \"interface.error.900\",\r\n },\r\n _focus: {\r\n outline: \"none\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #FEE4E2\",\r\n },\r\n _active: {},\r\n _disabled: {\r\n cursor: \"not-allowed\",\r\n bgColor: \"interface.error.500\",\r\n _hover: {\r\n bgColor: \"interface.error.500\",\r\n },\r\n },\r\n }),\r\n }),\r\n\r\n /*\r\n * OUTLINE\r\n */\r\n\r\n ...(variant === \"outline\" && {\r\n bgColor: \"white\",\r\n\r\n ...(accent === \"primary\" && {\r\n color: \"brand.primary.700\",\r\n border: \"1px\",\r\n borderColor: \"brand.primary.700\",\r\n _hover: {\r\n color: \"brand.primary.900\",\r\n bgColor: \"brand.primary.500\",\r\n borderColor: \"brand.primary.600\",\r\n },\r\n _focus: {\r\n color: \"brand.primary.900\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F4EBFF\",\r\n },\r\n _disabled: {\r\n cursor: \"not-allowed\",\r\n color: \"brand.primary.600\",\r\n borderColor: \"brand.primary.600\",\r\n _hover: {\r\n color: \"brand.primary.600\",\r\n bgColor: \"white\",\r\n borderColor: \"brand.primary.600\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"error\" && {\r\n color: \"interface.error.700\",\r\n border: \"1px\",\r\n borderColor: \"interface.error.700\",\r\n _hover: {\r\n color: \"interface.error.900\",\r\n bgColor: \"interface.error.500\",\r\n borderColor: \"interface.error.600\",\r\n },\r\n _focus: {\r\n color: \"interface.error.900\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #FEE4E2\",\r\n },\r\n _disabled: {\r\n cursor: \"not-allowed\",\r\n color: \"interface.error.600\",\r\n borderColor: \"interface.error.600\",\r\n _hover: {\r\n color: \"interface.error.600\",\r\n bgColor: \"white\",\r\n borderColor: \"interface.error.600\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"gray\" && {\r\n color: \"neutrals.700\",\r\n border: \"1px\",\r\n borderColor: \"neutrals.300\",\r\n _hover: {\r\n bgColor: \"neutrals.100\",\r\n },\r\n _focus: {\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7\",\r\n },\r\n _disabled: {\r\n color: \"neutrals.200\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"neutrals.200\",\r\n bgColor: \"white\",\r\n },\r\n },\r\n }),\r\n }),\r\n\r\n /*\r\n * GHOST\r\n */\r\n\r\n ...(variant === \"ghost\" && {\r\n bgColor: \"white\",\r\n boxShadow: \"none\",\r\n\r\n ...(accent === \"primary\" && {\r\n color: \"brand.primary.700\",\r\n _hover: {\r\n color: \"brand.primary.900\",\r\n bgColor: \"brand.primary.500\",\r\n },\r\n _focus: {\r\n color: \"brand.primary.900\",\r\n boxShadow: \"none\",\r\n },\r\n _disabled: {\r\n color: \"neutrals.300\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"neutrals.300\",\r\n bgColor: \"white\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"error\" && {\r\n color: \"interface.error.700\",\r\n _hover: {\r\n color: \"interface.error.900\",\r\n bgColor: \"interface.error.500\",\r\n },\r\n _focus: {\r\n color: \"interface.error.900\",\r\n boxShadow: \"none\",\r\n },\r\n _disabled: {\r\n color: \"interface.error.500\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"interface.error.500\",\r\n bgColor: \"white\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"gray\" && {\r\n color: \"neutrals.700\",\r\n _hover: {\r\n color: \"neutrals.900\",\r\n bgColor: \"neutrals.200\",\r\n },\r\n _focus: {\r\n color: \"neutrals.900\",\r\n boxShadow: \"none\",\r\n },\r\n _disabled: {\r\n color: \"neutrals.300\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"neutrals.300\",\r\n bgColor: \"white\",\r\n },\r\n },\r\n }),\r\n }),\r\n\r\n /*\r\n * SUBTLE\r\n */\r\n\r\n ...(variant === \"subtle\" && {\r\n ...(accent === \"primary\" && {\r\n color: \"brand.primary.700\",\r\n bgColor: \"brand.primary.500\",\r\n _hover: {\r\n color: \"brand.primary.900\",\r\n bgColor: \"brand.primary.600\",\r\n },\r\n _focus: {\r\n color: \"brand.primary.900\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F4EBFF\",\r\n },\r\n _disabled: {\r\n color: \"neutrals.100\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"neutrals.100\",\r\n bgColor: \"brand.primary.500\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"error\" && {\r\n color: \"interface.error.700\",\r\n bgColor: \"interface.error.500\",\r\n _hover: {\r\n color: \"interface.error.900\",\r\n bgColor: \"rgba(220, 24, 12, 0.15)\",\r\n },\r\n _focus: {\r\n color: \"interface.error.900\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #FEE4E2\",\r\n },\r\n _disabled: {\r\n color: \"rgba(220, 24, 12, 0.3)\",\r\n bgColor: \"rgba(252, 234, 232, 0.5)\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"rgba(220, 24, 12, 0.3)\",\r\n bgColor: \"rgba(252, 234, 232, 0.5)\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"gray\" && {\r\n color: \"interface.error.700\",\r\n bgColor: \"interface.error.500\",\r\n _hover: {\r\n color: \"interface.error.900\",\r\n bgColor: \"rgba(220, 24, 12, 0.15)\",\r\n },\r\n _focus: {\r\n color: \"interface.error.900\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #FEE4E2\",\r\n },\r\n _disabled: {\r\n color: \"rgba(220, 24, 12, 0.3)\",\r\n bgColor: \"rgba(252, 234, 232, 0.5)\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"rgba(220, 24, 12, 0.3)\",\r\n bgColor: \"rgba(252, 234, 232, 0.5)\",\r\n },\r\n },\r\n }),\r\n }),\r\n\r\n /*\r\n * LINK\r\n */\r\n\r\n ...(variant === \"link\" && {\r\n height: \"fit-content\",\r\n bgColor: \"transparent\",\r\n paddingY: \"none\",\r\n boxShadow: \"none\",\r\n\r\n ...(accent === \"primary\" && {\r\n color: \"brand.primary.700\",\r\n _hover: {\r\n color: \"brand.primary.900\",\r\n },\r\n _disabled: {\r\n color: \"neutrals.300\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"neutrals.300\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"error\" && {\r\n color: \"interface.error.700\",\r\n _hover: {\r\n color: \"interface.error.900\",\r\n },\r\n _disabled: {\r\n color: \"interface.error.500\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"interface.error.500\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"gray\" && {\r\n color: \"neutrals.600\",\r\n _hover: {\r\n color: \"neutrals.700\",\r\n },\r\n _disabled: {\r\n color: \"neutrals.300\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"neutrals.300\",\r\n },\r\n },\r\n }),\r\n }),\r\n }),\r\n [\r\n //\r\n size,\r\n accent,\r\n variant,\r\n ],\r\n );\r\n\r\n const iconButton = React.useMemo(\r\n () => ({\r\n ...button,\r\n ...(size === \"sm\" && { width: \"36px\" }),\r\n ...(size === \"md\" && { width: \"40px\" }),\r\n ...(size === \"lg\" && { width: \"44px\" }),\r\n ...(size === \"xl\" && { width: \"48px\" }),\r\n ...(size === \"2xl\" && { width: \"56px\" }),\r\n }),\r\n [size, accent, variant],\r\n );\r\n\r\n const styles = {\r\n button,\r\n iconButton,\r\n };\r\n\r\n return styles;\r\n}\r\n","import {\n Button as ChakraButton,\n ButtonProps as ChakraButtonProps,\n} from \"@chakra-ui/react\";\nimport * as React from \"react\";\nimport { useStyles } from \"./hooks\";\nimport { Accent, Prettify, Size, Variant } from \"./types\";\n\n/* prettier-ignore */\ntype Picked = Omit<\n ChakraButtonProps,\n | \"sx\" \n | \"size\" \n | \"accent\" \n | \"variant\" \n | \"colorScheme\"\n>;\n\ntype Base = {\n size?: Size;\n accent?: Accent;\n variant?: Variant;\n __testId?: string;\n};\n\nexport type ButtonProps = Prettify<Picked & Base>;\n\nexport default React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n props,\n ref,\n) {\n const {\n size = \"md\",\n accent = \"primary\",\n variant = \"solid\",\n children = null,\n __testId = \"hds.button\",\n ...others\n } = props;\n\n const styles = useStyles({\n size,\n accent,\n variant,\n });\n\n return (\n <ChakraButton ref={ref} {...others} sx={styles.button} data-testid={__testId}>\n {props.children}\n </ChakraButton>\n );\n});\n","import {\n IconButton as ChakraIconButton,\n IconButtonProps as ChakraIconButtonProps,\n} from \"@chakra-ui/react\";\nimport * as React from \"react\";\nimport { useStyles } from \"./hooks\";\nimport { Accent, Prettify, Size, Variant } from \"./types\";\n\n/* prettier-ignore */\ntype Picked = Omit<\n ChakraIconButtonProps,\n | \"sx\" \n | \"size\" \n | \"accent\" \n | \"variant\" \n | \"colorScheme\"\n | \"aria-label\"\n>;\n\ntype Base = {\n size?: Size;\n accent?: Accent;\n variant?: Variant;\n __testId?: string;\n};\n\nexport type IconButtonProps = Prettify<Picked & Base>;\n\nexport default React.forwardRef<HTMLButtonElement, IconButtonProps>(function IconButton(\n props,\n ref,\n) {\n const {\n size = \"md\",\n accent = \"primary\",\n variant = \"solid\",\n __testId = \"hds.icon-button\",\n ...others\n } = props;\n\n const styles = useStyles({\n size,\n accent,\n variant,\n });\n\n return (\n <ChakraIconButton\n {...others}\n ref={ref}\n aria-label=\"\"\n sx={styles.iconButton}\n data-testid={__testId}\n />\n );\n});\n","import { Button, ButtonProps, IconButton } from \"@chakra-ui/react\";\nimport {\n AppleIcon,\n DribbleIcon,\n FacebookIcon,\n FigmaIcon,\n GoogleIcon,\n TwitterIcon,\n} from \"@highoutput/hds-icons\";\nimport * as React from \"react\";\nimport { Prettify } from \"./types\";\n\n/* prettier-ignore */\ntype Picked = Omit<\n ButtonProps,\n | \"sx\"\n | \"size\"\n | \"variant\"\n | \"children\"\n | \"leftIcon\"\n | \"rightIcon\"\n | \"colorScheme\"\n>;\n\ntype Icon = \"google\" | \"dribble\" | \"twitter\" | \"figma\" | \"facebook\" | \"apple\";\n\ntype Variant = \"outline\" | \"solid\";\n\ntype Base = {\n icon: Icon;\n label?: string;\n variant?: Variant;\n __iconTestId?: string;\n __buttonTestId?: string;\n};\n\nexport type SocialButtonProps = Prettify<Picked & Base>;\n\nexport default React.forwardRef<HTMLButtonElement, SocialButtonProps>(\n function SocialButton(props, ref) {\n const {\n icon,\n label,\n variant = \"outline\",\n __iconTestId = \"hds.social-button.icon\",\n __buttonTestId = \"hds.social-button.group\",\n ...others\n } = props;\n\n const styles = useStyles({ variant });\n\n const getSocialIcon = React.useCallback(() => {\n switch (icon) {\n case \"apple\":\n return (\n <AppleIcon\n isDisabled={others.isDisabled}\n variant={variant}\n data-testid={__iconTestId}\n />\n );\n case \"dribble\":\n return (\n <DribbleIcon\n isDisabled={others.isDisabled}\n variant={variant}\n data-testid={__iconTestId}\n />\n );\n case \"facebook\":\n return (\n <FacebookIcon\n isDisabled={others.isDisabled}\n variant={variant}\n data-testid={__iconTestId}\n />\n );\n case \"figma\":\n return <FigmaIcon isDisabled={others.isDisabled} data-testid={__iconTestId} />;\n case \"google\":\n return <GoogleIcon isDisabled={others.isDisabled} data-testid={__iconTestId} />;\n case \"twitter\":\n return (\n <TwitterIcon\n isDisabled={others.isDisabled}\n variant={variant}\n data-testid={__iconTestId}\n />\n );\n }\n }, [\n //\n icon,\n variant,\n others.isDisabled,\n ]);\n\n if (!label) {\n return (\n <IconButton\n ref={ref}\n aria-label=\"\"\n icon={getSocialIcon()}\n height=\"44px\"\n paddingY=\"10px\"\n paddingX=\"16px\"\n sx={styles[icon]}\n />\n );\n }\n\n return (\n <Button\n ref={ref}\n height=\"44px\"\n paddingY=\"10px\"\n paddingX=\"16px\"\n leftIcon={getSocialIcon()}\n sx={styles[icon]}\n data-testid={__buttonTestId}\n {...props}\n >\n {label}\n </Button>\n );\n },\n);\n\nfunction useStyles({ variant }: { variant?: Variant }) {\n const isOutlineVariant = variant === \"outline\";\n\n const styles = React.useMemo(\n () => ({\n google: {\n border: \"1px solid #D0D5DD\",\n bgColor: isOutlineVariant ? \"white\" : \"white\",\n color: \"black\",\n borderRadius: \"4px\",\n fontSize: \"18px\",\n fontWeight: 500,\n fontFamily: \"Inter\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _hover: {\n bgColor: isOutlineVariant ? \"white\" : \"#F9FAFB\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _disabled: {\n bgColor: \"none\",\n boxShadow: \"none\",\n },\n },\n _active: {\n bgColor: isOutlineVariant ? \"white\" : \"white\",\n border: \"1px solid #D0D5DD\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7\",\n },\n },\n facebook: {\n border: \"1px solid #D0D5DD\",\n bgColor: isOutlineVariant ? \"white\" : \"#1877F2\",\n color: isOutlineVariant ? \"black\" : \"white\",\n borderRadius: \"4px\",\n fontSize: \"18px\",\n fontWeight: 500,\n fontFamily: \"Inter\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _hover: {\n bgColor: isOutlineVariant ? \"white\" : \"#0C63D4\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _disabled: {\n bgColor: \"none\",\n boxShadow: \"none\",\n },\n },\n _active: {\n bgColor: isOutlineVariant ? \"white\" : \"#1877F2\",\n border: \"1px solid #D0D5DD\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7\",\n },\n },\n figma: {\n border: \"1px solid #D0D5DD\",\n bgColor: isOutlineVariant ? \"white\" : \"#000000\",\n color: isOutlineVariant ? \"black\" : \"white\",\n borderRadius: \"4px\",\n fontSize: \"18px\",\n fontWeight: 500,\n fontFamily: \"Inter\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _hover: {\n bgColor: isOutlineVariant ? \"white\" : \"#000000\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _disabled: {\n bgColor: \"none\",\n boxShadow: \"none\",\n },\n },\n _active: {\n bgColor: isOutlineVariant ? \"white\" : \"#000000\",\n border: \"1px solid #D0D5DD\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7\",\n _disabled: {\n bgColor: \"none\",\n boxShadow: \"none\",\n },\n },\n },\n apple: {\n border: \"1px solid #D0D5DD\",\n bgColor: isOutlineVariant ? \"white\" : \"#000000\",\n color: isOutlineVariant ? \"black\" : \"white\",\n borderRadius: \"4px\",\n fontSize: \"18px\",\n fontWeight: 500,\n fontFamily: \"Inter\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _hover: {\n bgColor: isOutlineVariant ? \"white\" : \"#000000\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _disabled: {\n bgColor: \"none\",\n boxShadow: \"none\",\n },\n },\n _active: {\n bgColor: isOutlineVariant ? \"white\" : \"#000000\",\n border: \"1px solid #D0D5DD\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7\",\n },\n },\n dribble: {\n border: \"1px solid #D0D5DD\",\n bgColor: isOutlineVariant ? \"white\" : \"#EA4C89\",\n color: isOutlineVariant ? \"black\" : \"white\",\n borderRadius: \"4px\",\n fontSize: \"18px\",\n fontWeight: 500,\n fontFamily: \"Inter\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _hover: {\n bgColor: isOutlineVariant ? \"white\" : \"#EA4C89\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _disabled: {\n bgColor: \"none\",\n boxShadow: \"none\",\n },\n },\n _active: {\n bgColor: isOutlineVariant ? \"white\" : \"#E62872\",\n border: \"1px solid #D0D5DD\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7\",\n },\n },\n twitter: {\n border: \"1px solid #D0D5DD\",\n bgColor: isOutlineVariant ? \"white\" : \"#1DA1F2\",\n color: isOutlineVariant ? \"black\" : \"white\",\n borderRadius: \"4px\",\n fontSize: \"18px\",\n fontWeight: 500,\n fontFamily: \"Inter\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _hover: {\n bgColor: isOutlineVariant ? \"white\" : \"#0C63D4\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _disabled: {\n bgColor: \"none\",\n boxShadow: \"none\",\n },\n },\n _active: {\n bgColor: isOutlineVariant ? \"white\" : \"#0C8BD9\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7\",\n },\n },\n }),\n [variant],\n );\n\n return styles;\n}\n"],"names":["useStyles","_ref","size","accent","variant","button","React","_extends","rounded","fontFamily","fontWeight","transition","boxShadow","_active","height","paddingY","paddingX","fontSize","lineHeight","letterSpacing","color","bgColor","_hover","_focus","outline","_disabled","cursor","border","borderColor","iconButton","width","styles","Button","props","ref","_props$size","_props$accent","_props$variant","_props$children","_props$__testId","__testId","others","_objectWithoutPropertiesLoose","_excluded","ChakraButton","sx","children","IconButton","ChakraIconButton","SocialButton","icon","label","_props$__iconTestId","__iconTestId","_props$__buttonTestId","__buttonTestId","getSocialIcon","AppleIcon","isDisabled","DribbleIcon","FacebookIcon","FigmaIcon","GoogleIcon","TwitterIcon","leftIcon","isOutlineVariant","google","borderRadius","facebook","figma","apple","dribble","twitter"],"mappings":"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"}
{"version":3,"file":"hds-button.esm.js","sources":["../src/hooks.tsx","../src/Button.tsx","../src/IconButton.tsx","../src/SocialButton.tsx"],"sourcesContent":["import { SystemStyleObject } from \"@chakra-ui/react\";\r\nimport * as React from \"react\";\r\nimport { Accent, Size, Variant } from \"./types\";\r\n\r\ntype UseStylesConfig = {\r\n size?: Size;\r\n accent?: Accent;\r\n variant?: Variant;\r\n};\r\n\r\ntype UseStylesReturn = {\r\n button: SystemStyleObject;\r\n iconButton: SystemStyleObject;\r\n};\r\n\r\nexport function useStyles({ size, accent, variant }: UseStylesConfig): UseStylesReturn {\r\n const button = React.useMemo(\r\n () => ({\r\n rounded: \"4px\",\r\n fontFamily: \"inherit\",\r\n fontWeight: 500,\r\n transition: \"all 300ms ease-in-out\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\r\n _active: {},\r\n\r\n /*\r\n * SIZES\r\n */\r\n\r\n ...(size === \"sm\" && {\r\n height: \"36px\",\r\n paddingY: \"8px\",\r\n paddingX: \"14px\",\r\n fontSize: \"12px\",\r\n lineHeight: \"12px\",\r\n letterSpacing: \"0.02em\",\r\n }),\r\n\r\n ...(size === \"md\" && {\r\n height: \"40px\",\r\n paddingY: \"10px\",\r\n paddingX: \"16px\",\r\n fontSize: \"14px\",\r\n lineHeight: \"14px\",\r\n letterSpacing: \"0.02em\",\r\n }),\r\n\r\n ...(size === \"lg\" && {\r\n height: \"44px\",\r\n paddingY: \"10px\",\r\n paddingX: \"18px\",\r\n fontSize: \"18px\",\r\n lineHeight: \"24px\",\r\n }),\r\n\r\n ...(size === \"xl\" && {\r\n height: \"48px\",\r\n paddingY: \"12px\",\r\n paddingX: \"20px\",\r\n fontSize: \"20px\",\r\n lineHeight: \"20px\",\r\n }),\r\n\r\n ...(size === \"2xl\" && {\r\n height: \"56px\",\r\n paddingY: \"16px\",\r\n paddingX: \"28px\",\r\n fontSize: \"18px\",\r\n lineHeight: \"24px\",\r\n }),\r\n\r\n /*\r\n * SOLID\r\n */\r\n\r\n ...(variant === \"solid\" && {\r\n color: \"neutrals.100\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\r\n\r\n ...(accent === \"primary\" && {\r\n bgColor: \"brand.primary.700\",\r\n _hover: {\r\n bgColor: \"brand.primary.900\",\r\n },\r\n _active: {\r\n bgColor: \"brand.primary.900\",\r\n },\r\n _focus: {\r\n outline: \"none\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F4EBFF\",\r\n },\r\n _disabled: {\r\n cursor: \"not-allowed\",\r\n bgColor: \"brand.primary.500\",\r\n _hover: {\r\n bgColor: \"brand.primary.500\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"error\" && {\r\n bgColor: \"interface.error.700\",\r\n _hover: {\r\n bgColor: \"interface.error.900\",\r\n },\r\n _active: {\r\n bgColor: \"interface.error.900\",\r\n },\r\n _focus: {\r\n outline: \"none\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #FEE4E2\",\r\n },\r\n _disabled: {\r\n cursor: \"not-allowed\",\r\n bgColor: \"interface.error.500\",\r\n _hover: {\r\n bgColor: \"interface.error.500\",\r\n },\r\n },\r\n }),\r\n }),\r\n\r\n /*\r\n * OUTLINE\r\n */\r\n\r\n ...(variant === \"outline\" && {\r\n bgColor: \"white\",\r\n\r\n ...(accent === \"primary\" && {\r\n color: \"brand.primary.700\",\r\n border: \"1px\",\r\n borderColor: \"brand.primary.700\",\r\n _hover: {\r\n color: \"brand.primary.900\",\r\n bgColor: \"brand.primary.500\",\r\n borderColor: \"brand.primary.600\",\r\n },\r\n _active: {\r\n color: \"brand.primary.900\",\r\n bgColor: \"brand.primary.500\",\r\n borderColor: \"brand.primary.600\",\r\n },\r\n _focus: {\r\n color: \"brand.primary.900\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F4EBFF\",\r\n },\r\n _disabled: {\r\n cursor: \"not-allowed\",\r\n color: \"brand.primary.600\",\r\n borderColor: \"brand.primary.600\",\r\n _hover: {\r\n color: \"brand.primary.600\",\r\n bgColor: \"white\",\r\n borderColor: \"brand.primary.600\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"error\" && {\r\n color: \"interface.error.700\",\r\n border: \"1px\",\r\n borderColor: \"interface.error.700\",\r\n _hover: {\r\n color: \"interface.error.900\",\r\n bgColor: \"interface.error.500\",\r\n borderColor: \"interface.error.600\",\r\n },\r\n _active: {\r\n color: \"interface.error.900\",\r\n bgColor: \"interface.error.500\",\r\n borderColor: \"interface.error.600\",\r\n },\r\n _focus: {\r\n color: \"interface.error.900\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #FEE4E2\",\r\n },\r\n _disabled: {\r\n cursor: \"not-allowed\",\r\n color: \"interface.error.600\",\r\n borderColor: \"interface.error.600\",\r\n _hover: {\r\n color: \"interface.error.600\",\r\n bgColor: \"white\",\r\n borderColor: \"interface.error.600\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"gray\" && {\r\n color: \"neutrals.700\",\r\n border: \"1px\",\r\n borderColor: \"neutrals.300\",\r\n _hover: {\r\n bgColor: \"neutrals.100\",\r\n },\r\n _active: {\r\n bgColor: \"neutrals.100\",\r\n },\r\n _focus: {\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7\",\r\n },\r\n _disabled: {\r\n color: \"neutrals.200\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"neutrals.200\",\r\n bgColor: \"white\",\r\n },\r\n },\r\n }),\r\n }),\r\n\r\n /*\r\n * GHOST\r\n */\r\n\r\n ...(variant === \"ghost\" && {\r\n bgColor: \"white\",\r\n boxShadow: \"none\",\r\n\r\n ...(accent === \"primary\" && {\r\n color: \"brand.primary.700\",\r\n _hover: {\r\n color: \"brand.primary.900\",\r\n bgColor: \"brand.primary.500\",\r\n },\r\n _active: {\r\n color: \"brand.primary.900\",\r\n bgColor: \"brand.primary.500\",\r\n },\r\n _focus: {\r\n color: \"brand.primary.900\",\r\n boxShadow: \"none\",\r\n },\r\n _disabled: {\r\n color: \"neutrals.300\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"neutrals.300\",\r\n bgColor: \"white\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"error\" && {\r\n color: \"interface.error.700\",\r\n _hover: {\r\n color: \"interface.error.900\",\r\n bgColor: \"interface.error.500\",\r\n },\r\n _active: {\r\n color: \"interface.error.900\",\r\n bgColor: \"interface.error.500\",\r\n },\r\n _focus: {\r\n color: \"interface.error.900\",\r\n boxShadow: \"none\",\r\n },\r\n _disabled: {\r\n color: \"interface.error.500\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"interface.error.500\",\r\n bgColor: \"white\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"gray\" && {\r\n color: \"neutrals.700\",\r\n _hover: {\r\n color: \"neutrals.900\",\r\n bgColor: \"neutrals.200\",\r\n },\r\n _active: {\r\n color: \"neutrals.900\",\r\n bgColor: \"neutrals.200\",\r\n },\r\n _focus: {\r\n color: \"neutrals.900\",\r\n boxShadow: \"none\",\r\n },\r\n _disabled: {\r\n color: \"neutrals.300\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"neutrals.300\",\r\n bgColor: \"white\",\r\n },\r\n },\r\n }),\r\n }),\r\n\r\n /*\r\n * SUBTLE\r\n */\r\n\r\n ...(variant === \"subtle\" && {\r\n ...(accent === \"primary\" && {\r\n color: \"brand.primary.700\",\r\n bgColor: \"brand.primary.500\",\r\n _hover: {\r\n color: \"brand.primary.900\",\r\n bgColor: \"brand.primary.600\",\r\n },\r\n _active: {\r\n color: \"brand.primary.900\",\r\n bgColor: \"brand.primary.600\",\r\n },\r\n _focus: {\r\n color: \"brand.primary.900\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F4EBFF\",\r\n },\r\n _disabled: {\r\n color: \"neutrals.100\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"neutrals.100\",\r\n bgColor: \"brand.primary.500\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"error\" && {\r\n color: \"interface.error.700\",\r\n bgColor: \"interface.error.500\",\r\n _hover: {\r\n color: \"interface.error.900\",\r\n bgColor: \"rgba(220, 24, 12, 0.15)\",\r\n },\r\n _active: {\r\n color: \"interface.error.900\",\r\n bgColor: \"rgba(220, 24, 12, 0.15)\",\r\n },\r\n _focus: {\r\n color: \"interface.error.900\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #FEE4E2\",\r\n },\r\n _disabled: {\r\n color: \"rgba(220, 24, 12, 0.3)\",\r\n bgColor: \"rgba(252, 234, 232, 0.5)\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"rgba(220, 24, 12, 0.3)\",\r\n bgColor: \"rgba(252, 234, 232, 0.5)\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"gray\" && {\r\n color: \"interface.error.700\",\r\n bgColor: \"interface.error.500\",\r\n _hover: {\r\n color: \"interface.error.900\",\r\n bgColor: \"rgba(220, 24, 12, 0.15)\",\r\n },\r\n _active: {\r\n color: \"interface.error.900\",\r\n bgColor: \"rgba(220, 24, 12, 0.15)\",\r\n },\r\n _focus: {\r\n color: \"interface.error.900\",\r\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #FEE4E2\",\r\n },\r\n _disabled: {\r\n color: \"rgba(220, 24, 12, 0.3)\",\r\n bgColor: \"rgba(252, 234, 232, 0.5)\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"rgba(220, 24, 12, 0.3)\",\r\n bgColor: \"rgba(252, 234, 232, 0.5)\",\r\n },\r\n },\r\n }),\r\n }),\r\n\r\n /*\r\n * LINK\r\n */\r\n\r\n ...(variant === \"link\" && {\r\n width: \"fit-content\",\r\n height: \"fit-content\",\r\n padding: \"0px\",\r\n bgColor: \"unset\",\r\n boxShadow: \"none\",\r\n\r\n ...(accent === \"primary\" && {\r\n color: \"brand.primary.700\",\r\n _hover: {\r\n color: \"brand.primary.900\",\r\n },\r\n _active: {\r\n color: \"brand.primary.900\",\r\n },\r\n _disabled: {\r\n color: \"neutrals.300\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"neutrals.300\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"error\" && {\r\n color: \"interface.error.700\",\r\n _hover: {\r\n color: \"interface.error.900\",\r\n },\r\n _active: {\r\n color: \"interface.error.900\",\r\n },\r\n _disabled: {\r\n color: \"interface.error.500\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"interface.error.500\",\r\n },\r\n },\r\n }),\r\n\r\n ...(accent === \"gray\" && {\r\n color: \"neutrals.600\",\r\n _hover: {\r\n color: \"neutrals.700\",\r\n },\r\n _active: {\r\n color: \"neutrals.700\",\r\n },\r\n _disabled: {\r\n color: \"neutrals.300\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"neutrals.300\",\r\n },\r\n },\r\n }),\r\n }),\r\n\r\n ...(variant === \"unstyled\" && {\r\n width: \"fit-content\",\r\n height: \"fit-content\",\r\n padding: \"0px\",\r\n bgColor: \"unset\",\r\n boxShadow: \"none\",\r\n color: \"neutrals.700\",\r\n _hover: {\r\n color: \"neutrals.900\",\r\n },\r\n _active: {\r\n color: \"neutrals.900\",\r\n },\r\n _disabled: {\r\n color: \"neutrals.500\",\r\n cursor: \"not-allowed\",\r\n _hover: {\r\n color: \"neutrals.500\",\r\n },\r\n },\r\n }),\r\n }),\r\n [\r\n //\r\n size,\r\n accent,\r\n variant,\r\n ],\r\n );\r\n\r\n /**\r\n *\r\n * Only add width to button\r\n * If variant is not \"link\" or \"unstyled\"\r\n *\r\n */\r\n const shouldAdjustIconButtonWidth = variant !== \"link\" && variant !== \"unstyled\";\r\n\r\n const iconButton = React.useMemo(\r\n () => ({\r\n ...button,\r\n\r\n ...(!shouldAdjustIconButtonWidth && {\r\n minWidth: \"unset\",\r\n paddingY: \"unset\",\r\n paddingX: \"unset\",\r\n }),\r\n\r\n ...(shouldAdjustIconButtonWidth && {\r\n ...(size === \"sm\" && { width: \"36px\" }),\r\n ...(size === \"md\" && { width: \"40px\" }),\r\n ...(size === \"lg\" && { width: \"44px\" }),\r\n ...(size === \"xl\" && { width: \"48px\" }),\r\n ...(size === \"2xl\" && { width: \"56px\" }),\r\n }),\r\n }),\r\n [size, accent, variant],\r\n );\r\n\r\n const styles = {\r\n button,\r\n iconButton,\r\n };\r\n\r\n return styles;\r\n}\r\n","import {\n Button as ChakraButton,\n ButtonProps as ChakraButtonProps,\n} from \"@chakra-ui/react\";\nimport * as React from \"react\";\nimport { useStyles } from \"./hooks\";\nimport { Accent, Prettify, Size, Variant } from \"./types\";\n\n/* prettier-ignore */\ntype Picked = Omit<\n ChakraButtonProps,\n | \"sx\" \n | \"size\" \n | \"accent\" \n | \"variant\" \n | \"colorScheme\"\n>;\n\ntype Base = {\n size?: Size;\n accent?: Accent;\n variant?: Variant;\n __testId?: string;\n};\n\nexport type ButtonProps = Prettify<Picked & Base>;\n\nexport default React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n props,\n ref,\n) {\n const {\n size = \"md\",\n accent = \"primary\",\n variant = \"solid\",\n children = null,\n __testId = \"hds.button\",\n ...others\n } = props;\n\n const styles = useStyles({\n size,\n accent,\n variant,\n });\n\n return (\n <ChakraButton ref={ref} {...others} sx={styles.button} data-testid={__testId}>\n {props.children}\n </ChakraButton>\n );\n});\n","import {\n IconButton as ChakraIconButton,\n IconButtonProps as ChakraIconButtonProps,\n} from \"@chakra-ui/react\";\nimport * as React from \"react\";\nimport { useStyles } from \"./hooks\";\nimport { Accent, Prettify, Size, Variant } from \"./types\";\n\n/* prettier-ignore */\ntype Picked = Omit<\n ChakraIconButtonProps,\n | \"sx\" \n | \"size\" \n | \"accent\" \n | \"variant\" \n | \"colorScheme\"\n | \"aria-label\"\n>;\n\ntype Base = {\n size?: Size;\n accent?: Accent;\n variant?: Variant;\n __testId?: string;\n};\n\nexport type IconButtonProps = Prettify<Picked & Base>;\n\nexport default React.forwardRef<HTMLButtonElement, IconButtonProps>(function IconButton(\n props,\n ref,\n) {\n const {\n size = \"md\",\n accent = \"primary\",\n variant = \"solid\",\n __testId = \"hds.icon-button\",\n ...others\n } = props;\n\n const styles = useStyles({\n size,\n accent,\n variant,\n });\n\n return (\n <ChakraIconButton\n {...others}\n ref={ref}\n aria-label=\"\"\n sx={styles.iconButton}\n data-testid={__testId}\n />\n );\n});\n","import { Button, ButtonProps, IconButton } from \"@chakra-ui/react\";\nimport {\n AppleIcon,\n DribbleIcon,\n FacebookIcon,\n FigmaIcon,\n GoogleIcon,\n TwitterIcon,\n} from \"@highoutput/hds-icons\";\nimport * as React from \"react\";\nimport { Prettify } from \"./types\";\n\n/* prettier-ignore */\ntype Picked = Omit<\n ButtonProps,\n | \"sx\"\n | \"size\"\n | \"variant\"\n | \"children\"\n | \"leftIcon\"\n | \"rightIcon\"\n | \"colorScheme\"\n>;\n\ntype Icon = \"google\" | \"dribble\" | \"twitter\" | \"figma\" | \"facebook\" | \"apple\";\n\ntype Variant = \"outline\" | \"solid\";\n\ntype Base = {\n icon: Icon;\n label?: string;\n variant?: Variant;\n __iconTestId?: string;\n __buttonTestId?: string;\n};\n\nexport type SocialButtonProps = Prettify<Picked & Base>;\n\nexport default React.forwardRef<HTMLButtonElement, SocialButtonProps>(\n function SocialButton(props, ref) {\n const {\n icon,\n label,\n variant = \"outline\",\n __iconTestId = \"hds.social-button.icon\",\n __buttonTestId = \"hds.social-button.group\",\n ...others\n } = props;\n\n const styles = useStyles({ variant });\n\n const getSocialIcon = React.useCallback(() => {\n switch (icon) {\n case \"apple\":\n return (\n <AppleIcon\n isDisabled={others.isDisabled}\n variant={variant}\n data-testid={__iconTestId}\n />\n );\n case \"dribble\":\n return (\n <DribbleIcon\n isDisabled={others.isDisabled}\n variant={variant}\n data-testid={__iconTestId}\n />\n );\n case \"facebook\":\n return (\n <FacebookIcon\n isDisabled={others.isDisabled}\n variant={variant}\n data-testid={__iconTestId}\n />\n );\n case \"figma\":\n return <FigmaIcon isDisabled={others.isDisabled} data-testid={__iconTestId} />;\n case \"google\":\n return <GoogleIcon isDisabled={others.isDisabled} data-testid={__iconTestId} />;\n case \"twitter\":\n return (\n <TwitterIcon\n isDisabled={others.isDisabled}\n variant={variant}\n data-testid={__iconTestId}\n />\n );\n }\n }, [\n //\n icon,\n variant,\n others.isDisabled,\n ]);\n\n if (!label) {\n return (\n <IconButton\n ref={ref}\n aria-label=\"\"\n icon={getSocialIcon()}\n height=\"44px\"\n paddingY=\"10px\"\n paddingX=\"16px\"\n sx={styles[icon]}\n />\n );\n }\n\n return (\n <Button\n ref={ref}\n height=\"44px\"\n paddingY=\"10px\"\n paddingX=\"16px\"\n leftIcon={getSocialIcon()}\n sx={styles[icon]}\n data-testid={__buttonTestId}\n {...props}\n >\n {label}\n </Button>\n );\n },\n);\n\nfunction useStyles({ variant }: { variant?: Variant }) {\n const isOutlineVariant = variant === \"outline\";\n\n const styles = React.useMemo(\n () => ({\n google: {\n border: \"1px solid #D0D5DD\",\n bgColor: isOutlineVariant ? \"white\" : \"white\",\n color: \"black\",\n borderRadius: \"4px\",\n fontSize: \"18px\",\n fontWeight: 500,\n fontFamily: \"Inter\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _hover: {\n bgColor: isOutlineVariant ? \"white\" : \"#F9FAFB\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _disabled: {\n bgColor: \"none\",\n boxShadow: \"none\",\n },\n },\n _active: {\n bgColor: isOutlineVariant ? \"white\" : \"white\",\n border: \"1px solid #D0D5DD\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7\",\n },\n },\n facebook: {\n border: \"1px solid #D0D5DD\",\n bgColor: isOutlineVariant ? \"white\" : \"#1877F2\",\n color: isOutlineVariant ? \"black\" : \"white\",\n borderRadius: \"4px\",\n fontSize: \"18px\",\n fontWeight: 500,\n fontFamily: \"Inter\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _hover: {\n bgColor: isOutlineVariant ? \"white\" : \"#0C63D4\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _disabled: {\n bgColor: \"none\",\n boxShadow: \"none\",\n },\n },\n _active: {\n bgColor: isOutlineVariant ? \"white\" : \"#1877F2\",\n border: \"1px solid #D0D5DD\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7\",\n },\n },\n figma: {\n border: \"1px solid #D0D5DD\",\n bgColor: isOutlineVariant ? \"white\" : \"#000000\",\n color: isOutlineVariant ? \"black\" : \"white\",\n borderRadius: \"4px\",\n fontSize: \"18px\",\n fontWeight: 500,\n fontFamily: \"Inter\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _hover: {\n bgColor: isOutlineVariant ? \"white\" : \"#000000\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _disabled: {\n bgColor: \"none\",\n boxShadow: \"none\",\n },\n },\n _active: {\n bgColor: isOutlineVariant ? \"white\" : \"#000000\",\n border: \"1px solid #D0D5DD\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7\",\n _disabled: {\n bgColor: \"none\",\n boxShadow: \"none\",\n },\n },\n },\n apple: {\n border: \"1px solid #D0D5DD\",\n bgColor: isOutlineVariant ? \"white\" : \"#000000\",\n color: isOutlineVariant ? \"black\" : \"white\",\n borderRadius: \"4px\",\n fontSize: \"18px\",\n fontWeight: 500,\n fontFamily: \"Inter\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _hover: {\n bgColor: isOutlineVariant ? \"white\" : \"#000000\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _disabled: {\n bgColor: \"none\",\n boxShadow: \"none\",\n },\n },\n _active: {\n bgColor: isOutlineVariant ? \"white\" : \"#000000\",\n border: \"1px solid #D0D5DD\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7\",\n },\n },\n dribble: {\n border: \"1px solid #D0D5DD\",\n bgColor: isOutlineVariant ? \"white\" : \"#EA4C89\",\n color: isOutlineVariant ? \"black\" : \"white\",\n borderRadius: \"4px\",\n fontSize: \"18px\",\n fontWeight: 500,\n fontFamily: \"Inter\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _hover: {\n bgColor: isOutlineVariant ? \"white\" : \"#EA4C89\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _disabled: {\n bgColor: \"none\",\n boxShadow: \"none\",\n },\n },\n _active: {\n bgColor: isOutlineVariant ? \"white\" : \"#E62872\",\n border: \"1px solid #D0D5DD\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7\",\n },\n },\n twitter: {\n border: \"1px solid #D0D5DD\",\n bgColor: isOutlineVariant ? \"white\" : \"#1DA1F2\",\n color: isOutlineVariant ? \"black\" : \"white\",\n borderRadius: \"4px\",\n fontSize: \"18px\",\n fontWeight: 500,\n fontFamily: \"Inter\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _hover: {\n bgColor: isOutlineVariant ? \"white\" : \"#0C63D4\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05)\",\n _disabled: {\n bgColor: \"none\",\n boxShadow: \"none\",\n },\n },\n _active: {\n bgColor: isOutlineVariant ? \"white\" : \"#0C8BD9\",\n boxShadow: \"0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7\",\n },\n },\n }),\n [variant],\n );\n\n return styles;\n}\n"],"names":["useStyles","_ref","size","accent","variant","button","React","_extends","rounded","fontFamily","fontWeight","transition","boxShadow","_active","height","paddingY","paddingX","fontSize","lineHeight","letterSpacing","color","bgColor","_hover","_focus","outline","_disabled","cursor","border","borderColor","width","padding","shouldAdjustIconButtonWidth","iconButton","minWidth","styles","Button","props","ref","_props$size","_props$accent","_props$variant","_props$children","_props$__testId","__testId","others","_objectWithoutPropertiesLoose","_excluded","ChakraButton","sx","children","IconButton","ChakraIconButton","SocialButton","icon","label","_props$__iconTestId","__iconTestId","_props$__buttonTestId","__buttonTestId","getSocialIcon","AppleIcon","isDisabled","DribbleIcon","FacebookIcon","FigmaIcon","GoogleIcon","TwitterIcon","leftIcon","isOutlineVariant","google","borderRadius","facebook","figma","apple","dribble","twitter"],"mappings":"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"}
+1
-1
dist/types.d.ts
export declare type Size = "sm" | "md" | "lg" | "xl" | "2xl";
export declare type Variant = "solid" | "outline" | "ghost" | "subtle" | "link";
export declare type Variant = "solid" | "outline" | "ghost" | "subtle" | "link" | "unstyled";
export declare type Accent = "primary" | "error" | "gray";
export declare type Prettify<T> = Pick<T, keyof T>;
+3
-3
package.json
{
"version": "0.1.11",
"version": "0.1.12",
"license": "MIT",

@@ -39,5 +39,5 @@ "main": "dist/index.js",

"dependencies": {
"@highoutput/hds-icons": "^0.2.2"
"@highoutput/hds-icons": "^0.2.3"
},
"gitHead": "12d560d640a14f16f65a3db637b28a380086a263",
"gitHead": "1f4183d70c488265ab70e99fd67668ef8628c224",
"scripts": {

@@ -44,0 +44,0 @@ "start": "tsdx watch",

+5
-0
src/Button.stories.tsx

@@ -44,2 +44,6 @@ import { Icon, VStack } from "@chakra-ui/react";

</Button>
<Button variant="unstyled" {...args}>
Button
</Button>
</VStack>

@@ -57,2 +61,3 @@ </ThemeProvider>

accent: "primary",
isActive: false,
isLoading: false,

@@ -59,0 +64,0 @@ isDisabled: false,

+99
-8
src/hooks.tsx

@@ -85,2 +85,5 @@ import { SystemStyleObject } from "@chakra-ui/react";

},
_active: {
bgColor: "brand.primary.900",
},
_focus: {

@@ -104,2 +107,5 @@ outline: "none",

},
_active: {
bgColor: "interface.error.900",
},
_focus: {

@@ -109,3 +115,2 @@ outline: "none",

},
_active: {},
_disabled: {

@@ -137,2 +142,7 @@ cursor: "not-allowed",

},
_active: {
color: "brand.primary.900",
bgColor: "brand.primary.500",
borderColor: "brand.primary.600",
},
_focus: {

@@ -163,2 +173,7 @@ color: "brand.primary.900",

},
_active: {
color: "interface.error.900",
bgColor: "interface.error.500",
borderColor: "interface.error.600",
},
_focus: {

@@ -187,2 +202,5 @@ color: "interface.error.900",

},
_active: {
bgColor: "neutrals.100",
},
_focus: {

@@ -216,2 +234,6 @@ boxShadow: "0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px #F2F4F7",

},
_active: {
color: "brand.primary.900",
bgColor: "brand.primary.500",
},
_focus: {

@@ -237,2 +259,6 @@ color: "brand.primary.900",

},
_active: {
color: "interface.error.900",
bgColor: "interface.error.500",
},
_focus: {

@@ -258,2 +284,6 @@ color: "interface.error.900",

},
_active: {
color: "neutrals.900",
bgColor: "neutrals.200",
},
_focus: {

@@ -286,2 +316,6 @@ color: "neutrals.900",

},
_active: {
color: "brand.primary.900",
bgColor: "brand.primary.600",
},
_focus: {

@@ -308,2 +342,6 @@ color: "brand.primary.900",

},
_active: {
color: "interface.error.900",
bgColor: "rgba(220, 24, 12, 0.15)",
},
_focus: {

@@ -331,2 +369,6 @@ color: "interface.error.900",

},
_active: {
color: "interface.error.900",
bgColor: "rgba(220, 24, 12, 0.15)",
},
_focus: {

@@ -353,5 +395,6 @@ color: "interface.error.900",

...(variant === "link" && {
width: "fit-content",
height: "fit-content",
bgColor: "transparent",
paddingY: "none",
padding: "0px",
bgColor: "unset",
boxShadow: "none",

@@ -364,2 +407,5 @@

},
_active: {
color: "brand.primary.900",
},
_disabled: {

@@ -379,2 +425,5 @@ color: "neutrals.300",

},
_active: {
color: "interface.error.900",
},
_disabled: {

@@ -394,2 +443,5 @@ color: "interface.error.500",

},
_active: {
color: "neutrals.700",
},
_disabled: {

@@ -404,2 +456,24 @@ color: "neutrals.300",

}),
...(variant === "unstyled" && {
width: "fit-content",
height: "fit-content",
padding: "0px",
bgColor: "unset",
boxShadow: "none",
color: "neutrals.700",
_hover: {
color: "neutrals.900",
},
_active: {
color: "neutrals.900",
},
_disabled: {
color: "neutrals.500",
cursor: "not-allowed",
_hover: {
color: "neutrals.500",
},
},
}),
}),

@@ -414,10 +488,27 @@ [

/**
*
* Only add width to button
* If variant is not "link" or "unstyled"
*
*/
const shouldAdjustIconButtonWidth = variant !== "link" && variant !== "unstyled";
const iconButton = React.useMemo(
() => ({
...button,
...(size === "sm" && { width: "36px" }),
...(size === "md" && { width: "40px" }),
...(size === "lg" && { width: "44px" }),
...(size === "xl" && { width: "48px" }),
...(size === "2xl" && { width: "56px" }),
...(!shouldAdjustIconButtonWidth && {
minWidth: "unset",
paddingY: "unset",
paddingX: "unset",
}),
...(shouldAdjustIconButtonWidth && {
...(size === "sm" && { width: "36px" }),
...(size === "md" && { width: "40px" }),
...(size === "lg" && { width: "44px" }),
...(size === "xl" && { width: "48px" }),
...(size === "2xl" && { width: "56px" }),
}),
}),

@@ -424,0 +515,0 @@ [size, accent, variant],

+1
-0
src/IconButton.stories.tsx

@@ -26,2 +26,3 @@ import { Icon, VStack } from "@chakra-ui/react";

<IconButton variant="link" {...args} />
<IconButton variant="unstyled" {...args} />
</VStack>

@@ -28,0 +29,0 @@ </ThemeProvider>

+1
-1
src/types.ts
export type Size = "sm" | "md" | "lg" | "xl" | "2xl";
export type Variant = "solid" | "outline" | "ghost" | "subtle" | "link";
export type Variant = "solid" | "outline" | "ghost" | "subtle" | "link" | "unstyled";

@@ -5,0 +5,0 @@ export type Accent = "primary" | "error" | "gray";