@total_onion/onion-library 1.0.3 → 1.0.5

package/components/fields-core-typography/core-typography.scss

@@ -1,384 +0,0 @@
-@use 'Assets/scss/modules/library-modules/core-mixins/core-mixins';
-@use 'sass:math';
-
-/* Box sizing rules */
-*,
-*::before,
-*::after {
-	box-sizing: border-box;
-}
-
-//***** TYPOGRAPHY *****\\
-body {
-	@include core-mixins.fontSecondary();
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-	margin: 0; //reset default margin
-	font-weight: unset; //reset default font weight
-	@include core-mixins.fontPrimary();
-	margin-top: unset;
-}
-.override-element-styles {
-	h1,
-	h2,
-	h3,
-	h4,
-	h5,
-	h6 {
-		font-size: 0;
-	}
-}
-
-.standard-content-box-wysiwyg-editor {
-	h1,
-	h2,
-	h3,
-	h4,
-	h5,
-	h6 {
-		margin-bottom: var(--heading-block-spacing);
-
-		&:last-child {
-			margin-bottom: 0;
-		}
-	}
-	p {
-		margin-bottom: var(--paragraph-block-spacing);
-
-		&:last-child {
-			margin-bottom: 0;
-		}
-	}
-}
-
-h1 {
-	@include core-mixins.h1();
-
-	&:has(.font-tertiary) {
-		line-height: calc(
-			var(--h1-line-height) *
-				var(--global-line-height-multiplier-tertiary)
-		);
-	}
-}
-
-h2 {
-	@include core-mixins.h2();
-
-	&:has(.font-tertiary) {
-		line-height: calc(
-			var(--h2-line-height) *
-				var(--global-line-height-multiplier-tertiary)
-		);
-	}
-}
-
-h3 {
-	@include core-mixins.h3();
-
-	&:has(.font-tertiary) {
-		line-height: calc(
-			var(--h3-line-height) *
-				var(--global-line-height-multiplier-tertiary)
-		);
-	}
-}
-
-h4 {
-	@include core-mixins.h4();
-
-	&:has(.font-tertiary) {
-		line-height: calc(
-			var(--h4-line-height) *
-				var(--global-line-height-multiplier-tertiary)
-		);
-	}
-}
-
-h5 {
-	@include core-mixins.h5();
-
-	&:has(.font-tertiary) {
-		line-height: calc(
-			var(--h5-line-height) *
-				var(--global-line-height-multiplier-tertiary)
-		);
-	}
-}
-
-h6 {
-	@include core-mixins.h6();
-
-	&:has(.font-tertiary) {
-		line-height: calc(
-			var(--h6-line-height) *
-				var(--global-line-height-multiplier-tertiary)
-		);
-	}
-}
-
-.sh1-sizing {
-	@include core-mixins.sh1();
-
-	&:has(.font-tertiary) {
-		line-height: calc(
-			var(--sh1-line-height) *
-				var(--global-line-height-multiplier-tertiary)
-		);
-	}
-}
-
-.sh2-sizing {
-	@include core-mixins.sh2();
-
-	&:has(.font-tertiary) {
-		line-height: calc(
-			var(--h2-line-height) *
-				var(--global-line-height-multiplier-tertiary)
-		);
-	}
-}
-
-.sh3-sizing {
-	@include core-mixins.sh3();
-
-	&:has(.font-tertiary) {
-		line-height: calc(
-			var(--sh3-line-height) *
-				var(--global-line-height-multiplier-tertiary)
-		);
-	}
-}
-
-.sh4-sizing {
-	@include core-mixins.sh4();
-
-	&:has(.font-tertiary) {
-		line-height: calc(
-			var(--sh4-line-height) *
-				var(--global-line-height-multiplier-tertiary)
-		);
-	}
-}
-
-.sh5-sizing {
-	@include core-mixins.sh5();
-
-	&:has(.font-tertiary) {
-		line-height: calc(
-			var(--sh5-line-height) *
-				var(--global-line-height-multiplier-tertiary)
-		);
-	}
-}
-
-.sh6-sizing {
-	@include core-mixins.sh6();
-
-	&:has(.font-tertiary) {
-		line-height: calc(
-			var(--sh6-line-height) *
-				var(--global-line-height-multiplier-tertiary)
-		);
-	}
-}
-
-p {
-	margin: 0; //reset default margin
-	@include core-mixins.p();
-}
-
-a:not([class*="cmpl-cta-style-"]) {
-	text-decoration-skip-ink: auto;
-	color: var(--link-colour);
-	text-decoration: var(--link-decoration-style);
-	text-decoration-color: var(--link-decoration-colour);
-
-	strong,
-	b {
-		font-weight: var(--weight-bold);
-	}
-
-	&:hover {
-		cursor: pointer;
-		color: var(--link-colour-hover);
-		text-decoration: var(--link-decoration-style-hover);
-		text-decoration-color: var(--link-decoration-colour-hover);
-	}
-}
-
-button {
-	&:focus {
-		// outline: none;
-		// appearance: none;
-	}
-}
-
-blockquote {
-	margin: 0; //reset default margin
-	quotes: '“' '”' '‘' '’';
-	font-weight: bold;
-
-	&::before {
-		content: open-quote;
-	}
-
-	&::after {
-		content: close-quote;
-	}
-}
-
-figure,
-figcaption,
-dl,
-dd {
-	margin: 0;
-}
-
-q {
-	&::before {
-		content: open-quote;
-	}
-
-	&::after {
-		content: close-quote;
-	}
-}
-
-ul,
-ol {
-	padding: 0; //reset default padding
-	margin: 0; //reset default margin
-	font-family: var(--secondary-font-family);
-	margin-bottom: var(--paragraph-block-spacing);
-	list-style-type: disc;
-	list-style-position: inside;
-	&:last-child {
-		margin-bottom: 0;
-	}
-
-	li {
-		@include core-mixins.p();
-		margin-bottom: var(--list-item-block-spacing);
-		line-height: var(--list-item-line-height);
-		letter-spacing: var(--list-item-letter-spacing);
-
-		&:last-child {
-			margin-bottom: 0;
-		}
-	}
-}
-
-ol {
-	list-style-type: decimal;
-}
-
-.font-primary {
-	@include core-mixins.fontPrimary();
-}
-
-.font-secondary {
-	@include core-mixins.fontSecondary();
-}
-
-.font-tertiary {
-	@include core-mixins.fontTertiary();
-}
-
-.font-quaternary {
-	@include core-mixins.fontQuaternary();
-}
-.h1-l-sizing,
-.h-extra-large {
-	@include core-mixins.h1-l();
-}
-
-.h1-sizing,
-.h-large {
-	@include core-mixins.h1();
-}
-
-.h2-sizing,
-.h-medium {
-	@include core-mixins.h2();
-}
-
-.h3-sizing,
-.h-small {
-	@include core-mixins.h3();
-}
-
-.h4-sizing,
-.h-xsmall {
-	@include core-mixins.h4();
-}
-
-.h5-sizing,
-.h-xxsmall {
-	@include core-mixins.h5();
-}
-
-.h6-sizing,
-.h-xxxsmall {
-	@include core-mixins.h6();
-}
-
-.sh1-sizing,
-.sh-extra-large {
-	@include core-mixins.sh1();
-}
-
-.sh2-sizing,
-.sh-large {
-	@include core-mixins.sh2();
-}
-
-.sh3-sizing,
-.sh-medium {
-	@include core-mixins.sh3();
-}
-
-.sh4-sizing,
-.sh-small {
-	@include core-mixins.sh4();
-}
-
-.sh5-sizing,
-.sh-xsmall {
-	@include core-mixins.sh5();
-}
-
-.sh6-sizing,
-.sh-xxsmall {
-	@include core-mixins.sh6();
-}
-
-.p-sizing {
-	@include core-mixins.p();
-}
-
-.p-l-sizing {
-	@include core-mixins.p-l();
-}
-
-.p-s-sizing {
-	@include core-mixins.p-s();
-}
-
-.p-xs-sizing {
-	@include core-mixins.p-xs();
-}
-
-.p-xxs-sizing {
-	@include core-mixins.p-xxs();
-}
-
-.p-xxxs-sizing {
-	@include core-mixins.p-xxxs();
-}

package/components/fields-core-wordpress-block-editor-preview/core-wordpress-block-editor-preview.js

@@ -1,121 +0,0 @@
-// LIBRARY FILE - Do not modify/override here as your changes will be lost when the package is updated.
-import wppreview from '@pernod-ricard-global-cms/wordpresspreview';
-import colourPalettes from '@pernod-ricard-global-cms/cblcolourpalettes';
-import ctaStyles from 'Assets/js/modules/library-modules/core-editor-cta-style-select/core-editor-cta-style-select.js';
-import themeNames from 'Assets/js/modules/library-modules/core-editor-theme-select/core-editor-theme-select.js';
-import jQuery from 'jquery';
-const $ = jQuery;
-
-function setPageBgColour(colourType) {
-	if (colourType !== 'custom') {
-		document
-			.querySelector('body')
-			.style.setProperty('--page-background-colour', colourType);
-	} else {
-		requestAnimationFrame(() => {
-			const customColour = $(`[data-name=page_background_colour]`).find(
-				'input[type=hidden]'
-			)[0]?.value;
-			document
-				.querySelector('body')
-				.style.setProperty('--page-background-colour', customColour);
-		});
-	}
-}
-$(document).ready(function ($) {
-	let colourTypeSelect = $(`[data-name=page_background_colour_type] select`);
-
-	if (colourTypeSelect.length !== 0) {
-		let colourType = colourTypeSelect
-			.find(':selected')[0]
-			.value.replace('__', '');
-
-		colourTypeSelect.on('select2:select', function (event) {
-			colourType = colourTypeSelect
-				.find(':selected')[0]
-				.value.replace('__', '');
-			setPageBgColour(colourType);
-		});
-
-		setPageBgColour(colourType);
-		// return;
-	}
-
-	const ctaSelectNames = [
-		'cta_style',
-		'load_more_button_style',
-		'category_button_style',
-		'active_category_button_style',
-		'top_level_category_button_style',
-		'show_all_button_style',
-		'toggle_filter_button_style'
-	];
-	const themeSelectNames = ['page_theme'];
-	const colourData = globalThis.colourconfig;
-	colourPalettes(colourData);
-	ctaStyles(ctaSelectNames);
-	themeNames(themeSelectNames);
-	wppreview({lazyloaderFilepath: 'js/blocks/'});
-
-	document.documentElement.insertAdjacentHTML('afterbegin', previewvars[0]);
-	document.documentElement.insertAdjacentHTML(
-		'afterbegin',
-		coretypography[0]
-	);
-	document.documentElement.insertAdjacentHTML(
-		'afterbegin',
-		corefontmodifiers[0]
-	);
-	document.documentElement.insertAdjacentHTML('afterbegin', corethemes[0]);
-	document.documentElement.insertAdjacentHTML('afterbegin', corecta[0]);
-
-	setTimeout(() => {
-		const previewToggle = document.querySelector(
-			'.editor-preview-dropdown__toggle'
-		);
-		previewToggle.addEventListener('click', () => {
-			setTimeout(() => {
-				const resizeButtons = document.querySelectorAll(
-					'.components-menu-item__button'
-				);
-				resizeButtons.forEach((button) => {
-					button.addEventListener('click', () => {
-						setTimeout(() => {
-							let frame = document.querySelector(
-								'.edit-post-visual-editor iframe'
-							);
-							frame.contentWindow.document.documentElement.insertAdjacentHTML(
-								'afterbegin',
-								coretypography[0]
-							);
-							frame.contentWindow.document.documentElement.insertAdjacentHTML(
-								'afterbegin',
-								previewvars[0]
-							);
-							frame.contentWindow.document.documentElement.insertAdjacentHTML(
-								'afterbegin',
-								corefontmodifiers[0]
-							);
-							frame.contentWindow.document.documentElement.insertAdjacentHTML(
-								'afterbegin',
-								corecta[0]
-							);
-							frame.contentWindow.document.documentElement.insertAdjacentHTML(
-								'afterbegin',
-								corethemes[0]
-							);
-							let currentTheme =
-								document.documentElement.getAttribute(
-									'data-currentcolourpalette'
-								);
-							frame.contentWindow.document.documentElement.setAttribute(
-								'data-currentcolourpalette',
-								currentTheme
-							);
-						}, 1000);
-					});
-				});
-			}, 1000);
-		});
-	}, 2000);
-});

package/components/fields-core-wordpress-block-editor-preview/core-wordpress-block-editor-preview.scss

@@ -1,101 +0,0 @@
-// LIBRARY FILE - Do not modify/override here as your changes will be lost when the package is updated.
-@use 'Assets/scss/modules/library-modules/core-mixins/core-mixins';
-@use 'Assets/scss/modules/library-modules/core-root-variables/core-root-variables';
-@use 'Assets/scss/modules/library-modules/core-css-sizing-vars/core-css-sizing-vars';
-@use 'Assets/scss/modules/library-modules/core-css-modules/core-css-modules';
-@use 'Assets/scss/modules/dynamicBlocksPreview';
-
-@use 'Assets/scss/theme/font-face';
-@use 'Assets/scss/theme/variables';
-
-@use 'NodeModules/swiper/swiper-bundle';
-
-/* Box sizing rules */
-*,
-*::before,
-*::after {
-	box-sizing: border-box;
-}
-.editor-styles-wrapper {
-}
-.block-editor-block-list__layout .wp-block {
-	@include core-mixins.fontSecondary();
-	border: 1px solid #0000002e;
-	background: var(--theme-primary-background-colour);
-	color: var(--theme-primary-text-colour);
-}
-
-img {
-	width: 100%;
-	height: auto;
-	display: block;
-}
-
-//This is to correct a horrible, horrible bit of Wordpress admin css!! :0
-html :where([style*='border-width'][data-assetkey]) {
-	border-style: initial;
-}
-
-.acf-block-component.acf-block-body .acf-block-preview {
-	@import 'NodeModules/swiper/swiper.min.css';
-	@import 'Assets/scss/modules/library-modules/core-typography/core-typography';
-	@import 'Assets/scss/modules/library-modules/core-css-modules/core-css-modules';
-	@import 'Assets/scss/modules/dynamicBlocksPreview';
-	@import 'Assets/scss/theme/typography';
-
-	.swiper {
-		&::before {
-			content: '';
-			position: absolute;
-			top: 0;
-			bottom: 0;
-			left: 0;
-			right: 0;
-			z-index: 9;
-		}
-	}
-
-	.swiper-wrapper {
-		height: auto;
-	}
-
-	section {
-		width: 100%;
-		pointer-events: all;
-
-		a {
-			pointer-events: none;
-		}
-	}
-
-	// Theme generic
-	.lazy,
-	.lazy-fade {
-		opacity: 1;
-	}
-	.js-enabled-hide {
-		display: none;
-	}
-
-	.loading-spinner {
-		margin-top: unset;
-		margin-bottom: unset;
-		position: absolute;
-		top: 0;
-		bottom: 0;
-		z-index: 99;
-		display: grid;
-		place-items: center;
-		left: 50%;
-		transform: translateX(-50%);
-		opacity: 1;
-		display: none;
-	}
-
-	&.loaded {
-		.loading-spinner {
-			opacity: 0;
-			transition: opacity 0.3s;
-		}
-	}
-}

package/components/fields-cover-link/cover-link.scss

@@ -1,11 +0,0 @@
-@mixin coverLink() {
-	&__cover-link {
-		grid-area: unset;
-		position: absolute;
-		inset: 0;
-		width: 100%;
-		height: 100%;
-		z-index: 99;
-		opacity: 0;
-	}
-}

package/components/fields-cover-link/cover-link.twig

@@ -1,4 +0,0 @@
-{% if fields.enable_cover_link %}
-	{% set coverlinkHover = fields.enable_cover_link_hover_effect ? 'cover-link-hover-effect' : '' %}
-	<a href="{{ fields.cover_link.url }}" target="{{fields.cover_link.target}}" class="{{blockClassName}}__cover-link {{coverlinkHover}}" aria-label="{{ fields.cover_link.title|default('post represented by image')}}"></a>
-{% endif %}

package/components/fields-cta-icon-map/cta-icon-map.php

@@ -1,11 +0,0 @@
-<?php
-
-function cta_icon_map($icon_array = [])
-{
-    if (!is_array($icon_array)) {
-        return [];
-    }
-    return array_map(function ($icon) {
-        return ['image' => (check_file_type($icon) == 'image/svg+xml') ? get_raw_svg($icon) : $icon, 'type' => check_file_type($icon)];
-    }, $icon_array);
-}