@total_onion/onion-library 3.2.0 → 3.2.2

package/components/component-video-trigger-button-v3/video-trigger-button-v3.twig

@@ -0,0 +1,14 @@
+{% set videoId = block.videoIdPrefix|default(block.id) ~ fields.video_trigger_id %}
+{% set alignmentVertical = '--playbutton-vertical-alignment: ' ~ fields.play_button_alignment_vertical|ru ~ ';'%}
+{% set alignmentHorizontal = '--playbutton-horizontal-alignment: ' ~ fields.play_button_alignment|ru ~ ';'%}
+{% set videoButtonStyles = alignmentHorizontal ~ alignmentVertical %}
+<style>
+	.{{blockClassName}}__video-play-button {
+		{{videoButtonStyles}}
+	}
+</style>
+<button aria-label="{% if fields.enable_text %}{{fields.play_button_text}}{% endif %}" data-triggerid="{{videoId}}" class="{{blockClassName}}__video-play-button {{blockClassName}}__video-play-button--{{buttonStyle}} cblvc-video-container__trigger-button" tabindex="0">
+	{% if fields.enable_text %}
+		{{fields.play_button_text}}
+	{% endif %}
+</button>

package/components/component-wysiwyg-editor-v3/group_6867e153af466.json

@@ -0,0 +1,127 @@
+{
+    "key": "group_6867e153af466",
+    "title": "Component: Wysiwyg Editor v3",
+    "fields": [
+        {
+            "key": "field_6867e153bb674",
+            "label": "Enable Wysiwyg editor",
+            "name": "enable_wysiwyg_editor",
+            "aria-label": "",
+            "type": "true_false",
+            "instructions": "",
+            "required": 0,
+            "conditional_logic": 0,
+            "wrapper": {
+                "width": "",
+                "class": "",
+                "id": ""
+            },
+            "wpml_cf_preferences": 3,
+            "message": "",
+            "default_value": 1,
+            "ui_on_text": "",
+            "ui_off_text": "",
+            "ui": 1,
+            "style": "alt"
+        },
+        {
+            "key": "field_6867e153bbb00",
+            "label": "Text Editor Fields",
+            "name": "text_editor_fields",
+            "aria-label": "",
+            "type": "clone",
+            "instructions": "",
+            "required": 0,
+            "conditional_logic": 0,
+            "wrapper": {
+                "width": "",
+                "class": "",
+                "id": ""
+            },
+            "wpml_cf_preferences": 3,
+            "clone": [
+                "group_687a4e2334e37"
+            ],
+            "display": "seamless",
+            "layout": "block",
+            "prefix_label": 0,
+            "prefix_name": 0,
+            "acfe_seamless_style": 0,
+            "acfe_clone_modal": 0,
+            "acfe_clone_modal_close": 0,
+            "acfe_clone_modal_button": "",
+            "acfe_clone_modal_size": "large"
+        },
+        {
+            "key": "field_6867e153bbebf",
+            "label": "Text content",
+            "name": "wysiwyg_editor",
+            "aria-label": "",
+            "type": "wysiwyg",
+            "instructions": "",
+            "required": 0,
+            "conditional_logic": [
+                [
+                    {
+                        "field": "field_6867e153bb674",
+                        "operator": "==",
+                        "value": "1"
+                    }
+                ]
+            ],
+            "wrapper": {
+                "width": "",
+                "class": "",
+                "id": ""
+            },
+            "wpml_cf_preferences": 2,
+            "default_value": "",
+            "acfe_wysiwyg_height": 300,
+            "acfe_wysiwyg_max_height": "",
+            "acfe_wysiwyg_valid_elements": "",
+            "acfe_wysiwyg_custom_style": "",
+            "acfe_wysiwyg_disable_wp_style": 0,
+            "acfe_wysiwyg_autoresize": 0,
+            "acfe_wysiwyg_disable_resize": 0,
+            "acfe_wysiwyg_remove_path": 0,
+            "acfe_wysiwyg_menubar": 0,
+            "acfe_wysiwyg_transparent": 0,
+            "acfe_wysiwyg_merge_toolbar": 0,
+            "acfe_wysiwyg_custom_toolbar": 0,
+            "tabs": "all",
+            "toolbar": "colour_bold_italic_underline_link",
+            "media_upload": 0,
+            "delay": 1,
+            "acfe_wysiwyg_auto_init": 1,
+            "acfe_wysiwyg_min_height": 300,
+            "acfe_wysiwyg_toolbar_buttons": []
+        }
+    ],
+    "location": [
+        [
+            {
+                "param": "block",
+                "operator": "!=",
+                "value": "all"
+            }
+        ]
+    ],
+    "menu_order": 0,
+    "position": "normal",
+    "style": "default",
+    "label_placement": "top",
+    "instruction_placement": "label",
+    "hide_on_screen": "",
+    "active": false,
+    "description": "Library version - Do not modify in this project as any changes will be overwritten by future updates.",
+    "show_in_rest": 0,
+    "acfe_autosync": [
+        "json"
+    ],
+    "acfml_field_group_mode": "localization",
+    "acfe_form": 0,
+    "acfe_display_title": "",
+    "acfe_meta": "",
+    "acfe_note": "",
+    "modified": 1754663460
+}

package/components/component-wysiwyg-editor-v3/wysiwyg-editor-v3.twig

@@ -0,0 +1,18 @@
+{% set textEditorStyleVars = include('components/text-editor-settings-variables-v3.twig', { fields, block, blockClassName, is_preview }, with_context = false) %}
+{% set textEditorContainerClasses = include('components/text-editor-settings-container-classes-v3.twig', { fields, block, blockClassName, is_preview }, with_context = false) %}
+{% set textEditorElementClasses = include('components/text-editor-settings-element-classes-v3.twig', { fields, block, blockClassName, is_preview }, with_context = false) %}
+{% set elementType = fields.element_type|ru %}
+<style>
+	.{{blockClassName}}__content-container.{{block.id}}{
+		{{textEditorStyleVars}}
+	}
+</style>
+{% if fields.wysiwyg_editor %}
+	<div class="{{blockClassName}}__content-container standard-content-box-wysiwyg-editor cmpl-text-editor-settings {{block.id}} {{textEditorContainerClasses}}">
+		{% if fields.wysiwyg_editor is not empty %}
+			<{{elementType}} class="{{textEditorElementClasses}}">
+				{{fields.wysiwyg_editor|striptags('<br>, <a>, <em>, <i>, <span>, <strong>')|raw}}
+			</{{elementType}}>
+		{% endif %}
+	</div>
+{% endif %}

package/components/core-block-editor-assets-v3/core-block-editor-assets-v3.php

@@ -0,0 +1,14 @@
+<?php
+function add_block_editor_assets_v3(): void
+{
+    if (is_admin()) {
+        wp_enqueue_script('editorstyles', gtp_get_asset_uri('editor.js'), array(), null, true);
+        wp_localize_script('editorstyles', 'previewvars', core_design_settings_v3(OPTIONS));
+        wp_localize_script('editorstyles', 'corePostOverrides', core_post_overrides_v3(OPTIONS));
+        wp_localize_script('editorstyles', 'coretypography', core_typography_v3(OPTIONS));
+        wp_localize_script('editorstyles', 'corefontmodifiers', core_font_modifiers_v3());
+        wp_localize_script('editorstyles', 'corethemes', core_themes_v3(OPTIONS));
+        wp_localize_script('editorstyles', 'currenttheme', core_current_theme_v3(OPTIONS));
+        wp_localize_script('editorstyles', 'colourconfig', create_colour_data(OPTIONS));
+    }
+}

package/components/core-core-block-render-function-v3/core-block-render-function-v3.php

@@ -0,0 +1,39 @@
+<?php
+
+use Timber\Timber;
+
+/**
+ * Rendering of core blocks with Post entity
+ *
+ * @param array<string, mixed> $block block.
+ * @param string $content content.
+ * @param bool $is_preview If it's a preview.
+ */
+function core_block_render_post_object_v3(array $block, string $content = '', bool $is_preview = false, $post_id = 0, $wp_block = false, $context = false, array $extra_context = array()): void
+{
+    $context = \Timber\Timber::context();
+    $slug = substr($block['name'], 4); // Removes 'acf/' from the name.
+    $fields = get_fields();
+    $context['block'] = $block;
+    $context['fields'] = $fields;
+    $context['is_preview'] = $is_preview;
+    $context['environment'] = $_ENV['PANTHEON_ENVIRONMENT'] ?? 'local';
+
+    if (defined('OPTIONS') && is_array(OPTIONS)) {
+        $context['options']          = OPTIONS;
+        $context['nav_menus']        = Defined('NAV_MENUS') ? NAV_MENUS : [];
+    }
+
+    if ($extra_context) {
+        foreach ($extra_context as $key => $value) {
+            $context[$key] = $value;
+        }
+    }
+
+
+    if (file_exists(__DIR__ . '/../../../views/blocks/' . $slug . '.twig')) {
+        \Timber\Timber::render("blocks/{$slug}.twig", $context);
+    } else {
+        echo 'could not find Twig template for ' . $slug . '. This block may no longer be in use.';
+    }
+}

package/components/core-core-design-settings-v3/core-design-settings-v3.php

@@ -0,0 +1,43 @@
+<?php
+// @codingStandardsIgnoreStart
+function core_design_settings_v3($options)
+{
+    if (!is_array($options)) {
+        return [];
+    }
+    $json_data = file_get_contents(get_template_directory() . '/inc/theme-data/' . $options['current_theme_name'] . '/design-settings-vars.json');
+    $design_settings_data = json_decode($json_data, true);
+    $output = '';
+    if ($design_settings_data) {
+        $settings = $design_settings_data;
+        if ($settings) {
+            $output = '
+            <style id="core-design-settings-v3">
+            body { 
+                --mobile-inline:' . ($settings['mobile_inline'] ?? 0) . '; 
+                --portrait-inline:' . ($settings['portrait_inline'] ?? 0) . '; 
+                --landscape-inline:' . ($settings['landscape_inline'] ?? 0) . '; 
+                --desktop-inline:' . ($settings['desktop_inline'] ?? 0) . '; 
+                --screen-width-fullhd:' . ($settings['screen_width_full_hd'] ?? 1920) . ';
+                --font-reference-fullhd:' . ($settings['font_reference_full_hd'] ?? 1920) . ';
+                --screen-width-desktop:' . ($settings['screen_width_desktop'] ?? 1440) . ';
+                --font-reference-desktop:' . ($settings['font_reference_desktop'] ?? 1440) . ';
+                --screen-width-landscape:' . ($settings['screen_width_landscape'] ?? 1024) . ';
+                --font-reference-landscape:' . ($settings['font_reference_landscape'] ?? 1024) . ';
+                --screen-width-portrait:' . ($settings['screen_width_portrait'] ?? 768) . ';
+                --font-reference-portrait:' . ($settings['font_reference_portrait'] ?? 768) . ';
+                --font-reference-mobile:' . ($settings['font_reference_mobile'] ?? 375) . ';
+                --screen-width-mobile:' . ($settings['screen_width_mobile'] ?? 375) . ';
+                --screen-width-static:' . ($settings['desktop_design_reference'] ?? 1920) . 'px;
+                --fullhd-design-reference:' . ($settings['full_hd_design_reference'] ?? 1920) . ';
+                --desktop-design-reference:' . ($settings['desktop_design_reference'] ?? 1440) . ';
+                --landscape-design-reference:' . ($settings['landscape_design_reference'] ?? 1024) . ';
+                --portrait-design-reference:' . ($settings['portrait_design_reference'] ?? 1024) . ';
+                --mobile-design-reference:' . ($settings['mobile_design_reference'] ?? 1024) . ';
+                --global-content-max-width-setting:' . ($settings['global_max_width'] ?? 1024) . ';
+                }</style>';
+        }
+    }
+    return [$output];
+} // END function core_design_vars
+// @codingStandardsIgnoreEnd

package/components/core-core-post-overrides-v3/core-post-overrides-v3.php

@@ -0,0 +1,21 @@
+<?php
+// @codingStandardsIgnoreStart
+function core_post_overrides_v3($options)
+{
+    $output = '';
+    $current_post = [];
+    if (isset($GLOBALS['post'])) {
+        $current_post = Timber::get_post($GLOBALS['post']->ID);
+    }
+    if (is_array($options)) {
+
+        $output = '
+            <style id="core-site-global-v3">
+            body { 
+                --post-colour:' . ($current_post && (property_exists($current_post, 'meta') && isset($current_post->meta['post_colour'])) ? $current_post->meta['post_colour'] : '') . ';
+                --post-text-colour-style:' .  ($current_post && (property_exists($current_post, 'meta') && isset($current_post->meta['post_text_colour_style'])) ? remove_underscore($current_post->meta['post_text_colour_style']) : '') . ';
+                }</style>';
+    }
+    return [$output];
+} // END function core_design_vars
+// @codingStandardsIgnoreEnd

package/components/core-core-themes/core-themes-v3.php

@@ -0,0 +1,68 @@
+<?php
+// @codingStandardsIgnoreStart
+function core_themes_v3($options)
+{
+    if (!is_array($options)) {
+        return [];
+    }
+    $json_data = file_get_contents(get_template_directory() . '/inc/theme-data/' . $options['current_theme_name'] . '/theme-vars.json');
+    $themes_data = json_decode($json_data, true);
+    if ($themes_data) {
+
+        $output = '';
+        $output = '<style id="core-themes-vars">
+        :root { 
+            ';
+
+        foreach ($themes_data as $theme => $value) {
+            if (isset($value['theme_primary_background_type'])) {
+                $background_value = remove_underscore($value['theme_primary_background_type']) == 'solid-colour' ? $value['theme_primary_background_colour'] : (remove_underscore($value['theme_primary_background_type']) == 'gradient' ? $value['theme_primary_background_gradient'] : null);
+            } else {
+                $background_value = $value['theme_primary_background_colour'];
+            }
+            $output .=
+                '&[data-currentcolourpalette="theme-' . $theme + 1 . '"] {
+                ';
+            foreach ($value['theme_colours'] as $index => $content) {
+                if (is_array($content) && array_key_exists('theme_colour', $content)) {
+                    $output .= '--palette-default-' . ($index + 1) . ': ' . $content['theme_colour'] . ';
+                    ';
+                }
+            };
+            foreach ($value['text_colours'] as $index => $content) {
+                if (is_array($content) && array_key_exists('colour', $content)) {
+                    $output .= '--text-colour-default-' . ($index + 1) . ': ' . $content['colour'] . ';
+                    ';
+                }
+            };
+            $output .= '--theme-primary-text-colour: ' . ($value['theme_primary_text_colour'] ?? '#ffffff') . ';
+                --theme-secondary-text-colour: ' . ($value['theme_secondary_text_colour'] ?? '#ffffff') . ';
+                --theme-tertiary-text-colour: ' . ($value['theme_tertiary_text_colour'] ?? '#ffffff') . ';
+                --theme-primary-background-colour:' . $background_value . ';
+                --theme-secondary-background-colour: ' . ($value['theme_secondary_background_colour'] ?? '#ffffff') . ';
+                --theme-tertiary-background-colour: ' . ($value['theme_tertiary_background_colour'] ?? '#ffffff') . ';
+                --theme-primary-accent-colour:' . ($value['theme_primary_accent_colour'] ?? '#ffffff') . ';
+                --theme-secondary-accent-colour: ' . ($value['theme_secondary_accent_colour'] ?? '#ffffff') . ';
+                --theme-tertiary-accent-colour: ' . ($value['theme_tertiary_accent_colour'] ?? '#ffffff') . ';
+                --link-colour: ' . ($value['links']['link_colour'] ?? '#ffffff') . ';
+                --link-colour-hover: ' . ($value['links']['link_colour_hover'] ?? '#ffffff') . ';
+                --link-decoration-colour: ' . ($value['links']['link_decoration_colour'] ?? '#ffffff') . ';
+                --link-decoration-colour-hover: ' . ($value['links']['link_decoration_colour_hover'] ?? '#ffffff') . ';
+                --link-decoration-style: ' . (remove_underscore($value['links']['link_decoration_style']) ?? '#ffffff') . ';
+                --link-decoration-style-hover: ' . (remove_underscore($value['links']['link_decoration_style_hover']) ?? '#ffffff') . ';
+                --primary-font-family:' . (remove_underscore($value['theme_primary_font']['font'] ?? 'arial')) . ';
+                --secondary-font-family:' . (remove_underscore($value['theme_secondary_font']['font'] ?? 'arial')) . ';
+                --tertiary-font-family:' . (remove_underscore($value['theme_tertiary_font']['font'] ?? 'arial')) . ';
+                --quaternary-font-family:' . (remove_underscore($value['theme_quaternary_font']['font'] ?? 'arial')) . ';
+            }
+            ';
+        }
+        $output .= '}
+</style>';
+
+        return [$output];
+    } else {
+        return array();
+    }
+} // END function core_design_vars
+// @codingStandardsIgnoreEnd

package/components/core-core-typography-v3/core-typography-v3.php

@@ -0,0 +1,239 @@
+<?php
+// @codingStandardsIgnoreStart
+function core_typography_v3($options)
+{
+    if (!is_array($options)) {
+        return [];
+    }
+    $json_data = file_get_contents(get_template_directory() . '/inc/theme-data/' . $options['current_theme_name'] . '/typography-vars.json');
+    $typography_vars = json_decode($json_data, true)[0];
+    $output = '';
+    if ($typography_vars) {
+        if (is_array($typography_vars)) {
+            if (array_key_exists('headings', $typography_vars)) {
+                $output = '
+            <style id="core-typography-v3-vars">
+            body {
+                --paragraph-block-spacing-desktop:' . ($typography_vars['paragraph_spacing_desktop'] ?? 0) . ';
+                --paragraph-block-spacing-portrait:' . ($typography_vars['paragraph_spacing_portrait'] ?? 0) . ';
+                --paragraph-block-spacing-mobile:' . ($typography_vars['paragraph_spacing_mobile'] ?? 0) . ';
+
+                --heading-block-spacing-desktop:' . ($typography_vars['heading_spacing_desktop'] ?? 0) . ';
+                --heading-block-spacing-portrait:' . ($typography_vars['heading_spacing_portrait'] ?? 0) . ';
+                --heading-block-spacing-mobile:' . ($typography_vars['heading_spacing_mobile'] ?? 0) . ';
+
+                --list-item-line-height:' . ($typography_vars['list_item_line_height'] ?? 0) . '%;
+                --list-item-letter-spacing:' . ($typography_vars['list_item_letter_spacing'] ?? 0) . 'em;
+                --list-item-block-spacing-desktop:' . ($typography_vars['list_item_block_spacing']['list_item_block_spacing_desktop'] ?? 0) . 'em;
+                --list-item-block-spacing-landscape:' . ($typography_vars['list_item_block_spacing']['list_item_block_spacing_landscape'] ?? 0) . 'em;
+                --list-item-block-spacing-portrait:' . ($typography_vars['list_item_block_spacing']['list_item_block_spacing_portrait'] ?? 0) . 'em;
+                --list-item-block-spacing-mobile:' . ($typography_vars['list_item_block_spacing']['list_item_block_spacing_mobile'] ?? 0) . 'em;
+
+                --h-xl-font-family:' . (remove_underscore($typography_vars['headings']['h_xl_font_family'] ?? 'arial')) . ';
+                --h-l-font-family:' . (remove_underscore($typography_vars['headings']['h_l_font_family'] ?? 'arial')) . ';
+                --h-m-font-family:' . (remove_underscore($typography_vars['headings']['h_m_font_family'] ?? 'arial')) . ';
+                --h-s-font-family:' . (remove_underscore($typography_vars['headings']['h_s_font_family'] ?? 'arial')) . ';
+                --h-xs-font-family:' . (remove_underscore($typography_vars['headings']['h_xs_font_family'] ?? 'arial')) . ';
+                --h-xxs-font-family:' . (remove_underscore($typography_vars['headings']['h_xxs_font_family'] ?? 'arial')) . ';
+                --h-xxxs-font-family:' . (remove_underscore($typography_vars['headings']['h_xxxs_font_family'] ?? 'arial')) . ';
+
+                --sh-xxxl-font-family:' . (remove_underscore($typography_vars['sub_headings']['sh_xxxl_font_family'] ?? 'arial')) . ';
+                --sh-xxl-font-family:' . (remove_underscore($typography_vars['sub_headings']['sh_xxl_font_family'] ?? 'arial')) . ';
+                --sh-xl-font-family:' . (remove_underscore($typography_vars['sub_headings']['sh_xl_font_family'] ?? 'arial')) . ';
+                --sh-l-font-family:' . (remove_underscore($typography_vars['sub_headings']['sh_l_font_family'] ?? 'arial')) . ';
+                --sh-m-font-family:' . (remove_underscore($typography_vars['sub_headings']['sh_m_font_family'] ?? 'arial')) . ';
+                --sh-s-font-family:' . (remove_underscore($typography_vars['sub_headings']['sh_s_font_family'] ?? 'arial')) . ';
+                --sh-xs-font-family:' . (remove_underscore($typography_vars['sub_headings']['sh_xs_font_family'] ?? 'arial')) . ';
+                --sh-xxs-font-family:' . (remove_underscore($typography_vars['sub_headings']['sh_xxs_font_family'] ?? 'arial')) . ';
+                --sh-xxxs-font-family:' . (remove_underscore($typography_vars['sub_headings']['sh_xxxs_font_family'] ?? 'arial')) . ';
+
+                --h-xl-letter-spacing:' . ($typography_vars['headings']['h_xl_letter_spacing'] ?? 0) . 'em;
+                --h-l-letter-spacing:' . ($typography_vars['headings']['h_l_letter_spacing'] ?? 0) . 'em;
+                --h-m-letter-spacing:' . ($typography_vars['headings']['h_m_letter_spacing'] ?? 0) . 'em;
+                --h-s-letter-spacing:' . ($typography_vars['headings']['h_s_letter_spacing'] ?? 0) . 'em;
+                --h-xs-letter-spacing:' . ($typography_vars['headings']['h_xs_letter_spacing'] ?? 0) . 'em;
+                --h-xxs-letter-spacing:' . ($typography_vars['headings']['h_xxs_letter_spacing'] ?? 0) . 'em;
+                --h-xxxs-letter-spacing:' . ($typography_vars['headings']['h_xxxs_letter_spacing'] ?? 0) . 'em;
+
+                --sh-xxxl-letter-spacing:' . ($typography_vars['sub_headings']['sh_xxxl_letter_spacing'] ?? 0) . 'em;
+                --sh-xxl-letter-spacing:' . ($typography_vars['sub_headings']['sh_xxl_letter_spacing'] ?? 0) . 'em;
+                --sh-xl-letter-spacing:' . ($typography_vars['sub_headings']['sh_xl_letter_spacing'] ?? 0) . 'em;
+                --sh-l-letter-spacing:' . ($typography_vars['sub_headings']['sh_l_letter_spacing'] ?? 0) . 'em;
+                --sh-m-letter-spacing:' . ($typography_vars['sub_headings']['sh_m_letter_spacing'] ?? 0) . 'em;
+                --sh-s-letter-spacing:' . ($typography_vars['sub_headings']['sh_s_letter_spacing'] ?? 0) . 'em;
+                --sh-xs-letter-spacing:' . ($typography_vars['sub_headings']['sh_xs_letter_spacing'] ?? 0) . 'em;
+                --sh-xxs-letter-spacing:' . ($typography_vars['sub_headings']['sh_xxs_letter_spacing'] ?? 0) . 'em;
+                --sh-xxxs-letter-spacing:' . ($typography_vars['sub_headings']['sh_xxxs_letter_spacing'] ?? 0) . 'em;
+
+                --h-xl-line-height:' . ($typography_vars['headings']['h_xl_line_height'] ?? 100) . '%;
+                --h-l-line-height:' . ($typography_vars['headings']['h_l_line_height'] ?? 100) . '%;
+                --h-m-line-height:' . ($typography_vars['headings']['h_m_line_height'] ?? 100) . '%;
+                --h-s-line-height:' . ($typography_vars['headings']['h_s_line_height'] ?? 100) . '%;
+                --h-xs-line-height:' . ($typography_vars['headings']['h_xs_line_height'] ?? 100) . '%;
+                --h-xxs-line-height:' . ($typography_vars['headings']['h_xxs_line_height'] ?? 100) . '%;
+                --h-xxxs-line-height:' . ($typography_vars['headings']['h_xxxs_line_height'] ?? 100) . '%;
+
+                --sh-xxxl-line-height:' . ($typography_vars['sub_headings']['sh_xxxl_line_height'] ?? 100) . '%;
+                --sh-xxl-line-height:' . ($typography_vars['sub_headings']['sh_xxl_line_height'] ?? 100) . '%;
+                --sh-xl-line-height:' . ($typography_vars['sub_headings']['sh_xl_line_height'] ?? 100) . '%;
+                --sh-l-line-height:' . ($typography_vars['sub_headings']['sh_l_line_height'] ?? 100) . '%;
+                --sh-m-line-height:' . ($typography_vars['sub_headings']['sh_m_line_height'] ?? 100) . '%;
+                --sh-s-line-height:' . ($typography_vars['sub_headings']['sh_s_line_height'] ?? 100) . '%;
+                --sh-xs-line-height:' . ($typography_vars['sub_headings']['sh_xs_line_height'] ?? 100) . '%;
+                --sh-xxs-line-height:' . ($typography_vars['sub_headings']['sh_xxs_line_height'] ?? 100) . '%;
+
+                --sh-xxxl-default-font-weight:' . ($typography_vars['sub_headings']['sh_xxxl_default_font_weight'] ?? 400) . ';
+                --sh-xxl-default-font-weight:' . ($typography_vars['sub_headings']['sh_xxl_default_font_weight'] ?? 400) . ';
+                --sh-xl-default-font-weight:' . ($typography_vars['sub_headings']['sh_xl_default_font_weight'] ?? 400) . ';
+                --sh-l-default-font-weight:' . ($typography_vars['sub_headings']['sh_l_default_font_weight'] ?? 400) . ';
+                --sh-m-default-font-weight:' . ($typography_vars['sub_headings']['sh_m_default_font_weight'] ?? 400) . ';
+                --sh-s-default-font-weight:' . ($typography_vars['sub_headings']['sh_s_default_font_weight'] ?? 400) . ';
+                --sh-xs-default-font-weight:' . ($typography_vars['sub_headings']['sh_xs_default_font_weight'] ?? 400) . ';
+                --sh-xxs-default-font-weight:' . ($typography_vars['sub_headings']['sh_xxs_default_font_weight'] ?? 400) . ';
+
+                --sh-xxxl-bold-font-weight:' . ($typography_vars['sub_headings']['sh_xxxl_bold_font_weight'] ?? 600) . ';
+                --sh-xxl-bold-font-weight:' . ($typography_vars['sub_headings']['sh_xxl_bold_font_weight'] ?? 600) . ';
+                --sh-xl-bold-font-weight:' . ($typography_vars['sub_headings']['sh_xl_bold_font_weight'] ?? 600) . ';
+                --sh-l-bold-font-weight:' . ($typography_vars['sub_headings']['sh_l_bold_font_weight'] ?? 600) . ';
+                --sh-m-bold-font-weight:' . ($typography_vars['sub_headings']['sh_m_bold_font_weight'] ?? 600) . ';
+                --sh-s-bold-font-weight:' . ($typography_vars['sub_headings']['sh_s_bold_font_weight'] ?? 600) . ';
+                --sh-xs-bold-font-weight:' . ($typography_vars['sub_headings']['sh_xs_bold_font_weight'] ?? 600) . ';
+                --sh-xxs-bold-font-weight:' . ($typography_vars['sub_headings']['sh_xxs_bold_font_weight'] ?? 600) . ';
+
+                --h-xl-default-font-weight:' . ($typography_vars['headings']['h_xl_default_font_weight'] ?? 400) . ';
+                --h-l-default-font-weight:' . ($typography_vars['headings']['h_l_default_font_weight'] ?? 400) . ';
+                --h-m-default-font-weight:' . ($typography_vars['headings']['h_m_default_font_weight'] ?? 400) . ';
+                --h-s-default-font-weight:' . ($typography_vars['headings']['h_s_default_font_weight'] ?? 400) . ';
+                --h-xs-default-font-weight:' . ($typography_vars['headings']['h_xs_default_font_weight'] ?? 400) . ';
+                --h-xxs-default-font-weight:' . ($typography_vars['headings']['h_xxs_default_font_weight'] ?? 400) . ';
+
+                --h-xl-bold-font-weight:' . ($typography_vars['headings']['h_xl_bold_font_weight'] ?? 600) . ';
+                --h-l-bold-font-weight:' . ($typography_vars['headings']['h_l_bold_font_weight'] ?? 600) . ';
+                --h-m-bold-font-weight:' . ($typography_vars['headings']['h_m_bold_font_weight'] ?? 600) . ';
+                --h-s-bold-font-weight:' . ($typography_vars['headings']['h_s_bold_font_weight'] ?? 600) . ';
+                --h-xs-bold-font-weight:' . ($typography_vars['headings']['h_xs_bold_font_weight'] ?? 600) . ';
+                --h-xxs-bold-font-weight:' . ($typography_vars['headings']['h_xxs_bold_font_weight'] ?? 600) . ';
+
+                --paragraph-large-line-height:' . ($typography_vars['paragraphs']['paragraph_large_line_height'] ?? 100) . '%;
+                --paragraph-line-height:' . ($typography_vars['paragraphs']['paragraph_line_height'] ?? 100) . '%;
+                --paragraph-small-line-height:' . ($typography_vars['paragraphs']['paragraph_small_line_height'] ?? 100) . '%;
+                --paragraph-extra-small-line-height:' . ($typography_vars['paragraphs']['paragraph_extra_small_line_height'] ?? 100) . '%;
+                --paragraph-extra-extra-small-line-height:' . ($typography_vars['paragraphs']['paragraph_extra_extra_small_line_height'] ?? 100) . '%;
+
+                --paragraph-large-default-font-weight:' . ($typography_vars['paragraphs']['paragraph_large_default_font_weight'] ?? 400) . ';
+                --paragraph-default-font-weight:' . ($typography_vars['paragraphs']['paragraph_default_font_weight'] ?? 400) . ';
+                --paragraph-small-default-font-weight:' . ($typography_vars['paragraphs']['paragraph_small_default_font_weight'] ?? 400) . ';
+                --paragraph-extra-small-default-font-weight:' . ($typography_vars['paragraphs']['paragraph_extra_small_default_font_weight'] ?? 400) . ';
+                --paragraph-extra-extra-small-default-font-weight:' . ($typography_vars['paragraphs']['paragraph_extra_extra_small_default_font_weight'] ?? 400) . ';
+
+                --paragraph-large-bold-font-weight:' . ($typography_vars['paragraphs']['paragraph_large_bold_font_weight'] ?? 600) . ';
+                --paragraph-bold-font-weight:' . ($typography_vars['paragraphs']['paragraph_bold_font_weight'] ?? 600) . ';
+                --paragraph-small-bold-font-weight:' . ($typography_vars['paragraphs']['paragraph_small_bold_font_weight'] ?? 600) . ';
+                --paragraph-extra-small-bold-font-weight:' . ($typography_vars['paragraphs']['paragraph_extra_small_bold_font_weight'] ?? 600) . ';
+                --paragraph-extra-extra-small-bold-font-weight:' . ($typography_vars['paragraphs']['paragraph_extra_extra_small_bold_font_weight'] ?? 600) . ';
+
+                --paragraph-large-letter-spacing:' . ($typography_vars['paragraphs']['paragraph_large_letter_spacing'] ?? 100) . 'em;
+                --paragraph-letter-spacing:' . ($typography_vars['paragraphs']['paragraph_letter_spacing'] ?? 100) . 'em;
+                --paragraph-small-letter-spacing:' . ($typography_vars['paragraphs']['paragraph_small_letter_spacing'] ?? 100) . 'em;
+                --paragraph-extra-small-letter-spacing:' . ($typography_vars['paragraphs']['paragraph_extra_small_letter_spacing'] ?? 100) . 'em;
+                --paragraph-extra-extra-small-letter-spacing:' . ($typography_vars['paragraphs']['paragraph_extra_extra_small_letter_spacing'] ?? 100) . 'em;
+
+                --paragraph-large-font-family:' . (remove_underscore($typography_vars['paragraphs']['paragraph_large_font_family'] ?? 'arial')) . ';
+                --paragraph-font-family:' . (remove_underscore($typography_vars['paragraphs']['paragraph_font_family'] ?? 'arial')) . ';
+                --paragraph-small-font-family:' . (remove_underscore($typography_vars['paragraphs']['paragraph_small_font_family'] ?? 'arial')) . ';
+                --paragraph-extra-small-font-family:' . (remove_underscore($typography_vars['paragraphs']['paragraph_extra_small_font_family'] ?? 'arial')) . ';
+                --paragraph-extra-extra-small-font-family:' . (remove_underscore($typography_vars['paragraphs']['paragraph_extra_extra_small_font_family'] ?? 'arial')) . ';
+
+                --h-xl-desktop:' . ($typography_vars['headings']['h_xl_desktop'] ?? 70) . ';
+                --h-xl-landscape:' . ($typography_vars['headings']['h_xl_desktop'] ?? 70) . ';
+                --h-xl-portrait:' . ($typography_vars['headings']['h_xl_portrait'] ?? 44) . ';
+                --h-xl-mobile:' . ($typography_vars['headings']['h_xl_mobile'] ?? 44) . ';
+                --h-l-desktop:' . ($typography_vars['headings']['h_l_desktop'] ?? 44) . ';
+                --h-l-landscape:' . ($typography_vars['headings']['h_l_landscape'] ?? 44) . ';
+                --h-l-portrait:' . ($typography_vars['headings']['h_l_portrait'] ?? 32) . ';
+                --h-l-mobile:' . ($typography_vars['headings']['h_l_mobile'] ?? 32) . ';
+                --h-m-desktop:' . ($typography_vars['headings']['h_m_desktop'] ?? 24) . ';
+                --h-m-landscape:' . ($typography_vars['headings']['h_m_desktop'] ?? 24) . ';
+                --h-m-portrait:' . ($typography_vars['headings']['h_m_portrait'] ?? 20) . ';
+                --h-m-mobile:' . ($typography_vars['headings']['h_m_mobile'] ?? 20) . ';
+                --h-s-desktop:' . ($typography_vars['headings']['h_s_desktop'] ?? 20) . ';
+                --h-s-landscape:' . ($typography_vars['headings']['h_s_desktop'] ?? 20) . ';
+                --h-s-portrait:' . ($typography_vars['headings']['h_s_portrait'] ?? 18) . ';
+                --h-s-mobile:' . ($typography_vars['headings']['h_s_mobile'] ?? 18) . ';
+                --h-xs-desktop:' . ($typography_vars['headings']['h_xs_desktop'] ?? 18) . ';
+                --h-xs-landscape:' . ($typography_vars['headings']['h_xs_desktop'] ?? 18) . ';
+                --h-xs-portrait:' . ($typography_vars['headings']['h_xs_portrait'] ?? 16) . ';
+                --h-xs-mobile:' . ($typography_vars['headings']['h_xs_mobile'] ?? 16) . ';
+                --h-xxs-desktop:' . ($typography_vars['headings']['h_xxs_desktop'] ?? 16) . ';
+                --h-xxs-landscape:' . ($typography_vars['headings']['h_xxs_desktop'] ?? 16) . ';
+                --h-xxs-portrait:' . ($typography_vars['headings']['h_xxs_portrait'] ?? 14) . ';
+                --h-xxs-mobile:' . ($typography_vars['headings']['h_xxs_mobile'] ?? 14) . ';
+                --h-xxxs-desktop:' . ($typography_vars['headings']['h_xxxs_desktop'] ?? 14) . ';
+                --h-xxxs-landscape:' . ($typography_vars['headings']['h_xxxs_desktop'] ?? 14) . ';
+                --h-xxxs-portrait:' . ($typography_vars['headings']['h_xxxs_portrait'] ?? 14) . ';
+                --h-xxxs-mobile:' . ($typography_vars['headings']['h_xxxs_mobile'] ?? 14) . ';
+
+                --sh-xxxl-desktop:' . ($typography_vars['sub_headings']['sh_xxxl_desktop'] ?? 80) . ';
+                --sh-xxxl-landscape:' . ($typography_vars['sub_headings']['sh_xxxl_desktop'] ?? 80) . ';
+                --sh-xxxl-portrait:' . ($typography_vars['sub_headings']['sh_xxxl_portrait'] ?? 70) . ';
+                --sh-xxxl-mobile:' . ($typography_vars['sub_headings']['sh_xxxl_mobile'] ?? 70) . ';
+                --sh-xxl-desktop:' . ($typography_vars['sub_headings']['sh_xxl_desktop'] ?? 62) . ';
+                --sh-xxl-landscape:' . ($typography_vars['sub_headings']['sh_xxl_desktop'] ?? 62) . ';
+                --sh-xxl-portrait:' . ($typography_vars['sub_headings']['sh_xxl_portrait'] ?? 50) . ';
+                --sh-xxl-mobile:' . ($typography_vars['sub_headings']['sh_xxl_mobile'] ?? 50) . ';
+                --sh-xl-desktop:' . ($typography_vars['sub_headings']['sh_xl_desktop'] ?? 48) . ';
+                --sh-xl-landscape:' . ($typography_vars['sub_headings']['sh_xl_desktop'] ?? 48) . ';
+                --sh-xl-portrait:' . ($typography_vars['sub_headings']['sh_xl_portrait'] ?? 40) . ';
+                --sh-xl-mobile:' . ($typography_vars['sub_headings']['sh_xl_mobile'] ?? 40) . ';
+                --sh-l-desktop:' . ($typography_vars['sub_headings']['sh_l_desktop'] ?? 44) . ';
+                --sh-l-landscape:' . ($typography_vars['sub_headings']['sh_l_desktop'] ?? 44) . ';
+                --sh-l-portrait:' . ($typography_vars['sub_headings']['sh_l_portrait'] ?? 32) . ';
+                --sh-l-mobile:' . ($typography_vars['sub_headings']['sh_l_mobile'] ?? 32) . ';
+                --sh-m-desktop:' . ($typography_vars['sub_headings']['sh_m_desktop'] ?? 32) . ';
+                --sh-m-landscape:' . ($typography_vars['sub_headings']['sh_m_desktop'] ?? 32) . ';
+                --sh-m-portrait:' . ($typography_vars['sub_headings']['sh_m_portrait'] ?? 24) . ';
+                --sh-m-mobile:' . ($typography_vars['sub_headings']['sh_m_mobile'] ?? 24) . ';
+                --sh-s-desktop:' . ($typography_vars['sub_headings']['sh_s_desktop'] ?? 24) . ';
+                --sh-s-landscape:' . ($typography_vars['sub_headings']['sh_s_desktop'] ?? 24) . ';
+                --sh-s-portrait:' . ($typography_vars['sub_headings']['sh_s_portrait'] ?? 20) . ';
+                --sh-s-mobile:' . ($typography_vars['sub_headings']['sh_s_mobile'] ?? 20) . ';
+                --sh-xs-desktop:' . ($typography_vars['sub_headings']['sh_xs_desktop'] ?? 20) . ';
+                --sh-xs-landscape:' . ($typography_vars['sub_headings']['sh_xs_desktop'] ?? 20) . ';
+                --sh-xs-portrait:' . ($typography_vars['sub_headings']['sh_xs_portrait'] ?? 18) . ';
+                --sh-xs-mobile:' . ($typography_vars['sub_headings']['sh_xs_mobile'] ?? 18) . ';
+                --sh-xxs-desktop:' . ($typography_vars['sub_headings']['sh_xxs_desktop'] ?? 18) . ';
+                --sh-xxs-landscape:' . ($typography_vars['sub_headings']['sh_xxs_desktop'] ?? 18) . ';
+                --sh-xxs-portrait:' . ($typography_vars['sub_headings']['sh_xxs_portrait'] ?? 18) . ';
+                --sh-xxs-mobile:' . ($typography_vars['sub_headings']['sh_xxs_mobile'] ?? 18) . ';
+
+                --p-l-desktop:' . ($typography_vars['paragraphs']['p_l_desktop'] ?? 18) . ';
+                --p-l-landscape:' . ($typography_vars['paragraphs']['p_l_desktop'] ?? 18) . ';
+                --p-l-portrait:' . ($typography_vars['paragraphs']['p_l_portrait'] ?? 18) . ';
+                --p-l-mobile:' . ($typography_vars['paragraphs']['p_l_mobile'] ?? 18) . ';
+                --p-desktop:' . ($typography_vars['paragraphs']['p_desktop'] ?? 16) . ';
+                --p-landscape:' . ($typography_vars['paragraphs']['p_desktop'] ?? 16) . ';
+                --p-portrait:' . ($typography_vars['paragraphs']['p_portrait'] ?? 16) . ';
+                --p-mobile:' . ($typography_vars['paragraphs']['p_mobile'] ?? 16) . ';
+                --p-s-desktop:' . ($typography_vars['paragraphs']['p_s_desktop'] ?? 14) . ';
+                --p-s-landscape:' . ($typography_vars['paragraphs']['p_s_desktop'] ?? 14) . ';
+                --p-s-portrait:' . ($typography_vars['paragraphs']['p_s_portrait'] ?? 14) . ';
+                --p-s-mobile:' . ($typography_vars['paragraphs']['p_s_mobile'] ?? 14) . ';
+                --p-xs-desktop:' . ($typography_vars['paragraphs']['p_xs_desktop'] ?? 12) . ';
+                --p-xs-landscape:' . ($typography_vars['paragraphs']['p_xs_desktop'] ?? 12) . ';
+                --p-xs-portrait:' . ($typography_vars['paragraphs']['p_xs_portrait'] ?? 12) . ';
+                --p-xs-mobile:' . ($typography_vars['paragraphs']['p_xs_mobile'] ?? 12) . ';
+                --p-xxs-desktop:' . ($typography_vars['paragraphs']['p_xxs_desktop'] ?? 10) . ';
+                --p-xxs-landscape:' . ($typography_vars['paragraphs']['p_xxs_desktop'] ?? 10) . ';
+                --p-xxs-portrait:' . ($typography_vars['paragraphs']['p_xxs_portrait'] ?? 10) . ';
+                --p-xxs-mobile:' . ($typography_vars['paragraphs']['p_xxs_mobile'] ?? 10) . ';
+                --p-xxxs-desktop:' . ($typography_vars['paragraphs']['p_xxxs_desktop'] ?? 8) . ';
+                --p-xxxs-landscape:' . ($typography_vars['paragraphs']['p_xxxs_desktop'] ?? 8) . ';
+                --p-xxxs-portrait:' . ($typography_vars['paragraphs']['p_xxxs_portrait'] ?? 8) . ';
+                --p-xxxs-mobile:' . ($typography_vars['paragraphs']['p_xxxs_mobile'] ?? 8) . ';';
+            }
+            $output .= '</style>';
+        }
+    }
+    return [$output];
+} // END function core_design_vars
+// @codingStandardsIgnoreEnd