@homebound/beam 2.401.0 → 2.403.0

package/dist/index.cjs

@@ -7221,13 +7221,6 @@ var variantStyles = (contrast) => ({
     disabledStyles: Css.gray400.if(contrast).gray700.$,
     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 */}`).$
   },
-  tertiaryQuaternary: {
-    baseStyles: Css.bgTransparent.gray900.if(contrast).gray400.$,
-    hoverStyles: Css.bgGray100.if(contrast).bgGray700.white.$,
-    pressedStyles: Css.gray900.if(contrast).bgWhite.gray900.$,
-    disabledStyles: Css.gray400.if(contrast).gray700.$,
-    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 */}`).$
-  },
   danger: {
     baseStyles: Css.bgRed600.white.$,
     hoverStyles: Css.bgRed700.$,
@@ -7236,11 +7229,11 @@ var variantStyles = (contrast) => ({
     focusStyles: Css.bshDanger.if(contrast).boxShadow(`0 0 0 2px ${"rgba(255,255,255,1)" /* White */}`).$
   },
   quaternary: {
-    baseStyles: Css.bgGray900.white.$,
-    hoverStyles: Css.bgGray700.$,
-    pressedStyles: Css.bgGray800.$,
-    disabledStyles: Css.bgGray200.if(contrast).bgGray900.gray600.$,
-    focusStyles: Css.bshDanger.if(contrast).boxShadow(`0 0 0 2px ${"rgba(255,255,255,1)" /* White */}`).$
+    baseStyles: Css.bgTransparent.gray900.if(contrast).gray400.$,
+    hoverStyles: Css.bgGray100.if(contrast).bgGray700.white.$,
+    pressedStyles: Css.gray900.if(contrast).bgWhite.gray900.$,
+    disabledStyles: Css.gray400.if(contrast).gray700.$,
+    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 */}`).$
   },
   caution: {
     baseStyles: Css.bgYellow200.gray900.$,
@@ -12474,8 +12467,16 @@ var import_jsx_runtime76 = require("@emotion/react/jsx-runtime");
 function ToggleChipGroup(props) {
   const { fieldProps } = usePresentationContext();
   const { labelLeftFieldWidth = "50%" } = fieldProps ?? {};
-  const { values, label, labelStyle = fieldProps?.labelStyle ?? "above", options, required, xss } = props;
-  const state = (0, import_react_stately16.useCheckboxGroupState)({ ...props, value: values });
+  const {
+    values,
+    label,
+    labelStyle = fieldProps?.labelStyle ?? "above",
+    options,
+    required,
+    xss,
+    readonly = false
+  } = props;
+  const state = (0, import_react_stately16.useCheckboxGroupState)({ ...props, isReadOnly: readonly, value: values });
   const { groupProps, labelProps } = (0, import_react_aria39.useCheckboxGroup)(props, state);
   const tid = useTestIds(props, "toggleChip");
   const labelSuffix = useLabelSuffix(required, false);
@@ -12502,6 +12503,7 @@ function ToggleChipGroup(props) {
             selected: state.value.includes(o.value),
             label: o.label,
             disabled: o.disabled,
+            readonly: o.readonly,
             startAdornment: o.startAdornment,
             xss,
             ...tid[o.value]
@@ -12513,10 +12515,21 @@ function ToggleChipGroup(props) {
   ] });
 }
 function ToggleChip2(props) {
-  const { label, value, groupState, selected: isSelected, disabled = false, startAdornment, xss, ...others } = props;
+  const {
+    label,
+    value,
+    groupState,
+    selected: isSelected,
+    disabled = false,
+    readonly = false,
+    startAdornment,
+    xss,
+    ...others
+  } = props;
   const isDisabled = !!disabled;
+  const isReadOnly = !!readonly;
   const ref = (0, import_react64.useRef)(null);
-  const { inputProps } = (0, import_react_aria39.useCheckboxGroupItem)({ value, "aria-label": label, isDisabled }, groupState, ref);
+  const { inputProps } = (0, import_react_aria39.useCheckboxGroupItem)({ value, "aria-label": label, isReadOnly, isDisabled }, groupState, ref);
   const { isFocusVisible, focusProps } = (0, import_react_aria39.useFocusRing)();
   const tooltip = resolveTooltip(disabled);
   return maybeTooltip({
@@ -12530,7 +12543,7 @@ function ToggleChip2(props) {
           ...isSelected ? {
             ...Css.color(xss?.color ?? "rgba(255,255,255,1)" /* White */).bgColor(xss?.backgroundColor ?? "rgba(29, 78, 216, 1)" /* Blue700 */).$,
             ":hover:not([data-disabled='true'])": Css.bgColor(xss?.backgroundColor ?? "rgba(30, 64, 175, 1)" /* Blue800 */).$
-          } : { ":hover:not([data-disabled='true'])": Css.bgGray300.$ },
+          } : { ":hover:not([data-disabled='true'])": Css.if(!groupState.isReadOnly).bgGray300.$ },
           ...isFocusVisible ? Css.bshFocus.$ : {}
         },
         "data-selected": isSelected,
@@ -15868,7 +15881,7 @@ function PageHeader(props) {
           {
             label: cancelAction.label,
             onClick: cancelAction.onClick,
-            variant: "secondary",
+            variant: "quaternary",
             disabled: cancelAction.disabled,
             tooltip: cancelAction.tooltip
           }
@@ -16490,7 +16503,7 @@ function FilterModal(props) {
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { css: Css.df.gap1.$, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Button, { label: "Cancel", variant: "tertiary", onClick: closeModal, ...testId.modalClose }),
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Button, { label: "Cancel", variant: "quaternary", onClick: closeModal, ...testId.modalClose }),
         /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
           Button,
           {
@@ -18028,7 +18041,7 @@ function ConfirmCloseModal(props) {
       /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(
         Button,
         {
-          variant: "tertiary",
+          variant: "quaternary",
           label: discardText,
           onClick: () => {
             onClose();