@total_onion/onion-library 2.0.3 → 2.0.4
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/components/block-carousel-multi-layout-v3/carousel-multi-layout-v3.js +0 -2
- package/components/block-carousel-multi-layout-v3/carousel-multi-layout-v3.scss +1 -2
- package/components/block-divider-v3/divider-v3.scss +0 -1
- package/components/block-group-container-v3/group-container-v3.js +0 -2
- package/components/block-nav-menu-container-v3/nav-menu-container-v3.js +0 -2
- package/components/block-post-info-v3/post-info-v3.js +0 -1
- package/components/block-product-info-v3/product-info-v3.js +0 -3
- package/components/block-product-info-v3/product-info-v3.twig +0 -1
- package/components/block-section-separator-v3/section-separator-v3.js +5 -6
- package/components/block-single-column-container-v3/single-column-container-v3.js +5 -6
- package/components/block-single-column-container-v3/single-column-container-v3.scss +0 -2
- package/components/block-single-responsive-image-v3/single-responsive-image-v3.scss +0 -2
- package/components/block-site-copyright-notice-v3/site-copyright-notice-v3.js +5 -5
- package/components/block-site-logo-container-v3/site-logo-container-v3.scss +1 -2
- package/components/block-site-title-and-tagline-v3/site-title-and-tagline-v3.js +5 -5
- package/components/block-site-title-and-tagline-v3/site-title-and-tagline-v3.scss +0 -2
- package/components/block-smash-balloon-social-media-v3/smash-balloon-social-media-v3.scss +1 -3
- package/components/block-standard-content-v3/standard-content-v3.js +0 -1
- package/components/block-standard-content-v3/standard-content-v3.scss +0 -2
- package/components/block-sticky-buy-cta-v3/sticky-buy-cta-v3.scss +0 -2
- package/components/block-sub-group-container-v3/sub-group-container-v3.scss +1 -2
- package/package.json +1 -1
- package/components/block-accent-image-v3/accent-image-v3-extra.scss +0 -2
- package/components/block-accordion-v3/accordion-v3-extra.scss +0 -2
- package/components/block-carousel-multi-layout-v3/carousel-multi-layout-v3-extra.js +0 -1
- package/components/block-cover-link-v3/cover-link-v3-extra.scss +0 -2
- package/components/block-divider-v3/divider-v3-extra.scss +0 -2
- package/components/block-form-selection-v3/form-selection-v3-extra.scss +0 -2
- package/components/block-gradient-layer-v3/gradient-layer-v3-extra.scss +0 -2
- package/components/block-group-container-v3/group-container-v3-extra.scss +0 -2
- package/components/block-lottie-content-v3/lottie-content-v3-extra.scss +0 -2
- package/components/block-market-selector-v3/market-selector-v3-extra.scss +0 -2
- package/components/block-modal-form-v3/modal-form-v3-extra.scss +0 -5
- package/components/block-nav-menu-container-v3/nav-menu-container-v3-extra.js +0 -1
- package/components/block-post-info-v3/post-info-v3-extra.js +0 -1
- package/components/block-product-info-v3/product-info-v3-extra.js +0 -1
- package/components/block-single-column-container-v3/single-column-container-v3-extra.scss +0 -2
- package/components/block-single-responsive-image-v3/single-responsive-image-v3-extra.scss +0 -2
- package/components/block-site-logo-container-v3/site-logo-container-v3-extra.scss +0 -2
- package/components/block-site-title-and-tagline-v3/site-title-and-tagline-v3-extra.scss +0 -2
- package/components/block-smash-balloon-social-media-v3/smash-balloon-social-media-v3-extra.scss +0 -2
- package/components/block-standard-content-v3/standard-content-v3-extra.js +0 -1
- package/components/block-standard-content-v3/standard-content-v3-extra.scss +0 -17
- package/components/block-sticky-buy-cta-v3/sticky-buy-cta-v3-extra.scss +0 -2
- package/components/block-sub-group-container/sub-group-container-extra.scss +0 -2
- package/components/block-sub-group-container/sub-group-container.scss +0 -27
- package/components/block-sub-group-container-v3/sub-group-container-v3-extra.scss +0 -2
- package/components/block-video-content-v3/video-content-v3-extra.scss +0 -2
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import {getSwiperAssetsV2} from '@total_onion/onion-utils/onion-utils.mjs';
|
|
2
|
-
import extraJs from 'Assets/js/blocks/carousel-multi-layout-v3/carousel-multi-layout-v3-extra.js';
|
|
3
2
|
|
|
4
3
|
export default function carouselmultilayoutv3Js(options = {}) {
|
|
5
4
|
try {
|
|
@@ -208,7 +207,6 @@ export default function carouselmultilayoutv3Js(options = {}) {
|
|
|
208
207
|
}
|
|
209
208
|
}
|
|
210
209
|
);
|
|
211
|
-
extraJs(block);
|
|
212
210
|
});
|
|
213
211
|
} catch (error) {
|
|
214
212
|
console.error(error);
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
@use '../fields-core-functions-v3/core-functions-v3';
|
|
3
3
|
@use '../component-element-positioning-v3/element-positioning-v3';
|
|
4
4
|
@use '../../breakpoints';
|
|
5
|
-
@use '../../node_modules/swiper/swiper-bundle.min.css';
|
|
5
|
+
// @use '../../node_modules/swiper/swiper-bundle.min.css';
|
|
6
6
|
|
|
7
7
|
.carousel-multi-layout-v3 {
|
|
8
8
|
display: grid;
|
|
@@ -154,4 +154,3 @@
|
|
|
154
154
|
}
|
|
155
155
|
}
|
|
156
156
|
}
|
|
157
|
-
// @include carousel-multi-layout-v3-extra.additionalStyles();
|
|
@@ -1,9 +1,6 @@
|
|
|
1
|
-
// LIBRARY FILE - Do not modify/override here as your changes will be lost when the package is updated.
|
|
2
|
-
import extraJs from 'Assets/js/blocks/product-info-v3/product-info-v3-extra';
|
|
3
1
|
export default function productinfov3Js(options = {}) {
|
|
4
2
|
const {block} = options;
|
|
5
3
|
try {
|
|
6
|
-
extraJs(block);
|
|
7
4
|
} catch (error) {
|
|
8
5
|
console.error(error);
|
|
9
6
|
}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
{# Do not edit this file outside of the component library as your changes will be lost with future updates. #}
|
|
2
1
|
{% set blockClassName = "product-info-v3" %}
|
|
3
2
|
{% set classNameEntryPoint = include('entry-points/entry-point-classes.twig', { fields, block }, with_context = false) %}
|
|
4
3
|
{% set htmlEntryPoint = include('entry-points/entry-point-html-v3.twig', { fields, block, blockClassName, options, environment, is_preview, cta_styles, nav_menus }, with_context = false) %}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
// LIBRARY FILE - Do not modify/override here as your changes will be lost when the package is updated.
|
|
2
1
|
export default function sectionseparatorv3Js(options = {}) {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
2
|
+
try {
|
|
3
|
+
const {block} = options;
|
|
4
|
+
} catch (error) {
|
|
5
|
+
console.error(error);
|
|
6
|
+
}
|
|
8
7
|
}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
// LIBRARY FILE - Do not modify/override here as your changes will be lost when the package is updated.
|
|
2
1
|
export default function singlecolumncontainerv3Js(options = {}) {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
2
|
+
try {
|
|
3
|
+
const {block} = options;
|
|
4
|
+
} catch (error) {
|
|
5
|
+
console.error(error);
|
|
6
|
+
}
|
|
8
7
|
}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
// @use 'Assets/scss/blocks/single-column-container-v3/single-column-container-v3-extra';
|
|
2
1
|
.single-column-container-v3 {
|
|
3
2
|
display: grid;
|
|
4
3
|
grid-template: 'main' / 1fr;
|
|
@@ -10,5 +9,4 @@
|
|
|
10
9
|
z-index: 5;
|
|
11
10
|
width: 100%;
|
|
12
11
|
}
|
|
13
|
-
// @include single-column-container-v3-extra.additionalStyles();
|
|
14
12
|
}
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
@use '../component-responsive-image-v3/responsive-image-v3';
|
|
2
|
-
// @use 'Assets/scss/blocks/single-responsive-image-v3/single-responsive-image-v3-extra';
|
|
3
2
|
|
|
4
3
|
.single-responsive-image-v3 {
|
|
5
4
|
@include responsive-image-v3.responsiveImage();
|
|
6
5
|
}
|
|
7
|
-
// @include single-responsive-image-v3-extra.additionalStyles();
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
@use '../fields-core-mixins-v3/core-mixins-v3';
|
|
2
2
|
@use '../fields-core-functions-v3/core-functions-v3';
|
|
3
3
|
@use '../../breakpoints';
|
|
4
|
-
|
|
4
|
+
|
|
5
5
|
.site-logo-container-v3 {
|
|
6
6
|
&__site-logo {
|
|
7
7
|
margin: auto;
|
|
@@ -26,5 +26,4 @@
|
|
|
26
26
|
&__site-logo-link {
|
|
27
27
|
display: flex;
|
|
28
28
|
}
|
|
29
|
-
// @include site-logo-container-v3-extra.additionalStyles();
|
|
30
29
|
}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
@use '../fields-core-mixins-v3/core-mixins-v3';
|
|
2
2
|
@use '../fields-core-functions-v3/core-functions-v3';
|
|
3
3
|
@use '../../breakpoints';
|
|
4
|
-
// @use 'Assets/scss/blocks/site-title-and-tagline-v3/site-title-and-tagline-v3-extra';
|
|
5
4
|
|
|
6
5
|
.site-title-and-tagline-v3 {
|
|
7
6
|
display: grid;
|
|
@@ -14,5 +13,4 @@
|
|
|
14
13
|
&__tagline {
|
|
15
14
|
font-weight: bold;
|
|
16
15
|
}
|
|
17
|
-
// @include site-title-and-tagline-v3-extra.additionalStyles();
|
|
18
16
|
}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
@use '../fields-core-mixins-v3/core-mixins-v3';
|
|
2
2
|
@use '../fields-core-functions-v3/core-functions-v3';
|
|
3
3
|
@use '../../breakpoints';
|
|
4
|
-
// @use 'Assets/scss/blocks/smash-balloon-social-media-v3/smash-balloon-social-media-v3-extra';
|
|
5
4
|
.smash-balloon-social-media-v3 {
|
|
6
5
|
position: relative;
|
|
7
6
|
max-width: 100vw;
|
|
@@ -11,7 +10,7 @@
|
|
|
11
10
|
pointer-events: all;
|
|
12
11
|
.sbi-owl-stage,
|
|
13
12
|
.sbi-owl-item {
|
|
14
|
-
min-width: core-functions.fluidSize(190, 'static');
|
|
13
|
+
min-width: core-functions-v3.fluidSize(190, 'static');
|
|
15
14
|
}
|
|
16
15
|
}
|
|
17
16
|
&[data-marquee] {
|
|
@@ -29,5 +28,4 @@
|
|
|
29
28
|
transform: translate3d(-50%, 0, 0);
|
|
30
29
|
}
|
|
31
30
|
}
|
|
32
|
-
// @include smash-balloon-social-media-v3-extra.additionalStyles();
|
|
33
31
|
}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
@use '../fields-core-mixins-v3/core-mixins-v3';
|
|
2
2
|
@use '../component-content-container-v3/content-container-v3';
|
|
3
|
-
// @use 'Assets/scss/blocks/standard-content-v3/standard-content-v3-extra';
|
|
4
3
|
|
|
5
4
|
.standard-content-v3 {
|
|
6
5
|
display: grid;
|
|
@@ -8,4 +7,3 @@
|
|
|
8
7
|
@include core-mixins-v3.responsiveShowHide(grid);
|
|
9
8
|
@include content-container-v3.contentContainerV3();
|
|
10
9
|
}
|
|
11
|
-
// @include standard-content-v3-extra.additionalStyles();
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
@use '../component-grid-layout-container-v3/grid-layout-container-v3';
|
|
3
3
|
@use '../component-flex-layout-container-v3/flex-layout-container-v3';
|
|
4
4
|
@use '../component-animations-v3/animations-v3';
|
|
5
|
-
|
|
5
|
+
|
|
6
6
|
.sub-group-container-v3 {
|
|
7
7
|
display: grid;
|
|
8
8
|
grid-template: 'main' / 1fr;
|
|
@@ -25,4 +25,3 @@
|
|
|
25
25
|
@include grid-layout-element-v3.gridLayoutElement();
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
|
-
// @include sub-group-container-v3-extra.additionalStyles();
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export default function (block) {}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export default function (block) {}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export default function (block) {}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export default function (block) {}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export default function (block) {}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
@mixin additionalStyles() {
|
|
2
|
-
// .standard-content-v3:has(
|
|
3
|
-
// .standard-content-v2__cover-link.cover-link-hover-effect
|
|
4
|
-
// ) {
|
|
5
|
-
// &:hover {
|
|
6
|
-
// .standard-content-v2__inner-container {
|
|
7
|
-
// * {
|
|
8
|
-
// color: red;
|
|
9
|
-
// }
|
|
10
|
-
// }
|
|
11
|
-
// }
|
|
12
|
-
// }
|
|
13
|
-
// &__cta-animation-style-1 {
|
|
14
|
-
// }
|
|
15
|
-
// &__wysiwyg-decoration-1 {
|
|
16
|
-
// }
|
|
17
|
-
}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
// LIBRARY FILE - Do not modify/override here as your changes will be lost when the package is updated.
|
|
2
|
-
@use 'Assets/scss/modules/library-modules/grid-layout-element/grid-layout-element';
|
|
3
|
-
@use 'Assets/scss/modules/library-modules/grid-layout-container/grid-layout-container';
|
|
4
|
-
@use 'Assets/scss/modules/library-modules/responsive-image/responsive-image';
|
|
5
|
-
// @use 'Assets/scss/modules/library-modules/animations/animations';
|
|
6
|
-
@use 'Assets/scss/blocks/sub-group-container/sub-group-container-extra';
|
|
7
|
-
@use 'Assets/scss/modules/library-modules/cover-link/cover-link';
|
|
8
|
-
.sub-group-container {
|
|
9
|
-
@include responsive-image.responsiveImage();
|
|
10
|
-
// @include animations.animations();
|
|
11
|
-
@include cover-link.coverLink();
|
|
12
|
-
}
|
|
13
|
-
.sub-group-container {
|
|
14
|
-
display: grid;
|
|
15
|
-
grid-template: 'main' / 1fr;
|
|
16
|
-
place-items: center;
|
|
17
|
-
&__grid-container {
|
|
18
|
-
grid-area: main;
|
|
19
|
-
place-self: stretch;
|
|
20
|
-
@include grid-layout-container.gridLayoutContainer();
|
|
21
|
-
}
|
|
22
|
-
&__block-container {
|
|
23
|
-
z-index: 5;
|
|
24
|
-
@include grid-layout-element.gridLayoutElement();
|
|
25
|
-
}
|
|
26
|
-
@include sub-group-container-extra.additionalStyles();
|
|
27
|
-
}
|