@homebound/beam 2.412.0 → 2.413.0-alpha.2

package/dist/index.cjs

@@ -8825,7 +8825,7 @@ function TextFieldBase(props) {
   const fieldRef = useGetRef(inputRef);
   const maybeSmaller = compound ? 2 : 0;
   const fieldHeight = 40;
-  const compactFieldHeight = 32;
+  const compactFieldHeight = 40;
   const [bgColor, hoverBgColor, disabledBgColor] = inputStylePalette ? getInputStylePalette(inputStylePalette) : contrast ? ["rgba(100, 100, 100, 1)" /* Gray700 */, "rgba(141, 141, 141, 1)" /* Gray600 */, "rgba(100, 100, 100, 1)" /* Gray700 */] : borderOnHover ? (
     // Use transparent backgrounds to blend with the table row hover color
     ["rgba(0,0,0,0)" /* Transparent */, "rgba(219, 234, 254, 1)" /* Blue100 */, "rgba(247, 245, 245, 1)" /* Gray100 */]
@@ -8834,7 +8834,7 @@ function TextFieldBase(props) {
   const fieldStyles = {
     container: Css.df.fdc.w100.maxw(fieldMaxWidth).relative.if(labelStyle === "left").maxw100.fdr.gap2.jcsb.aic.$,
     inputWrapper: {
-      ...Css[typeScale].df.aic.br4.pxPx(textFieldBasePadding).w100.bgColor(bgColor).gray900.if(contrast && !inputStylePalette).white.if(labelStyle === "left").w(labelLeftFieldWidth).$,
+      ...Css[typeScale].df.aic.br8.pxPx(textFieldBasePadding).w100.bgColor(bgColor).gray900.if(contrast && !inputStylePalette).white.if(labelStyle === "left").w(labelLeftFieldWidth).$,
       // When borderless then perceived vertical alignments are misaligned. As there is no longer a border, then the field looks oddly indented.
       // This typically happens in tables when a column has a mix of static text (i.e. "roll up" rows and table headers) and input fields.
       // To remedy this perceived misalignment then we increase the width by the horizontal padding applied (16px), and set a negative margin left margin to re-center the field.
@@ -16567,7 +16567,6 @@ var DateFilter = class extends BaseFilter {
         /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
           SelectField,
           {
-            compact: true,
             sizeToContent: true,
             options: [
               // Always show the 'Any' option
@@ -16590,7 +16589,6 @@ var DateFilter = class extends BaseFilter {
         /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
           DateField,
           {
-            compact: true,
             labelStyle: "inline",
             value: value?.value ? new Date(value.value) : /* @__PURE__ */ new Date(),
             label: "Date",
@@ -16617,7 +16615,6 @@ var DateRangeFilter = class extends BaseFilter {
       /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
         DateRangeField,
         {
-          compact: true,
           labelStyle: "inline",
           isRangeFilterField: true,
           placeholder: placeholderText,
@@ -16671,7 +16668,6 @@ var MultiFilter = class extends BaseFilter {
       MultiSelectField,
       {
         ...props,
-        compact: !vertical,
         label: this.label,
         values: value || [],
         labelStyle: inModal ? "hidden" : !inModal && !vertical ? "inline" : "above",
@@ -16736,7 +16732,6 @@ var NumberRangeFilter = class extends BaseFilter {
         /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
           NumberField,
           {
-            compact: true,
             sizeToContent: !inModal,
             labelStyle: "inline",
             clearable: true,
@@ -16754,7 +16749,6 @@ var NumberRangeFilter = class extends BaseFilter {
         /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
           NumberField,
           {
-            compact: true,
             sizeToContent: !inModal,
             labelStyle: "inline",
             clearable: true,
@@ -16799,7 +16793,6 @@ var SingleFilter = class extends BaseFilter {
         options,
         getOptionValue: (o) => o === allOption ? void 0 : getOptionValue(o),
         getOptionLabel: (o) => o === allOption ? nothingSelectedText ?? "All" : getOptionLabel(o),
-        compact: !vertical,
         value,
         label: this.label,
         labelStyle: inModal ? "hidden" : !inModal && !vertical ? "inline" : "above",
@@ -16826,7 +16819,6 @@ var TreeFilter = class extends BaseFilter {
         ...props,
         label: this.label,
         values: value,
-        compact: !vertical,
         labelStyle: inModal ? "hidden" : !inModal && !vertical ? "inline" : "above",
         sizeToContent: !inModal && !vertical,
         onSelect: (options) => {
@@ -16852,7 +16844,6 @@ var BooleanFilter = class extends BaseFilter {
       SelectField,
       {
         ...props,
-        compact: !vertical,
         label: this.label,
         value: String(value),
         labelStyle: inModal ? "hidden" : !inModal && !vertical ? "inline" : "above",
@@ -17002,7 +16993,6 @@ function Filters(props) {
     SelectField,
     {
       label: "Group by",
-      compact: !vertical,
       labelStyle: !vertical ? "inline" : "above",
       sizeToContent: !vertical,
       options: groupBy.options,
@@ -17132,7 +17122,6 @@ function FilterDropdownMenu(props) {
         SelectField,
         {
           label: "Group by",
-          compact: true,
           labelStyle: "inline",
           sizeToContent: true,
           options: groupBy.options,