@total_onion/onion-library 2.0.1 → 2.0.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.
Files changed (34) hide show
  1. package/components/block-accent-image-v3/accent-image-v3-extra.scss +0 -3
  2. package/components/block-accent-image-v3/accent-image-v3.scss +0 -2
  3. package/components/block-accordion-v3/accordion-v3.scss +0 -3
  4. package/components/block-betterreviews-display-v3/betterreviews-display-v3.scss +0 -3
  5. package/components/block-block-interactions-v3/block-interactions-v3.scss +1 -2
  6. package/components/block-carousel-multi-layout-v3/carousel-multi-layout-v3.scss +1 -1
  7. package/components/block-cover-link-v3/cover-link-v3.scss +0 -2
  8. package/components/block-divider-v3/divider-v3.scss +0 -1
  9. package/components/block-form-selection-v3/form-selection-v3-extra.scss +0 -3
  10. package/components/block-form-selection-v3/form-selection-v3.scss +0 -3
  11. package/components/block-gradient-layer-v3/gradient-layer-v3.scss +0 -2
  12. package/components/block-group-container-v3/group-container-v3.twig +2 -1
  13. package/components/block-lottie-content-v3/lottie-content-v3.scss +0 -2
  14. package/components/block-market-selector-v3/market-selector-v3.scss +1 -2
  15. package/components/block-modal-form-v3/modal-form-v3.scss +1 -2
  16. package/components/block-nav-menu-container-v3/nav-menu-container-v3.scss +0 -3
  17. package/components/block-post-info-v3/post-info-v3.scss +0 -2
  18. package/components/block-product-info-v3/product-info-v3.scss +0 -1
  19. package/components/block-smash-balloon-social-media-v3/smash-balloon-social-media-v3.scss +5 -7
  20. package/components/component-core-group-container-styles-v3/core-group-container-styles-v3.scss +1 -1
  21. package/components/fields-core-css-modules-v3/core-css-modules-v3.scss +1 -0
  22. package/package.json +1 -1
  23. package/public/block-betterreviews-display-v3/betterreviews-display-v3.css +3 -1
  24. package/public/block-block-interactions-v3/block-interactions-v3.css +6 -6
  25. package/public/block-carousel-multi-layout-v3/carousel-multi-layout-v3.css +712 -0
  26. package/public/block-post-info-v3/post-info-v3.css +0 -186
  27. package/public/block-smash-balloon-social-media-v3/smash-balloon-social-media-v3.css +16 -0
  28. package/public/block-social-networks-v3/social-networks-v3.css +38 -209
  29. package/public/block-sub-group-container-v3/sub-group-container-v3.css +20 -0
  30. package/public/block-video-content-v3/video-content-v3.css +98 -0
  31. package/components/block-betterreviews-display-v3/betterreviews-display-v3-extra.js +0 -13
  32. package/components/block-betterreviews-display-v3/betterreviews-display-v3-extra.scss +0 -5
  33. package/components/block-block-interactions-v3/block-interactions-v3-extra.scss +0 -2
  34. package/components/block-carousel-multi-layout-v3/carousel-multi-layout-v3-extra.scss +0 -2
package/components/block-accent-image-v3/accent-image-v3-extra.scss CHANGED
@@ -1,5 +1,2 @@
1
- // @use 'Assets/scss/modules/library-modules/core-mixins/core-mixins';
2
- // @use 'Assets/scss/modules/library-modules/core-functions/core-functions';
3
- // @use '../../breakpoints';
4
1
  @mixin additionalStyles() {
5
2
  }
package/components/block-accent-image-v3/accent-image-v3.scss CHANGED
@@ -1,4 +1,2 @@
1
- // @use 'Assets/scss/blocks/accent-image-v3/accent-image-v3-extra';
2
1
  .accent-image-v3 {
3
- // @include accent-image-v3-extra.additionalStyles();
4
2
  }
package/components/block-accordion-v3/accordion-v3.scss CHANGED
@@ -2,7 +2,6 @@
2
2
  @use '../fields-core-functions-v3/core-functions-v3';
3
3
  @use '../component-content-container-settings-v3/content-container-settings-v3';
4
4
  @use '../../breakpoints';
5
- // @use 'Assets/scss/blocks/accordion-v3/accordion-v3-extra';
6
5
 
7
6
  .accordion-v3 {
8
7
  @include content-container-settings-v3.contentContainerSettingsV3();
@@ -192,5 +191,3 @@
192
191
  }
193
192
  }
194
193
  }
195
-
196
- // @include accordion-v3-extra.additionalStyles();
package/components/block-betterreviews-display-v3/betterreviews-display-v3.scss CHANGED
@@ -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/betterreviews-display-v3/betterreviews-display-v3-extra';
5
4
 
6
5
  .betterreviews-display-v3 {
7
6
  &.loaded {
@@ -81,8 +80,6 @@
81
80
  }
82
81
  }
83
82
  }
84
-
85
- // @include betterreviews-display-v3-extra.additionalStyles();
86
83
  }
87
84
 
88
85
  @keyframes slide-reveal-right {
package/components/block-block-interactions-v3/block-interactions-v3.scss CHANGED
@@ -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
- // @use 'Assets/scss/blocks/block-interactions-v3/block-interactions-v3-extra';
4
+
5
5
  .block-interactions-v3 {
6
6
  &__block-close-button {
7
7
  cursor: pointer;
@@ -27,5 +27,4 @@
27
27
  height: core-functions-v3.fluidSize(30, 'desktop');
28
28
  }
29
29
  }
30
- // @include block-interactions-v3-extra.additionalStyles();
31
30
  }
package/components/block-carousel-multi-layout-v3/carousel-multi-layout-v3.scss CHANGED
@@ -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 'NodeModules/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;
package/components/block-cover-link-v3/cover-link-v3.scss CHANGED
@@ -1,4 +1,2 @@
1
- // @use 'Assets/scss/blocks/cover-link-v3/cover-link-v3-extra';
2
1
  .cover-link-v3 {
3
- // @include cover-link-v3-extra.additionalStyles();
4
2
  }
package/components/block-divider-v3/divider-v3.scss CHANGED
@@ -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/divider-v3/divider-v3-extra';
5
4
 
6
5
  .divider-v3 {
7
6
  display: grid;
package/components/block-form-selection-v3/form-selection-v3-extra.scss CHANGED
@@ -1,5 +1,2 @@
1
- // @use 'Assets/scss/modules/library-modules/core-mixins/core-mixins';
2
- // @use 'Assets/scss/modules/library-modules/core-functions/core-functions';
3
- // @use '../../breakpoints';
4
1
  @mixin additionalStyles() {
5
2
  }
package/components/block-form-selection-v3/form-selection-v3.scss CHANGED
@@ -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/form-selection-v3/form-selection-v3-extra';
5
4
 
6
5
  .form-selection-v3 {
7
6
  pointer-events: all;
@@ -35,6 +34,4 @@
35
34
  top: core-functions-v3.fluidSize(20);
36
35
  right: core-functions-v3.fluidSize(20);
37
36
  }
38
-
39
- // @include form-selection-v3-extra.additionalStyles();
40
37
  }
package/components/block-gradient-layer-v3/gradient-layer-v3.scss CHANGED
@@ -1,8 +1,6 @@
1
1
  @use '../component-gradient-overlay-v3/gradient-overlay-v3';
2
- // @use 'Assets/scss/blocks/gradient-layer-v3/gradient-layer-v3-extra';
3
2
  .gradient-layer-v3 {
4
3
  display: grid;
5
4
  grid-template: 'main' / 1fr;
6
5
  @include gradient-overlay-v3.gradientOverlay();
7
- // @include gradient-layer-v3-extra.additionalStyles();
8
6
  }
package/components/block-group-container-v3/group-container-v3.twig CHANGED
@@ -32,7 +32,8 @@
32
32
  {{sectionStyles}}
33
33
  }
34
34
  </style>
35
- <{{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}}">
35
+ <{{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}}">
36
+
36
37
  {% if block %}
37
38
  {% set block = block|merge({'videoIdPrefix' : block.id }) %}
38
39
  {% endif %}
package/components/block-lottie-content-v3/lottie-content-v3.scss CHANGED
@@ -1,4 +1,2 @@
1
- // @use 'Assets/scss/blocks/lottie-content-v3/lottie-content-v3-extra';
2
1
  .lottie-content-v3 {
3
- // @include lottie-content-v3-extra.additionalStyles();
4
2
  }
package/components/block-market-selector-v3/market-selector-v3.scss CHANGED
@@ -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
- // @use 'Assets/scss/blocks/market-selector-v3/market-selector-v3-extra';
4
+
5
5
  .market-selector-v3 {
6
6
  pointer-events: all;
7
7
  display: grid;
@@ -117,5 +117,4 @@
117
117
  &__icon {
118
118
  display: flex;
119
119
  }
120
- // @include market-selector-v3-extra.additionalStyles();
121
120
  }
package/components/block-modal-form-v3/modal-form-v3.scss CHANGED
@@ -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/modal-form-v3/modal-form-v3-extra';
4
+
5
5
  .modal-form-v3 {
6
- // @include modal-form-v3-extra.additionalStyles();
7
6
  }
package/components/block-nav-menu-container-v3/nav-menu-container-v3.scss CHANGED
@@ -1,6 +1,3 @@
1
- // @use 'Assets/scss/modules/library-modules/nav-menu-slide-in-panel/nav-menu-slide-in-panel';
2
-
3
1
  .nav-menu-container-v3 {
4
2
  pointer-events: all;
5
- // @include nav-menu-slide-in-panel.navMenuSlideInPanel();
6
3
  }
package/components/block-post-info-v3/post-info-v3.scss CHANGED
@@ -7,7 +7,6 @@
7
7
  @use '../component-gradient-overlay-v3/gradient-overlay-v3';
8
8
  @use '../component-social-media-share-v3/social-media-share-v3';
9
9
  @use '../component-better-reviews-v3/better-reviews-v3';
10
- // @use 'Assets/scss/blocks/post-info-v3/post-info-v3-extra';
11
10
  @use '../../breakpoints';
12
11
 
13
12
  .post-info-v3 {
@@ -190,4 +189,3 @@
190
189
  @include grid-layout-element-v3.gridLayoutElement();
191
190
  }
192
191
  }
193
- // @include post-info-v3-extra.additionalStyles();
package/components/block-product-info-v3/product-info-v3.scss CHANGED
@@ -6,7 +6,6 @@
6
6
  @use '../component-content-container-settings-v3/content-container-settings-v3';
7
7
  @use '../component-gradient-overlay-v3/gradient-overlay-v3';
8
8
  @use '../../breakpoints';
9
- // @use 'Assets/scss/blocks/product-info-v3/product-info-v3-extra';
10
9
 
11
10
  .product-info-v3 {
12
11
  display: grid;
package/components/block-smash-balloon-social-media-v3/smash-balloon-social-media-v3.scss CHANGED
@@ -1,10 +1,7 @@
1
- // @use 'Assets/scss/modules/library-modules/core-mixins/core-mixins';
2
- // @use 'Assets/scss/modules/library-modules/core-functions/core-functions';
3
- // @use 'Assets/scss/theme/breakpoints';
4
1
  @use '../fields-core-mixins-v3/core-mixins-v3';
5
2
  @use '../fields-core-functions-v3/core-functions-v3';
6
3
  @use '../../breakpoints';
7
- @use 'Assets/scss/blocks/smash-balloon-social-media-v3/smash-balloon-social-media-v3-extra';
4
+ // @use 'Assets/scss/blocks/smash-balloon-social-media-v3/smash-balloon-social-media-v3-extra';
8
5
  .smash-balloon-social-media-v3 {
9
6
  position: relative;
10
7
  max-width: 100vw;
@@ -12,8 +9,9 @@
12
9
  width: 100%;
13
10
  position: relative;
14
11
  pointer-events: all;
15
- .sbi-owl-stage {
16
- min-width: core-functions-v3.fluidSize(190, 'static');
12
+ .sbi-owl-stage,
13
+ .sbi-owl-item {
14
+ min-width: core-functions.fluidSize(190, 'static');
17
15
  }
18
16
  }
19
17
  &[data-marquee] {
@@ -31,5 +29,5 @@
31
29
  transform: translate3d(-50%, 0, 0);
32
30
  }
33
31
  }
34
- @include smash-balloon-social-media-v3-extra.additionalStyles();
32
+ // @include smash-balloon-social-media-v3-extra.additionalStyles();
35
33
  }
package/components/component-core-group-container-styles-v3/core-group-container-styles-v3.scss CHANGED
@@ -6,7 +6,7 @@
6
6
  @use '../../breakpoints';
7
7
 
8
8
  @mixin coreGroupContainerStylesV3() {
9
- .core-group-container {
9
+ .cmpl-core-group-container {
10
10
  display: grid;
11
11
  grid-template: 'main' / 1fr;
12
12
  place-items: center;
package/components/fields-core-css-modules-v3/core-css-modules-v3.scss CHANGED
@@ -3,6 +3,7 @@
3
3
  @use '../component-block-padding-v3/block-padding-v3';
4
4
  @use '../component-block-settings-v3/block-settings-v3';
5
5
  @use '../fields-core-cta-v3/core-cta-v3';
6
+ @use '../component-core-group-container-styles-v3/core-group-container-styles-v3';
6
7
  @mixin coreCssModulesV3() {
7
8
  @include block-padding-v3.blockPadding();
8
9
  @include animations-v3.animations();
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@total_onion/onion-library",
3
- "version": "2.0.1",
3
+ "version": "2.0.3",
4
4
  "description": "Component library",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/public/block-betterreviews-display-v3/betterreviews-display-v3.css CHANGED
@@ -1,9 +1,11 @@
1
+ .betterreviews-display-v3.loaded .better-reviews__criteria-stars {
2
+ animation: slide-reveal-right 1s 2s ease-out forwards;
3
+ }
1
4
  .betterreviews-display-v3 .better-reviews__average .better-reviews__criteria-stars {
2
5
  --star-count: 5;
3
6
  --star-size: 16px;
4
7
  --better-reviews-star-width: calc( var(--star-count) * var(--star-size) + (var(--star-count) - 1) * 0px );
5
8
  opacity: 0;
6
- animation: slide-reveal-right 1s 0.5s ease-out forwards;
7
9
  position: relative;
8
10
  width: calc(5 * 16px + (5 - 1) * 0px);
9
11
  width: var(--better-reviews-star-width);
package/public/block-block-interactions-v3/block-interactions-v3.css CHANGED
@@ -17,18 +17,18 @@
17
17
  cursor: pointer;
18
18
  }
19
19
  .block-interactions-v3 svg {
20
- width: calc(20 / var(--design-reference) * var(--screen-width));
21
- height: calc(20 / var(--design-reference) * var(--screen-width));
20
+ width: calc(30 / var(--design-reference) * var(--screen-width));
21
+ height: calc(30 / var(--design-reference) * var(--screen-width));
22
22
  }
23
23
  @media screen and (min-width: 768px) {
24
24
  .block-interactions-v3 svg {
25
- width: calc(20 / var(--design-reference) * var(--screen-width));
26
- height: calc(20 / var(--design-reference) * var(--screen-width));
25
+ width: calc(30 / var(--design-reference) * var(--screen-width));
26
+ height: calc(30 / var(--design-reference) * var(--screen-width));
27
27
  }
28
28
  }
29
29
  @media screen and (min-width: 1024px) {
30
30
  .block-interactions-v3 svg {
31
- width: calc(20 / var(--design-reference) * var(--screen-width));
32
- height: calc(20 / var(--design-reference) * var(--screen-width));
31
+ width: calc(30 / var(--design-reference) * var(--screen-width));
32
+ height: calc(30 / var(--design-reference) * var(--screen-width));
33
33
  }
34
34
  }