@audius/harmony 0.0.28 → 0.0.29
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -7
- package/dist/components/button/BaseButton/BaseButton.d.ts +2 -2
- package/dist/components/button/BaseButton/types.d.ts +2 -2
- package/dist/components/button/BaseButton/types.d.ts.map +1 -1
- package/dist/components/button/Button/Button.d.ts.map +1 -1
- package/dist/components/button/Button/Button.js +15 -2
- package/dist/components/button/Button/Button.js.map +1 -1
- package/dist/components/button/Button/types.d.ts +1 -1
- package/dist/components/button/Button/types.d.ts.map +1 -1
- package/dist/components/text/Text/constants.d.ts +13 -0
- package/dist/components/text/Text/constants.d.ts.map +1 -1
- package/dist/components/text/Text/constants.js +13 -0
- package/dist/components/text/Text/constants.js.map +1 -1
- package/dist/harmony.css +1 -1
- package/dist/icons/specialIcons.d.ts +0 -2
- package/dist/icons/specialIcons.d.ts.map +1 -1
- package/dist/icons/specialIcons.js +1 -5
- package/dist/icons/specialIcons.js.map +1 -1
- package/dist/icons/utilityIcons.d.ts +2 -0
- package/dist/icons/utilityIcons.d.ts.map +1 -1
- package/dist/icons/utilityIcons.js +5 -1
- package/dist/icons/utilityIcons.js.map +1 -1
- package/dist/index.js +2 -2
- package/package.json +5 -20
package/README.md
CHANGED
|
@@ -22,13 +22,7 @@ Full documentation can be found here: [Harmony Docs](https://harmony.audius.co)
|
|
|
22
22
|
|
|
23
23
|
## Installation
|
|
24
24
|
|
|
25
|
-
Install `@audius/harmony
|
|
26
|
-
|
|
27
|
-
```bash
|
|
28
|
-
npm install --save @emotion/react @emotion/styled @radix-ui/react-slot @react-spring/web classnames lodash react-lottie react-merge-refs react-perfect-scrollbar react-use react-use-measure
|
|
29
|
-
```
|
|
30
|
-
|
|
31
|
-
Then install `@audius/harmony`
|
|
25
|
+
Install `@audius/harmony`:
|
|
32
26
|
|
|
33
27
|
```bash
|
|
34
28
|
npm install --save @audius/harmony
|
|
@@ -5,8 +5,8 @@ import { CSSObject } from '@emotion/react';
|
|
|
5
5
|
* `Button` or `PlainButton`.
|
|
6
6
|
*/
|
|
7
7
|
export declare const BaseButton: (props: {
|
|
8
|
-
iconLeft?: import("../..").IconComponent | undefined;
|
|
9
|
-
iconRight?: import("../..").IconComponent | undefined;
|
|
8
|
+
iconLeft?: import("../..").IconComponent | null | undefined;
|
|
9
|
+
iconRight?: import("../..").IconComponent | null | undefined;
|
|
10
10
|
isStaticIcon?: boolean | undefined;
|
|
11
11
|
isLoading?: boolean | undefined;
|
|
12
12
|
widthToHideText?: number | undefined;
|
|
@@ -26,11 +26,11 @@ export type BaseButtonProps = {
|
|
|
26
26
|
/**
|
|
27
27
|
* Optional icon element to include on the left side of the button
|
|
28
28
|
*/
|
|
29
|
-
iconLeft?: IconComponent;
|
|
29
|
+
iconLeft?: IconComponent | null;
|
|
30
30
|
/**
|
|
31
31
|
* Optional icon element to include on the right side of the button
|
|
32
32
|
*/
|
|
33
|
-
iconRight?: IconComponent;
|
|
33
|
+
iconRight?: IconComponent | null;
|
|
34
34
|
/**
|
|
35
35
|
* When true, do not override icon's fill colors
|
|
36
36
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/button/BaseButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAA;AAErD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE/C,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,aAAa,CAAA;AAEhF,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAA;AAEtD,KAAK,gBAAgB,GAAG;IACtB,MAAM,EAAE,SAAS,CAAA;IACjB,IAAI,EAAE,SAAS,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,wBAAwB,CAAC,QAAQ,CAAC,CAAA;AAEhE;;;KAGK;AACL,KAAK,aAAa,GAAG;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAA;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/button/BaseButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAA;AAErD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE/C,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,aAAa,CAAA;AAEhF,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAA;AAEtD,KAAK,gBAAgB,GAAG;IACtB,MAAM,EAAE,SAAS,CAAA;IACjB,IAAI,EAAE,SAAS,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,wBAAwB,CAAC,QAAQ,CAAC,CAAA;AAEhE;;;KAGK;AACL,KAAK,aAAa,GAAG;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,aAAa,GAAG,IAAI,CAAA;IAE/B;;OAEG;IACH,SAAS,CAAC,EAAE,aAAa,GAAG,IAAI,CAAA;IAEhC;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IAExB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;OAEG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAA;IAEzB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,GAAG,eAAe,GACjB,aAAa,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button/Button.tsx"],"names":[],"mappings":";AAaA;;;;;GAKG;AACH,eAAO,MAAM,MAAM;;;;;
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button/Button.tsx"],"names":[],"mappings":";AAaA;;;;;GAKG;AACH,eAAO,MAAM,MAAM;;;;;sNA+PlB,CAAA"}
|
|
@@ -88,6 +88,16 @@ var Button = forwardRef(function Button(props, ref) {
|
|
|
88
88
|
var tertiaryStyles = __assign(__assign(__assign({ backgroundColor: type === 'dark' ? 'rgba(50, 51, 77, 0.6)' : 'rgb(255, 255, 255, 0.85)', color: themeColors.text.default, backdropFilter: 'blur(6px)', boxShadow: "0 0 0 1px inset ".concat(themeColors.border.default, ", ").concat(shadows.near), '&:hover': tertiaryHoverStyles, '&:active': tertiaryActiveStyles }, (_isHovered && tertiaryHoverStyles)), (_isPressed && tertiaryActiveStyles)), (isDisabled && {
|
|
89
89
|
opacity: 0.45
|
|
90
90
|
}));
|
|
91
|
+
var commonHoverStyles = {
|
|
92
|
+
backgroundColor: themeColors.neutral.n25
|
|
93
|
+
};
|
|
94
|
+
var commonActiveStyles = {
|
|
95
|
+
backgroundColor: themeColors.neutral.n100
|
|
96
|
+
};
|
|
97
|
+
var commonStyles = __assign(__assign(__assign({ backgroundColor: themeColors.special.white, color: themeColors.text.default, boxShadow: "0 0 0 1px inset ".concat(themeColors.border.strong), '&:hover': commonHoverStyles, '&:active': commonActiveStyles }, (_isHovered && commonHoverStyles)), (_isPressed && commonActiveStyles)), (isDisabled && {
|
|
98
|
+
backgroundColor: themeColors.neutral.n150,
|
|
99
|
+
boxShadow: 'none'
|
|
100
|
+
}));
|
|
91
101
|
var destructiveHoverStyles = {
|
|
92
102
|
backgroundColor: themeColors.special.red,
|
|
93
103
|
color: themeColors.static.white
|
|
@@ -117,7 +127,9 @@ var Button = forwardRef(function Button(props, ref) {
|
|
|
117
127
|
? tertiaryStyles
|
|
118
128
|
: variant === 'destructive'
|
|
119
129
|
? destructiveStyles
|
|
120
|
-
:
|
|
130
|
+
: variant === 'common'
|
|
131
|
+
? commonStyles
|
|
132
|
+
: primaryStyles)), { '::before': {
|
|
121
133
|
zIndex: -1,
|
|
122
134
|
content: '""',
|
|
123
135
|
position: 'absolute',
|
|
@@ -126,7 +138,8 @@ var Button = forwardRef(function Button(props, ref) {
|
|
|
126
138
|
right: 0,
|
|
127
139
|
bottom: 0,
|
|
128
140
|
backgroundColor: 'rgba(0, 0, 0, 0)'
|
|
129
|
-
} }), (variant !== 'tertiary' &&
|
|
141
|
+
} }), (variant !== 'tertiary' &&
|
|
142
|
+
variant !== 'common' && __assign(__assign({ ':hover': hoverStyles, ':active': activeStyles }, (_isHovered && hoverStyles)), (_isPressed && activeStyles))));
|
|
130
143
|
var iconCss = size === 'small'
|
|
131
144
|
? smallIconStyles
|
|
132
145
|
: size === 'large'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sources":["../../../../src/components/button/Button/Button.tsx"],"sourcesContent":["import { CSSProperties, forwardRef } from 'react'\n\nimport { CSSObject, useTheme } from '@emotion/react'\n\nimport { toCSSVariableName } from '../../../utils/styles'\nimport { BaseButton } from '../BaseButton/BaseButton'\n\nimport { ButtonProps } from './types'\n\ntype CSSCustomProperties = CSSProperties & {\n [index: `--${string}`]: any\n}\n\n/**\n * Buttons allow users to trigger an action or event with a single click.\n * For example, you can use a button for allowing the functionality of\n * submitting a form, opening a dialog, canceling an action, or performing\n * a delete operation.\n */\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n function Button(props, ref) {\n const {\n color,\n hexColor,\n variant = 'primary',\n size = 'default',\n disabled,\n ...baseProps\n } = props\n const { _isHovered, _isPressed, isLoading } = baseProps\n const isDisabled = disabled || isLoading\n const {\n type,\n color: themeColors,\n cornerRadius,\n shadows,\n spacing,\n typography\n } = useTheme()\n\n // Size Styles\n const smallStyles: CSSObject = {\n gap: spacing.xs,\n height: spacing.unit8,\n paddingInline: spacing.m,\n fontSize: typography.size.s,\n fontWeight: typography.weight.bold,\n lineHeight: typography.lineHeight.s,\n textTransform: 'capitalize'\n }\n const smallIconStyles: CSSObject = {\n zIndex: 1,\n width: spacing.unit4,\n height: spacing.unit4\n }\n\n const defaultStyles: CSSObject = {\n gap: spacing.s,\n height: spacing.unit12,\n paddingInline: spacing.xl,\n fontSize: typography.size.l,\n fontWeight: typography.weight.bold,\n lineHeight: typography.lineHeight.l,\n textTransform: 'capitalize'\n }\n const defaultIconStyles: CSSObject = {\n zIndex: 1,\n width: spacing.unit5,\n height: spacing.unit5\n }\n\n const largeStyles: CSSObject = {\n gap: spacing.s,\n height: spacing.unit16,\n paddingInline: spacing.xl,\n fontSize: typography.size.xl,\n fontWeight: typography.weight.bold,\n lineHeight: typography.lineHeight.m,\n letterSpacing: '0.25px',\n textTransform: 'uppercase'\n }\n const largeIconStyles: CSSObject = {\n zIndex: 1,\n width: spacing.unit6,\n height: spacing.unit6\n }\n\n // Variant Styles\n const primaryStyles: CSSObject = {\n '&:hover': { color: themeColors.static.white },\n\n ...((_isHovered || _isPressed) && { color: themeColors.static.white }),\n ...(isDisabled && {\n backgroundColor: themeColors.neutral.n150,\n boxShadow: 'none'\n })\n }\n\n const secondaryHoverStyles: CSSObject = {\n backgroundColor: themeColors.primary.primary,\n color: themeColors.static.white\n }\n const secondaryStyles: CSSObject = {\n backgroundColor: 'transparent',\n color: themeColors.text.default,\n boxShadow: `0 0 0 1px inset ${themeColors.border.strong}`,\n\n '&:hover': secondaryHoverStyles,\n '&:active': secondaryHoverStyles,\n\n ...((_isHovered || _isPressed) && secondaryHoverStyles),\n ...(isDisabled && {\n backgroundColor: themeColors.neutral.n150,\n color: themeColors.static.white,\n boxShadow: 'none'\n })\n }\n\n const tertiaryHoverStyles: CSSObject = {\n backgroundColor: themeColors.background.white,\n boxShadow: `0 0 0 1px inset ${themeColors.border.strong}, ${shadows.mid}`,\n color: themeColors.text.default\n }\n const tertiaryActiveStyles: CSSObject = {\n backgroundColor: themeColors.background.surface2,\n backdropFilter: 'none',\n color: themeColors.text.default,\n boxShadow: `0 0 0 1px inset ${themeColors.border.strong}`\n }\n const tertiaryStyles: CSSObject = {\n backgroundColor:\n type === 'dark' ? 'rgba(50, 51, 77, 0.6)' : 'rgb(255, 255, 255, 0.85)',\n color: themeColors.text.default,\n backdropFilter: 'blur(6px)',\n boxShadow: `0 0 0 1px inset ${themeColors.border.default}, ${shadows.near}`,\n\n '&:hover': tertiaryHoverStyles,\n '&:active': tertiaryActiveStyles,\n\n ...(_isHovered && tertiaryHoverStyles),\n ...(_isPressed && tertiaryActiveStyles),\n ...(isDisabled && {\n opacity: 0.45\n })\n }\n\n const destructiveHoverStyles: CSSObject = {\n backgroundColor: themeColors.special.red,\n color: themeColors.static.white\n }\n const destructiveStyles: CSSObject = {\n backgroundColor: 'transparent',\n color: themeColors.special.red,\n boxShadow: `0 0 0 1px inset ${themeColors.special.red}`,\n\n '&:hover': destructiveHoverStyles,\n '&:active': destructiveHoverStyles,\n\n ...((_isHovered || _isPressed) && destructiveHoverStyles),\n ...(isDisabled && {\n opacity: 0.45\n })\n }\n\n const hoverStyles: CSSObject = {\n boxShadow: shadows.mid,\n '&::before': {\n backgroundColor: 'rgba(255, 255, 255, 0.2)'\n }\n }\n const activeStyles: CSSObject = {\n boxShadow: 'none',\n '&::before': {\n backgroundColor: 'rgba(0, 0, 0, 0.2)'\n }\n }\n\n const buttonCss: CSSObject = {\n backgroundColor: themeColors.primary.primary,\n color: themeColors.static.white,\n boxSizing: 'border-box',\n border: 'none',\n borderRadius: cornerRadius.s,\n boxShadow: shadows.near,\n\n ...(size === 'small'\n ? smallStyles\n : size === 'large'\n ? largeStyles\n : defaultStyles),\n\n ...(variant === 'secondary'\n ? secondaryStyles\n : variant === 'tertiary'\n ? tertiaryStyles\n : variant === 'destructive'\n ? destructiveStyles\n : primaryStyles),\n\n '::before': {\n zIndex: -1,\n content: '\"\"',\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n backgroundColor: 'rgba(0, 0, 0, 0)'\n },\n\n ...(variant !== 'tertiary' && {\n ':hover': hoverStyles,\n ':active': activeStyles,\n ...(_isHovered && hoverStyles),\n ...(_isPressed && activeStyles)\n })\n }\n\n const iconCss =\n size === 'small'\n ? smallIconStyles\n : size === 'large'\n ? largeIconStyles\n : defaultIconStyles\n\n const style: CSSCustomProperties =\n variant === 'primary' && !isDisabled\n ? {\n backgroundColor:\n hexColor ||\n (color ? `var(${toCSSVariableName(color)})` : undefined)\n }\n : {}\n\n return (\n <BaseButton\n ref={ref}\n disabled={isDisabled}\n styles={{\n button: buttonCss,\n icon: iconCss\n }}\n style={style}\n {...baseProps}\n />\n )\n }\n)\n"],"names":["_jsx"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Button.js","sources":["../../../../src/components/button/Button/Button.tsx"],"sourcesContent":["import { CSSProperties, forwardRef } from 'react'\n\nimport { CSSObject, useTheme } from '@emotion/react'\n\nimport { toCSSVariableName } from '../../../utils/styles'\nimport { BaseButton } from '../BaseButton/BaseButton'\n\nimport { ButtonProps } from './types'\n\ntype CSSCustomProperties = CSSProperties & {\n [index: `--${string}`]: any\n}\n\n/**\n * Buttons allow users to trigger an action or event with a single click.\n * For example, you can use a button for allowing the functionality of\n * submitting a form, opening a dialog, canceling an action, or performing\n * a delete operation.\n */\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n function Button(props, ref) {\n const {\n color,\n hexColor,\n variant = 'primary',\n size = 'default',\n disabled,\n ...baseProps\n } = props\n const { _isHovered, _isPressed, isLoading } = baseProps\n const isDisabled = disabled || isLoading\n const {\n type,\n color: themeColors,\n cornerRadius,\n shadows,\n spacing,\n typography\n } = useTheme()\n\n // Size Styles\n const smallStyles: CSSObject = {\n gap: spacing.xs,\n height: spacing.unit8,\n paddingInline: spacing.m,\n fontSize: typography.size.s,\n fontWeight: typography.weight.bold,\n lineHeight: typography.lineHeight.s,\n textTransform: 'capitalize'\n }\n const smallIconStyles: CSSObject = {\n zIndex: 1,\n width: spacing.unit4,\n height: spacing.unit4\n }\n\n const defaultStyles: CSSObject = {\n gap: spacing.s,\n height: spacing.unit12,\n paddingInline: spacing.xl,\n fontSize: typography.size.l,\n fontWeight: typography.weight.bold,\n lineHeight: typography.lineHeight.l,\n textTransform: 'capitalize'\n }\n const defaultIconStyles: CSSObject = {\n zIndex: 1,\n width: spacing.unit5,\n height: spacing.unit5\n }\n\n const largeStyles: CSSObject = {\n gap: spacing.s,\n height: spacing.unit16,\n paddingInline: spacing.xl,\n fontSize: typography.size.xl,\n fontWeight: typography.weight.bold,\n lineHeight: typography.lineHeight.m,\n letterSpacing: '0.25px',\n textTransform: 'uppercase'\n }\n const largeIconStyles: CSSObject = {\n zIndex: 1,\n width: spacing.unit6,\n height: spacing.unit6\n }\n\n // Variant Styles\n const primaryStyles: CSSObject = {\n '&:hover': { color: themeColors.static.white },\n\n ...((_isHovered || _isPressed) && { color: themeColors.static.white }),\n ...(isDisabled && {\n backgroundColor: themeColors.neutral.n150,\n boxShadow: 'none'\n })\n }\n\n const secondaryHoverStyles: CSSObject = {\n backgroundColor: themeColors.primary.primary,\n color: themeColors.static.white\n }\n const secondaryStyles: CSSObject = {\n backgroundColor: 'transparent',\n color: themeColors.text.default,\n boxShadow: `0 0 0 1px inset ${themeColors.border.strong}`,\n\n '&:hover': secondaryHoverStyles,\n '&:active': secondaryHoverStyles,\n\n ...((_isHovered || _isPressed) && secondaryHoverStyles),\n ...(isDisabled && {\n backgroundColor: themeColors.neutral.n150,\n color: themeColors.static.white,\n boxShadow: 'none'\n })\n }\n\n const tertiaryHoverStyles: CSSObject = {\n backgroundColor: themeColors.background.white,\n boxShadow: `0 0 0 1px inset ${themeColors.border.strong}, ${shadows.mid}`,\n color: themeColors.text.default\n }\n const tertiaryActiveStyles: CSSObject = {\n backgroundColor: themeColors.background.surface2,\n backdropFilter: 'none',\n color: themeColors.text.default,\n boxShadow: `0 0 0 1px inset ${themeColors.border.strong}`\n }\n const tertiaryStyles: CSSObject = {\n backgroundColor:\n type === 'dark' ? 'rgba(50, 51, 77, 0.6)' : 'rgb(255, 255, 255, 0.85)',\n color: themeColors.text.default,\n backdropFilter: 'blur(6px)',\n boxShadow: `0 0 0 1px inset ${themeColors.border.default}, ${shadows.near}`,\n\n '&:hover': tertiaryHoverStyles,\n '&:active': tertiaryActiveStyles,\n\n ...(_isHovered && tertiaryHoverStyles),\n ...(_isPressed && tertiaryActiveStyles),\n ...(isDisabled && {\n opacity: 0.45\n })\n }\n\n const commonHoverStyles: CSSObject = {\n backgroundColor: themeColors.neutral.n25\n }\n\n const commonActiveStyles: CSSObject = {\n backgroundColor: themeColors.neutral.n100\n }\n\n const commonStyles: CSSObject = {\n backgroundColor: themeColors.special.white,\n color: themeColors.text.default,\n boxShadow: `0 0 0 1px inset ${themeColors.border.strong}`,\n\n '&:hover': commonHoverStyles,\n '&:active': commonActiveStyles,\n\n ...(_isHovered && commonHoverStyles),\n ...(_isPressed && commonActiveStyles),\n ...(isDisabled && {\n backgroundColor: themeColors.neutral.n150,\n boxShadow: 'none'\n })\n }\n\n const destructiveHoverStyles: CSSObject = {\n backgroundColor: themeColors.special.red,\n color: themeColors.static.white\n }\n const destructiveStyles: CSSObject = {\n backgroundColor: 'transparent',\n color: themeColors.special.red,\n boxShadow: `0 0 0 1px inset ${themeColors.special.red}`,\n\n '&:hover': destructiveHoverStyles,\n '&:active': destructiveHoverStyles,\n\n ...((_isHovered || _isPressed) && destructiveHoverStyles),\n ...(isDisabled && {\n opacity: 0.45\n })\n }\n\n const hoverStyles: CSSObject = {\n boxShadow: shadows.mid,\n '&::before': {\n backgroundColor: 'rgba(255, 255, 255, 0.2)'\n }\n }\n const activeStyles: CSSObject = {\n boxShadow: 'none',\n '&::before': {\n backgroundColor: 'rgba(0, 0, 0, 0.2)'\n }\n }\n\n const buttonCss: CSSObject = {\n backgroundColor: themeColors.primary.primary,\n color: themeColors.static.white,\n boxSizing: 'border-box',\n border: 'none',\n borderRadius: cornerRadius.s,\n boxShadow: shadows.near,\n\n ...(size === 'small'\n ? smallStyles\n : size === 'large'\n ? largeStyles\n : defaultStyles),\n\n ...(variant === 'secondary'\n ? secondaryStyles\n : variant === 'tertiary'\n ? tertiaryStyles\n : variant === 'destructive'\n ? destructiveStyles\n : variant === 'common'\n ? commonStyles\n : primaryStyles),\n\n '::before': {\n zIndex: -1,\n content: '\"\"',\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n backgroundColor: 'rgba(0, 0, 0, 0)'\n },\n\n ...(variant !== 'tertiary' &&\n variant !== 'common' && {\n ':hover': hoverStyles,\n ':active': activeStyles,\n ...(_isHovered && hoverStyles),\n ...(_isPressed && activeStyles)\n })\n }\n\n const iconCss =\n size === 'small'\n ? smallIconStyles\n : size === 'large'\n ? largeIconStyles\n : defaultIconStyles\n\n const style: CSSCustomProperties =\n variant === 'primary' && !isDisabled\n ? {\n backgroundColor:\n hexColor ||\n (color ? `var(${toCSSVariableName(color)})` : undefined)\n }\n : {}\n\n return (\n <BaseButton\n ref={ref}\n disabled={isDisabled}\n styles={{\n button: buttonCss,\n icon: iconCss\n }}\n style={style}\n {...baseProps}\n />\n )\n }\n)\n"],"names":["_jsx"],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import { ComponentPropsWithoutRef } from 'react';
|
|
|
2
2
|
import type { SpecialColors } from "../../../foundations/color";
|
|
3
3
|
import { BaseButtonProps } from '../BaseButton/types';
|
|
4
4
|
export type HTMLButtonProps = ComponentPropsWithoutRef<'button'>;
|
|
5
|
-
export type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'destructive';
|
|
5
|
+
export type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'destructive' | 'common';
|
|
6
6
|
export type ButtonSize = 'small' | 'default' | 'large';
|
|
7
7
|
export type ButtonProps = {
|
|
8
8
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAA;AAEhD,OAAO,KAAK,EAAE,aAAa,EAAE,mCAAyB;AAEtD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAErD,MAAM,MAAM,eAAe,GAAG,wBAAwB,CAAC,QAAQ,CAAC,CAAA;AAEhE,MAAM,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAA;AAEhD,OAAO,KAAK,EAAE,aAAa,EAAE,mCAAyB;AAEtD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAErD,MAAM,MAAM,eAAe,GAAG,wBAAwB,CAAC,QAAQ,CAAC,CAAA;AAEhE,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,WAAW,GACX,UAAU,GACV,aAAa,GACb,QAAQ,CAAA;AAEZ,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAA;AAEtD,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAA;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,MAAM,EAAE,CAAA;IAEvB;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAA;IAEvB;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB,GAAG,IAAI,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAA"}
|
|
@@ -11,6 +11,19 @@ export declare const variantTagMap: {
|
|
|
11
11
|
m: string;
|
|
12
12
|
s: string;
|
|
13
13
|
};
|
|
14
|
+
title: {
|
|
15
|
+
xl: string;
|
|
16
|
+
l: string;
|
|
17
|
+
m: string;
|
|
18
|
+
s: string;
|
|
19
|
+
};
|
|
20
|
+
label: {
|
|
21
|
+
xl: string;
|
|
22
|
+
l: string;
|
|
23
|
+
m: string;
|
|
24
|
+
s: string;
|
|
25
|
+
xs: string;
|
|
26
|
+
};
|
|
14
27
|
};
|
|
15
28
|
export declare const variantStylesMap: {
|
|
16
29
|
display: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/text/Text/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/text/Text/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BzB,CAAA;AAED,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2B5B,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sources":["../../../../src/components/text/Text/constants.ts"],"sourcesContent":["export const variantTagMap = {\n display: {\n xl: 'h1',\n l: 'h1',\n m: 'h1',\n s: 'h1'\n },\n heading: {\n xl: 'h1',\n l: 'h2',\n m: 'h3',\n s: 'h4'\n }\n}\n\nexport const variantStylesMap = {\n display: {\n fontSize: { s: '6xl', m: '7xl', l: '8xl', xl: '9xl' },\n lineHeight: { s: '3xl', m: '4xl', l: '5xl', xl: '6xl' },\n fontWeight: { default: 'bold', strong: 'heavy' }\n },\n heading: {\n fontSize: { s: 'xl', m: '2xl', l: '3xl', xl: '5xl' },\n lineHeight: { s: 'l', m: 'xl', l: 'xl', xl: '2xl' },\n fontWeight: { default: 'bold', strong: 'heavy' }\n },\n title: {\n fontSize: { xs: 'xs', s: 's', m: 'm', l: 'l' },\n lineHeight: { xs: 's', s: 's', m: 'm', l: 'l' },\n fontWeight: { weak: 'demiBold', default: 'bold', strong: 'heavy' }\n },\n label: {\n fontSize: { xs: '2xs', s: 'xs', m: 's', l: 'm', xl: 'xl' },\n lineHeight: { xs: 'xs', s: 's', m: 's', l: 'm', xl: 'l' },\n fontWeight: { default: 'bold', strong: 'heavy' },\n css: { textTransform: 'uppercase' as const, letterSpacing: 0.5 }\n },\n body: {\n fontSize: { xs: 'xs', s: 's', m: 'm', l: 'l' },\n lineHeight: { xs: 's', s: 'm', m: 'm', l: 'l' },\n fontWeight: { default: 'medium', strong: 'demiBold' }\n }\n}\n"],"names":[],"mappings":"AAAa,IAAA,aAAa,GAAG;AAC3B,IAAA,OAAO,EAAE;AACP,QAAA,EAAE,EAAE,IAAI;AACR,QAAA,CAAC,EAAE,IAAI;AACP,QAAA,CAAC,EAAE,IAAI;AACP,QAAA,CAAC,EAAE,IAAI;AACR,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,EAAE,EAAE,IAAI;AACR,QAAA,CAAC,EAAE,IAAI;AACP,QAAA,CAAC,EAAE,IAAI;AACP,QAAA,CAAC,EAAE,IAAI;AACR,KAAA;EACF;AAEY,IAAA,gBAAgB,GAAG;AAC9B,IAAA,OAAO,EAAE;AACP,QAAA,QAAQ,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE;AACrD,QAAA,UAAU,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE;QACvD,UAAU,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE;AACjD,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,QAAQ,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE;AACpD,QAAA,UAAU,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE;QACnD,UAAU,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE;AACjD,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,QAAQ,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE;AAC9C,QAAA,UAAU,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE;AAC/C,QAAA,UAAU,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE;AACnE,KAAA;AACD,IAAA,KAAK,EAAE;QACL,QAAQ,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE;QAC1D,UAAU,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE;QACzD,UAAU,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE;QAChD,GAAG,EAAE,EAAE,aAAa,EAAE,WAAoB,EAAE,aAAa,EAAE,GAAG,EAAE;AACjE,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,QAAQ,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE;AAC9C,QAAA,UAAU,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE;QAC/C,UAAU,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE;AACtD,KAAA;;;;;"}
|
|
1
|
+
{"version":3,"file":"constants.js","sources":["../../../../src/components/text/Text/constants.ts"],"sourcesContent":["export const variantTagMap = {\n display: {\n xl: 'h1',\n l: 'h1',\n m: 'h1',\n s: 'h1'\n },\n heading: {\n xl: 'h1',\n l: 'h2',\n m: 'h3',\n s: 'h4'\n },\n title: {\n xl: 'h5',\n l: 'h5',\n m: 'h5',\n s: 'h5'\n },\n label: {\n xl: 'p',\n l: 'p',\n m: 'p',\n s: 'p',\n xs: 'p'\n }\n}\n\nexport const variantStylesMap = {\n display: {\n fontSize: { s: '6xl', m: '7xl', l: '8xl', xl: '9xl' },\n lineHeight: { s: '3xl', m: '4xl', l: '5xl', xl: '6xl' },\n fontWeight: { default: 'bold', strong: 'heavy' }\n },\n heading: {\n fontSize: { s: 'xl', m: '2xl', l: '3xl', xl: '5xl' },\n lineHeight: { s: 'l', m: 'xl', l: 'xl', xl: '2xl' },\n fontWeight: { default: 'bold', strong: 'heavy' }\n },\n title: {\n fontSize: { xs: 'xs', s: 's', m: 'm', l: 'l' },\n lineHeight: { xs: 's', s: 's', m: 'm', l: 'l' },\n fontWeight: { weak: 'demiBold', default: 'bold', strong: 'heavy' }\n },\n label: {\n fontSize: { xs: '2xs', s: 'xs', m: 's', l: 'm', xl: 'xl' },\n lineHeight: { xs: 'xs', s: 's', m: 's', l: 'm', xl: 'l' },\n fontWeight: { default: 'bold', strong: 'heavy' },\n css: { textTransform: 'uppercase' as const, letterSpacing: 0.5 }\n },\n body: {\n fontSize: { xs: 'xs', s: 's', m: 'm', l: 'l' },\n lineHeight: { xs: 's', s: 'm', m: 'm', l: 'l' },\n fontWeight: { default: 'medium', strong: 'demiBold' }\n }\n}\n"],"names":[],"mappings":"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"}
|