@wayke-se/components-react 6.0.0-beta.1 → 6.0.0-beta.3
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 +5 -4
- package/dist/index.js +498 -533
- package/dist/index.js.map +4 -4
- package/dist/style.css +11 -1
- package/dist/types/src/Gql/ad/queries.d.ts +1 -1
- package/dist/types/src/Gql/ad/types.d.ts +31 -1
- package/dist/types/src/Gql/ad/useRelatedAds.d.ts +3 -2
- package/dist/types/src/Gql/ad/view.d.ts +4 -1
- package/dist/types/src/Gql/facets.d.ts +2 -0
- package/dist/types/src/components/Content/index.d.ts +7 -2
- package/dist/types/src/components/FilterPanel/faceSelector.d.ts +3 -1
- package/dist/types/src/components/FilterPanel/rangeFacet.d.ts +3 -1
- package/dist/types/src/components/Gallery/wrapper.d.ts +7 -4
- package/dist/types/src/components/ProductCard/wrapper.d.ts +0 -7
- package/dist/types/src/components/RangeSlider/RangeSliderSimple.d.ts +4 -3
- package/dist/types/src/components/RangeSlider/SliderWithLabel.d.ts +1 -2
- package/dist/types/src/components/RangeSlider/index.d.ts +3 -1
- package/dist/types/src/components/RangeSlider/wrapper.d.ts +11 -10
- package/dist/types/src/components/ResponsiveImage/index.d.ts +17 -0
- package/dist/types/src/components/Sphere/SphereViewer.d.ts +0 -1
- package/dist/types/src/layouts/searchItem/Related.d.ts +1 -1
- package/dist/types/src/utils/image.d.ts +10 -0
- package/dist/types/src/utils/markdown.d.ts +3 -0
- package/package.json +4 -6
- package/dist/assets/ajax-loader-BOAPMZMT.gif +0 -0
- package/dist/assets/slick-EVLS6IWX.eot +0 -0
- package/dist/assets/slick-MU5EZO5G.woff +0 -0
- package/dist/assets/slick-NKQ64RRA.ttf +0 -0
- package/dist/types/src/components/RangeSlider/handle.d.ts +0 -9
- package/dist/types/src/components/RangeSlider/track.d.ts +0 -9
package/README.md
CHANGED
|
@@ -109,7 +109,7 @@ To load the stylesheet yourself, add a `<link>` to it with the same URL. The scr
|
|
|
109
109
|
<link rel="stylesheet" href="https://cdn.wayke.se/public-assets/wayke-components-react/6.0.0/index.css">
|
|
110
110
|
```
|
|
111
111
|
|
|
112
|
-
To not load the stylesheet at all, add `disablecssinjection` to the script tag in option B. The
|
|
112
|
+
To not load the stylesheet at all, add `disablecssinjection` to the script tag in option B. The 360 viewer and buy online are then unstyled.
|
|
113
113
|
|
|
114
114
|
```html
|
|
115
115
|
<script type="module" src="https://cdn.wayke.se/public-assets/wayke-components-react/6.0.0/index.js" disablecssinjection></script>
|
|
@@ -197,7 +197,7 @@ All settings are listed in the [Reference](#reference).
|
|
|
197
197
|
|
|
198
198
|
### Colors and fonts
|
|
199
199
|
|
|
200
|
-
The components have no font of their own and inherit the font of your page. Copy this CSS to your site and change the values:
|
|
200
|
+
The components have no font of their own and inherit the font of your page. Until you set colors, they use dark gray buttons and highlights, so that everything is visible. Copy this CSS to your site and change the values:
|
|
201
201
|
|
|
202
202
|
```css
|
|
203
203
|
/* Primary color, on buttons and other highlighted elements. Set a text color that is readable on it. */
|
|
@@ -229,14 +229,14 @@ The components have no font of their own and inherit the font of your page. Copy
|
|
|
229
229
|
font-weight: 300;
|
|
230
230
|
}
|
|
231
231
|
|
|
232
|
-
/* Headings and other bold text.
|
|
232
|
+
/* Headings and other bold text. Bold (700) by default. */
|
|
233
233
|
.wayke__theme.wayke__font--bold {
|
|
234
234
|
font-family: sans-serif;
|
|
235
235
|
font-weight: 700;
|
|
236
236
|
}
|
|
237
237
|
```
|
|
238
238
|
|
|
239
|
-
Only change the values in the color rules. Adding or removing properties there can break the layout. The font rules can take more properties, such as `letter-spacing`, but check the result before you go live.
|
|
239
|
+
Your rules win over the defaults wherever your stylesheet is loaded. Only change the values in the color rules. Adding or removing properties there can break the layout. The font rules can take more properties, such as `letter-spacing`, but check the result before you go live.
|
|
240
240
|
|
|
241
241
|
### Buy online colors
|
|
242
242
|
|
|
@@ -726,6 +726,7 @@ The event names and data are the same. What changes:
|
|
|
726
726
|
### 6. Removed
|
|
727
727
|
|
|
728
728
|
* Central storage (switching to another branch on the vehicle page).
|
|
729
|
+
* The image gallery no longer uses react-slick, so CSS aimed at `.slick-*` classes has no effect.
|
|
729
730
|
* The campaign filter. Dealer packages are still shown on the vehicle page.
|
|
730
731
|
* Related vehicles are now the latest vehicles of the same make.
|
|
731
732
|
* A vehicle without a cash price, such as a leasing-only car, shows no price instead of 0 kr.
|