Release Notes
1.41.1
14.11.2024
Improvements
- Fixed padding for Stage and TeaserPromo background image
1.41.0
25.10.2024
Improvements
- Added border variant to FormSearch
1.40.1
24.10.2024
Improvements
- Fix missing active state for links in ProductDetail
1.40.0
21.10.2024
Improvements
- Make category item closable without triggering link navigation in ProductDetail
1.39.0
17.09.2024
Improvements
- Reduce package install size
1.38.0
17.09.2024
Improvements
- Update all icons to use
href
instead of deprectated attributexlink:href
1.37.7
04.06.2024
Improvements
- Fix double nested header navigation in vanilla JS
1.37.6
21.05.2024
Improvements
- Add prop for sizes action label ProductDetail
1.37.5
21.05.2024
Improvements
- Allow novelty label to be set as prop ProductBox
1.37.4
27.03.2024
Improvements
- Header: Close other header menus when another is opened
1.37.3
18.03.2024
Changes
- Handle new badge and award similiar to discount and award in ProductBox
- Add styling overrides for Teaser Promo with featured image inside Slider
1.37.2
09.02.2024
Changes
- Added aspect ratio to BlogStage image
1.37.1
19.12.2023
Changes
- Fix Header offcanvas menu not opening when nested two levels deep
1.37.0
19.12.2023
Changes
- Updated Application Guide component
1.36.3
Improvements
- Changed
<body>
styles to only apply when classsnx-katana
is set on the element
1.36.2
Improvements
- Fixed Header search not closing on certain templates
1.36.1
Changes
- Changed licence of npm package
1.36.0
06.12.2023
Changes
- Fixed width of Image in Product Detail
1.35.0
28.11.2023
Changes
- Complete rewrite of core "vanilla" javascript (Bundle size reduced from ~440kb to ~60kb)
- removal of jquery
- removal of slick slider
- removal of video.js (See Video)
- removal of react from the script bundle
1.34.0
21.11.2023
Changes
- Added Blog Stage component
1.33.0
21.11.2023
Changes
- Added Contents component
1.32.0
08.11.2023
Improvements
- Added new x (formerly twitter) icon
1.31.1
17.10.2023
Improvements
- Fixed slider height in gallery of Product Detail
1.31.0
17.10.2023
Changes
- Reduced column count by one, fixed row height in Product Listing
1.30.13
17.10.2023
Improvements
- Updated items per rows in variants of Product Detail
- Added Product Fallback Image to Product Detail and Product Box
- Fixed wrapping in Social Items of Footer
1.30.12
16.10.2023
Improvements
- Added TikTok Social Icon
1.30.11
19.09.2023
Improvements
- Updated Badge value in
isNew
variant in Product Box
1.30.10
14.09.2023
Improvements
- Updated Image Sizes in Teaser Promo
1.30.9
13.09.2023
Improvements
- Fixed state lifecycle for Form Select
1.30.8
04.09.2023
Improvements
- Added Target to Context of TeaserInformal
1.30.7
30.08.2023
Improvements
- Fix img width in Modal
1.30.6
29.08.2023
Improvements
- Fix height of Image in ProductDetail
1.30.5
15.08.2023
Improvements
- Fix height of Image in TeaserPromo
- Add aspectRatio too Image in TeaserPromo
1.30.4
14.08.2023
Improvements
- Fix Video not going back to blocked state
1.30.3
14.08.2023
Improvements
- Removed box-shadow of Image in TeaserInformal
1.30.2
14.08.2023
Improvements
- Prevent interactions when Video is blocked, but make interaction with block alert possible
1.30.1
10.08.2023
Improvements
- Prevent interactions when Video is blocked
1.30.0
10.08.2023
Improvements
- Add prop to block initial video loading in Video
1.29.30
08.08.2023
Improvements
- Fix markup in Accordion
- Fix markup in TeaserInformal
- Updated ApplicationGuide Image Sizes
- Added aspectRadio to Stage Image Sizes
1.29.29
07.08.2023
Improvements
- Fix Accordion detail toggle
1.29.28
03.08.2023
Improvements
- Fix ProductDetail Award sizes
1.29.27
03.08.2023
Improvements
- Fix missing color
caravan
in ProductBox
1.29.26
03.08.2023
Improvements
- Fix ApplicationGuide Image Sizes
1.29.25
03.08.2023
Improvements
- Fix Insertion image
- Fix ApplicationGuide
1.29.24
03.08.2023
Improvements
- Fix Accordion id for toggle
1.29.23
03.08.2023
Improvements
- Fix Accordion header not toggeling (vanilla JS)
1.29.22
03.08.2023
Improvements
- Add aspect ratio for Teaser Informal
1.29.21
01.08.2023
Improvements
- Add
restProps
to Badge
1.29.20
01.08.2023
Improvements
- Seperate components for title and excerpt, badge as jsx-prop ProductDetail
1.29.19
25.07.2023
Improvements
- Fix href prop in TeaserPromo
1.29.18
25.07.2023
Improvements
- Fix series badge classnames in ProductBox
1.29.17
19.07.2023
Improvements
- Added restProps to FormSelect.Option
1.29.16
10.07.2023
Improvements
- Fixed active state styling for categories in ProductListing
1.29.15
10.07.2023
Improvements
- Added new sub components for categories in ProductListing
1.29.14
06.07.2023
Improvements
- Add prop for series label in ProductBox
1.29.13
06.07.2023
Improvements
- Add prop for sun image in ProductDetail
1.29.12
05.07.2023
Improvements
- Add responsive image sizes for ProductBox
1.29.11
05.07.2023
Improvements
- Add responsive image sizes for ProductDetail
1.29.9
09.06.2023
Improvements
- Fix various prop types and refs in react components
1.29.8
09.06.2023
Improvements
- Fix various prop types and refs in react components
1.29.7
09.06.2023
Improvements
- Clean up console.logs
1.29.6
09.06.2023
Improvements
- Fix Form react component to render actual
<form>
tag - Fix Form Group to render optional label if not required
1.29.5
09.06.2023
Improvements
- Fix Form Radio react component label click
1.29.4
08.06.2023
Improvements
- Export header search via seperate component
1.29.3
08.06.2023
Improvements
- Fixed header logo prop and allow search as react node prop
1.29.2
07.06.2023
Improvements
- Fixed vanilla javascript modal not triggering
1.29.1
31.05.2023
Changes
- Added vanilla javascript for Accordion
1.28.1
21.04.2023
Improvements
- Replaced hardcoded Header logo link with prop
1.28.0
18.04.2023
Changes
- Added ES-Module support
1.27.0
Breaking Changes
04.04.2023
- Removed VideoGallery component
Changes
- Internal refactoring of react component APIs (non breaking changes)
- Added missing or corrected existing propTypes (non breaking changes)
- Added unified image API for
<picture>
tags (non breaking changes) - Added responsive image size defintions to components (non breaking changes)
1.26.0
06.03.2023
Breaking Changes
- Added new span for Label in FormCheckbox and FormRadio component
- Added wrapper around Price in ProductBox component
- Added new span for Label in FormCheckbox and FormRadio component
- Added wrapper around Price in ProductBox component
- Removed
buyLabel
,buyLink
,buyTarget
,dropdownItems
,dropdownLabel
,variantsTitle
andvariantsItem
props from ProductDetailDescription component in ProductDetail
Changes
- Added
iconOnly
and `loading prop to Button component - Added
loud
prop to FormCheckbox and FormRadio component - Added
discountPrice
,small
andtextShadow
prop to Price component - Added
boxed
anderror
prop to Notification component - Added
price
,discountPrice
andcurrency
props to ProductBox component - Added
right
prop to Datasheet component - Added
iconOnly
and `loading prop to Button component - Added
loud
prop to FormCheckbox and FormRadio component - Added
discountPrice
,small
andtextShadow
prop to Price component - Added
boxed
anderror
prop to Notification component - Added
price
,discountPrice
andcurrency
props to ProductBox component - Added
right
prop to Datasheet component - Added
cart
andcartItem
props to Header component - Added
price
,buyAction
,findAction
,sizesAction
,variants
,shippingLabel
andshippingState
props to ProductDetailDescription component in ProductDetail - Added ProductDetailVariationList and ProductDetailVariationListItem components to ProductDetail
- Added Table component
1.25.3
26.01.2023
Improvements
- Revert changes of 1.25.2
1.25.2
25.01.2023
Improvements
- Fix background image height in promo teaser in row with and without featured images
1.25.1
16.12.2022
Improvements
- Fix position of Cobrand in Stage
1.25.0
16.11.2022
Breaking Changes
- Removed font from npm package. Please refer to the typography docs for more details
1.24.4
28.09.2022
Improvements
- Add component demo for teaser-promo
Fix
- Fix Teaser image-height in slider with Variants in product-box
1.24.3
19.09.2022
Fix
- Fix Teaser image-height in slider on mobile
1.24.2
16.09.2022
Fix
- Fix Teaser height in slider
1.24.1
13.09.2022
Fix
- Fix Teaser height in product-listing
1.24.0
29.08.2022
Improvements
- Change Futura Font
- Add language Fallback for alle languages
Fix
- Fix Cloudinary Images in Promo Teaser "full" Demo
1.23.2
11.08.2022
Improvements
- Fixed teaser promo featured image alignment in firefox
1.23.1
18.06.2022
Improvements
- Fixed stage featured image alignment in firefox
1.23
18.06.2022
Changes
- Dropped support for Internet Explorer 11 (in CSS and JS)
- Added a fallback page for deprecated browsers (docs, demo)
- Added a "legacy" css build with partial support for Internet Explorer 11. Should be used for the fallback page.
1.22.2
11.08.2022
Improvements
- Fixed teaser promo featured image alignment in firefox
1.22.1
18.06.2022
Improvements
- Fixed stage featured image alignment in firefox
1.22
26.06.2022
Improvements
- New Styling for Stage and Teaser Promo
- Remove "Content-Wrapper" in Teaser Promo (⚠️ Markup Change)
- Add Variant "Cover" to Teaser Promo
- Remove "Diagonal" in Stage and Teaser Promo (⚠️ Markup Change)
- Change image cropping in Stage and Teaser Promo (Cloudinary)
- Change Grid-Gutter in Element-Litsung from 30px to 2 px
- Remove variant/class "Masonry" in Element-Listing (⚠️ Markup Change)
- Change columnsize in product-detail for bigger packshots
1.21.3
02.06.2022
Improvements
- Add linkedin Icon
- Add linkedin to social media links in footer
1.21.2
30.03.2022
Improvements
- Fixed data-zoom-src in
product_detail.js
1.21.1
22.03.2022
Improvements
- Fixed sun background image in product detail page for larger screens
1.21.0
22.03.2022
Improvements
- Fixed award height in Product Detail
- Add support for
<picture>
tag in Product Detail - Fix button width in PersonCard on mobile
- Added support for dedicated zoom image source in Product Detail via
data-zoom-src
attribute
1.20.2
03.03.2022
Improvements
- Fixed issues with some template styles
1.20.1
01.03.2022
Improvements
- Fix pattern documentation overflow
1.19.5
02.03.2022
Changes
- Added Caravan modifier to stage component
- Added Caravan modifier to badge
1.19.4
21.02.2022
Improvements
- Fix color Documentation
- Added new subbranding color for caravan
1.19.3
12.11.2021
Improvements
- Fix icon 'snx_rotativ' subpixel render issues
1.19.2
10.11.2021
Improvements
- Fix text decoration in ListLogItem
1.19.1
09.11.2021
Changes
- Render shop links in ListLogo as anchor tag to make the whole item clickable
Improvements
- Fix image alignment in ListLogItem when using a picture tag around the image
1.19
01.11.2021
Improvements
- Various styling improvements for Map and Map-PoI
- Fix FormSearch CTA conflict with placeholder on small screen sizes
1.18
22.10.2021
Improvements
- Styled Table in RichText
- Fixed BusinessCard and Map-PoI close button in Map
1.17
23.09.2021
Improvements
- Change icon für rotative
- Change icon für rotative and exzenter in icons for both methods
1.16.8
12.07.2021
Improvements
- Added loading state for Map
- Added image to business card componet
1.16.7
18.03.2021
Improvements
- Fix map notification
1.16.6
11.03.2021
Improvements
- Add styling for Wordpress Contact Form 7
1.16.5
04.03.2021
Improvements
- Fixed Modal icon issue
1.16.4
04.03.2021
Improvements
- Changed Modal Component
- Changed ProductDetail Component
- Changed Map Component
- Removed LogoList Component
- Added ListLogo Component
- Added Tab Component
- Added FormSearch Component
1.16.3
01.03.2021
Improvements
- Added support for responsive images and arbitrary sizes in person card images
1.16.2
15.02.2021
Improvements
- Added new version of Futura Font to support more languages
1.16.1
28.01.2021
Bugfix
- ProductBox image height
1.16.0
22.01.2021
Improvements
- Replaced social media image documentation
- Moved Worpress releases to custom relase notes
- Add Loadingstatus for Product-Box
1.15.0
17.12.2020
Improvements
- Replace video.js with react-player and native fallback in IE11
- Add font-display: swap;
1.14.0
04.12.2020
Improvements
- Add Color für Series Desinfection
- Fix Typo for Css-Class "wheel-rims" (from wheel-rimms to wheel-rims).
1.13.1
22.11.2020
New
- Added new documentation for keyvisuals
- Added new docmentation for social media images
Improvements
- Added feddback for presenting cars / people to documentation
1.13.0
04.11.2020
Improvements
- Add "New" Badge on Productbox, Product-Detail and Comparison-Table to promote new products
1.12.4
17.09.2020
- Wordpress Theme 1.0
- RTL Fixes for slider
- Fix slider height issues
1.12.3
02.09.2020
Improvements
- Fixes css-typo "mobil(e)" in product-listing
1.12.2
20.08.2020
Improvements
- Fixes grid position of content-elements in product listing with categories product listing
1.12.1
14.08.2020
Improvements
- Fixes in styling for categories in product listing
1.12.0
12.08.2020
Improvements
- Add categories to product listing
1.11.1
19.06.2020
Improvements
- Add option value to Productvariants on PDP
1.11.0
17.06.2020
Improvements
- Add Productvariants for Product Box
- Add Productvariants in Product Detail
- Documentation application images
1.10.8
12.05.2020
Improvements
- New katna version
- Fix z-index-bug for comparison-table
- Fix ul-list in application-guide
- Add removable cols in comparison-table
- Add Guidelines for video
1.9.0
25.03.2020
Improvements
- All patterns optimized for ie11
New
- New atom "price"
- New organizm "price-table"
1.8.0
24.02.2020
New
- New pattern Comparison-Table
1.7.0
18.12.2019
Improvements
- Add right floaded nav-element in main-nav.
- Add vertical modifier in business-card
- map js only in demo-class
- Add Whatsapp-Icon
- Change POI Marker and Marker current position
- Change Map color
- Add servicelist in businessCard in Map
- Fix lot divider in productbox if lot empty
- Add Element-Listing one column
1.6.0
22.10.2019
Improvements
- Prefixing all Classes
- Autosuggest in Form-Search with badges
- Add disable styling for btn--link
1.5.0
27.09.2019
New
- New component logo-list
- New teaser-promo invert
- New pattern business-card
- New pattern flag
- New Button variation with flag
- New patern button group
Improvements
- Add "enablePrivacyEnhancedMode" to make video.js GDPR-compliant
- Fix typo bug in select-field on firefox
- Add button with flag an country in footer to link to country-section
- Fix language-dropdown in header
Deprecated
.btn-group
removed. Use button group
1.4.0
03.07.2019
New
- New font. Font Futura Condensed.
- New Components Application guide
- Include Toybox for visual Bug-Report
Improvements
- Fix image-gallery arrows
- Add image size dokumentation to image-gallery
- Update Typography documentation and cleanup weight with variables
- Add SKU in product detail Pattern
1.3.2
05.06.2019
Improvements
- Fixes offset hash icon in taglist
- Add --is-block modifier for video
- Fixes offset icon for badge-award in product-detail
1.3.1
03.06.2019
Improvements
- Fixes in Typo für rich-text and productboxes
- Add 100% width für picture-Elemtent in cards
1.3.0
28.05.2019
New
- New font. Font Futura Condensed.
Improvements
- Imagesize documentation for all components with images
- Fix Navigation-Onepager
- Fix accordion click-event on hole item-header
- Fix Headline lenght in stage on desktop
- Add description in teaser promo default pattern
- Fix data-target attribute in accordion
- Add documentation for Breakpoints
Deleted
- Font Futura Standard
1.2.0
23.04.2019
New
- added product-listing documentation
- added slider documentation
- added slider modifier for slider-series
- added form-search pattern
- added header language switch
Improvements
- improved product-listing styling
- improved markup for slider. Add wrapper .slider__container.
- improved header markup and styling. .headermeta-navigation and .headersearch with new markup.
Deleted
- Teasergrid
1.1.0
12.03.2019
New
- Include release notes on single page
- Build GUI template for documentations in katana
- added template-b
- added taglist pattern
- added link pattern
- added event description pattern
- added card pattern
- added button toggle
- added element listing
- added form select
- added alert pattern
- added video gallery pattern
- added video gallery documentation
- added image gallery pattern
- added page header documentation
- added video documentation
Improvements
- changed header markup
- changed template-a markup
- changed stage markup
- changed slider smarkup
- changed page section markup
- changed page header styling
- changed form text pattern
- changed form textarea pattern
- changed form pattern
- changed form radio styling
- changed form checkbox styling
- changed from group styling
- changed katana intro page
- changed stage documentation
Deprecated
- Teaser grid replaced by element listing