@total_onion/onion-library 2.0.201 → 2.0.203

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 (36) hide show
  1. package/assembleAssetList.js +21 -2
  2. package/components/fields-core-css-sizing-vars-v3/core-css-sizing-vars-v3.scss +102 -74
  3. package/components/fields-core-root-variables-v3/core-root-variables-v3.scss +39 -37
  4. package/components/webc-loadmore-trigger/index.html +30 -0
  5. package/components/webc-loadmore-trigger/loadmore-trigger.css +20 -0
  6. package/components/webc-loadmore-trigger/loadmore-trigger.html +3 -0
  7. package/components/webc-loadmore-trigger/loadmore-trigger.js +23 -0
  8. package/components/webc-post-filter-module/dev-content/dev-content.js +68 -0
  9. package/components/webc-post-filter-module/index.html +30 -0
  10. package/components/webc-post-filter-module/post-filter-module.css +10 -0
  11. package/components/webc-post-filter-module/post-filter-module.html +14 -0
  12. package/components/webc-post-filter-module/post-filter-module.js +197 -0
  13. package/components/webc-post-grid-display-module/index.html +30 -0
  14. package/components/webc-post-grid-display-module/post-grid-display-module.css +20 -0
  15. package/components/webc-post-grid-display-module/post-grid-display-module.html +7 -0
  16. package/components/webc-post-grid-display-module/post-grid-display-module.js +37 -0
  17. package/components/webc-ptfg-9000/index.html +50 -0
  18. package/components/webc-ptfg-9000/ptfg-9000.css +8 -0
  19. package/components/webc-ptfg-9000/ptfg-9000.html +5 -0
  20. package/components/webc-ptfg-9000/ptfg-9000.js +39 -0
  21. package/createJsAssets-v3.js +1 -1
  22. package/esbuild.mjs +39 -6
  23. package/onion-loader-local.js +1 -1
  24. package/package.json +1 -1
  25. package/public/assetList.mjs +78 -2
  26. package/public/block-group-container-v3/group-container-v3.css +26 -26
  27. package/public/block-post-info-v3/post-info-v3.css +429 -429
  28. package/public/block-post-type-filter-grid-v4/dev-content/dev-content.js +38 -0
  29. package/public/block-post-type-filter-grid-v4/post-type-filter-grid-v4.css +42 -0
  30. package/public/block-post-type-filter-grid-v4/post-type-filter-grid-v4.js +181 -0
  31. package/public/block-product-info-v3/product-info-v3.css +257 -257
  32. package/public/block-sub-group-container-v3/sub-group-container-v3.css +23 -23
  33. package/public/jsAssets.mjs +41 -3
  34. package/public/publicBundleBase.css +4800 -0
  35. package/public/{publicBundle.scss → publicBundleBase.scss} +6 -2
  36. package/public/publicBundle.css +0 -6392
package/public/block-sub-group-container-v3/sub-group-container-v3.css CHANGED
@@ -1,18 +1,18 @@
1
1
  @charset "UTF-8";
2
- .sub-group-container-v3 {
2
+ .sub-group-container-v3:not(#\#) {
3
3
  display: grid;
4
4
  grid-template: "main"/1fr;
5
5
  align-items: center;
6
6
  justify-items: center;
7
7
  place-items: center;
8
8
  }
9
- .sub-group-container-v3__grid-container {
9
+ .sub-group-container-v3__grid-container:not(#\#) {
10
10
  grid-area: main;
11
11
  align-self: stretch;
12
12
  justify-self: stretch;
13
13
  place-self: stretch;
14
14
  }
15
- .sub-group-container-v3__grid-container.flex-layout-container {
15
+ .sub-group-container-v3__grid-container.flex-layout-container:not(#\#) {
16
16
  display: flex;
17
17
  display: var(--display-type, flex);
18
18
  justify-content: flex-start;
@@ -27,7 +27,7 @@
27
27
  flex-wrap: var(--flex-wrap-mobile, nowrap);
28
28
  }
29
29
  @media screen and (min-width: 768px) {
30
- .sub-group-container-v3__grid-container.flex-layout-container {
30
+ .sub-group-container-v3__grid-container.flex-layout-container:not(#\#) {
31
31
  justify-content: flex-start;
32
32
  justify-content: var(--justify-content-portrait, flex-start);
33
33
  flex-direction: row;
@@ -41,7 +41,7 @@
41
41
  }
42
42
  }
43
43
  @media screen and (min-width: 1024px) {
44
- .sub-group-container-v3__grid-container.flex-layout-container {
44
+ .sub-group-container-v3__grid-container.flex-layout-container:not(#\#) {
45
45
  justify-content: flex-start;
46
46
  justify-content: var(--justify-content-desktop, flex-start);
47
47
  flex-direction: row;
@@ -54,7 +54,7 @@
54
54
  flex-wrap: var(--flex-wrap-desktop, nowrap);
55
55
  }
56
56
  }
57
- .sub-group-container-v3__grid-container.grid-layout-container {
57
+ .sub-group-container-v3__grid-container.grid-layout-container:not(#\#) {
58
58
  display: "grid";
59
59
  display: var(--display-type, "grid");
60
60
  position: relative;
@@ -63,11 +63,11 @@
63
63
  scroll-snap-type: none;
64
64
  scroll-snap-type: var(--scroll-snap-type-mobile, none);
65
65
  }
66
- .sub-group-container-v3__grid-container.grid-layout-container > div {
66
+ .sub-group-container-v3__grid-container.grid-layout-container:not(#\#) > div {
67
67
  scroll-snap-align: start;
68
68
  scroll-snap-align: var(--scroll-snap-align-mobile, start);
69
69
  }
70
- .sub-group-container-v3__grid-container.grid-layout-container {
70
+ .sub-group-container-v3__grid-container.grid-layout-container:not(#\#) {
71
71
  overflow: hidden;
72
72
  overflow: var(--container-overflow-type-mobile, hidden);
73
73
  grid-gap: calc(var(--global-inline-spacing) * 0) calc(var(--global-inline-spacing) * 0);
@@ -204,15 +204,15 @@
204
204
  }
205
205
  }
206
206
  @media screen and (min-width: 768px) {
207
- .sub-group-container-v3__grid-container.grid-layout-container {
207
+ .sub-group-container-v3__grid-container.grid-layout-container:not(#\#) {
208
208
  scroll-snap-type: none;
209
209
  scroll-snap-type: var(--scroll-snap-type-portrait, none);
210
210
  }
211
- .sub-group-container-v3__grid-container.grid-layout-container > div {
211
+ .sub-group-container-v3__grid-container.grid-layout-container:not(#\#) > div {
212
212
  scroll-snap-align: start;
213
213
  scroll-snap-align: var(--scroll-snap-align-portrait, start);
214
214
  }
215
- .sub-group-container-v3__grid-container.grid-layout-container {
215
+ .sub-group-container-v3__grid-container.grid-layout-container:not(#\#) {
216
216
  overflow: hidden;
217
217
  overflow: var(--container-overflow-type-portrait, hidden);
218
218
  grid-auto-flow: row;
@@ -230,15 +230,15 @@
230
230
  }
231
231
  }
232
232
  @media screen and (min-width: 1024px) {
233
- .sub-group-container-v3__grid-container.grid-layout-container {
233
+ .sub-group-container-v3__grid-container.grid-layout-container:not(#\#) {
234
234
  scroll-snap-type: none;
235
235
  scroll-snap-type: var(--scroll-snap-type-desktop, none);
236
236
  }
237
- .sub-group-container-v3__grid-container.grid-layout-container > div {
237
+ .sub-group-container-v3__grid-container.grid-layout-container:not(#\#) > div {
238
238
  scroll-snap-align: start;
239
239
  scroll-snap-align: var(--scroll-snap-align-desktop, start);
240
240
  }
241
- .sub-group-container-v3__grid-container.grid-layout-container {
241
+ .sub-group-container-v3__grid-container.grid-layout-container:not(#\#) {
242
242
  overflow: hidden;
243
243
  overflow: var(--container-overflow-type-desktop, hidden);
244
244
  grid-gap: calc(var(--global-inline-spacing) * 0) calc(var(--global-inline-spacing) * 0);
@@ -255,7 +255,7 @@
255
255
  grid-template-rows: var(--grid-template-rows-custom-desktop, repeat(var(--grid-template-rows-desktop), var(--grid-auto-rows-desktop, 1fr)));
256
256
  }
257
257
  }
258
- .sub-group-container-v3__block-container {
258
+ .sub-group-container-v3__block-container:not(#\#) {
259
259
  z-index: 5;
260
260
  pointer-events: none;
261
261
  position: relative;
@@ -267,41 +267,41 @@
267
267
  justify-self: var(--grid-horizontal-placement-mobile);
268
268
  place-self: var(--grid-vertical-placement-mobile) var(--grid-horizontal-placement-mobile);
269
269
  }
270
- .sub-group-container-v3__block-container:has(> .subgrid-layout-mobile) {
270
+ .sub-group-container-v3__block-container:has(> .subgrid-layout-mobile):not(#\#) {
271
271
  grid-template-rows: subgrid;
272
272
  }
273
- .sub-group-container-v3__block-container:has(> .subgrid-layout-mobile) > section {
273
+ .sub-group-container-v3__block-container:has(> .subgrid-layout-mobile):not(#\#) > section {
274
274
  grid-row: 1/-1;
275
275
  grid-column: 1/-1;
276
276
  }
277
277
  @media screen and (min-width: 768px) {
278
- .sub-group-container-v3__block-container {
278
+ .sub-group-container-v3__block-container:not(#\#) {
279
279
  grid-row: var(--grid-row-start-portrait)/span var(--grid-row-span-portrait);
280
280
  grid-column: var(--grid-column-start-portrait)/span var(--grid-column-span-portrait);
281
281
  align-self: var(--grid-vertical-placement-portrait);
282
282
  justify-self: var(--grid-horizontal-placement-portrait);
283
283
  place-self: var(--grid-vertical-placement-portrait) var(--grid-horizontal-placement-portrait);
284
284
  }
285
- .sub-group-container-v3__block-container:has(> .subgrid-layout-portrait) {
285
+ .sub-group-container-v3__block-container:has(> .subgrid-layout-portrait):not(#\#) {
286
286
  grid-template-rows: subgrid;
287
287
  }
288
- .sub-group-container-v3__block-container:has(> .subgrid-layout-portrait) > section {
288
+ .sub-group-container-v3__block-container:has(> .subgrid-layout-portrait):not(#\#) > section {
289
289
  grid-row: 1/-1;
290
290
  grid-column: 1/-1;
291
291
  }
292
292
  }
293
293
  @media screen and (min-width: 1024px) {
294
- .sub-group-container-v3__block-container {
294
+ .sub-group-container-v3__block-container:not(#\#) {
295
295
  grid-row: var(--grid-row-start)/span var(--grid-row-span);
296
296
  grid-column: var(--grid-column-start)/span var(--grid-column-span);
297
297
  align-self: var(--grid-vertical-placement-desktop);
298
298
  justify-self: var(--grid-horizontal-placement-desktop);
299
299
  place-self: var(--grid-vertical-placement-desktop) var(--grid-horizontal-placement-desktop);
300
300
  }
301
- .sub-group-container-v3__block-container:has(> .subgrid-layout-desktop) {
301
+ .sub-group-container-v3__block-container:has(> .subgrid-layout-desktop):not(#\#) {
302
302
  grid-template-rows: subgrid;
303
303
  }
304
- .sub-group-container-v3__block-container:has(> .subgrid-layout-desktop) > section {
304
+ .sub-group-container-v3__block-container:has(> .subgrid-layout-desktop):not(#\#) > section {
305
305
  grid-row: 1/-1;
306
306
  grid-column: 1/-1;
307
307
  }
package/public/jsAssets.mjs CHANGED
@@ -1,4 +1,42 @@
1
-
2
- const dynamicAssets = [{"assetKey":"video-content-v3"},{"assetKey":"sub-group-container-v3"},{"assetKey":"sticky-buy-cta-v3"},{"assetKey":"standard-content-v3"},{"assetKey":"spotify-embed-v3"},{"assetKey":"spacer-v3"},{"assetKey":"social-networks-v3"},{"assetKey":"smash-balloon-social-media-v3"},{"assetKey":"site-title-and-tagline-v3"},{"assetKey":"site-logo-container-v3"},{"assetKey":"site-copyright-notice-v3"},{"assetKey":"single-responsive-image-v3"},{"assetKey":"single-column-container-v3"},{"assetKey":"section-separator-v3"},{"assetKey":"scrolling-banner-v3"},{"assetKey":"responsive-table-v3"},{"assetKey":"raw-html-v3"},{"assetKey":"product-info-v3"},{"assetKey":"post-type-filter-grid-v3"},{"assetKey":"post-info-v3"},{"assetKey":"nav-menu-container-v3"},{"assetKey":"modal-form-v3"},{"assetKey":"market-selector-v3"},{"assetKey":"lottie-content-v3"},{"assetKey":"group-container-v3"},{"assetKey":"gradient-layer-v3"},{"assetKey":"form-selection-v3"},{"assetKey":"featured-image-gallery-v3"},{"assetKey":"divider-v3"},{"assetKey":"cover-link-v3"},{"assetKey":"cocktail-recipe-v3"},{"assetKey":"carousel-multi-layout-v3"},{"assetKey":"block-interactions-v3"},{"assetKey":"betterreviews-display-v3"},{"assetKey":"back-to-top-button-v3"},{"assetKey":"accordion-v3"},{"assetKey":"accent-image-v3"}];
3
- const api = {dynamicAssets};
1
+ const dynamicAssets = [
2
+ { assetKey: "video-content-v3" },
3
+ { assetKey: "sub-group-container-v3" },
4
+ { assetKey: "sticky-buy-cta-v3" },
5
+ { assetKey: "standard-content-v3" },
6
+ { assetKey: "spotify-embed-v3" },
7
+ { assetKey: "spacer-v3" },
8
+ { assetKey: "social-networks-v3" },
9
+ { assetKey: "smash-balloon-social-media-v3" },
10
+ { assetKey: "site-title-and-tagline-v3" },
11
+ { assetKey: "site-logo-container-v3" },
12
+ { assetKey: "site-copyright-notice-v3" },
13
+ { assetKey: "single-responsive-image-v3" },
14
+ { assetKey: "single-column-container-v3" },
15
+ { assetKey: "section-separator-v3" },
16
+ { assetKey: "scrolling-banner-v3" },
17
+ { assetKey: "responsive-table-v3" },
18
+ { assetKey: "raw-html-v3" },
19
+ { assetKey: "product-info-v3" },
20
+ { assetKey: "post-type-filter-grid-v4" },
21
+ { assetKey: "post-type-filter-grid-v3" },
22
+ { assetKey: "post-info-v3" },
23
+ { assetKey: "nav-menu-container-v3" },
24
+ { assetKey: "modal-form-v3" },
25
+ { assetKey: "market-selector-v3" },
26
+ { assetKey: "lottie-content-v3" },
27
+ { assetKey: "group-container-v3" },
28
+ { assetKey: "gradient-layer-v3" },
29
+ { assetKey: "form-selection-v3" },
30
+ { assetKey: "featured-image-gallery-v3" },
31
+ { assetKey: "divider-v3" },
32
+ { assetKey: "cover-link-v3" },
33
+ { assetKey: "cocktail-recipe-v3" },
34
+ { assetKey: "carousel-multi-layout-v3" },
35
+ { assetKey: "block-interactions-v3" },
36
+ { assetKey: "betterreviews-display-v3" },
37
+ { assetKey: "back-to-top-button-v3" },
38
+ { assetKey: "accordion-v3" },
39
+ { assetKey: "accent-image-v3" },
40
+ ];
41
+ const api = { dynamicAssets };
4
42
  export default api;