@homebound/beam 2.414.0-alpha.2 → 2.414.0-alpha.3
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/dist/index.cjs +5 -3
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +2 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +5 -3
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -4769,6 +4769,8 @@ interface ButtonProps extends BeamButtonProps, BeamFocusableProps {
|
|
|
4769
4769
|
contrast?: boolean;
|
|
4770
4770
|
/** Additional text to further customize button during an async request is in progress. */
|
|
4771
4771
|
labelInFlight?: string;
|
|
4772
|
+
/** Shows pressed/active styles (useful when a menu is open) */
|
|
4773
|
+
active?: boolean;
|
|
4772
4774
|
}
|
|
4773
4775
|
declare function Button(props: ButtonProps): _emotion_react_jsx_runtime.JSX.Element;
|
|
4774
4776
|
type ButtonSize = "sm" | "md" | "lg";
|
package/dist/index.d.ts
CHANGED
|
@@ -4769,6 +4769,8 @@ interface ButtonProps extends BeamButtonProps, BeamFocusableProps {
|
|
|
4769
4769
|
contrast?: boolean;
|
|
4770
4770
|
/** Additional text to further customize button during an async request is in progress. */
|
|
4771
4771
|
labelInFlight?: string;
|
|
4772
|
+
/** Shows pressed/active styles (useful when a menu is open) */
|
|
4773
|
+
active?: boolean;
|
|
4772
4774
|
}
|
|
4773
4775
|
declare function Button(props: ButtonProps): _emotion_react_jsx_runtime.JSX.Element;
|
|
4774
4776
|
type ButtonSize = "sm" | "md" | "lg";
|
package/dist/index.js
CHANGED
|
@@ -6684,6 +6684,7 @@ function Button(props) {
|
|
|
6684
6684
|
download,
|
|
6685
6685
|
contrast = false,
|
|
6686
6686
|
forceFocusStyles = false,
|
|
6687
|
+
active = false,
|
|
6687
6688
|
labelInFlight,
|
|
6688
6689
|
...otherProps
|
|
6689
6690
|
} = props;
|
|
@@ -6737,8 +6738,8 @@ function Button(props) {
|
|
|
6737
6738
|
css: {
|
|
6738
6739
|
...Css.buttonBase.tt("inherit").$,
|
|
6739
6740
|
...baseStyles5,
|
|
6740
|
-
...isHovered && !isPressed ? hoverStyles4 : {},
|
|
6741
|
-
...isPressed ? pressedStyles3 : {},
|
|
6741
|
+
...isHovered && !isPressed && !active ? hoverStyles4 : {},
|
|
6742
|
+
...isPressed || active ? pressedStyles3 : {},
|
|
6742
6743
|
...isDisabled || asyncInProgress ? { ...disabledStyles4, ...Css.cursorNotAllowed.$ } : {},
|
|
6743
6744
|
...isFocusVisible || forceFocusStyles ? focusStyles2 : {}
|
|
6744
6745
|
},
|
|
@@ -6778,7 +6779,7 @@ var variantStyles = (contrast) => ({
|
|
|
6778
6779
|
secondaryBlack: {
|
|
6779
6780
|
baseStyles: Css.bgWhite.bcGray300.bw1.ba.gray900.$,
|
|
6780
6781
|
hoverStyles: Css.bgGray100.if(contrast).bgGray700.white.$,
|
|
6781
|
-
pressedStyles: Css.gray900.if(contrast).bgWhite.gray900.$,
|
|
6782
|
+
pressedStyles: Css.bgGray100.gray900.if(contrast).bgWhite.gray900.$,
|
|
6782
6783
|
disabledStyles: Css.gray400.if(contrast).gray700.$,
|
|
6783
6784
|
focusStyles: Css.boxShadow(`0px 0px 0px 2px ${"rgba(255,255,255,1)" /* White */}, 0px 0px 0px 4px ${"rgba(36, 36, 36, 1)" /* Gray900 */}`).if(contrast).boxShadow(`0px 0px 0px 2px ${"rgba(175, 175, 175, 1)" /* Gray500 */}`).$
|
|
6784
6785
|
},
|
|
@@ -16752,6 +16753,7 @@ function FilterDropdownMenu(props) {
|
|
|
16752
16753
|
] }),
|
|
16753
16754
|
variant: "secondaryBlack",
|
|
16754
16755
|
onClick: () => setIsOpen(!isOpen),
|
|
16756
|
+
active: isOpen,
|
|
16755
16757
|
...testId.button
|
|
16756
16758
|
}
|
|
16757
16759
|
),
|