@total_onion/onion-library 2.0.101 → 2.0.104

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 (5) hide show
  1. package/components/block-responsive-table-v3/responsive-table-v3.js +7 -0
  2. package/components/block-responsive-table-v3/responsive-table-v3.scss +48 -0
  3. package/components/component-accent-image-v3/accent-image-v3.twig +7 -2
  4. package/components/component-accent-image-v3/group_686cd5547efd2.json +31 -4
  5. package/package.json +1 -1
package/components/block-responsive-table-v3/responsive-table-v3.js ADDED
@@ -0,0 +1,7 @@
1
+ export default function responsivetableJs(options = {}) {
2
+ try {
3
+ const {block} = options;
4
+ } catch (error) {
5
+ console.error(error);
6
+ }
7
+ }
package/components/block-responsive-table-v3/responsive-table-v3.scss ADDED
@@ -0,0 +1,48 @@
1
+ @use '../fields-core-functions-v3/core-functions-v3';
2
+ @use '../fields-core-mixins-v3/core-mixins-v3';
3
+ @use '../../breakpoints';
4
+
5
+ .responsive-table-v3 {
6
+ &__wrapper {
7
+ display: grid;
8
+ grid-auto-flow: column;
9
+ gap: calc(
10
+ var(--global-inline-spacing) * var(--table-spacing-gap-desktop)
11
+ );
12
+ overflow: auto;
13
+ }
14
+ &__headings {
15
+ display: grid;
16
+ grid-auto-flow: column;
17
+ grid-column: 1/ (var(--headings));
18
+ grid-template-columns: subgrid;
19
+ }
20
+
21
+ &__heading {
22
+ grid-row: 1;
23
+ background-color: var(--background-column-headers);
24
+ padding: core-functions-v3.fluidSize(5, 'mobile');
25
+ @include core-mixins-v3.device(breakpoints.$tabPortrait) {
26
+ padding: core-functions-v3.fluidSize(5, 'portrait');
27
+ }
28
+ @include core-mixins-v3.device(breakpoints.$tabLandscape) {
29
+ padding: core-functions-v3.fluidSize(5, 'desktop');
30
+ }
31
+ }
32
+ &__item {
33
+ display: grid;
34
+ grid-auto-flow: column;
35
+ grid-column: 1/ (var(--headings));
36
+ grid-template-columns: subgrid;
37
+ }
38
+ &__item-value {
39
+ background-color: var(--background-colour-items);
40
+ padding: core-functions-v3.fluidSize(5, 'mobile');
41
+ @include core-mixins-v3.device(breakpoints.$tabPortrait) {
42
+ padding: core-functions-v3.fluidSize(5, 'portrait');
43
+ }
44
+ @include core-mixins-v3.device(breakpoints.$tabLandscape) {
45
+ padding: core-functions-v3.fluidSize(5, 'desktop');
46
+ }
47
+ }
48
+ }
package/components/component-accent-image-v3/accent-image-v3.twig CHANGED
@@ -98,6 +98,9 @@
98
98
  <{{accentImageContainerElement}}
99
99
  {{accentImageCtaType == 'link' ? 'href="' ~ image.accent_image_link.url ~ '" ' ~ 'target="' ~ image.accent_image_link.target ~ '" ' : ''}}
100
100
  class="{{block.id}}-{{ loop.index }} {{blockClassName}}__accent-image">
101
+ {% if image.inline_raw_svg %}
102
+ {{fn('get_raw_svg', accentImage.id, blockClassName ~ '__image-element element')}}
103
+ {% else %}
101
104
  <img
102
105
  class="{{block.id}}-{{ loop.index }} {{blockClassName}}__image-element element"
103
106
  src="{{ accentImage.src }}"
@@ -106,9 +109,11 @@
106
109
  alt="{{ accentImage.alt }}"
107
110
  loading="lazy"
108
111
  />
112
+ {% endif %}
113
+
109
114
  {% if fields.accent_image_v3.show_image_number and is_preview %}
110
115
  <div class="{{blockClassName}}__image-number">{{ loop.index }}</div>
111
116
  {% endif %}
112
117
  </{{accentImageContainerElement}}>
113
- {% endfor %}
114
- {% endif %}
118
+ {% endfor %}
119
+ {% endif %}
package/components/component-accent-image-v3/group_686cd5547efd2.json CHANGED
@@ -182,6 +182,29 @@
182
182
  "append": "",
183
183
  "parent_repeater": "field_686cd5548bfb0"
184
184
  },
185
+ {
186
+ "key": "field_6901d9ccea356",
187
+ "label": "Inline raw SVG",
188
+ "name": "inline_raw_svg",
189
+ "aria-label": "",
190
+ "type": "true_false",
191
+ "instructions": "",
192
+ "required": 0,
193
+ "conditional_logic": 0,
194
+ "wrapper": {
195
+ "width": "",
196
+ "class": "",
197
+ "id": ""
198
+ },
199
+ "message": "",
200
+ "default_value": 0,
201
+ "style": "",
202
+ "allow_in_bindings": 0,
203
+ "ui_on_text": "",
204
+ "ui_off_text": "",
205
+ "ui": 1,
206
+ "parent_repeater": "field_686cd5548bfb0"
207
+ },
185
208
  {
186
209
  "key": "field_686cd554909ea",
187
210
  "label": "Border radius",
@@ -284,7 +307,9 @@
284
307
  "search_placeholder": "",
285
308
  "min": "",
286
309
  "parent_repeater": "field_686cd5548bfb0",
287
- "wpml_cf_preferences": 3
310
+ "wpml_cf_preferences": 3,
311
+ "create_options": 0,
312
+ "save_options": 0
288
313
  },
289
314
  {
290
315
  "key": "field_686cd55491988",
@@ -861,7 +886,9 @@
861
886
  "append": "",
862
887
  "min": "",
863
888
  "max": "",
864
- "parent_repeater": "field_686cd5548bfb0"
889
+ "parent_repeater": "field_686cd5548bfb0",
890
+ "create_options": 0,
891
+ "save_options": 0
865
892
  },
866
893
  {
867
894
  "key": "field_686cd5549447f",
@@ -936,13 +963,13 @@
936
963
  "active": false,
937
964
  "description": "Library version - Do not modify in this project as any changes will be overwritten by future updates.",
938
965
  "show_in_rest": 0,
966
+ "display_title": "",
939
967
  "acfe_autosync": [
940
968
  "json"
941
969
  ],
942
- "acfml_field_group_mode": "localization",
943
970
  "acfe_form": 0,
944
971
  "acfe_display_title": "",
945
972
  "acfe_meta": "",
946
973
  "acfe_note": "",
947
- "modified": 1760102177
974
+ "modified": 1761729001
948
975
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@total_onion/onion-library",
3
- "version": "2.0.101",
3
+ "version": "2.0.104",
4
4
  "description": "Component library",
5
5
  "main": "index.js",
6
6
  "scripts": {