@lime-bundles/widget 2.4.1 → 2.5.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 +817 -100
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +736 -19
- package/dist/index.js.map +1 -1
- package/dist/lime-bundle.global.js +337 -20
- package/dist/lime-bundle.global.js.map +1 -1
- package/docs/css-variables.md +3 -0
- package/package.json +2 -2
package/docs/css-variables.md
CHANGED
|
@@ -73,6 +73,9 @@ Merchants can set these (and any other CSS) via Lime Bundles admin → Settings
|
|
|
73
73
|
| `--lb-variant-border-width` | `1px` | Variant selector border width. |
|
|
74
74
|
| `--lb-variant-radius` | `8px` | Variant selector corner radius. |
|
|
75
75
|
| `--lb-variant-chevron` | *derived SVG data URL* | Chevron icon shown in the variant dropdown. Auto-coloured to match `--lb-variant-border-color`. |
|
|
76
|
+
|
|
77
|
+
The variant dropdown is an accessible custom combobox (not a native `<select>`). Its open panel reuses `--lb-variant-border-color`, `--lb-variant-border-width`, and `--lb-variant-radius` for the panel border, `--lb-bg` for the panel background, `--lb-text` for option text and the 4px scrollbar thumb, and `--lb-primary-color` for the focus ring. No additional variables required — adjusting the border or text/background colour automatically restyles the open panel to match.
|
|
78
|
+
|
|
76
79
|
| `--lb-qty-badge-bg` | `#1A1A1A` | Quantity badge background. |
|
|
77
80
|
| `--lb-qty-badge-color` | `#FFFFFF` | Quantity badge text. |
|
|
78
81
|
| `--lb-qty-badge-display` | `flex` (shown) / `none` (hidden) | Toggle; merchant config controls this. |
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lime-bundles/widget",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.5.0",
|
|
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.5.0"
|
|
50
50
|
},
|
|
51
51
|
"devDependencies": {
|
|
52
52
|
"tsup": "^8.0.0",
|