@drawbridge/components 0.0.46 → 0.0.47

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 (6) hide show
  1. package/dist/advertisement.js +24 -6
  2. package/dist/advertisement.mjs +1 -1
  3. package/dist/{chunk-X7CR4JVY.mjs → chunk-V3RUI64W.mjs} +24 -6
  4. package/dist/product.js +24 -6
  5. package/dist/product.mjs +1 -1
  6. package/package.json +1 -1
package/dist/advertisement.js CHANGED
@@ -672,7 +672,7 @@ var Product = ({
672
672
  "div",
673
673
  {
674
674
  ...{
675
- className: "space-y-6 pb-12",
675
+ className: "space-y-6",
676
676
  style: {
677
677
  backgroundColor: resolved.background.color.rgb,
678
678
  color: resolved.text.color.rgb
@@ -684,7 +684,10 @@ var Product = ({
684
684
  "div",
685
685
  {
686
686
  ...{
687
- className: "flex items-center h-48 " + (images.length > 1 && "pr-12")
687
+ className: "flex items-center " + (images.length > 1 ? "pr-12" : ""),
688
+ style: {
689
+ height: "12rem"
690
+ }
688
691
  },
689
692
  children: [
690
693
  images.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
@@ -730,20 +733,35 @@ var Product = ({
730
733
  "div",
731
734
  {
732
735
  ...{
733
- className: "w-48 h-48 overflow-hidden rounded-3xl m-auto",
734
- ref: emblaRef
736
+ // Dimensions are inline rather than Tailwind size utilities:
737
+ // those sizes live only in this package's dist, and a consuming
738
+ // app's Tailwind scan of node_modules can lag and drop them,
739
+ // silently collapsing the carousel. Inline styles are immune.
740
+ className: "overflow-hidden rounded-3xl m-auto",
741
+ ref: emblaRef,
742
+ style: {
743
+ width: "12rem",
744
+ height: "12rem"
745
+ }
735
746
  },
736
747
  children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
737
748
  "div",
738
749
  {
739
750
  ...{
740
- className: "flex h-full"
751
+ className: "flex",
752
+ style: {
753
+ height: "100%"
754
+ }
741
755
  },
742
756
  children: images.map(({ src }, key) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
743
757
  "div",
744
758
  {
745
759
  ...{
746
- className: "min-w-0 flex-[0_0_100%] relative h-full bg-gray-100"
760
+ className: "min-w-0 relative bg-gray-100",
761
+ style: {
762
+ flex: "0 0 100%",
763
+ height: "100%"
764
+ }
747
765
  },
748
766
  children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
749
767
  ImageComponent,
package/dist/advertisement.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  product_default
4
- } from "./chunk-X7CR4JVY.mjs";
4
+ } from "./chunk-V3RUI64W.mjs";
5
5
  import "./chunk-2ZYGRSSA.mjs";
6
6
  import "./chunk-XWELEL6Z.mjs";
7
7
  import "./chunk-3SAKIKZP.mjs";
package/dist/{chunk-X7CR4JVY.mjs → chunk-V3RUI64W.mjs} RENAMED
@@ -121,7 +121,7 @@ var Product = ({
121
121
  "div",
122
122
  {
123
123
  ...{
124
- className: "space-y-6 pb-12",
124
+ className: "space-y-6",
125
125
  style: {
126
126
  backgroundColor: resolved.background.color.rgb,
127
127
  color: resolved.text.color.rgb
@@ -133,7 +133,10 @@ var Product = ({
133
133
  "div",
134
134
  {
135
135
  ...{
136
- className: "flex items-center h-48 " + (images.length > 1 && "pr-12")
136
+ className: "flex items-center " + (images.length > 1 ? "pr-12" : ""),
137
+ style: {
138
+ height: "12rem"
139
+ }
137
140
  },
138
141
  children: [
139
142
  images.length > 1 && /* @__PURE__ */ jsx(
@@ -179,20 +182,35 @@ var Product = ({
179
182
  "div",
180
183
  {
181
184
  ...{
182
- className: "w-48 h-48 overflow-hidden rounded-3xl m-auto",
183
- ref: emblaRef
185
+ // Dimensions are inline rather than Tailwind size utilities:
186
+ // those sizes live only in this package's dist, and a consuming
187
+ // app's Tailwind scan of node_modules can lag and drop them,
188
+ // silently collapsing the carousel. Inline styles are immune.
189
+ className: "overflow-hidden rounded-3xl m-auto",
190
+ ref: emblaRef,
191
+ style: {
192
+ width: "12rem",
193
+ height: "12rem"
194
+ }
184
195
  },
185
196
  children: /* @__PURE__ */ jsx(
186
197
  "div",
187
198
  {
188
199
  ...{
189
- className: "flex h-full"
200
+ className: "flex",
201
+ style: {
202
+ height: "100%"
203
+ }
190
204
  },
191
205
  children: images.map(({ src }, key) => /* @__PURE__ */ jsx(
192
206
  "div",
193
207
  {
194
208
  ...{
195
- className: "min-w-0 flex-[0_0_100%] relative h-full bg-gray-100"
209
+ className: "min-w-0 relative bg-gray-100",
210
+ style: {
211
+ flex: "0 0 100%",
212
+ height: "100%"
213
+ }
196
214
  },
197
215
  children: /* @__PURE__ */ jsx(
198
216
  ImageComponent,
package/dist/product.js CHANGED
@@ -669,7 +669,7 @@ var Product = ({
669
669
  "div",
670
670
  {
671
671
  ...{
672
- className: "space-y-6 pb-12",
672
+ className: "space-y-6",
673
673
  style: {
674
674
  backgroundColor: resolved.background.color.rgb,
675
675
  color: resolved.text.color.rgb
@@ -681,7 +681,10 @@ var Product = ({
681
681
  "div",
682
682
  {
683
683
  ...{
684
- className: "flex items-center h-48 " + (images.length > 1 && "pr-12")
684
+ className: "flex items-center " + (images.length > 1 ? "pr-12" : ""),
685
+ style: {
686
+ height: "12rem"
687
+ }
685
688
  },
686
689
  children: [
687
690
  images.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
@@ -727,20 +730,35 @@ var Product = ({
727
730
  "div",
728
731
  {
729
732
  ...{
730
- className: "w-48 h-48 overflow-hidden rounded-3xl m-auto",
731
- ref: emblaRef
733
+ // Dimensions are inline rather than Tailwind size utilities:
734
+ // those sizes live only in this package's dist, and a consuming
735
+ // app's Tailwind scan of node_modules can lag and drop them,
736
+ // silently collapsing the carousel. Inline styles are immune.
737
+ className: "overflow-hidden rounded-3xl m-auto",
738
+ ref: emblaRef,
739
+ style: {
740
+ width: "12rem",
741
+ height: "12rem"
742
+ }
732
743
  },
733
744
  children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
734
745
  "div",
735
746
  {
736
747
  ...{
737
- className: "flex h-full"
748
+ className: "flex",
749
+ style: {
750
+ height: "100%"
751
+ }
738
752
  },
739
753
  children: images.map(({ src }, key) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
740
754
  "div",
741
755
  {
742
756
  ...{
743
- className: "min-w-0 flex-[0_0_100%] relative h-full bg-gray-100"
757
+ className: "min-w-0 relative bg-gray-100",
758
+ style: {
759
+ flex: "0 0 100%",
760
+ height: "100%"
761
+ }
744
762
  },
745
763
  children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
746
764
  ImageComponent,
package/dist/product.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  product_default
4
- } from "./chunk-X7CR4JVY.mjs";
4
+ } from "./chunk-V3RUI64W.mjs";
5
5
  import "./chunk-2ZYGRSSA.mjs";
6
6
  import "./chunk-XWELEL6Z.mjs";
7
7
  import "./chunk-3SAKIKZP.mjs";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@drawbridge/components",
3
- "version": "0.0.46",
3
+ "version": "0.0.47",
4
4
  "exports": {
5
5
  "./advertisement": {
6
6
  "types": "./types/advertisement.d.ts",