@opensite/ui 1.2.1 → 1.2.2

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 (25) hide show
  1. package/dist/auto-scroll-carousel.cjs +4 -6
  2. package/dist/auto-scroll-carousel.js +4 -6
  3. package/dist/carousel-gradient-text.cjs +6 -17
  4. package/dist/carousel-gradient-text.d.cts +4 -0
  5. package/dist/carousel-gradient-text.d.ts +4 -0
  6. package/dist/carousel-gradient-text.js +6 -17
  7. package/dist/carousel-icon-sidebar.cjs +19 -6
  8. package/dist/carousel-icon-sidebar.js +19 -6
  9. package/dist/carousel-icon-tabs.cjs +1 -1
  10. package/dist/carousel-icon-tabs.js +1 -1
  11. package/dist/carousel-scale-focus.cjs +1 -1
  12. package/dist/carousel-scale-focus.js +1 -1
  13. package/dist/carousel-tabs-content.cjs +3 -3
  14. package/dist/carousel-tabs-content.js +3 -3
  15. package/dist/expandable-case-study-cards.cjs +17 -12
  16. package/dist/expandable-case-study-cards.js +17 -12
  17. package/dist/interior-carousel.cjs +2 -2
  18. package/dist/interior-carousel.js +2 -2
  19. package/dist/masonry-motion-grid.cjs +2 -1
  20. package/dist/masonry-motion-grid.js +2 -1
  21. package/dist/registry.cjs +7500 -7493
  22. package/dist/registry.js +7495 -7488
  23. package/dist/testimonial-carousel-cards.cjs +8 -7
  24. package/dist/testimonial-carousel-cards.js +8 -7
  25. package/package.json +1 -1
package/dist/testimonial-carousel-cards.cjs CHANGED
@@ -1217,18 +1217,18 @@ function TestimonialCarouselCards({
1217
1217
  CarouselItem,
1218
1218
  {
1219
1219
  className: cn(
1220
- "min-w-[800px] flex-1",
1220
+ "min-w-full flex-1 lg:min-w-[800px]",
1221
1221
  itemClassName,
1222
1222
  testimonial.className
1223
1223
  ),
1224
- children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
1225
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-[460px] w-[400px]", children: /* @__PURE__ */ jsxRuntime.jsx(
1224
+ children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 lg:flex-row", children: [
1225
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-[200px] w-full lg:h-[460px] lg:w-[400px]", children: /* @__PURE__ */ jsxRuntime.jsx(
1226
1226
  img.Img,
1227
1227
  {
1228
1228
  src: testimonial.image,
1229
1229
  alt: typeof testimonial.username === "string" ? testimonial.username : testimonial.imageAlt || "Testimonial image",
1230
1230
  className: cn(
1231
- "aspect-square h-full w-full rounded-2xl object-cover",
1231
+ "h-full w-full rounded-2xl object-cover",
1232
1232
  imageClassName
1233
1233
  ),
1234
1234
  loading: "lazy",
@@ -1239,7 +1239,8 @@ function TestimonialCarouselCards({
1239
1239
  "div",
1240
1240
  {
1241
1241
  className: cn(
1242
- "relative bg-background text-foreground flex h-[460px] w-[400px] flex-col items-start justify-end rounded-2xl p-8"
1242
+ "relative flex w-full flex-col items-start justify-end rounded-2xl bg-background p-6 text-foreground lg:h-[460px] lg:w-[400px] lg:p-8",
1243
+ quotePanelClassName
1243
1244
  ),
1244
1245
  children: [
1245
1246
  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg font-semibold", children: testimonial.quote }),
@@ -1269,8 +1270,8 @@ function TestimonialCarouselCards({
1269
1270
  patternOpacity,
1270
1271
  patternClassName,
1271
1272
  className,
1272
- containerClassName: "px-4",
1273
- children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-start justify-between gap-4 lg:flex-row ", children: [
1273
+ containerClassName: "px-4 md:px-2 lg:px-2",
1274
+ children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-start justify-between gap-6 md:gap-4 lg:flex-row", children: [
1274
1275
  sidebarContent,
1275
1276
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative w-full overflow-hidden pb-12 lg:flex-1", children: [
1276
1277
  /* @__PURE__ */ jsxRuntime.jsx(
package/dist/testimonial-carousel-cards.js CHANGED
@@ -1193,18 +1193,18 @@ function TestimonialCarouselCards({
1193
1193
  CarouselItem,
1194
1194
  {
1195
1195
  className: cn(
1196
- "min-w-[800px] flex-1",
1196
+ "min-w-full flex-1 lg:min-w-[800px]",
1197
1197
  itemClassName,
1198
1198
  testimonial.className
1199
1199
  ),
1200
- children: /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
1201
- /* @__PURE__ */ jsx("div", { className: "h-[460px] w-[400px]", children: /* @__PURE__ */ jsx(
1200
+ children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 lg:flex-row", children: [
1201
+ /* @__PURE__ */ jsx("div", { className: "h-[200px] w-full lg:h-[460px] lg:w-[400px]", children: /* @__PURE__ */ jsx(
1202
1202
  Img,
1203
1203
  {
1204
1204
  src: testimonial.image,
1205
1205
  alt: typeof testimonial.username === "string" ? testimonial.username : testimonial.imageAlt || "Testimonial image",
1206
1206
  className: cn(
1207
- "aspect-square h-full w-full rounded-2xl object-cover",
1207
+ "h-full w-full rounded-2xl object-cover",
1208
1208
  imageClassName
1209
1209
  ),
1210
1210
  loading: "lazy",
@@ -1215,7 +1215,8 @@ function TestimonialCarouselCards({
1215
1215
  "div",
1216
1216
  {
1217
1217
  className: cn(
1218
- "relative bg-background text-foreground flex h-[460px] w-[400px] flex-col items-start justify-end rounded-2xl p-8"
1218
+ "relative flex w-full flex-col items-start justify-end rounded-2xl bg-background p-6 text-foreground lg:h-[460px] lg:w-[400px] lg:p-8",
1219
+ quotePanelClassName
1219
1220
  ),
1220
1221
  children: [
1221
1222
  /* @__PURE__ */ jsx("p", { className: "text-lg font-semibold", children: testimonial.quote }),
@@ -1245,8 +1246,8 @@ function TestimonialCarouselCards({
1245
1246
  patternOpacity,
1246
1247
  patternClassName,
1247
1248
  className,
1248
- containerClassName: "px-4",
1249
- children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start justify-between gap-4 lg:flex-row ", children: [
1249
+ containerClassName: "px-4 md:px-2 lg:px-2",
1250
+ children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start justify-between gap-6 md:gap-4 lg:flex-row", children: [
1250
1251
  sidebarContent,
1251
1252
  /* @__PURE__ */ jsxs("div", { className: "relative w-full overflow-hidden pb-12 lg:flex-1", children: [
1252
1253
  /* @__PURE__ */ jsx(
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opensite/ui",
3
- "version": "1.2.1",
3
+ "version": "1.2.2",
4
4
  "description": "Foundational UI component library for OpenSite Semantic Site Builder with tree-shakable exports and abstract styling",
5
5
  "keywords": [
6
6
  "react",