@homebound/beam 2.401.0 → 2.402.0
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 +8 -15
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +8 -15
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -5002,7 +5002,7 @@ interface ButtonProps extends BeamButtonProps, BeamFocusableProps {
|
|
|
5002
5002
|
}
|
|
5003
5003
|
declare function Button(props: ButtonProps): _emotion_react_jsx_runtime.JSX.Element;
|
|
5004
5004
|
type ButtonSize = "sm" | "md" | "lg";
|
|
5005
|
-
type ButtonVariant = "primary" | "secondary" | "tertiary" | "tertiaryDanger" | "
|
|
5005
|
+
type ButtonVariant = "primary" | "secondary" | "tertiary" | "tertiaryDanger" | "caution" | "danger" | "quaternary" | "text" | "textSecondary";
|
|
5006
5006
|
|
|
5007
5007
|
interface IconButtonProps extends BeamButtonProps, BeamFocusableProps {
|
|
5008
5008
|
/** The icon to use within the button. */
|
package/dist/index.d.ts
CHANGED
|
@@ -5002,7 +5002,7 @@ interface ButtonProps extends BeamButtonProps, BeamFocusableProps {
|
|
|
5002
5002
|
}
|
|
5003
5003
|
declare function Button(props: ButtonProps): _emotion_react_jsx_runtime.JSX.Element;
|
|
5004
5004
|
type ButtonSize = "sm" | "md" | "lg";
|
|
5005
|
-
type ButtonVariant = "primary" | "secondary" | "tertiary" | "tertiaryDanger" | "
|
|
5005
|
+
type ButtonVariant = "primary" | "secondary" | "tertiary" | "tertiaryDanger" | "caution" | "danger" | "quaternary" | "text" | "textSecondary";
|
|
5006
5006
|
|
|
5007
5007
|
interface IconButtonProps extends BeamButtonProps, BeamFocusableProps {
|
|
5008
5008
|
/** The icon to use within the button. */
|
package/dist/index.js
CHANGED
|
@@ -6849,13 +6849,6 @@ var variantStyles = (contrast) => ({
|
|
|
6849
6849
|
disabledStyles: Css.gray400.if(contrast).gray700.$,
|
|
6850
6850
|
focusStyles: Css.boxShadow(`0px 0px 0px 2px ${"rgba(255,255,255,1)" /* White */}, 0px 0px 0px 4px ${"rgba(239, 68, 68, 1)" /* Red500 */}`).if(contrast).boxShadow(`0px 0px 0px 2px ${"rgba(239, 68, 68, 1)" /* Red500 */}`).$
|
|
6851
6851
|
},
|
|
6852
|
-
tertiaryQuaternary: {
|
|
6853
|
-
baseStyles: Css.bgTransparent.gray900.if(contrast).gray400.$,
|
|
6854
|
-
hoverStyles: Css.bgGray100.if(contrast).bgGray700.white.$,
|
|
6855
|
-
pressedStyles: Css.gray900.if(contrast).bgWhite.gray900.$,
|
|
6856
|
-
disabledStyles: Css.gray400.if(contrast).gray700.$,
|
|
6857
|
-
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 */}`).$
|
|
6858
|
-
},
|
|
6859
6852
|
danger: {
|
|
6860
6853
|
baseStyles: Css.bgRed600.white.$,
|
|
6861
6854
|
hoverStyles: Css.bgRed700.$,
|
|
@@ -6864,11 +6857,11 @@ var variantStyles = (contrast) => ({
|
|
|
6864
6857
|
focusStyles: Css.bshDanger.if(contrast).boxShadow(`0 0 0 2px ${"rgba(255,255,255,1)" /* White */}`).$
|
|
6865
6858
|
},
|
|
6866
6859
|
quaternary: {
|
|
6867
|
-
baseStyles: Css.
|
|
6868
|
-
hoverStyles: Css.bgGray700.$,
|
|
6869
|
-
pressedStyles: Css.
|
|
6870
|
-
disabledStyles: Css.
|
|
6871
|
-
focusStyles: Css.
|
|
6860
|
+
baseStyles: Css.bgTransparent.gray900.if(contrast).gray400.$,
|
|
6861
|
+
hoverStyles: Css.bgGray100.if(contrast).bgGray700.white.$,
|
|
6862
|
+
pressedStyles: Css.gray900.if(contrast).bgWhite.gray900.$,
|
|
6863
|
+
disabledStyles: Css.gray400.if(contrast).gray700.$,
|
|
6864
|
+
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 */}`).$
|
|
6872
6865
|
},
|
|
6873
6866
|
caution: {
|
|
6874
6867
|
baseStyles: Css.bgYellow200.gray900.$,
|
|
@@ -15505,7 +15498,7 @@ function PageHeader(props) {
|
|
|
15505
15498
|
{
|
|
15506
15499
|
label: cancelAction.label,
|
|
15507
15500
|
onClick: cancelAction.onClick,
|
|
15508
|
-
variant: "
|
|
15501
|
+
variant: "quaternary",
|
|
15509
15502
|
disabled: cancelAction.disabled,
|
|
15510
15503
|
tooltip: cancelAction.tooltip
|
|
15511
15504
|
}
|
|
@@ -16134,7 +16127,7 @@ function FilterModal(props) {
|
|
|
16134
16127
|
}
|
|
16135
16128
|
),
|
|
16136
16129
|
/* @__PURE__ */ jsxs64("div", { css: Css.df.gap1.$, children: [
|
|
16137
|
-
/* @__PURE__ */ jsx134(Button, { label: "Cancel", variant: "
|
|
16130
|
+
/* @__PURE__ */ jsx134(Button, { label: "Cancel", variant: "quaternary", onClick: closeModal, ...testId.modalClose }),
|
|
16138
16131
|
/* @__PURE__ */ jsx134(
|
|
16139
16132
|
Button,
|
|
16140
16133
|
{
|
|
@@ -17672,7 +17665,7 @@ function ConfirmCloseModal(props) {
|
|
|
17672
17665
|
/* @__PURE__ */ jsx162(
|
|
17673
17666
|
Button,
|
|
17674
17667
|
{
|
|
17675
|
-
variant: "
|
|
17668
|
+
variant: "quaternary",
|
|
17676
17669
|
label: discardText,
|
|
17677
17670
|
onClick: () => {
|
|
17678
17671
|
onClose();
|