utopia-ui 3.0.0-alpha.81 → 3.0.0-alpha.83

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.
Files changed (3) hide show
  1. package/dist/index.js +8 -12
  2. package/dist/index.js.map +1 -1
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -427,8 +427,8 @@ function MapOverlayPage(_a) {
427
427
  }, [overlayRef, backdropRef]);
428
428
  return (React.createElement("div", { className: "tw-absolute tw-h-full tw-w-full tw-m-auto ".concat(backdrop && "tw-z-[2000]") },
429
429
  React.createElement("div", { ref: backdropRef, className: "".concat(backdrop && "tw-backdrop-brightness-75", " tw-h-full tw-w-full tw-grid tw-place-items-center tw-m-auto") },
430
- React.createElement("div", { ref: overlayRef, className: "tw-card tw-shadow-xl tw-bg-base-100 tw-p-4 ".concat(className && className, " ").concat(!backdrop && "tw-z-[2000]", " tw-absolute tw-top-0 tw-bottom-0 tw-right-0 tw-left-0 tw-m-auto") },
431
- React.createElement("div", { className: "tw-card-body tw-p-2 tw-h-full" },
430
+ React.createElement("div", { ref: overlayRef, className: "tw-card tw-shadow-xl tw-bg-base-100 tw-p-6 ".concat(className && className, " ").concat(!backdrop && "tw-z-[2000]", " tw-absolute tw-top-0 tw-bottom-0 tw-right-0 tw-left-0 tw-m-auto") },
431
+ React.createElement("div", { className: "tw-card-body tw-p-0 tw-h-full" },
432
432
  children,
433
433
  React.createElement("button", { className: "tw-btn tw-btn-sm tw-btn-circle tw-btn-ghost tw-absolute tw-right-2 tw-top-2", onClick: function () { return closeScreen(); } }, "\u2715"))))));
434
434
  }
@@ -4001,9 +4001,7 @@ var TagView = function (_a) {
4001
4001
  // Use your imagination to render suggestions.
4002
4002
  React.createElement("div", { key: tag.name, onClick: onClick, className: "tw-rounded-2xl tw-text-white tw-p-2 tw-px-4 tw-shadow-xl tw-card tw-h-[2.75em] tw-mt-3 tw-mr-4 tw-cursor-pointer tw-w-fit ".concat(heighlight && 'tw-border-primary tw-shadow-te-primary'), style: { backgroundColor: tag.color ? tag.color : "#666" } },
4003
4003
  React.createElement("div", { className: "tw-card-actions tw-justify-end" }),
4004
- React.createElement("b", null,
4005
- "#",
4006
- decodeTag(tag.name))));
4004
+ React.createElement("b", null, decodeTag(tag.name))));
4007
4005
  };
4008
4006
 
4009
4007
  function OverlayProfile() {
@@ -4058,11 +4056,11 @@ function OverlayProfile() {
4058
4056
  React.createElement("div", { className: 'tw-h-full' },
4059
4057
  React.createElement("div", { role: "tablist", className: "tw-tabs tw-tabs-lifted tw-mt-2 tw-mb-2" },
4060
4058
  React.createElement("input", { type: "radio", name: "my_tabs_2", role: "tab", className: "tw-tab [--tab-border-color:var(--fallback-bc,oklch(var(--bc)/0.2))]", "aria-label": "Vision", checked: activeTab == 1 && true, onChange: function () { return setActiveTab(1); } }),
4061
- React.createElement("div", { role: "tabpanel", className: "tw-tab-content tw-bg-base-100 tw-rounded-box tw-h-[calc(100dvh-268px)] tw-min-h-56 tw-overflow-y-auto fade tw-pb-1" },
4059
+ React.createElement("div", { role: "tabpanel", className: "tw-tab-content tw-bg-base-100 tw-rounded-box tw-h-[calc(100dvh-268px)] tw-overflow-y-auto fade tw-pt-2 tw-pb-1" },
4062
4060
  React.createElement(TextView, { item: item })),
4063
4061
  React.createElement("input", { type: "radio", name: "my_tabs_2", role: "tab", className: "tw-tab tw-min-w-[10em] [--tab-border-color:var(--fallback-bc,oklch(var(--bc)/0.2))]", "aria-label": "Offers & Needs", checked: activeTab == 2 && true, onChange: function () { return setActiveTab(2); } }),
4064
- React.createElement("div", { role: "tabpanel", className: "tw-tab-content tw-bg-base-100 tw-rounded-box tw-pt-2 tw-h-[calc(100dvh-268px)] tw-min-h-56 tw-overflow-y-auto fade tw-pb-1" },
4065
- React.createElement("div", { className: 'tw-h-full tw-overflow-y-auto' },
4062
+ React.createElement("div", { role: "tabpanel", className: "tw-tab-content tw-bg-base-100 tw-rounded-box tw-h-[calc(100dvh-268px)] tw-overflow-y-auto fade tw-pt-4 tw-pb-1" },
4063
+ React.createElement("div", { className: 'tw-h-full' },
4066
4064
  React.createElement("div", { className: 'tw-grid tw-grid-cols-1' },
4067
4065
  offers.length > 0 ?
4068
4066
  React.createElement("div", { className: 'tw-col-span-1' },
@@ -4073,7 +4071,7 @@ function OverlayProfile() {
4073
4071
  React.createElement("h3", { className: '-tw-mb-2 tw-col-span-1' }, "Needs"),
4074
4072
  React.createElement("div", { className: 'tw-flex tw-flex-wrap tw-mb-4' }, needs.map(function (n) { return React.createElement(TagView, { key: n === null || n === void 0 ? void 0 : n.id, tag: n, onClick: function () { return addFilterTag(n); } }); }))) : ""))),
4075
4073
  React.createElement("input", { type: "radio", name: "my_tabs_2", role: "tab", className: "tw-tab [--tab-border-color:var(--fallback-bc,oklch(var(--bc)/0.2))]", "aria-label": "Contact", checked: activeTab == 3 && true, onChange: function () { return setActiveTab(3); } }),
4076
- React.createElement("div", { role: "tabpanel", className: "tw-tab-content tw-bg-base-100 tw-rounded-box tw-h-[calc(100dvh-268px)] tw-min-h-56 tw-overflow-y-auto fade tw-pb-1" },
4074
+ React.createElement("div", { role: "tabpanel", className: "tw-tab-content tw-bg-base-100 tw-rounded-box tw-h-[calc(100dvh-268px)] tw-overflow-y-auto fade tw-pt-2 tw-pb-1" },
4077
4075
  React.createElement(TextView, { item: item, itemTextField: 'user_created.contact' })))))));
4078
4076
  }
4079
4077
 
@@ -4196,9 +4194,7 @@ var TagsWidget = function (_a) {
4196
4194
  defaultTags.map(function (tag) { return (React.createElement("div", { key: tag.name, className: 'tw-rounded-2xl tw-text-white tw-p-2 tw-px-4 tw-shadow-xl tw-card tw-h-[2.75em] tw-mt-3 tw-mr-4', style: { backgroundColor: tag.color ? tag.color : "#666" } },
4197
4195
  React.createElement("div", { className: "tw-card-actions tw-justify-end" },
4198
4196
  React.createElement("label", { className: "tw-btn tw-btn-xs tw-btn-circle tw-absolute tw--right-2 tw--top-2 tw-bg-white tw-text-gray-600", onClick: function () { return (deleteTag(tag)); } }, "\u2715")),
4199
- React.createElement("b", null,
4200
- "#",
4201
- decodeTag(tag.name)))); }),
4197
+ React.createElement("b", null, decodeTag(tag.name)))); }),
4202
4198
  React.createElement(Autocomplete, { suggestions: tags, pushFilteredSuggestions: pushFilteredSuggestions, setFocus: focusInput, inputProps: inputProps, onSelected: function (tag) { return onSelected(tag); } }))));
4203
4199
  };
4204
4200