@lime-bundles/widget 2.3.0 → 2.4.1
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 +435 -135
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +22 -1
- package/dist/index.d.ts +22 -1
- package/dist/index.js +414 -115
- package/dist/index.js.map +1 -1
- package/dist/lime-bundle.global.js +115 -44
- package/dist/lime-bundle.global.js.map +1 -1
- package/docs/css-variables.md +6 -0
- package/package.json +2 -2
package/docs/css-variables.md
CHANGED
|
@@ -154,6 +154,12 @@ These exist for internal composition and are not merchant-configurable. The CSS
|
|
|
154
154
|
- `--lb-thumbnail-bg`: placeholder background behind images.
|
|
155
155
|
- `--lb-widget-pad`: internal padding token.
|
|
156
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`.
|
|
157
163
|
|
|
158
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.
|
|
159
165
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lime-bundles/widget",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.4.1",
|
|
4
4
|
"description": "Drop-in <lime-bundle> web component for the Lime Bundles Shopify app. Embed merchant-configured bundles on Hydrogen, Astro, Vue, Svelte, or any JavaScript-enabled headless storefront.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.cjs",
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
"typecheck": "tsc --noEmit"
|
|
47
47
|
},
|
|
48
48
|
"dependencies": {
|
|
49
|
-
"@lime-bundles/core": "^2.
|
|
49
|
+
"@lime-bundles/core": "^2.4.1"
|
|
50
50
|
},
|
|
51
51
|
"devDependencies": {
|
|
52
52
|
"tsup": "^8.0.0",
|