@total_onion/onion-library 2.0.2 → 2.0.4

package/components/block-accent-image-v3/accent-image-v3.scss

@@ -1,4 +1,2 @@
-// @use 'Assets/scss/blocks/accent-image-v3/accent-image-v3-extra';
 .accent-image-v3 {
-	// @include accent-image-v3-extra.additionalStyles();
 }

package/components/block-accordion-v3/accordion-v3.scss

@@ -2,7 +2,6 @@
 @use '../fields-core-functions-v3/core-functions-v3';
 @use '../component-content-container-settings-v3/content-container-settings-v3';
 @use '../../breakpoints';
-// @use 'Assets/scss/blocks/accordion-v3/accordion-v3-extra';
 
 .accordion-v3 {
 	@include content-container-settings-v3.contentContainerSettingsV3();
@@ -192,5 +191,3 @@
 		}
 	}
 }
-
-// @include accordion-v3-extra.additionalStyles();

package/components/block-betterreviews-display-v3/betterreviews-display-v3.scss

@@ -1,7 +1,6 @@
 @use '../fields-core-mixins-v3/core-mixins-v3';
 @use '../fields-core-functions-v3/core-functions-v3';
 @use '../../breakpoints';
-// @use 'Assets/scss/blocks/betterreviews-display-v3/betterreviews-display-v3-extra';
 
 .betterreviews-display-v3 {
 	&.loaded {
@@ -81,8 +80,6 @@
 			}
 		}
 	}
-
-	// @include betterreviews-display-v3-extra.additionalStyles();
 }
 
 @keyframes slide-reveal-right {

package/components/block-block-interactions-v3/block-interactions-v3.scss

@@ -1,7 +1,7 @@
 @use '../fields-core-mixins-v3/core-mixins-v3';
 @use '../fields-core-functions-v3/core-functions-v3';
 @use '../../breakpoints';
-// @use 'Assets/scss/blocks/block-interactions-v3/block-interactions-v3-extra';
+
 .block-interactions-v3 {
 	&__block-close-button {
 		cursor: pointer;
@@ -27,5 +27,4 @@
 			height: core-functions-v3.fluidSize(30, 'desktop');
 		}
 	}
-	// @include block-interactions-v3-extra.additionalStyles();
 }

package/components/block-carousel-multi-layout-v3/carousel-multi-layout-v3.js

@@ -1,5 +1,4 @@
 import {getSwiperAssetsV2} from '@total_onion/onion-utils/onion-utils.mjs';
-import extraJs from 'Assets/js/blocks/carousel-multi-layout-v3/carousel-multi-layout-v3-extra.js';
 
 export default function carouselmultilayoutv3Js(options = {}) {
 	try {
@@ -208,7 +207,6 @@ export default function carouselmultilayoutv3Js(options = {}) {
 					}
 				}
 			);
-			extraJs(block);
 		});
 	} catch (error) {
 		console.error(error);

package/components/block-carousel-multi-layout-v3/carousel-multi-layout-v3.scss

@@ -2,7 +2,7 @@
 @use '../fields-core-functions-v3/core-functions-v3';
 @use '../component-element-positioning-v3/element-positioning-v3';
 @use '../../breakpoints';
-@use 'NodeModules/swiper/swiper-bundle.min.css';
+// @use '../../node_modules/swiper/swiper-bundle.min.css';
 
 .carousel-multi-layout-v3 {
 	display: grid;
@@ -154,4 +154,3 @@
 		}
 	}
 }
-// @include carousel-multi-layout-v3-extra.additionalStyles();

package/components/block-cover-link-v3/cover-link-v3.scss

@@ -1,4 +1,2 @@
-// @use 'Assets/scss/blocks/cover-link-v3/cover-link-v3-extra';
 .cover-link-v3 {
-	// @include cover-link-v3-extra.additionalStyles();
 }

package/components/block-divider-v3/divider-v3.scss

@@ -1,7 +1,6 @@
 @use '../fields-core-mixins-v3/core-mixins-v3';
 @use '../fields-core-functions-v3/core-functions-v3';
 @use '../../breakpoints';
-// @use '../Assets/scss/blocks/divider-v3/divider-v3-extra';
 
 .divider-v3 {
 	display: grid;
@@ -93,5 +92,4 @@
 			);
 		}
 	}
-	// @include divider-v3-extra.additionalStyles();
 }

package/components/block-form-selection-v3/form-selection-v3.scss

@@ -1,7 +1,6 @@
 @use '../fields-core-mixins-v3/core-mixins-v3';
 @use '../fields-core-functions-v3/core-functions-v3';
 @use '../../breakpoints';
-// @use 'Assets/scss/blocks/form-selection-v3/form-selection-v3-extra';
 
 .form-selection-v3 {
 	pointer-events: all;
@@ -35,6 +34,4 @@
 		top: core-functions-v3.fluidSize(20);
 		right: core-functions-v3.fluidSize(20);
 	}
-
-	// @include form-selection-v3-extra.additionalStyles();
 }

package/components/block-gradient-layer-v3/gradient-layer-v3.scss

@@ -1,8 +1,6 @@
 @use '../component-gradient-overlay-v3/gradient-overlay-v3';
-// @use 'Assets/scss/blocks/gradient-layer-v3/gradient-layer-v3-extra';
 .gradient-layer-v3 {
 	display: grid;
 	grid-template: 'main' / 1fr;
 	@include gradient-overlay-v3.gradientOverlay();
-	// @include gradient-layer-v3-extra.additionalStyles();
 }

package/components/block-group-container-v3/group-container-v3.js

@@ -1,8 +1,6 @@
-import extraJs from 'Assets/js/blocks/group-container-v3/group-container-v3-extra.js';
 export default function groupcontainerv3Js(options = {}) {
 	try {
 		const {block} = options;
-		extraJs(block);
 	} catch (error) {
 		console.error(error);
 	}

package/components/block-group-container-v3/group-container-v3.twig

@@ -32,7 +32,8 @@
 		{{sectionStyles}}
 	}
 </style>
-<{{blockElementType}} {{block.anchor ? "id=" ~ block.anchor : ''}} class="group-container-v3 core-group-container {{blockClassName}} {{block.className}} {{classNameEntryPoint}} lazy-fade {{block.id}}" data-blockid="{{block.id}}" {{dataAttributeEntryPoint}} data-assetkey="group-container-v3" data-render-dynamic="{{renderDynamic}}" data-render-dynamic-suffix="{{renderDynamicSuffix}}">
+<{{blockElementType}} {{block.anchor ? "id=" ~ block.anchor : ''}} class="group-container-v3 cmpl-core-group-container {{blockClassName}} {{block.className}} {{classNameEntryPoint}} lazy-fade {{block.id}}" data-blockid="{{block.id}}" {{dataAttributeEntryPoint}} data-assetkey="group-container-v3" data-render-dynamic="{{renderDynamic}}" data-render-dynamic-suffix="{{renderDynamicSuffix}}">
+
 	{% if block %}
 		{% set block = block|merge({'videoIdPrefix' : block.id }) %}
 	{% endif %}

package/components/block-lottie-content-v3/lottie-content-v3.scss

@@ -1,4 +1,2 @@
-// @use 'Assets/scss/blocks/lottie-content-v3/lottie-content-v3-extra';
 .lottie-content-v3 {
-	// @include lottie-content-v3-extra.additionalStyles();
 }

package/components/block-market-selector-v3/market-selector-v3.scss

@@ -1,7 +1,7 @@
 @use '../fields-core-mixins-v3/core-mixins-v3';
 @use '../fields-core-functions-v3/core-functions-v3';
 @use '../../breakpoints';
-// @use 'Assets/scss/blocks/market-selector-v3/market-selector-v3-extra';
+
 .market-selector-v3 {
 	pointer-events: all;
 	display: grid;
@@ -117,5 +117,4 @@
 	&__icon {
 		display: flex;
 	}
-	// @include market-selector-v3-extra.additionalStyles();
 }

package/components/block-modal-form-v3/modal-form-v3.scss

@@ -1,7 +1,6 @@
 @use '../fields-core-mixins-v3/core-mixins-v3';
 @use '../fields-core-functions-v3/core-functions-v3';
 @use '../../breakpoints';
-// @use 'Assets/scss/blocks/modal-form-v3/modal-form-v3-extra';
+
 .modal-form-v3 {
-	// @include modal-form-v3-extra.additionalStyles();
 }

package/components/block-nav-menu-container-v3/nav-menu-container-v3.js

@@ -1,5 +1,3 @@
-import extraJs from 'Assets/js/blocks/nav-menu-container-v3/nav-menu-container-v3-extra';
-
 export default function navmenucontainerv3Js(options = {}) {
 	try {
 		const {block} = options;

package/components/block-nav-menu-container-v3/nav-menu-container-v3.scss

@@ -1,6 +1,3 @@
-// @use 'Assets/scss/modules/library-modules/nav-menu-slide-in-panel/nav-menu-slide-in-panel';
-
 .nav-menu-container-v3 {
 	pointer-events: all;
-	// @include nav-menu-slide-in-panel.navMenuSlideInPanel();
 }

package/components/block-post-info-v3/post-info-v3.js

@@ -1,4 +1,3 @@
-import extraJs from 'Assets/js/blocks/post-info-v3/post-info-v3-extra';
 // import videocontroller from '@total_onion/onion-videocontroller/onion-videocontroller.js';
 
 export default function postinfov3Js(options = {}) {

package/components/block-post-info-v3/post-info-v3.scss

@@ -7,7 +7,6 @@
 @use '../component-gradient-overlay-v3/gradient-overlay-v3';
 @use '../component-social-media-share-v3/social-media-share-v3';
 @use '../component-better-reviews-v3/better-reviews-v3';
-// @use 'Assets/scss/blocks/post-info-v3/post-info-v3-extra';
 @use '../../breakpoints';
 
 .post-info-v3 {
@@ -190,4 +189,3 @@
 		@include grid-layout-element-v3.gridLayoutElement();
 	}
 }
-// @include post-info-v3-extra.additionalStyles();

package/components/block-product-info-v3/product-info-v3.js

@@ -1,9 +1,6 @@
-// LIBRARY FILE - Do not modify/override here as your changes will be lost when the package is updated.
-import extraJs from 'Assets/js/blocks/product-info-v3/product-info-v3-extra';
 export default function productinfov3Js(options = {}) {
 	const {block} = options;
 	try {
-		extraJs(block);
 	} catch (error) {
 		console.error(error);
 	}

package/components/block-product-info-v3/product-info-v3.scss

@@ -6,7 +6,6 @@
 @use '../component-content-container-settings-v3/content-container-settings-v3';
 @use '../component-gradient-overlay-v3/gradient-overlay-v3';
 @use '../../breakpoints';
-// @use 'Assets/scss/blocks/product-info-v3/product-info-v3-extra';
 
 .product-info-v3 {
 	display: grid;

package/components/block-product-info-v3/product-info-v3.twig

@@ -1,4 +1,3 @@
-{# Do not edit this file outside of the component library as your changes will be lost with future updates. #}
 {% set blockClassName = "product-info-v3" %}
 {% set classNameEntryPoint = include('entry-points/entry-point-classes.twig', { fields, block }, with_context = false) %}
 {% set htmlEntryPoint = include('entry-points/entry-point-html-v3.twig', { fields, block, blockClassName, options, environment, is_preview, cta_styles, nav_menus }, with_context = false) %}

package/components/block-section-separator-v3/section-separator-v3.js

@@ -1,8 +1,7 @@
-// LIBRARY FILE - Do not modify/override here as your changes will be lost when the package is updated.
 export default function sectionseparatorv3Js(options = {}) {
-	// try {
-	// 	const {block} = options;
-	// } catch (error) {
-	// 	console.error(error);
-	// }
+	try {
+		const {block} = options;
+	} catch (error) {
+		console.error(error);
+	}
 }

package/components/block-single-column-container-v3/single-column-container-v3.js

@@ -1,8 +1,7 @@
-// LIBRARY FILE - Do not modify/override here as your changes will be lost when the package is updated.
 export default function singlecolumncontainerv3Js(options = {}) {
-	// try {
-	// 	const {block} = options;
-	// } catch (error) {
-	// 	console.error(error);
-	// }
+	try {
+		const {block} = options;
+	} catch (error) {
+		console.error(error);
+	}
 }

package/components/block-single-column-container-v3/single-column-container-v3.scss

@@ -1,4 +1,3 @@
-// @use 'Assets/scss/blocks/single-column-container-v3/single-column-container-v3-extra';
 .single-column-container-v3 {
 	display: grid;
 	grid-template: 'main' / 1fr;
@@ -10,5 +9,4 @@
 		z-index: 5;
 		width: 100%;
 	}
-	// @include single-column-container-v3-extra.additionalStyles();
 }

package/components/block-single-responsive-image-v3/single-responsive-image-v3.scss

@@ -1,7 +1,5 @@
 @use '../component-responsive-image-v3/responsive-image-v3';
-// @use 'Assets/scss/blocks/single-responsive-image-v3/single-responsive-image-v3-extra';
 
 .single-responsive-image-v3 {
 	@include responsive-image-v3.responsiveImage();
 }
-// @include single-responsive-image-v3-extra.additionalStyles();

package/components/block-site-copyright-notice-v3/site-copyright-notice-v3.js

@@ -1,7 +1,7 @@
 export default function sitecopyrightnoticev3Js(options = {}) {
-	// try {
-	// 	const { block } = options;
-	// } catch ( error ) {
-	// 	console.error( error );
-	// }
+	try {
+		const {block} = options;
+	} catch (error) {
+		console.error(error);
+	}
 }

package/components/block-site-logo-container-v3/site-logo-container-v3.scss

@@ -1,7 +1,7 @@
 @use '../fields-core-mixins-v3/core-mixins-v3';
 @use '../fields-core-functions-v3/core-functions-v3';
 @use '../../breakpoints';
-// @use 'Assets/scss/blocks/site-logo-container-v3/site-logo-container-v3-extra';
+
 .site-logo-container-v3 {
 	&__site-logo {
 		margin: auto;
@@ -26,5 +26,4 @@
 	&__site-logo-link {
 		display: flex;
 	}
-	// @include site-logo-container-v3-extra.additionalStyles();
 }

package/components/block-site-title-and-tagline-v3/site-title-and-tagline-v3.js

@@ -1,7 +1,7 @@
 export default function sitetitleandtaglinev3Js(options = {}) {
-	// try {
-	// 	const { block } = options;
-	// } catch ( error ) {
-	// 	console.error( error );
-	// }
+	try {
+		const {block} = options;
+	} catch (error) {
+		console.error(error);
+	}
 }

package/components/block-site-title-and-tagline-v3/site-title-and-tagline-v3.scss

@@ -1,7 +1,6 @@
 @use '../fields-core-mixins-v3/core-mixins-v3';
 @use '../fields-core-functions-v3/core-functions-v3';
 @use '../../breakpoints';
-// @use 'Assets/scss/blocks/site-title-and-tagline-v3/site-title-and-tagline-v3-extra';
 
 .site-title-and-tagline-v3 {
 	display: grid;
@@ -14,5 +13,4 @@
 	&__tagline {
 		font-weight: bold;
 	}
-	// @include site-title-and-tagline-v3-extra.additionalStyles();
 }

package/components/block-smash-balloon-social-media-v3/smash-balloon-social-media-v3.scss

@@ -1,10 +1,6 @@
-// @use 'Assets/scss/modules/library-modules/core-mixins/core-mixins';
-// @use 'Assets/scss/modules/library-modules/core-functions/core-functions';
-// @use 'Assets/scss/theme/breakpoints';
 @use '../fields-core-mixins-v3/core-mixins-v3';
 @use '../fields-core-functions-v3/core-functions-v3';
 @use '../../breakpoints';
-@use 'Assets/scss/blocks/smash-balloon-social-media-v3/smash-balloon-social-media-v3-extra';
 .smash-balloon-social-media-v3 {
 	position: relative;
 	max-width: 100vw;
@@ -12,7 +8,8 @@
 		width: 100%;
 		position: relative;
 		pointer-events: all;
-        .sbi-owl-stage {
+		.sbi-owl-stage,
+		.sbi-owl-item {
 			min-width: core-functions-v3.fluidSize(190, 'static');
 		}
 	}
@@ -31,5 +28,4 @@
 			transform: translate3d(-50%, 0, 0);
 		}
 	}
-	@include smash-balloon-social-media-v3-extra.additionalStyles();
 }

package/components/block-standard-content-v3/standard-content-v3.js

@@ -1,4 +1,3 @@
-import extraJs from 'Assets/js/blocks/standard-content-v3/standard-content-v3-extra.js';
 export default function standardcontentv3Js(options = {}) {
 	try {
 		const {block} = options;

package/components/block-standard-content-v3/standard-content-v3.scss

@@ -1,6 +1,5 @@
 @use '../fields-core-mixins-v3/core-mixins-v3';
 @use '../component-content-container-v3/content-container-v3';
-// @use 'Assets/scss/blocks/standard-content-v3/standard-content-v3-extra';
 
 .standard-content-v3 {
 	display: grid;
@@ -8,4 +7,3 @@
 	@include core-mixins-v3.responsiveShowHide(grid);
 	@include content-container-v3.contentContainerV3();
 }
-// @include standard-content-v3-extra.additionalStyles();

package/components/block-sticky-buy-cta-v3/sticky-buy-cta-v3.scss

@@ -1,4 +1,2 @@
-// @use 'Assets/scss/blocks/sticky-buy-cta-v3/sticky-buy-cta-v3-extra';
 .sticky-buy-cta-v3 {
-	// @include sticky-buy-cta-v3-extra.additionalStyles();
 }

package/components/block-sub-group-container-v3/sub-group-container-v3.scss

@@ -2,7 +2,7 @@
 @use '../component-grid-layout-container-v3/grid-layout-container-v3';
 @use '../component-flex-layout-container-v3/flex-layout-container-v3';
 @use '../component-animations-v3/animations-v3';
-// @use 'Assets/scss/blocks/sub-group-container-v3/sub-group-container-v3-extra';
+
 .sub-group-container-v3 {
 	display: grid;
 	grid-template: 'main' / 1fr;
@@ -25,4 +25,3 @@
 		@include grid-layout-element-v3.gridLayoutElement();
 	}
 }
-// @include sub-group-container-v3-extra.additionalStyles();

package/components/component-core-group-container-styles-v3/core-group-container-styles-v3.scss

@@ -6,7 +6,7 @@
 @use '../../breakpoints';
 
 @mixin coreGroupContainerStylesV3() {
-	.core-group-container {
+	.cmpl-core-group-container {
 		display: grid;
 		grid-template: 'main' / 1fr;
 		place-items: center;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@total_onion/onion-library",
-	"version": "2.0.2",
+	"version": "2.0.4",
 	"description": "Component library",
 	"main": "index.js",
 	"scripts": {

package/public/block-betterreviews-display-v3/betterreviews-display-v3.css

@@ -1,9 +1,11 @@
+.betterreviews-display-v3.loaded .better-reviews__criteria-stars {
+  animation: slide-reveal-right 1s 2s ease-out forwards;
+}
 .betterreviews-display-v3 .better-reviews__average .better-reviews__criteria-stars {
   --star-count: 5;
   --star-size: 16px;
   --better-reviews-star-width: calc( var(--star-count) * var(--star-size) + (var(--star-count) - 1) * 0px );
   opacity: 0;
-  animation: slide-reveal-right 1s 0.5s ease-out forwards;
   position: relative;
   width: calc(5 * 16px + (5 - 1) * 0px);
   width: var(--better-reviews-star-width);

package/public/block-block-interactions-v3/block-interactions-v3.css

@@ -17,18 +17,18 @@
   cursor: pointer;
 }
 .block-interactions-v3 svg {
-  width: calc(20 / var(--design-reference) * var(--screen-width));
-  height: calc(20 / var(--design-reference) * var(--screen-width));
+  width: calc(30 / var(--design-reference) * var(--screen-width));
+  height: calc(30 / var(--design-reference) * var(--screen-width));
 }
 @media screen and (min-width: 768px) {
   .block-interactions-v3 svg {
-    width: calc(20 / var(--design-reference) * var(--screen-width));
-    height: calc(20 / var(--design-reference) * var(--screen-width));
+    width: calc(30 / var(--design-reference) * var(--screen-width));
+    height: calc(30 / var(--design-reference) * var(--screen-width));
   }
 }
 @media screen and (min-width: 1024px) {
   .block-interactions-v3 svg {
-    width: calc(20 / var(--design-reference) * var(--screen-width));
-    height: calc(20 / var(--design-reference) * var(--screen-width));
+    width: calc(30 / var(--design-reference) * var(--screen-width));
+    height: calc(30 / var(--design-reference) * var(--screen-width));
   }
 }