@lime-bundles/react 2.1.1 → 2.3.0
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.
- package/dist/index.cjs +157 -90
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +5 -3
- package/dist/index.d.ts +5 -3
- package/dist/index.js +104 -35
- package/dist/index.js.map +1 -1
- package/docs/css-variables.md +8 -1
- package/package.json +2 -2
package/docs/css-variables.md
CHANGED
|
@@ -151,8 +151,15 @@ Merchants can set these (and any other CSS) via Lime Bundles admin → Settings
|
|
|
151
151
|
|
|
152
152
|
These exist for internal composition and are not merchant-configurable. The CSS in `extensions/bundle-theme/assets/bundle-base.css` defines them on `.lb-bundle-widget` with fixed values.
|
|
153
153
|
|
|
154
|
-
- `--lb-text-muted`: muted body text colour.
|
|
155
154
|
- `--lb-thumbnail-bg`: placeholder background behind images.
|
|
156
155
|
- `--lb-widget-pad`: internal padding token.
|
|
157
156
|
- `--lb-progress-color`: volume progress bar accent.
|
|
157
|
+
- `--lb-thumbnail-aspect-ratio`: derived from the merchant's `thumbnailRatio` setting (`square`/`tall`/`wide`/`original`). `1 / 1`, `3 / 4`, `4 / 3`, or `auto`. Override only if you need a custom thumb shape that isn't one of the four presets.
|
|
158
|
+
- `--lb-thumbnail-img-fit`: derived from `thumbnailRatio`. `cover` for the cropping presets, `contain` for `original`.
|
|
159
|
+
- `--lb-thumbnail-img-height`: derived from `thumbnailRatio`. `100%` for the cropping presets, `auto` for `original` so the image renders at its intrinsic ratio.
|
|
160
|
+
- `--lb-picker-thumbnail-aspect-ratio`: same triad as above, scoped to Mix-and-match picker-modal thumbs. Driven by the separate `pickerThumbnailRatio` enum so merchants can set different shapes for the main widget and the picker.
|
|
161
|
+
- `--lb-picker-thumbnail-img-fit`: picker-modal equivalent of `--lb-thumbnail-img-fit`.
|
|
162
|
+
- `--lb-picker-thumbnail-img-height`: picker-modal equivalent of `--lb-thumbnail-img-height`.
|
|
163
|
+
|
|
164
|
+
Muted secondary text (subtitles, variant badges, unit price, etc.) is not a separate variable — the CSS uses `color-mix(in srgb, var(--lb-text) 60%, transparent)` directly so merchants who customise `--lb-text` get a matching muted tone for free.
|
|
158
165
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lime-bundles/react",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.3.0",
|
|
4
4
|
"description": "React components and hooks for the Lime Bundles Shopify app. Use on Hydrogen, Next.js, Vite, or any React-based headless storefront.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.cjs",
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
"react-dom": ">=18.0.0"
|
|
53
53
|
},
|
|
54
54
|
"dependencies": {
|
|
55
|
-
"@lime-bundles/core": "^2.
|
|
55
|
+
"@lime-bundles/core": "^2.4.0"
|
|
56
56
|
},
|
|
57
57
|
"devDependencies": {
|
|
58
58
|
"@shopify/hydrogen-react": "^2026.4.1",
|