@total_onion/onion-library 1.0.93 → 1.0.96

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 (13) hide show
  1. package/components/block-group-container-v3/group-container-v3.scss +7 -1
  2. package/components/block-group-container-v3/group-container-v3.twig +21 -3
  3. package/components/block-group-container-v3/group_6865578ada499.json +135 -20
  4. package/components/block-single-column-container-v3/group_6887640458d61.json +1 -3
  5. package/components/component-flex-layout-container-v3/flex-layout-container-v3.scss +38 -0
  6. package/components/component-flex-layout-container-v3/flex-layout-container-v3.twig +33 -0
  7. package/components/component-flex-layout-container-v3/group_6887a026bbc33.json +791 -0
  8. package/components/component-grid-layout-container-v3/grid-layout-container-v3.scss +1 -1
  9. package/components/component-grid-layout-container-v3/grid-layout-container-v3.twig +34 -0
  10. package/createNewBlock.js +7 -3
  11. package/new-block-templates/template-default.js +4 -4
  12. package/package.json +1 -1
  13. package/new-block-templates/template-cypress.js +0 -9
package/components/block-group-container-v3/group-container-v3.scss CHANGED
@@ -1,6 +1,7 @@
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/grid-layout-element-v3/grid-layout-element-v3';
3
3
  @use 'Assets/scss/modules/library-modules/grid-layout-container-v3/grid-layout-container-v3';
4
+ @use 'Assets/scss/modules/library-modules/flex-layout-container-v3/flex-layout-container-v3';
4
5
  @use 'Assets/scss/blocks/group-container-v3/group-container-v3-extra';
5
6
 
6
7
  .group-container-v3 {
@@ -10,7 +11,12 @@
10
11
  &__grid-container {
11
12
  grid-area: main;
12
13
  place-self: stretch;
13
- @include grid-layout-container-v3.gridLayoutContainer();
14
+ &.flex-layout-container {
15
+ @include flex-layout-container-v3.flexLayoutContainer();
16
+ }
17
+ &.grid-layout-container {
18
+ @include grid-layout-container-v3.gridLayoutContainer();
19
+ }
14
20
  }
15
21
  &__block-container {
16
22
  @include grid-layout-element-v3.gridLayoutElement();
package/components/block-group-container-v3/group-container-v3.twig CHANGED
@@ -11,12 +11,22 @@
11
11
  {% if not fields.block_background_colour and fields.background_colour is not empty %}
12
12
  {% set fallbackBackgroundColour = '--block-background-colour: ' ~ fields.background_colour ~ ';' %}
13
13
  {% endif %}
14
- {% set gridLayoutContainer = include('components/grid-layout-container.twig') %}
14
+ {% set layoutType = fields.layout_type|ru %}
15
+ {% set layoutStyles = '' %}
16
+ {% if layoutType == 'flex' %}
17
+ {% set layoutStyles = include('components/flex-layout-container-v3.twig') %}
18
+ {% set layoutClass = 'flex-layout-container' %}
19
+ {% elseif layoutType == 'grid' %}
20
+ {% set layoutStyles = include('components/grid-layout-container-v3.twig') %}
21
+ {% set layoutClass = 'grid-layout-container' %}
22
+ {% endif %}
23
+
15
24
  {% set gridGapMults = include('components/grid-gap-mults.twig') %}
16
25
  {% set blockElementType = fields.block_element_type|default('section')|ru %}
17
26
  {% set imageSizes = '(min-width: 1440px) ' ~ (100 / fields.grid_columns_desktop|default(1))|round ~ 'vw, (min-width: 1024px) ' ~ (100 / fields.grid_columns_desktop|default(1))|round ~ 'vw, (min-width: 768px) ' ~ (100 / fields.grid_columns_portrait|default(1))|round ~ 'vw, (min-width: 300px) ' ~(100 / fields.grid_columns_mobile|default(1))|round ~ 'vw, 100vw' %}
18
27
 
19
- {% set sectionStyles = styleEntryPoint ~ fallbackBackgroundColour ~ gridGapMults ~ gridLayoutContainer ~ containerOverflowType ~ blockPosition %}
28
+ {% set sectionStyles = styleEntryPoint ~ fallbackBackgroundColour ~ gridGapMults ~ containerOverflowType ~ blockPosition %}
29
+
20
30
 
21
31
  {{previewEntryPoint}}
22
32
  <style>
@@ -25,10 +35,18 @@
25
35
  }
26
36
  </style>
27
37
  <{{blockElementType}} {{block.anchor ? "id=" ~ block.anchor : ''}} class="group-container-v3 {{blockClassName}} {{block.className}} {{classNameEntryPoint}} lazy-fade {{block.id}}" data-blockid="{{block.id}}" {{dataAttributeEntryPoint}} data-jsload="false" data-assetkey="group-container-v3">
38
+
28
39
  {% if block %}
29
40
  {% set block = block|merge({'videoIdPrefix' : block.id }) %}
30
41
  {% endif %}
31
- <div class="group-container-v3__grid-container">
42
+
43
+ <style>
44
+ .{{blockClassName}}__grid-container.{{block.id}}{
45
+ {{layoutStyles}}
46
+ }
47
+ </style>
48
+ <div class="group-container-v3__grid-container {{layoutClass}} {{block.id}}">
49
+
32
50
  {% for section in fields.sections %}
33
51
  {% set gridLayoutElement = include('components/grid-layout-element.twig', { fields: section, block }, with_context = false) %}
34
52
  {% if block %}
package/components/block-group-container-v3/group_6865578ada499.json CHANGED
@@ -1680,8 +1680,8 @@
1680
1680
  },
1681
1681
  {
1682
1682
  "key": "field_6865578b06489",
1683
- "label": "Site logo container v3 fields",
1684
- "name": "site_logo_container_v3_fields",
1683
+ "label": "Site logo container",
1684
+ "name": "site_logo_container",
1685
1685
  "aria-label": "",
1686
1686
  "type": "clone",
1687
1687
  "instructions": "",
@@ -1694,7 +1694,7 @@
1694
1694
  },
1695
1695
  "wpml_cf_preferences": 3,
1696
1696
  "clone": [
1697
- "group_687e3b887b508"
1697
+ "group_65dda9cbda1a0"
1698
1698
  ],
1699
1699
  "display": "seamless",
1700
1700
  "layout": "block",
@@ -1926,7 +1926,7 @@
1926
1926
  },
1927
1927
  {
1928
1928
  "key": "field_6865578ae85b0",
1929
- "label": "Grid Layout",
1929
+ "label": "Layout",
1930
1930
  "name": "",
1931
1931
  "aria-label": "",
1932
1932
  "type": "tab",
@@ -1945,11 +1945,11 @@
1945
1945
  "selected": 0
1946
1946
  },
1947
1947
  {
1948
- "key": "field_6865578ae89ca",
1949
- "label": "Grid layout fields",
1950
- "name": "grid_layout_fields",
1948
+ "key": "field_68878e73fa2fe",
1949
+ "label": "Layout type",
1950
+ "name": "layout_type",
1951
1951
  "aria-label": "",
1952
- "type": "clone",
1952
+ "type": "radio",
1953
1953
  "instructions": "",
1954
1954
  "required": 0,
1955
1955
  "conditional_logic": 0,
@@ -1959,21 +1959,136 @@
1959
1959
  "id": ""
1960
1960
  },
1961
1961
  "wpml_cf_preferences": 3,
1962
- "user_roles": [
1963
- "administrator"
1962
+ "choices": {
1963
+ "__grid": "Grid",
1964
+ "__flex": "Flex"
1965
+ },
1966
+ "default_value": "",
1967
+ "return_format": "value",
1968
+ "allow_null": 0,
1969
+ "other_choice": 0,
1970
+ "layout": "horizontal",
1971
+ "save_other_choice": 0
1972
+ },
1973
+ {
1974
+ "key": "field_68879ea1f2d85",
1975
+ "label": "Grid layout",
1976
+ "name": "grid_layout",
1977
+ "aria-label": "",
1978
+ "type": "group",
1979
+ "instructions": "",
1980
+ "required": 0,
1981
+ "conditional_logic": [
1982
+ [
1983
+ {
1984
+ "field": "field_68878e73fa2fe",
1985
+ "operator": "==",
1986
+ "value": "__grid"
1987
+ }
1988
+ ]
1964
1989
  ],
1965
- "clone": [
1966
- "group_6504a88c17463"
1990
+ "wrapper": {
1991
+ "width": "",
1992
+ "class": "",
1993
+ "id": ""
1994
+ },
1995
+ "wpml_cf_preferences": 3,
1996
+ "layout": "block",
1997
+ "acfe_seamless_style": 0,
1998
+ "acfe_group_modal": 0,
1999
+ "sub_fields": [
2000
+ {
2001
+ "key": "field_6865578ae89ca",
2002
+ "label": "Grid layout fields",
2003
+ "name": "grid_layout_fields",
2004
+ "aria-label": "",
2005
+ "type": "clone",
2006
+ "instructions": "",
2007
+ "required": 0,
2008
+ "conditional_logic": 0,
2009
+ "wrapper": {
2010
+ "width": "",
2011
+ "class": "",
2012
+ "id": ""
2013
+ },
2014
+ "wpml_cf_preferences": 3,
2015
+ "clone": [
2016
+ "group_6504a88c17463"
2017
+ ],
2018
+ "display": "seamless",
2019
+ "layout": "block",
2020
+ "prefix_label": 0,
2021
+ "prefix_name": 0,
2022
+ "acfe_seamless_style": 0,
2023
+ "acfe_clone_modal": 0,
2024
+ "acfe_clone_modal_close": 0,
2025
+ "acfe_clone_modal_button": "",
2026
+ "acfe_clone_modal_size": "large"
2027
+ }
1967
2028
  ],
1968
- "display": "seamless",
2029
+ "acfe_group_modal_close": 0,
2030
+ "acfe_group_modal_button": "",
2031
+ "acfe_group_modal_size": "large"
2032
+ },
2033
+ {
2034
+ "key": "field_68879ff46e396",
2035
+ "label": "Flex layout",
2036
+ "name": "flex_layout",
2037
+ "aria-label": "",
2038
+ "type": "group",
2039
+ "instructions": "",
2040
+ "required": 0,
2041
+ "conditional_logic": [
2042
+ [
2043
+ {
2044
+ "field": "field_68878e73fa2fe",
2045
+ "operator": "==",
2046
+ "value": "__flex"
2047
+ }
2048
+ ]
2049
+ ],
2050
+ "wrapper": {
2051
+ "width": "",
2052
+ "class": "",
2053
+ "id": ""
2054
+ },
2055
+ "wpml_cf_preferences": 3,
1969
2056
  "layout": "block",
1970
- "prefix_label": 0,
1971
- "prefix_name": 0,
1972
2057
  "acfe_seamless_style": 0,
1973
- "acfe_clone_modal": 0,
1974
- "acfe_clone_modal_close": 0,
1975
- "acfe_clone_modal_button": "",
1976
- "acfe_clone_modal_size": "large"
2058
+ "acfe_group_modal": 0,
2059
+ "sub_fields": [
2060
+ {
2061
+ "key": "field_68879ff46e398",
2062
+ "label": "Flex layout fields",
2063
+ "name": "flex_layout_fields",
2064
+ "aria-label": "",
2065
+ "type": "clone",
2066
+ "instructions": "",
2067
+ "required": 0,
2068
+ "conditional_logic": 0,
2069
+ "wrapper": {
2070
+ "width": "",
2071
+ "class": "",
2072
+ "id": ""
2073
+ },
2074
+ "wpml_cf_preferences": 3,
2075
+ "clone": [
2076
+ "group_6887a026bbc33"
2077
+ ],
2078
+ "display": "seamless",
2079
+ "layout": "block",
2080
+ "prefix_label": 0,
2081
+ "prefix_name": 0,
2082
+ "acfe_seamless_style": 0,
2083
+ "acfe_clone_modal": 0,
2084
+ "acfe_clone_modal_close": 0,
2085
+ "acfe_clone_modal_button": "",
2086
+ "acfe_clone_modal_size": "large"
2087
+ }
2088
+ ],
2089
+ "acfe_group_modal_close": 0,
2090
+ "acfe_group_modal_button": "",
2091
+ "acfe_group_modal_size": "large"
1977
2092
  },
1978
2093
  {
1979
2094
  "key": "field_6865578ae8d83",
@@ -2286,5 +2401,5 @@
2286
2401
  "acfe_display_title": "",
2287
2402
  "acfe_meta": "",
2288
2403
  "acfe_note": "",
2289
- "modified": 1753107190
2404
+ "modified": 1753719047
2290
2405
  }
package/components/block-single-column-container-v3/group_6887640458d61.json CHANGED
@@ -49,8 +49,6 @@
49
49
  "layout"
50
50
  ],
51
51
  "acfe_flexible_add_actions": [
52
- "title",
53
- "toggle",
54
52
  "copy",
55
53
  "close"
56
54
  ],
@@ -479,5 +477,5 @@
479
477
  "acfe_display_title": "",
480
478
  "acfe_meta": "",
481
479
  "acfe_note": "",
482
- "modified": 1753704644
480
+ "modified": 1753705398
483
481
  }
package/components/component-flex-layout-container-v3/flex-layout-container-v3.scss ADDED
@@ -0,0 +1,38 @@
1
+ @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';
4
+
5
+ @mixin flexLayoutContainer() {
6
+ display: var(--display-type, flex);
7
+ justify-content: var(--justify-content-mobile, flex-start);
8
+ flex-direction: var(--flex-direction-mobile, row);
9
+ align-items: var(--align-items-mobile, stretch);
10
+ gap: calc(var(--global-inline-spacing) * var(--row-gap-mult-mobile, 0))
11
+ calc(var(--global-inline-spacing) * var(--column-gap-mult-mobile, 0));
12
+ flex-wrap: var(--flex-wrap-mobile, nowrap);
13
+
14
+ @include core-mixins-v3.device(breakpoints.$tabPortrait) {
15
+ justify-content: var(--justify-content-portrait, flex-start);
16
+ flex-direction: var(--flex-direction-portrait, row);
17
+ align-items: var(--align-items-portrait, stretch);
18
+ gap: calc(
19
+ var(--global-inline-spacing) * var(--row-gap-mult-portrait, 0)
20
+ )
21
+ calc(
22
+ var(--global-inline-spacing) *
23
+ var(--column-gap-mult-portrait, 0)
24
+ );
25
+ flex-wrap: var(--flex-wrap-portrait, nowrap);
26
+ }
27
+
28
+ @include core-mixins-v3.device(breakpoints.$tabLandscape) {
29
+ justify-content: var(--justify-content-desktop, flex-start);
30
+ flex-direction: var(--flex-direction-desktop, row);
31
+ align-items: var(--align-items-desktop, stretch);
32
+ gap: calc(var(--global-inline-spacing) * var(--row-gap-mult-desktop, 0))
33
+ calc(
34
+ var(--global-inline-spacing) * var(--column-gap-mult-desktop, 0)
35
+ );
36
+ flex-wrap: var(--flex-wrap-desktop, nowrap);
37
+ }
38
+ }
package/components/component-flex-layout-container-v3/flex-layout-container-v3.twig ADDED
@@ -0,0 +1,33 @@
1
+ {% set flexDirectionDesktop = '--flex-direction-desktop: ' ~ fields.flex_layout.flex_direction_desktop|ru|default('row') ~ ';' %}
2
+ {% set flexDirectionPortrait = '--flex-direction-portrait: ' ~ fields.flex_layout.flex_direction_portrait|ru|default('row') ~ ';' %}
3
+
4
+ {% set flexDirectionMobile = '--flex-direction-mobile: ' ~ fields.flex_layout.flex_direction_mobile|ru|default('row') ~ ';' %}
5
+
6
+ {% set flexWrapDesktop = '--flex-wrap-desktop: ' ~ fields.flex_layout.flex_wrap_desktop|ru|default('nowrap') ~ ';' %}
7
+ {% set flexWrapPortrait = '--flex-wrap-portrait: ' ~ fields.flex_layout.flex_wrap_portrait|ru|default('nowrap') ~ ';' %}
8
+ {% set flexWrapMobile = '--flex-wrap-mobile: ' ~ fields.flex_layout.flex_wrap_mobile|ru|default('nowrap') ~ ';' %}
9
+
10
+ {% set displayType = '--display-type: ' ~ 'flex' ~ ';' %}
11
+
12
+ {% set flexDirection = flexDirectionDesktop ~ flexDirectionPortrait ~ flexDirectionMobile %}
13
+ {% set flexWrap = flexWrapDesktop ~ flexWrapPortrait ~ flexWrapMobile %}
14
+
15
+ {% set justifyContentDesktop = '--justify-content-desktop: ' ~ fields.flex_layout.justify_content_desktop|ru|default('flex-start') ~ ';' %}
16
+ {% set justifyContentPortrait = '--justify-content-portrait: ' ~ fields.flex_layout.justify_content_portrait|ru|default('flex-start') ~ ';' %}
17
+ {% set justifyContentMobile = '--justify-content-mobile: ' ~ fields.flex_layout.justify_content_mobile|ru|default('flex-start') ~ ';' %}
18
+
19
+ {% set justifyContent = justifyContentDesktop ~ justifyContentPortrait ~ justifyContentMobile %}
20
+ {% set flexDirection = flexDirection ~ flexWrap ~ justifyContentDesktop ~ justifyContentPortrait ~ justifyContentMobile %}
21
+ {% set alignItemsDesktop = '--align-items-desktop: ' ~ fields.flex_layout.align_items_desktop|ru|default('flex-start') ~ ';' %}
22
+ {% set alignItemsPortrait = '--align-items-portrait: ' ~ fields.flex_layout.align_items_portrait|ru|default('flex-start') ~ ';' %}
23
+ {% set alignItemsMobile = '--align-items-mobile: ' ~ fields.flex_layout.align_items_mobile|ru|default('flex-start') ~ ';' %}
24
+
25
+ {% set alignItems = alignItemsDesktop ~ alignItemsPortrait ~ alignItemsMobile %}
26
+
27
+ {% set gapDesktop = '--gap-desktop: ' ~ fields.flex_layout.gap_desktop|ru|default('0px') ~ ';' %}
28
+ {% set gapPortrait = '--gap-portrait: ' ~ fields.flex_layout.gap_portrait|ru|default('0px') ~ ';' %}
29
+ {% set gapMobile = '--gap-mobile: ' ~ fields.flex_layout.gap_mobile|ru|default('0px') ~ ';' %}
30
+
31
+ {% set gap = gapDesktop ~ gapPortrait ~ gapMobile %}
32
+
33
+ {{flexDirection ~ flexWrap ~ justifyContent ~ alignItems ~ gap ~ displayType}}
package/components/component-flex-layout-container-v3/group_6887a026bbc33.json ADDED
@@ -0,0 +1,791 @@
1
+ {
2
+ "key": "group_6887a026bbc33",
3
+ "title": "Component: Flex Layout Container v3",
4
+ "fields": [
5
+ {
6
+ "key": "field_6887a4aaca15a",
7
+ "label": "Flex wrap desktop",
8
+ "name": "flex_wrap_desktop",
9
+ "aria-label": "",
10
+ "type": "select",
11
+ "instructions": "",
12
+ "required": 0,
13
+ "conditional_logic": 0,
14
+ "wrapper": {
15
+ "width": "33",
16
+ "class": "",
17
+ "id": ""
18
+ },
19
+ "wpml_cf_preferences": 3,
20
+ "choices": {
21
+ "__wrap": "Wrap",
22
+ "__no-wrap": "No wrap"
23
+ },
24
+ "default_value": "__wrap",
25
+ "return_format": "value",
26
+ "multiple": 0,
27
+ "max": "",
28
+ "allow_custom": 0,
29
+ "search_placeholder": "",
30
+ "prepend": "",
31
+ "append": "",
32
+ "allow_null": 0,
33
+ "ui": 1,
34
+ "ajax": 1,
35
+ "placeholder": "",
36
+ "min": ""
37
+ },
38
+ {
39
+ "key": "field_6887c8be2cfe9",
40
+ "label": "Flex wrap portrait",
41
+ "name": "flex_wrap_portrait",
42
+ "aria-label": "",
43
+ "type": "select",
44
+ "instructions": "",
45
+ "required": 0,
46
+ "conditional_logic": 0,
47
+ "wrapper": {
48
+ "width": "33",
49
+ "class": "",
50
+ "id": ""
51
+ },
52
+ "wpml_cf_preferences": 3,
53
+ "choices": {
54
+ "__wrap": "Wrap",
55
+ "__no-wrap": "No wrap"
56
+ },
57
+ "default_value": "__wrap",
58
+ "return_format": "value",
59
+ "multiple": 0,
60
+ "allow_custom": 0,
61
+ "search_placeholder": "",
62
+ "prepend": "",
63
+ "append": "",
64
+ "allow_null": 0,
65
+ "ui": 1,
66
+ "ajax": 1,
67
+ "placeholder": "",
68
+ "min": "",
69
+ "max": ""
70
+ },
71
+ {
72
+ "key": "field_6887c8c52cfea",
73
+ "label": "Flex wrap mobile",
74
+ "name": "flex_wrap_mobile",
75
+ "aria-label": "",
76
+ "type": "select",
77
+ "instructions": "",
78
+ "required": 0,
79
+ "conditional_logic": 0,
80
+ "wrapper": {
81
+ "width": "33",
82
+ "class": "",
83
+ "id": ""
84
+ },
85
+ "wpml_cf_preferences": 3,
86
+ "choices": {
87
+ "__wrap": "Wrap",
88
+ "__no-wrap": "No wrap"
89
+ },
90
+ "default_value": "__wrap",
91
+ "return_format": "value",
92
+ "multiple": 0,
93
+ "allow_custom": 0,
94
+ "search_placeholder": "",
95
+ "prepend": "",
96
+ "append": "",
97
+ "allow_null": 0,
98
+ "ui": 1,
99
+ "ajax": 1,
100
+ "placeholder": "",
101
+ "min": "",
102
+ "max": ""
103
+ },
104
+ {
105
+ "key": "field_6887a026c978e",
106
+ "label": "Justify content desktop",
107
+ "name": "justify_content_desktop",
108
+ "aria-label": "",
109
+ "type": "select",
110
+ "instructions": "",
111
+ "required": 0,
112
+ "conditional_logic": 0,
113
+ "wrapper": {
114
+ "width": "33",
115
+ "class": "",
116
+ "id": ""
117
+ },
118
+ "wpml_cf_preferences": 3,
119
+ "choices": {
120
+ "__flex-start": "Flex Start",
121
+ "__center": "Center",
122
+ "__flex-end": "Flex End"
123
+ },
124
+ "default_value": "__flex-start",
125
+ "return_format": "value",
126
+ "multiple": 0,
127
+ "max": "",
128
+ "allow_custom": 0,
129
+ "search_placeholder": "",
130
+ "prepend": "",
131
+ "append": "",
132
+ "allow_null": 0,
133
+ "ui": 1,
134
+ "ajax": 1,
135
+ "placeholder": "",
136
+ "min": ""
137
+ },
138
+ {
139
+ "key": "field_6887c9392cfec",
140
+ "label": "Justify content portrait",
141
+ "name": "justify_content_portrait",
142
+ "aria-label": "",
143
+ "type": "select",
144
+ "instructions": "",
145
+ "required": 0,
146
+ "conditional_logic": 0,
147
+ "wrapper": {
148
+ "width": "33",
149
+ "class": "",
150
+ "id": ""
151
+ },
152
+ "wpml_cf_preferences": 3,
153
+ "choices": {
154
+ "__flex-start": "Flex Start",
155
+ "__center": "Center",
156
+ "__flex-end": "Flex End"
157
+ },
158
+ "default_value": "__flex-start",
159
+ "return_format": "value",
160
+ "multiple": 0,
161
+ "max": "",
162
+ "allow_custom": 0,
163
+ "search_placeholder": "",
164
+ "prepend": "",
165
+ "append": "",
166
+ "allow_null": 0,
167
+ "ui": 1,
168
+ "ajax": 1,
169
+ "placeholder": "",
170
+ "min": ""
171
+ },
172
+ {
173
+ "key": "field_6887c9412cfed",
174
+ "label": "Justify content mobile",
175
+ "name": "justify_content_mobile",
176
+ "aria-label": "",
177
+ "type": "select",
178
+ "instructions": "",
179
+ "required": 0,
180
+ "conditional_logic": 0,
181
+ "wrapper": {
182
+ "width": "33",
183
+ "class": "",
184
+ "id": ""
185
+ },
186
+ "wpml_cf_preferences": 3,
187
+ "choices": {
188
+ "__flex-start": "Flex Start",
189
+ "__center": "Center",
190
+ "__flex-end": "Flex End"
191
+ },
192
+ "default_value": "__flex-start",
193
+ "return_format": "value",
194
+ "multiple": 0,
195
+ "max": "",
196
+ "allow_custom": 0,
197
+ "search_placeholder": "",
198
+ "prepend": "",
199
+ "append": "",
200
+ "allow_null": 0,
201
+ "ui": 1,
202
+ "ajax": 1,
203
+ "placeholder": "",
204
+ "min": ""
205
+ },
206
+ {
207
+ "key": "field_6887a09414c81",
208
+ "label": "Align items desktop",
209
+ "name": "align_items_desktop",
210
+ "aria-label": "",
211
+ "type": "select",
212
+ "instructions": "",
213
+ "required": 0,
214
+ "conditional_logic": 0,
215
+ "wrapper": {
216
+ "width": "33",
217
+ "class": "",
218
+ "id": ""
219
+ },
220
+ "wpml_cf_preferences": 3,
221
+ "choices": {
222
+ "__flex-start": "Flex start",
223
+ "__center": "Center",
224
+ "__flex-end": "Flex end"
225
+ },
226
+ "default_value": "__flex-start",
227
+ "return_format": "value",
228
+ "multiple": 0,
229
+ "max": "",
230
+ "allow_custom": 0,
231
+ "search_placeholder": "",
232
+ "prepend": "",
233
+ "append": "",
234
+ "allow_null": 0,
235
+ "ui": 1,
236
+ "ajax": 1,
237
+ "placeholder": "",
238
+ "min": ""
239
+ },
240
+ {
241
+ "key": "field_6887c96e2cfef",
242
+ "label": "Align items portrait",
243
+ "name": "align_items_portrait",
244
+ "aria-label": "",
245
+ "type": "select",
246
+ "instructions": "",
247
+ "required": 0,
248
+ "conditional_logic": 0,
249
+ "wrapper": {
250
+ "width": "33",
251
+ "class": "",
252
+ "id": ""
253
+ },
254
+ "wpml_cf_preferences": 3,
255
+ "choices": {
256
+ "__flex-start": "Flex start",
257
+ "__center": "Center",
258
+ "__flex-end": "Flex end"
259
+ },
260
+ "default_value": "__flex-start",
261
+ "return_format": "value",
262
+ "multiple": 0,
263
+ "allow_custom": 0,
264
+ "search_placeholder": "",
265
+ "prepend": "",
266
+ "append": "",
267
+ "allow_null": 0,
268
+ "ui": 1,
269
+ "ajax": 1,
270
+ "placeholder": "",
271
+ "min": "",
272
+ "max": ""
273
+ },
274
+ {
275
+ "key": "field_6887c9742cff0",
276
+ "label": "Align items mobile",
277
+ "name": "align_items_mobile",
278
+ "aria-label": "",
279
+ "type": "select",
280
+ "instructions": "",
281
+ "required": 0,
282
+ "conditional_logic": 0,
283
+ "wrapper": {
284
+ "width": "33",
285
+ "class": "",
286
+ "id": ""
287
+ },
288
+ "wpml_cf_preferences": 3,
289
+ "choices": {
290
+ "__flex-start": "Flex start",
291
+ "__center": "Center",
292
+ "__flex-end": "Flex end"
293
+ },
294
+ "default_value": "__flex-start",
295
+ "return_format": "value",
296
+ "multiple": 0,
297
+ "allow_custom": 0,
298
+ "search_placeholder": "",
299
+ "prepend": "",
300
+ "append": "",
301
+ "allow_null": 0,
302
+ "ui": 1,
303
+ "ajax": 1,
304
+ "placeholder": "",
305
+ "min": "",
306
+ "max": ""
307
+ },
308
+ {
309
+ "key": "field_6887a026c9b6b",
310
+ "label": "Flex direction desktop",
311
+ "name": "flex_direction_desktop",
312
+ "aria-label": "",
313
+ "type": "select",
314
+ "instructions": "",
315
+ "required": 0,
316
+ "conditional_logic": 0,
317
+ "wrapper": {
318
+ "width": "33",
319
+ "class": "",
320
+ "id": ""
321
+ },
322
+ "wpml_cf_preferences": 3,
323
+ "choices": {
324
+ "__row": "Row",
325
+ "__row-reverse": "Row reverse",
326
+ "__column": "Column",
327
+ "__column-reverse": "Column reverse"
328
+ },
329
+ "default_value": "__row",
330
+ "return_format": "value",
331
+ "multiple": 0,
332
+ "max": "",
333
+ "allow_custom": 0,
334
+ "search_placeholder": "",
335
+ "prepend": "",
336
+ "append": "",
337
+ "allow_null": 0,
338
+ "ui": 1,
339
+ "ajax": 1,
340
+ "placeholder": "",
341
+ "min": ""
342
+ },
343
+ {
344
+ "key": "field_6887c9822cff1",
345
+ "label": "Flex direction portrait",
346
+ "name": "flex_direction_portrait",
347
+ "aria-label": "",
348
+ "type": "select",
349
+ "instructions": "",
350
+ "required": 0,
351
+ "conditional_logic": 0,
352
+ "wrapper": {
353
+ "width": "33",
354
+ "class": "",
355
+ "id": ""
356
+ },
357
+ "wpml_cf_preferences": 3,
358
+ "choices": {
359
+ "__row": "Row",
360
+ "__row-reverse": "Row reverse",
361
+ "__column": "Column",
362
+ "__column-reverse": "Column reverse"
363
+ },
364
+ "default_value": "__row",
365
+ "return_format": "value",
366
+ "multiple": 0,
367
+ "allow_custom": 0,
368
+ "search_placeholder": "",
369
+ "prepend": "",
370
+ "append": "",
371
+ "allow_null": 0,
372
+ "ui": 1,
373
+ "ajax": 1,
374
+ "placeholder": "",
375
+ "min": "",
376
+ "max": ""
377
+ },
378
+ {
379
+ "key": "field_6887c9962cff2",
380
+ "label": "Flex direction mobile",
381
+ "name": "flex_direction_mobile",
382
+ "aria-label": "",
383
+ "type": "select",
384
+ "instructions": "",
385
+ "required": 0,
386
+ "conditional_logic": 0,
387
+ "wrapper": {
388
+ "width": "33",
389
+ "class": "",
390
+ "id": ""
391
+ },
392
+ "wpml_cf_preferences": 3,
393
+ "choices": {
394
+ "__row": "Row",
395
+ "__row-reverse": "Row reverse",
396
+ "__column": "Column",
397
+ "__column-reverse": "Column reverse"
398
+ },
399
+ "default_value": "__row",
400
+ "return_format": "value",
401
+ "multiple": 0,
402
+ "allow_custom": 0,
403
+ "search_placeholder": "",
404
+ "prepend": "",
405
+ "append": "",
406
+ "allow_null": 0,
407
+ "ui": 1,
408
+ "ajax": 1,
409
+ "placeholder": "",
410
+ "min": "",
411
+ "max": ""
412
+ },
413
+ {
414
+ "key": "field_6887a026c9f56",
415
+ "label": "Gap desktop",
416
+ "name": "gap_desktop",
417
+ "aria-label": "",
418
+ "type": "range",
419
+ "instructions": "",
420
+ "required": 0,
421
+ "conditional_logic": 0,
422
+ "wrapper": {
423
+ "width": "33",
424
+ "class": "",
425
+ "id": ""
426
+ },
427
+ "wpml_cf_preferences": 3,
428
+ "default_value": 0,
429
+ "min": 0,
430
+ "max": 4,
431
+ "step": "0.125",
432
+ "prepend": "",
433
+ "append": ""
434
+ },
435
+ {
436
+ "key": "field_6887c9b32cff3",
437
+ "label": "Gap portrait",
438
+ "name": "gap_portrait",
439
+ "aria-label": "",
440
+ "type": "range",
441
+ "instructions": "",
442
+ "required": 0,
443
+ "conditional_logic": 0,
444
+ "wrapper": {
445
+ "width": "33",
446
+ "class": "",
447
+ "id": ""
448
+ },
449
+ "wpml_cf_preferences": 3,
450
+ "default_value": 0,
451
+ "min": 0,
452
+ "max": 4,
453
+ "step": "0.125",
454
+ "prepend": "",
455
+ "append": ""
456
+ },
457
+ {
458
+ "key": "field_6887c9ba2cff4",
459
+ "label": "Gap mobile",
460
+ "name": "gap_mobile",
461
+ "aria-label": "",
462
+ "type": "range",
463
+ "instructions": "",
464
+ "required": 0,
465
+ "conditional_logic": 0,
466
+ "wrapper": {
467
+ "width": "33",
468
+ "class": "",
469
+ "id": ""
470
+ },
471
+ "wpml_cf_preferences": 3,
472
+ "default_value": 0,
473
+ "min": 0,
474
+ "max": 4,
475
+ "step": "0.125",
476
+ "prepend": "",
477
+ "append": ""
478
+ },
479
+ {
480
+ "key": "field_6887a026ca33d",
481
+ "label": "Desktop end",
482
+ "name": "",
483
+ "aria-label": "",
484
+ "type": "accordion",
485
+ "instructions": "",
486
+ "required": 0,
487
+ "conditional_logic": 0,
488
+ "wrapper": {
489
+ "width": "",
490
+ "class": "",
491
+ "id": ""
492
+ },
493
+ "wpml_cf_preferences": 3,
494
+ "open": 0,
495
+ "multi_expand": 0,
496
+ "endpoint": 1
497
+ },
498
+ {
499
+ "key": "field_6887a026ca725",
500
+ "label": "Portrait",
501
+ "name": "",
502
+ "aria-label": "",
503
+ "type": "accordion",
504
+ "instructions": "",
505
+ "required": 0,
506
+ "conditional_logic": 0,
507
+ "wrapper": {
508
+ "width": "",
509
+ "class": "",
510
+ "id": ""
511
+ },
512
+ "wpml_cf_preferences": 3,
513
+ "open": 0,
514
+ "multi_expand": 0,
515
+ "endpoint": 0
516
+ },
517
+ {
518
+ "key": "field_6887a026cb6c5",
519
+ "label": "Portrait end",
520
+ "name": "",
521
+ "aria-label": "",
522
+ "type": "accordion",
523
+ "instructions": "",
524
+ "required": 0,
525
+ "conditional_logic": 0,
526
+ "wrapper": {
527
+ "width": "",
528
+ "class": "",
529
+ "id": ""
530
+ },
531
+ "wpml_cf_preferences": 3,
532
+ "open": 0,
533
+ "multi_expand": 0,
534
+ "endpoint": 1
535
+ },
536
+ {
537
+ "key": "field_6887a026cbaaf",
538
+ "label": "Mobile",
539
+ "name": "",
540
+ "aria-label": "",
541
+ "type": "accordion",
542
+ "instructions": "",
543
+ "required": 0,
544
+ "conditional_logic": 0,
545
+ "wrapper": {
546
+ "width": "",
547
+ "class": "",
548
+ "id": ""
549
+ },
550
+ "wpml_cf_preferences": 3,
551
+ "open": 0,
552
+ "multi_expand": 0,
553
+ "endpoint": 0
554
+ },
555
+ {
556
+ "key": "field_6887a026cca4f",
557
+ "label": "Mobile end",
558
+ "name": "",
559
+ "aria-label": "",
560
+ "type": "accordion",
561
+ "instructions": "",
562
+ "required": 0,
563
+ "conditional_logic": 0,
564
+ "wrapper": {
565
+ "width": "",
566
+ "class": "",
567
+ "id": ""
568
+ },
569
+ "wpml_cf_preferences": 3,
570
+ "open": 0,
571
+ "multi_expand": 0,
572
+ "endpoint": 1
573
+ },
574
+ {
575
+ "key": "field_6887a026cce3b",
576
+ "label": "Advanced flex settings",
577
+ "name": "",
578
+ "aria-label": "",
579
+ "type": "accordion",
580
+ "instructions": "",
581
+ "required": 0,
582
+ "conditional_logic": 0,
583
+ "wrapper": {
584
+ "width": "",
585
+ "class": "",
586
+ "id": ""
587
+ },
588
+ "wpml_cf_preferences": 3,
589
+ "open": 0,
590
+ "multi_expand": 0,
591
+ "endpoint": 0
592
+ },
593
+ {
594
+ "key": "field_6887a026cf167",
595
+ "label": "Scroll Snap",
596
+ "name": "",
597
+ "aria-label": "",
598
+ "type": "tab",
599
+ "instructions": "",
600
+ "required": 0,
601
+ "conditional_logic": 0,
602
+ "wrapper": {
603
+ "width": "",
604
+ "class": "",
605
+ "id": ""
606
+ },
607
+ "wpml_cf_preferences": 3,
608
+ "placement": "top",
609
+ "endpoint": 0,
610
+ "no_preference": 0,
611
+ "selected": 0
612
+ },
613
+ {
614
+ "key": "field_6887a026cf544",
615
+ "label": "Scroll snap type",
616
+ "name": "scroll_snap_type",
617
+ "aria-label": "",
618
+ "type": "select",
619
+ "instructions": "",
620
+ "required": 0,
621
+ "conditional_logic": 0,
622
+ "wrapper": {
623
+ "width": "",
624
+ "class": "",
625
+ "id": ""
626
+ },
627
+ "wpml_cf_preferences": 3,
628
+ "choices": {
629
+ "__none": "None",
630
+ "__x": "X",
631
+ "__x mandatory": "X mandatory",
632
+ "__y": "Y",
633
+ "__y mandatory": "Y mandatory",
634
+ "__both mandatory": "Both mandatory",
635
+ "__block": "Block",
636
+ "__inline": "Inline",
637
+ "__both": "Both"
638
+ },
639
+ "default_value": "__none",
640
+ "return_format": "value",
641
+ "multiple": 0,
642
+ "max": "",
643
+ "prepend": "",
644
+ "append": "",
645
+ "allow_null": 0,
646
+ "ui": 0,
647
+ "ajax": 0,
648
+ "placeholder": "",
649
+ "allow_custom": 0,
650
+ "search_placeholder": "",
651
+ "min": ""
652
+ },
653
+ {
654
+ "key": "field_6887a026cf930",
655
+ "label": "Container overflow type",
656
+ "name": "container_overflow_type",
657
+ "aria-label": "",
658
+ "type": "select",
659
+ "instructions": "",
660
+ "required": 0,
661
+ "conditional_logic": 0,
662
+ "wrapper": {
663
+ "width": "",
664
+ "class": "",
665
+ "id": ""
666
+ },
667
+ "wpml_cf_preferences": 3,
668
+ "choices": {
669
+ "__hidden": "Hidden",
670
+ "__auto": "Auto",
671
+ "__scroll": "Scroll",
672
+ "__visible": "Visible"
673
+ },
674
+ "default_value": "__hidden",
675
+ "return_format": "value",
676
+ "multiple": 0,
677
+ "max": "",
678
+ "prepend": "",
679
+ "append": "",
680
+ "allow_null": 0,
681
+ "ui": 0,
682
+ "ajax": 0,
683
+ "placeholder": "",
684
+ "allow_custom": 0,
685
+ "search_placeholder": "",
686
+ "min": ""
687
+ },
688
+ {
689
+ "key": "field_6887a026cfd15",
690
+ "label": "Scroll snap align",
691
+ "name": "scroll_snap_align",
692
+ "aria-label": "",
693
+ "type": "select",
694
+ "instructions": "",
695
+ "required": 0,
696
+ "conditional_logic": 0,
697
+ "wrapper": {
698
+ "width": "",
699
+ "class": "",
700
+ "id": ""
701
+ },
702
+ "wpml_cf_preferences": 3,
703
+ "choices": {
704
+ "__none": "None",
705
+ "__start": "Start",
706
+ "__end": "End",
707
+ "__start end": "Start End",
708
+ "__end start": "End Start"
709
+ },
710
+ "default_value": "__none",
711
+ "return_format": "value",
712
+ "multiple": 0,
713
+ "max": "",
714
+ "prepend": "",
715
+ "append": "",
716
+ "allow_null": 0,
717
+ "ui": 0,
718
+ "ajax": 0,
719
+ "placeholder": "",
720
+ "allow_custom": 0,
721
+ "search_placeholder": "",
722
+ "min": ""
723
+ },
724
+ {
725
+ "key": "field_6887a026d0103",
726
+ "label": "Custom templates",
727
+ "name": "",
728
+ "aria-label": "",
729
+ "type": "tab",
730
+ "instructions": "",
731
+ "required": 0,
732
+ "conditional_logic": 0,
733
+ "wrapper": {
734
+ "width": "",
735
+ "class": "",
736
+ "id": ""
737
+ },
738
+ "wpml_cf_preferences": 3,
739
+ "placement": "top",
740
+ "endpoint": 0,
741
+ "no_preference": 0,
742
+ "selected": 0
743
+ },
744
+ {
745
+ "key": "field_6887a026d1c57",
746
+ "label": "Advanced flex settings end",
747
+ "name": "",
748
+ "aria-label": "",
749
+ "type": "accordion",
750
+ "instructions": "",
751
+ "required": 0,
752
+ "conditional_logic": 0,
753
+ "wrapper": {
754
+ "width": "",
755
+ "class": "",
756
+ "id": ""
757
+ },
758
+ "wpml_cf_preferences": 3,
759
+ "open": 0,
760
+ "multi_expand": 0,
761
+ "endpoint": 1
762
+ }
763
+ ],
764
+ "location": [
765
+ [
766
+ {
767
+ "param": "block",
768
+ "operator": "!=",
769
+ "value": "all"
770
+ }
771
+ ]
772
+ ],
773
+ "menu_order": 0,
774
+ "position": "normal",
775
+ "style": "default",
776
+ "label_placement": "top",
777
+ "instruction_placement": "label",
778
+ "hide_on_screen": "",
779
+ "active": false,
780
+ "description": "Library version - Do not modify in this project as any changes will be overwritten by future updates.",
781
+ "show_in_rest": 0,
782
+ "acfe_autosync": [
783
+ "json"
784
+ ],
785
+ "acfml_field_group_mode": "localization",
786
+ "acfe_form": 0,
787
+ "acfe_display_title": "",
788
+ "acfe_meta": "",
789
+ "acfe_note": "",
790
+ "modified": 1753729853
791
+ }
package/components/component-grid-layout-container-v3/grid-layout-container-v3.scss CHANGED
@@ -3,7 +3,7 @@
3
3
  @use 'Assets/scss/modules/library-modules/core-functions-v3/core-functions-v3';
4
4
 
5
5
  @mixin gridLayoutContainer() {
6
- display: grid;
6
+ display: var(--display-type, 'grid');
7
7
  position: relative;
8
8
  grid-auto-flow: var(--grid-auto-flow-mobile, row);
9
9
  --grid-auto-columns-custom-size: #{core-functions-v3.fluidSize(
package/components/component-grid-layout-container-v3/grid-layout-container-v3.twig ADDED
@@ -0,0 +1,34 @@
1
+ {% set gridColumnsDesktop = '--grid-template-columns-custom-desktop: repeat(' ~ fields.grid_layout.grid_columns_desktop|default(1) ~ ', 1fr);' %}
2
+ {% set gridColumnsPortrait = '--grid-template-columns-custom-portrait: repeat(' ~ fields.grid_layout.grid_columns_portrait|default(1) ~ ', 1fr);' %}
3
+ {% set gridColumnsMobile = '--grid-template-columns-custom-mobile: repeat(' ~ fields.grid_layout.grid_columns_mobile|default(1) ~ ', 1fr);' %}
4
+ {% set gridAutoFlowDesktop = '--grid-auto-flow-desktop: ' ~ fields.grid_layout.grid_auto_flow_desktop|ru ~ ';' %}
5
+ {% set gridAutoFlowMobile = '--grid-auto-flow-mobile: ' ~ fields.grid_layout.grid_auto_flow_mobile|ru ~ ';' %}
6
+ {% set containerOverflowType = '--container-overflow-type: ' ~ fields.grid_layout.container_overflow_type|ru ~ ';' %}
7
+ {% set gridAutoColumns = '--grid-auto-columns: ' ~ fields.grid_layout.grid_auto_columns|ru ~ ';' %}
8
+
9
+ {% if fields.grid_layout.grid_auto_columns|ru == 'custom' %}
10
+ {% set gridAutoColumns = '--grid-auto-columns-custom: ' ~ fields.grid_layout.grid_auto_columns_custom_width ~ ';' %}
11
+ {% endif %}
12
+ {% if fields.grid_layout.grid_template_columns_custom_desktop is not empty %}
13
+ {% set gridColumnsDesktop = '--grid-template-columns-custom-desktop: ' ~ fields.grid_layout.grid_template_columns_custom_desktop ~ ';' %}
14
+ {% endif %}
15
+ {% if fields.grid_layout.grid_template_columns_custom_portrait is not empty %}
16
+ {% set gridColumnsPortrait = '--grid-template-columns-custom-portrait: ' ~ fields.grid_layout.grid_template_columns_custom_portrait ~ ';' %}
17
+ {% endif %}
18
+ {% if fields.grid_layout.grid_template_columns_custom_mobile is not empty %}
19
+ {% set gridColumnsMobile = '--grid-template-columns-custom-mobile: ' ~ fields.grid_layout.grid_template_columns_custom_mobile ~ ';' %}
20
+ {% endif %}
21
+ {% if fields.grid_layout.grid_template_rows_custom_desktop is not empty %}
22
+ {% set gridTemplateRowsCustomDesktop = '--grid-template-rows-custom-desktop: ' ~ fields.grid_layout.grid_template_rows_custom_desktop ~ ';' %}
23
+ {% endif %}
24
+ {% if fields.grid_layout.grid_template_rows_custom_portrait is not empty %}
25
+ {% set gridTemplateRowsCustomPortrait = '--grid-template-rows-custom-portrait: ' ~ fields.grid_layout.grid_template_rows_custom_portrait ~ ';' %}
26
+ {% endif %}
27
+ {% if fields.grid_layout.grid_template_rows_custom_mobile is not empty %}
28
+ {% set gridTemplateRowsCustomMobile = '--grid-template-rows-custom-mobile: ' ~ fields.grid_layout.grid_template_rows_custom_mobile ~ ';' %}
29
+ {% endif %}
30
+ {% set displayType = '--display-type: grid;' %}
31
+ {% set gridLayoutContainer = displayType ~ gridColumnsDesktop ~ gridColumnsPortrait ~ gridColumnsMobile ~ gridAutoFlowDesktop ~ gridAutoFlowMobile ~ containerOverflowType ~ gridAutoColumns ~ gridTemplateRowsCustomDesktop ~ gridTemplateRowsCustomPortrait ~ gridTemplateRowsCustomMobile %}
32
+
33
+
34
+ {{gridLayoutContainer}}
package/createNewBlock.js CHANGED
@@ -4,7 +4,6 @@ const { globSync } = require('glob');
4
4
  const yargs = require('yargs');
5
5
  const {exec} = require('child_process');
6
6
  const swiperTemplates = require('./new-block-templates/template-swiper');
7
- // const cypressJs = require('./new-block-templates/template-cypress');
8
7
  const vueTemplates = require('./new-block-templates/template-vue');
9
8
  const acfTemplate = require('./new-block-templates/template-acf');
10
9
  const defaultTemplates = require('./new-block-templates/template-default');
@@ -88,7 +87,7 @@ const contentContainerTemplate = `
88
87
  const templateData = `
89
88
  {% set blockClassName = "${newBlockName}" %}
90
89
  {% set classNameEntryPoint = include('entry-points/entry-point-classes.twig', { fields: fields, block: block }, with_context = false) %}
91
- {% set htmlEntryPoint = include('entry-points/entry-point-html.twig', { fields: fields, block: block, blockClassName, blockClassName }, with_context = false) %}
90
+ {% set htmlEntryPoint = include('entry-points/entry-point-html-v3.twig', { fields: fields, block: block, blockClassName, blockClassName }, with_context = false) %}
92
91
  {% set dataAttributeEntryPoint = include('entry-points/entry-point-data-attribute.twig', { fields: fields, block: block }, with_context = false) %}
93
92
  {% set styleEntryPoint = include('entry-points/entry-point-style.twig', { fields: fields, block: block, is_preview }, with_context = false) %}
94
93
  {% set previewEntryPoint = include('entry-points/entry-point-preview-info.twig', { fields, block, displaytype, is_preview }, with_context = false) %}
@@ -96,7 +95,12 @@ const templateData = `
96
95
  {% set sectionStyles = styleEntryPoint %}
97
96
 
98
97
  {{previewEntryPoint}}
99
- <section {{block.anchor ? "id=" ~ block.anchor : ''}} class="{{blockClassName}} {{block.className}} {{classNameEntryPoint}} lazy-fade" {{dataAttributeEntryPoint}} data-blockid="{{block.id}}" style="{{sectionStyles}}" data-assetkey="{{blockClassName}}">
98
+ <style>
99
+ .{{blockClassName}}.{{block.id}}{
100
+ {{sectionStyles}}
101
+ }
102
+ </style>
103
+ <section {{block.anchor ? "id=" ~ block.anchor : ''}} class="{{blockClassName}} {{block.className}} {{classNameEntryPoint}} {{block.id}} lazy-fade" {{dataAttributeEntryPoint}} data-blockid="{{block.id}}" data-assetkey="{{blockClassName}}">
100
104
  ${swiper ? swiperTemplates.templatetwig(newBlockName) : ''}${
101
105
  image ? imageTemplate : ''
102
106
  }
package/new-block-templates/template-default.js CHANGED
@@ -12,8 +12,8 @@ module.exports = {
12
12
  }`;
13
13
  },
14
14
  defaultscss: function (newBlockName) {
15
- return `// @use 'Assets/scss/modules/library-modules/core-mixins/core-mixins';
16
- // @use 'Assets/scss/modules/library-modules/core-functions/core-functions';
15
+ return `// @use 'Assets/scss/modules/library-modules/core-mixins-v3/core-mixins-v3';
16
+ // @use 'Assets/scss/modules/library-modules/core-functions-v3/core-functions-v3';
17
17
  // @use 'Assets/scss/theme/breakpoints';
18
18
  @use 'Assets/scss/blocks/${newBlockName}/${newBlockName}-extra';
19
19
  .${newBlockName} {
@@ -21,8 +21,8 @@ module.exports = {
21
21
  }`;
22
22
  },
23
23
  defaultextrascss: function (newBlockName) {
24
- return `@use 'Assets/scss/modules/library-modules/core-mixins/core-mixins';
25
- @use 'Assets/scss/modules/library-modules/core-functions/core-functions';
24
+ return `@use 'Assets/scss/modules/library-modules/core-mixins-v3/core-mixins-v3';
25
+ @use 'Assets/scss/modules/library-modules/core-functions-v3/core-functions-v3';
26
26
  @use 'Assets/scss/theme/breakpoints';
27
27
  @mixin additionalStyles() {
28
28
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@total_onion/onion-library",
3
- "version": "1.0.93",
3
+ "version": "1.0.96",
4
4
  "description": "Component library",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/new-block-templates/template-cypress.js DELETED
@@ -1,9 +0,0 @@
1
- module.exports = function (newBlockName) {
2
- return `describe('${newBlockName}', () => {
3
- it('Gets, types and asserts', () => {
4
- cy.visit('/_block-reference');
5
- cy.get('.${newBlockName}');
6
- });
7
- });
8
- `;
9
- }