@lime-bundles/react 6.1.0 → 6.2.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/README.md +7 -1
- package/dist/index.cjs +620 -491
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +22 -3
- package/dist/index.d.ts +22 -3
- package/dist/index.js +565 -434
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1901 -0
- package/docs/hydrogen.md +28 -3
- package/docs/react-nextjs.md +23 -3
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -101,7 +101,13 @@ Everything the built-in components use is re-exported for DIY consumers: pricing
|
|
|
101
101
|
|
|
102
102
|
## Styling
|
|
103
103
|
|
|
104
|
-
|
|
104
|
+
Two layers. The merchant's widget config (colours, borders, ratios, toggles from the admin editor) is applied automatically by the built-in components as `--lb-*` CSS custom properties. The structural stylesheet is yours to import, once:
|
|
105
|
+
|
|
106
|
+
```tsx
|
|
107
|
+
import "@lime-bundles/react/styles.css";
|
|
108
|
+
```
|
|
109
|
+
|
|
110
|
+
Without the import the components render as unstyled markup. For DIY UI, skip the stylesheet and apply the config yourself:
|
|
105
111
|
|
|
106
112
|
```tsx
|
|
107
113
|
import { applyWidgetConfigVars } from "@lime-bundles/react";
|