@star-insure/sdk 4.1.1 → 4.1.2

package/dist/sdk.esm.js

@@ -2826,10 +2826,10 @@ function FilterItem(_ref) {
       className: "whitespace-nowrap"
     }, filter.label), React__default.createElement(HiChevronDown, null))
   }, React__default.createElement("form", {
-    className: "mt-2 flex max-h-[350px] min-w-[200px] max-w-[260px] flex-col gap-2 rounded-md border border-gray-300 bg-white p-4 shadow-lg " + (filter.type && filter.type === 'select' ? '' : 'overflow-y-scroll'),
+    className: "mt-2 flex max-h-[350px] min-w-[200px] max-w-[260px] flex-col gap-2 rounded-md border border-gray-300 bg-white shadow-lg " + (filter.type && filter.type === 'select' ? '' : 'overflow-y-scroll'),
     onSubmit: handleApply
   }, React__default.createElement("div", {
-    className: "flex flex-col items-start gap-1"
+    className: "flex flex-col items-start gap-1 p-4"
   }, (!filter.type || filter.type === 'options') && ((_filter$options = filter.options) == null ? void 0 : _filter$options.map(function (option, i) {
     return React__default.createElement("div", {
       className: "checkbox text-sm ",
@@ -2854,7 +2854,7 @@ function FilterItem(_ref) {
     id: filter.label,
     value: selected[0],
     onChange: handleSelect,
-    className: "w-full"
+    className: "!p-2 text-sm w-full"
   }, React__default.createElement("option", {
     value: ""
   }, "Select option"), (_filter$options2 = filter.options) == null ? void 0 : _filter$options2.map(function (option) {
@@ -2869,7 +2869,7 @@ function FilterItem(_ref) {
     id: filter.label,
     value: selected[0],
     onChange: handleSelect,
-    className: "w-full"
+    className: "!p-2 text-sm w-full"
   }, React__default.createElement("option", {
     value: ""
   }, "Select option"), (_filter$options3 = filter.options) == null ? void 0 : _filter$options3.map(function (option) {
@@ -2878,23 +2878,25 @@ function FilterItem(_ref) {
       value: option.value
     }, option.label);
   }))), filter.type === 'date' && React__default.createElement("div", {
-    className: "mb-2 flex flex-col gap-4"
+    className: "mb-2 flex flex-col gap-4 w-full"
   }, React__default.createElement("label", {
-    className: "text-xs"
+    className: "text-xs w-full"
   }, "From", React__default.createElement("input", {
     type: "date",
     name: filter.name + "[from]",
     id: filter.name + "[from]",
     onChange: handleDateSelect,
-    value: (_selected$ = selected[0]) != null ? _selected$ : ''
+    value: (_selected$ = selected[0]) != null ? _selected$ : '',
+    className: "!p-2 text-sm w-full"
   })), React__default.createElement("label", {
-    className: "text-xs"
+    className: "text-xs w-full"
   }, "To", React__default.createElement("input", {
     type: "date",
     name: filter.name + "[to]",
     id: filter.name + "[to]",
     onChange: handleDateSelect,
-    value: (_selected$2 = selected[1]) != null ? _selected$2 : ''
+    value: (_selected$2 = selected[1]) != null ? _selected$2 : '',
+    className: "!p-2 text-sm w-full"
   }))), filter.type === 'select' && filter.options && React__default.createElement("div", {
     className: "w-full"
   }, React__default.createElement(Select, {
@@ -2916,7 +2918,7 @@ function FilterItem(_ref) {
       });
     }
   }))), React__default.createElement("div", {
-    className: "flex items-center gap-2 py-4 mt-4 -bottom-4 sticky bg-white"
+    className: "bg-gray-100 border-t border-gray-200 flex items-center gap-2 p-4 bottom-0 sticky"
   }, React__default.createElement(Button, {
     type: "button",
     className: "!min-w-[0px] flex-grow !px-2 text-sm !transition-none",