@homebound/beam 2.412.0 → 2.413.0-alpha.1

package/dist/index.js

@@ -8466,7 +8466,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.
@@ -16208,7 +16208,6 @@ var DateFilter = class extends BaseFilter {
         /* @__PURE__ */ jsx128(
           SelectField,
           {
-            compact: true,
             sizeToContent: true,
             options: [
               // Always show the 'Any' option
@@ -16231,7 +16230,6 @@ var DateFilter = class extends BaseFilter {
         /* @__PURE__ */ jsx128(
           DateField,
           {
-            compact: true,
             labelStyle: "inline",
             value: value?.value ? new Date(value.value) : /* @__PURE__ */ new Date(),
             label: "Date",
@@ -16258,7 +16256,6 @@ var DateRangeFilter = class extends BaseFilter {
       /* @__PURE__ */ jsx129(
         DateRangeField,
         {
-          compact: true,
           labelStyle: "inline",
           isRangeFilterField: true,
           placeholder: placeholderText,
@@ -16312,7 +16309,6 @@ var MultiFilter = class extends BaseFilter {
       MultiSelectField,
       {
         ...props,
-        compact: !vertical,
         label: this.label,
         values: value || [],
         labelStyle: inModal ? "hidden" : !inModal && !vertical ? "inline" : "above",
@@ -16377,7 +16373,6 @@ var NumberRangeFilter = class extends BaseFilter {
         /* @__PURE__ */ jsx131(
           NumberField,
           {
-            compact: true,
             sizeToContent: !inModal,
             labelStyle: "inline",
             clearable: true,
@@ -16395,7 +16390,6 @@ var NumberRangeFilter = class extends BaseFilter {
         /* @__PURE__ */ jsx131(
           NumberField,
           {
-            compact: true,
             sizeToContent: !inModal,
             labelStyle: "inline",
             clearable: true,
@@ -16440,7 +16434,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",
@@ -16467,7 +16460,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) => {
@@ -16493,7 +16485,6 @@ var BooleanFilter = class extends BaseFilter {
       SelectField,
       {
         ...props,
-        compact: !vertical,
         label: this.label,
         value: String(value),
         labelStyle: inModal ? "hidden" : !inModal && !vertical ? "inline" : "above",
@@ -16643,7 +16634,6 @@ function Filters(props) {
     SelectField,
     {
       label: "Group by",
-      compact: !vertical,
       labelStyle: !vertical ? "inline" : "above",
       sizeToContent: !vertical,
       options: groupBy.options,
@@ -16773,7 +16763,6 @@ function FilterDropdownMenu(props) {
         SelectField,
         {
           label: "Group by",
-          compact: true,
           labelStyle: "inline",
           sizeToContent: true,
           options: groupBy.options,