@gardenfi/garden-book 0.1.94 → 0.1.95

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 (7) hide show
  1. package/dist/components/organisms/BlogCard/BlogCard.d.ts +2 -2
  2. package/dist/components/organisms/BlogCard/BlogCard.stories.d.ts +1 -1
  3. package/dist/style.css +1 -1
  4. package/dist/ui.cjs.js +1 -1
  5. package/dist/ui.es.js +34 -76
  6. package/dist/ui.umd.js +1 -1
  7. package/package.json +1 -1
package/dist/ui.es.js CHANGED
@@ -17151,7 +17151,7 @@ const placeholderUrl = "data:image/svg+xml,%3csvg%20width='384'%20height='216'%2
17151
17151
  date: i,
17152
17152
  title: n,
17153
17153
  className: s,
17154
- description: a
17154
+ thumbnailClassName: a
17155
17155
  }) => {
17156
17156
  const [o, l] = useState(!1), [c, f] = useState(e ?? placeholderUrl);
17157
17157
  useEffect(() => {
@@ -17160,81 +17160,39 @@ const placeholderUrl = "data:image/svg+xml,%3csvg%20width='384'%20height='216'%2
17160
17160
  const u = () => {
17161
17161
  f(placeholderUrl);
17162
17162
  };
17163
- return /* @__PURE__ */ jsx(
17164
- Opacity,
17165
- {
17166
- level: "semi-dark",
17167
- className: "gf-rounded-2xl gf-relative gf-w-[328px] sm:gf-w-fit md:gf-w-[792px]",
17168
- children: /* @__PURE__ */ jsx(
17169
- "div",
17170
- {
17171
- className: cn(
17172
- s,
17173
- "gf-overflow-hidden gf-p-3 sm:gf-p-5 gf-flex gf-flex-col gf-justify-between"
17174
- ),
17175
- children: /* @__PURE__ */ jsxs(
17176
- "div",
17177
- {
17178
- className: cn(
17179
- "gf-grid gf-grid-cols-[auto,auto] gf-grid-rows-[auto_auto] "
17180
- ),
17181
- children: [
17182
- /* @__PURE__ */ jsxs("div", { className: "gf-flex gf-flex-col sm:gf-pr-4 sm:gf-justify-between sm:gf-h-fit sm:gf-flex-row gf-gap-2 sm:gf-col-start-1 sm:gf-row-start-2 gf-w-full gf-pt-1.5 sm:gf-pt-6 gf-col-start-1 gf-row-start-1", children: [
17183
- /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
17184
- Typography,
17185
- {
17186
- size: "h5",
17187
- weight: "medium",
17188
- className: "gf-bg-rose gf-px-3 gf-py-1 gf-rounded-full",
17189
- children: t
17190
- }
17191
- ) }),
17192
- /* @__PURE__ */ jsx(
17193
- Typography,
17194
- {
17195
- size: "h5",
17196
- weight: "medium",
17197
- className: "gf-px-3 gf-py-1 !gf-text-[#817A90]",
17198
- children: i
17199
- }
17200
- )
17201
- ] }),
17202
- /* @__PURE__ */ jsx(
17203
- "div",
17204
- {
17205
- className: `gf-col-start-2 gf-row-start-1 gf-row-end-2 gf-justify-self-end sm:gf-row-span-2 ${o ? "" : "gf-filter gf-blur-md"}`,
17206
- children: /* @__PURE__ */ jsx(
17207
- buildExports.LazyLoadImage,
17208
- {
17209
- alt: n,
17210
- effect: "blur",
17211
- src: c,
17212
- onLoad: () => l(!0),
17213
- onError: u,
17214
- className: " gf-rounded-lg gf-h-[68px] gf-w-[120px] sm:gf-w-[234px] sm:gf-h-[132px] gf-object-cover"
17215
- }
17216
- )
17217
- }
17218
- ),
17219
- /* @__PURE__ */ jsxs("div", { className: "gf-flex gf-flex-col gf-gap-2 sm:gf-pr-4 gf-pt-[2px] gf-col-start-1 gf-row-start-2 gf-col-span-2 sm:gf-col-start-1 sm:gf-row-start-1 sm:gf-col-span-1 gf-justify-items-end", children: [
17220
- /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Typography, { size: "h3", weight: "bold", className: "gf-h-6 sm:gf-text-xl", children: n }) }),
17221
- a && /* @__PURE__ */ jsx(
17222
- Typography,
17223
- {
17224
- size: "h4",
17225
- weight: "medium",
17226
- className: " !gf-text-[#817A90] gf-line-clamp-2 gf-overflow-hidden gf-leading-6 sm:gf-leading-5 sm:gf-pr-4",
17227
- children: a
17228
- }
17229
- )
17230
- ] })
17231
- ]
17232
- }
17233
- )
17234
- }
17235
- )
17236
- }
17237
- );
17163
+ return /* @__PURE__ */ jsx(Opacity, { level: "semi-dark", className: "gf-rounded-2xl h-full", children: /* @__PURE__ */ jsxs("div", { className: cn(s, "gf-overflow-hidden gf-rounded-2xl"), children: [
17164
+ /* @__PURE__ */ jsx(
17165
+ "div",
17166
+ {
17167
+ className: cn(a, `${o ? "" : "gf-filter gf-blur-md"}`),
17168
+ children: /* @__PURE__ */ jsx(
17169
+ buildExports.LazyLoadImage,
17170
+ {
17171
+ alt: n,
17172
+ effect: "blur",
17173
+ src: c,
17174
+ onLoad: () => l(!0),
17175
+ onError: u
17176
+ }
17177
+ )
17178
+ }
17179
+ ),
17180
+ /* @__PURE__ */ jsxs("div", { className: "gf-px-4 gf-pt-4 gf-pb-5 gf-md:px-5 gf-md:pb-11", children: [
17181
+ /* @__PURE__ */ jsxs("div", { className: "gf-flex gf-justify-between gf-mb-3", children: [
17182
+ /* @__PURE__ */ jsx(
17183
+ Typography,
17184
+ {
17185
+ size: "h5",
17186
+ weight: "medium",
17187
+ className: "gf-bg-rose gf-px-3 gf-py-1 gf-rounded-full",
17188
+ children: t
17189
+ }
17190
+ ),
17191
+ /* @__PURE__ */ jsx(Typography, { size: "h5", weight: "medium", className: "gf-px-3 gf-py-1", children: i })
17192
+ ] }),
17193
+ /* @__PURE__ */ jsx(Typography, { size: "h3", weight: "bold", children: n })
17194
+ ] })
17195
+ ] }) });
17238
17196
  }, questCardStyles = cva(
17239
17197
  ["gf-w-full gf-max-w-96 gf-p-4 gf-pb-5 md:gf-p-6 md:gf-pb-8 gf-rounded-2xl"],
17240
17198
  {