@total_onion/onion-library 1.0.56 → 1.0.58

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 (14) hide show
  1. package/components/block-block-interactions-v3/block-interactions-v3-extra.scss +3 -3
  2. package/components/block-block-interactions-v3/block-interactions-v3.scss +12 -13
  3. package/components/block-carousel-multi-layout-v3/carousel-multi-layout-v3.scss +24 -24
  4. package/components/block-cover-link-v3/cover-link-v3.scss +1 -4
  5. package/components/block-post-info-v3/post-info-v3.scss +10 -10
  6. package/components/block-site-logo-container-v3/site-logo-container-v3.scss +7 -7
  7. package/components/block-site-title-and-tagline-v3/site-title-and-tagline-v3-extra.scss +5 -0
  8. package/components/block-site-title-and-tagline-v3/site-title-and-tagline-v3.js +7 -0
  9. package/components/block-site-title-and-tagline-v3/site-title-and-tagline-v3.php +14 -0
  10. package/components/block-site-title-and-tagline-v3/site-title-and-tagline-v3.scss +18 -0
  11. package/components/block-site-title-and-tagline-v3/site-title-and-tagline-v3.twig +24 -0
  12. package/components/block-spacer-v3/spacer-v3.scss +3 -3
  13. package/components/block-video-content-v3/video-content-v3.scss +1 -4
  14. package/package.json +1 -1
package/components/block-block-interactions-v3/block-interactions-v3-extra.scss CHANGED
@@ -1,6 +1,6 @@
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';
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
4
  @mixin additionalStyles() {
5
5
 
6
6
  }
package/components/block-block-interactions-v3/block-interactions-v3.scss CHANGED
@@ -1,25 +1,24 @@
1
- @use 'Assets/scss/modules/library-modules/core-mixins/core-mixins';
2
- @use 'Assets/scss/modules/library-modules/core-functions/core-functions';
1
+ @use 'Assets/scss/modules/library-modules/core-mixins-v3/core-mixins-v3';
2
+ @use 'Assets/scss/modules/library-modules/core-functions-v3/core-functions-v3';
3
3
  @use 'Assets/scss/theme/breakpoints';
4
4
  @use 'Assets/scss/blocks/block-interactions-v3/block-interactions-v3-extra';
5
5
  .block-interactions-v3 {
6
- @include block-interactions-v3-extra.additionalStyles();
7
-
8
6
  &__block-close-button {
9
7
  cursor: pointer;
10
8
  border: unset;
11
9
  background: unset;
12
10
  }
13
11
  &__block-close-button-icon {
14
- width: core-functions.fluidSize(20, 'mobile');
15
- height: core-functions.fluidSize(20, 'mobile');
16
- @include core-mixins.device(breakpoints.$tabPortrait) {
17
- width: core-functions.fluidSize(30, 'portrait');
18
- height: core-functions.fluidSize(30, 'portrait');
12
+ width: core-functions-v3.fluidSize(20, 'mobile');
13
+ height: core-functions-v3.fluidSize(20, 'mobile');
14
+ @include core-mixins-v3.device(breakpoints.$tabPortrait) {
15
+ width: core-functions-v3.fluidSize(30, 'portrait');
16
+ height: core-functions-v3.fluidSize(30, 'portrait');
19
17
  }
20
- @include core-mixins.device(breakpoints.$tabLandscape) {
21
- width: core-functions.fluidSize(40, 'desktop');
22
- height: core-functions.fluidSize(40, 'desktop');
18
+ @include core-mixins-v3.device(breakpoints.$tabLandscape) {
19
+ width: core-functions-v3.fluidSize(40, 'desktop');
20
+ height: core-functions-v3.fluidSize(40, 'desktop');
23
21
  }
24
22
  }
25
- }
23
+ @include block-interactions-v3-extra.additionalStyles();
24
+ }
package/components/block-carousel-multi-layout-v3/carousel-multi-layout-v3.scss CHANGED
@@ -1,9 +1,9 @@
1
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/core-mixins/core-mixins';
3
- @use 'Assets/scss/blocks/carousel-multi-layout-v3/carousel-multi-layout-v3-extra';
4
- @use 'Assets/scss/modules/library-modules/core-functions/core-functions';
5
- @use 'Assets/scss/theme/breakpoints';
2
+ @use 'Assets/scss/modules/library-modules/core-mixins-v3/core-mixins-v3';
3
+ @use 'Assets/scss/modules/library-modules/core-functions-v3/core-functions-v3';
6
4
  @use 'Assets/scss/modules/library-modules/element-positioning/element-positioning';
5
+ @use 'Assets/scss/theme/breakpoints';
6
+ @use 'Assets/scss/blocks/carousel-multi-layout-v3/carousel-multi-layout-v3-extra';
7
7
 
8
8
  .carousel-multi-layout-v3 {
9
9
  display: grid;
@@ -39,19 +39,19 @@
39
39
 
40
40
  .swiper-button-prev {
41
41
  left: var(--left-arrow-horizontally-mobile);
42
- @include core-mixins.device(breakpoints.$tabPortrait) {
42
+ @include core-mixins-v3.device(breakpoints.$tabPortrait) {
43
43
  left: var(--left-arrow-horizontally-portrait);
44
44
  }
45
- @include core-mixins.device(breakpoints.$tabLandscape) {
45
+ @include core-mixins-v3.device(breakpoints.$tabLandscape) {
46
46
  left: var(--left-arrow-horizontally-desktop);
47
47
  }
48
48
  }
49
49
  .swiper-button-next {
50
50
  right: var(--right-arrow-horizontally-mobile);
51
- @include core-mixins.device(breakpoints.$tabPortrait) {
51
+ @include core-mixins-v3.device(breakpoints.$tabPortrait) {
52
52
  right: var(--right-arrow-horizontally-portrait);
53
53
  }
54
- @include core-mixins.device(breakpoints.$tabLandscape) {
54
+ @include core-mixins-v3.device(breakpoints.$tabLandscape) {
55
55
  right: var(--right-arrow-horizontally-desktop);
56
56
  }
57
57
  }
@@ -59,25 +59,25 @@
59
59
  .swiper-button-next,
60
60
  .swiper-button-prev {
61
61
  top: var(--arrows-position-vertically-mobile);
62
- @include core-mixins.device(breakpoints.$tabPortrait) {
62
+ @include core-mixins-v3.device(breakpoints.$tabPortrait) {
63
63
  top: var(--arrows-position-vertically-portrait);
64
64
  }
65
- @include core-mixins.device(breakpoints.$tabLandscape) {
65
+ @include core-mixins-v3.device(breakpoints.$tabLandscape) {
66
66
  top: var(--arrows-position-vertically-desktop);
67
67
  }
68
68
  &::after {
69
- --swiper-navigation-size: #{core-functions.fluidSize(
69
+ --swiper-navigation-size: #{core-functions-v3.fluidSize(
70
70
  var(--arrows-size-mobile),
71
71
  'mobile'
72
72
  )};
73
- @include core-mixins.device(breakpoints.$tabPortrait) {
74
- --swiper-navigation-size: #{core-functions.fluidSize(
73
+ @include core-mixins-v3.device(breakpoints.$tabPortrait) {
74
+ --swiper-navigation-size: #{core-functions-v3.fluidSize(
75
75
  var(--arrows-size-portrait),
76
76
  'portrait'
77
77
  )};
78
78
  }
79
- @include core-mixins.device(breakpoints.$tabLandscape) {
80
- --swiper-navigation-size: #{core-functions.fluidSize(
79
+ @include core-mixins-v3.device(breakpoints.$tabLandscape) {
80
+ --swiper-navigation-size: #{core-functions-v3.fluidSize(
81
81
  var(--arrows-size-desktop),
82
82
  'desktop'
83
83
  )};
@@ -89,18 +89,18 @@
89
89
 
90
90
  .custom_arrow {
91
91
  height: auto;
92
- width: core-functions.fluidSize(
92
+ width: core-functions-v3.fluidSize(
93
93
  var(--custom-arrows-size-mobile),
94
94
  'mobile'
95
95
  );
96
- @include core-mixins.device(breakpoints.$tabPortrait) {
97
- width: core-functions.fluidSize(
96
+ @include core-mixins-v3.device(breakpoints.$tabPortrait) {
97
+ width: core-functions-v3.fluidSize(
98
98
  var(--custom-arrows-size-portrait),
99
99
  'portrait'
100
100
  );
101
101
  }
102
- @include core-mixins.device(breakpoints.$tabLandscape) {
103
- width: core-functions.fluidSize(
102
+ @include core-mixins-v3.device(breakpoints.$tabLandscape) {
103
+ width: core-functions-v3.fluidSize(
104
104
  var(--custom-arrows-size-desktop),
105
105
  'desktop'
106
106
  );
@@ -127,11 +127,11 @@
127
127
  .swiper-slide {
128
128
  opacity: var(--next-and-prev-slide-opacity-mobile);
129
129
 
130
- @include core-mixins.device(breakpoints.$tabPortrait) {
130
+ @include core-mixins-v3.device(breakpoints.$tabPortrait) {
131
131
  opacity: var(--next-and-prev-slide-opacity-portrait);
132
132
  }
133
133
 
134
- @include core-mixins.device(breakpoints.$tabLandscape) {
134
+ @include core-mixins-v3.device(breakpoints.$tabLandscape) {
135
135
  opacity: var(--next-and-prev-slide-opacity-desktop);
136
136
  }
137
137
  }
@@ -143,10 +143,10 @@
143
143
  .swiper-button-next,
144
144
  .swiper-button-prev {
145
145
  display: var(--display-arrows-mobile);
146
- @include core-mixins.device(breakpoints.$tabPortrait) {
146
+ @include core-mixins-v3.device(breakpoints.$tabPortrait) {
147
147
  display: var(--display-arrows-portrait);
148
148
  }
149
- @include core-mixins.device(breakpoints.$tabLandscape) {
149
+ @include core-mixins-v3.device(breakpoints.$tabLandscape) {
150
150
  display: var(--display-arrows-desktop);
151
151
  }
152
152
  }
package/components/block-cover-link-v3/cover-link-v3.scss CHANGED
@@ -1,7 +1,4 @@
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 'Assets/scss/blocks/cover-link-v3/cover-link-v3-extra';
5
2
  .cover-link-v3 {
6
3
  @include cover-link-v3-extra.additionalStyles();
7
- }
4
+ }
package/components/block-post-info-v3/post-info-v3.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  // LIBRARY FILE - Do not modify/override here as your changes will be lost when the package is updated.
2
2
  @use 'Assets/scss/modules/library-modules/core-mixins-v3/core-mixins-v3';
3
- @use 'Assets/scss/modules/library-modules/core-functions/core-functions';
3
+ @use 'Assets/scss/modules/library-modules/core-functions-v3/core-functions-v3';
4
4
  @use 'Assets/scss/theme/breakpoints';
5
5
  @use 'Assets/scss/blocks/post-info-v3/post-info-v3-extra';
6
6
  @use 'Assets/scss/modules/library-modules/grid-layout-container/grid-layout-container';
@@ -55,15 +55,15 @@
55
55
  }
56
56
  &__cta-style-post-colour,
57
57
  &__cta-style-post-text-colour-style {
58
- padding-block: core-functions.fluidSize(10, 'mobile');
59
- padding-inline: core-functions.fluidSize(20, 'mobile');
58
+ padding-block: core-functions-v3.fluidSize(10, 'mobile');
59
+ padding-inline: core-functions-v3.fluidSize(20, 'mobile');
60
60
  @include core-mixins-v3.device(breakpoints.$tabPortrait) {
61
- padding-block: core-functions.fluidSize(10, 'portrait');
62
- padding-inline: core-functions.fluidSize(20, 'portrait');
61
+ padding-block: core-functions-v3.fluidSize(10, 'portrait');
62
+ padding-inline: core-functions-v3.fluidSize(20, 'portrait');
63
63
  }
64
64
  @include core-mixins-v3.device(breakpoints.$tabLandscape) {
65
- padding-block: core-functions.fluidSize(10, 'desktop');
66
- padding-inline: core-functions.fluidSize(20, 'desktop');
65
+ padding-block: core-functions-v3.fluidSize(10, 'desktop');
66
+ padding-inline: core-functions-v3.fluidSize(20, 'desktop');
67
67
  }
68
68
  }
69
69
  &__cta-style-post-colour {
@@ -140,12 +140,12 @@
140
140
  object-fit: var(--global-image-fit-style);
141
141
  }
142
142
  &__product-logo {
143
- max-width: core-functions.fluidSize(
143
+ max-width: core-functions-v3.fluidSize(
144
144
  var(--logo-max-width-mobile),
145
145
  'mobile'
146
146
  );
147
147
  @include core-mixins-v3.device(breakpoints.$tabLandscape) {
148
- max-width: core-functions.fluidSize(
148
+ max-width: core-functions-v3.fluidSize(
149
149
  var(--logo-max-width-desktop),
150
150
  'desktop'
151
151
  );
@@ -157,7 +157,7 @@
157
157
  }
158
158
  &__person-rating-star {
159
159
  --rating-star-colour: gold;
160
- width: core-functions.fluidSize(20, 'static');
160
+ width: core-functions-v3.fluidSize(20, 'static');
161
161
  }
162
162
  &__person-questionaire-list {
163
163
  list-style-type: none;
package/components/block-site-logo-container-v3/site-logo-container-v3.scss CHANGED
@@ -1,23 +1,23 @@
1
- @use 'Assets/scss/modules/library-modules/core-mixins/core-mixins';
2
- @use 'Assets/scss/modules/library-modules/core-functions/core-functions';
1
+ @use 'Assets/scss/modules/library-modules/core-mixins-v3/core-mixins-v3';
2
+ @use 'Assets/scss/modules/library-modules/core-functions-v3/core-functions-v3';
3
3
  @use 'Assets/scss/theme/breakpoints';
4
4
  @use 'Assets/scss/blocks/site-logo-container-v3/site-logo-container-v3-extra';
5
5
  .site-logo-container-v3 {
6
6
  &__site-logo {
7
7
  margin: auto;
8
8
  pointer-events: all;
9
- max-width: core-functions.fluidSize(
9
+ max-width: core-functions-v3.fluidSize(
10
10
  var(--site-logo-max-width-mobile),
11
11
  'mobile'
12
12
  );
13
- @include core-mixins.device(breakpoints.$tabPortrait) {
14
- max-width: core-functions.fluidSize(
13
+ @include core-mixins-v3.device(breakpoints.$tabPortrait) {
14
+ max-width: core-functions-v3.fluidSize(
15
15
  var(--site-logo-max-width-portrait),
16
16
  'portrait'
17
17
  );
18
18
  }
19
- @include core-mixins.device(breakpoints.$tabLandscape) {
20
- max-width: core-functions.fluidSize(
19
+ @include core-mixins-v3.device(breakpoints.$tabLandscape) {
20
+ max-width: core-functions-v3.fluidSize(
21
21
  var(--site-logo-max-width-desktop),
22
22
  'desktop'
23
23
  );
package/components/block-site-title-and-tagline-v3/site-title-and-tagline-v3-extra.scss ADDED
@@ -0,0 +1,5 @@
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
+ @mixin additionalStyles() {
5
+ }
package/components/block-site-title-and-tagline-v3/site-title-and-tagline-v3.js ADDED
@@ -0,0 +1,7 @@
1
+ export default function sitetitleandtaglinev3Js(options = {}) {
2
+ // try {
3
+ // const { block } = options;
4
+ // } catch ( error ) {
5
+ // console.error( error );
6
+ // }
7
+ }
package/components/block-site-title-and-tagline-v3/site-title-and-tagline-v3.php ADDED
@@ -0,0 +1,14 @@
1
+ <?php
2
+
3
+ acf_register_block_type(
4
+ array(
5
+ 'name' => 'site-title-and-tagline-v3',
6
+ 'title' => __('Site title and tagline v3', 'Global-theme Admin'),
7
+ 'render_callback' => 'athena_block_render_post_object',
8
+ 'category' => 'common',
9
+ 'icon' => get_svg_icon_content('brick.svg'),
10
+ 'keywords' => array('content', 'text'),
11
+ 'mode' => 'preview',
12
+ 'supports' => array('align' => false, 'anchor' => true),
13
+ )
14
+ );
package/components/block-site-title-and-tagline-v3/site-title-and-tagline-v3.scss ADDED
@@ -0,0 +1,18 @@
1
+ @use 'Assets/scss/modules/library-modules/core-mixins-v3/core-mixins-v3';
2
+ @use 'Assets/scss/modules/library-modules/core-functions-v3/core-functions-v3';
3
+ @use 'Assets/scss/theme/breakpoints';
4
+ @use 'Assets/scss/blocks/site-title-and-tagline-v3/site-title-and-tagline-v3-extra';
5
+
6
+ .site-title-and-tagline-v3 {
7
+ display: grid;
8
+ grid-template: 'main' /1fr;
9
+ place-items: center;
10
+ text-align: center;
11
+ &__title {
12
+ font-weight: bold;
13
+ }
14
+ &__tagline {
15
+ font-weight: bold;
16
+ }
17
+ @include site-title-and-tagline-v3-extra.additionalStyles();
18
+ }
package/components/block-site-title-and-tagline-v3/site-title-and-tagline-v3.twig ADDED
@@ -0,0 +1,24 @@
1
+ {% set blockClassName = "site-title-and-tagline-v3" %}
2
+ {% set classNameEntryPoint = include('entry-points/entry-point-classes.twig', { fields, block }, with_context = false) %}
3
+ {% set htmlEntryPoint = include('entry-points/entry-point-html.twig', { fields, block, blockClassName, options, environment, is_preview, nav_menus }, with_context = false) %}
4
+ {% set dataAttributeEntryPoint = include('entry-points/entry-point-data-attribute.twig', { fields, block }, with_context = false) %}
5
+ {% set styleEntryPoint = include('entry-points/entry-point-style.twig', { fields, block, displaytype, is_preview }, with_context = false) %}
6
+ {% set previewEntryPoint = include('entry-points/entry-point-preview-info.twig', { fields, block, displaytype, is_preview }, with_context = false) %}
7
+
8
+ {% set sectionStyles = styleEntryPoint ~ titleFontFamily ~ titleFontSizeDesktop ~ titleFontSizePortrait ~ titleFontSizeMobile ~ taglineFontFamily ~ taglineFontSizeDesktop ~ taglineFontSizePortrait ~ taglineFontSizeMobile %}
9
+ <style>
10
+ .{{blockClassName}}.{{block.id}}{
11
+ {{sectionStyles}}
12
+ }
13
+ </style>
14
+ <section {{block.anchor ? "id=" ~ block.anchor : ''}} class="{{blockClassName}} {{block.className}} {{classNameEntryPoint}} {{block.id}} lazy-fade" {{dataAttributeEntryPoint}} data-blockid="{{block.id}}" data-assetkey="{{blockClassName}}">
15
+ <div class="{{blockClassName}}__inner-container">
16
+ {% if fields.enable_site_title %}
17
+ <div class="{{blockClassName}}__title cmpl-cta-style-{{fields.title_cta_style}}">{{site.title}}</div>
18
+ {% endif %}
19
+ {% if fields.enable_site_tagline %}
20
+ <div class="{{blockClassName}}__tagline cmpl-cta-style-{{fields.tagline_cta_style}}">{{site.description}}</div>
21
+ {% endif %}
22
+ </div>
23
+ {{htmlEntryPoint}}
24
+ </section>
package/components/block-spacer-v3/spacer-v3.scss CHANGED
@@ -1,5 +1,5 @@
1
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/core-mixins/core-mixins';
2
+ @use 'Assets/scss/modules/library-modules/core-mixins-v3/core-mixins-v3';
3
3
  @use 'Assets/scss/theme/breakpoints';
4
4
 
5
5
  .spacer-v3 {
@@ -8,13 +8,13 @@
8
8
  background-color: var(--spacer-bg-colour);
9
9
  height: calc(var(--global-inline-spacing) * var(--spacer-size-mult-mobile));
10
10
 
11
- @include core-mixins.device(breakpoints.$tabPortrait) {
11
+ @include core-mixins-v3.device(breakpoints.$tabPortrait) {
12
12
  height: calc(
13
13
  var(--global-inline-spacing) * var(--spacer-size-mult-portrait)
14
14
  );
15
15
  }
16
16
 
17
- @include core-mixins.device(breakpoints.$tabLandscape) {
17
+ @include core-mixins-v3.device(breakpoints.$tabLandscape) {
18
18
  height: calc(var(--global-inline-spacing) * var(--spacer-size-mult));
19
19
  }
20
20
  }
package/components/block-video-content-v3/video-content-v3.scss CHANGED
@@ -1,6 +1,3 @@
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 'NodeModules/@pernod-ricard-global-cms/cblvideocontroller/vc-styles';
5
2
  @use 'Assets/scss/blocks/video-content-v3/video-content-v3-extra';
6
3
  .video-content-v3 {
@@ -11,4 +8,4 @@
11
8
  z-index: 99;
12
9
  }
13
10
  @include video-content-v3-extra.additionalStyles();
14
- }
11
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@total_onion/onion-library",
3
- "version": "1.0.56",
3
+ "version": "1.0.58",
4
4
  "description": "Component library",
5
5
  "main": "index.js",
6
6
  "scripts": {