diff --git a/app/Sidebar/Sidebar.php b/app/Sidebar/Sidebar.php index 676a7028..e50a3152 100644 --- a/app/Sidebar/Sidebar.php +++ b/app/Sidebar/Sidebar.php @@ -14,6 +14,9 @@ class Sidebar public function register(): void { + if (! function_exists('get_field')) { + return; + } add_action('acf/include_fields', [$this, 'addAcfFields']); add_action('wp_nav_menu_objects', [$this, 'addIconsToMenuItems'], 10, 2); add_action('render_block_core/navigation-link', [$this, 'addIconsToBlockMenuItems'], 10, 2); diff --git a/htdocs/wp-content/themes/gorinchem/assets/fonts/FedraSans-Book.woff2 b/htdocs/wp-content/themes/gorinchem/assets/fonts/FedraSans-Book.woff2 new file mode 100644 index 00000000..dd7d49a7 Binary files /dev/null and b/htdocs/wp-content/themes/gorinchem/assets/fonts/FedraSans-Book.woff2 differ diff --git a/htdocs/wp-content/themes/gorinchem/assets/fonts/FedraSans-Medium.woff2 b/htdocs/wp-content/themes/gorinchem/assets/fonts/FedraSans-Medium.woff2 new file mode 100644 index 00000000..8f835590 Binary files /dev/null and b/htdocs/wp-content/themes/gorinchem/assets/fonts/FedraSans-Medium.woff2 differ diff --git a/htdocs/wp-content/themes/gorinchem/assets/scss/components/_footer.scss b/htdocs/wp-content/themes/gorinchem/assets/scss/components/_footer.scss new file mode 100644 index 00000000..c4916f0d --- /dev/null +++ b/htdocs/wp-content/themes/gorinchem/assets/scss/components/_footer.scss @@ -0,0 +1,5 @@ +.footer { + h2 { + @extend .h3; + } +} diff --git a/htdocs/wp-content/themes/gorinchem/assets/scss/components/_navbar.scss b/htdocs/wp-content/themes/gorinchem/assets/scss/components/_navbar.scss new file mode 100644 index 00000000..dae67e2f --- /dev/null +++ b/htdocs/wp-content/themes/gorinchem/assets/scss/components/_navbar.scss @@ -0,0 +1,84 @@ +.navbar { + box-shadow: + 0px 4px 16px rgba( 17, 17, 26, 0.03 ), + 0px 8px 32px rgba( 17, 17, 26, 0.03 ); + font-family: 'FedraSans', $font-family-sans-serif; + + .navbar-menu-list > .menu-item { + position: relative; + display: flex; + height: $navbar-height-desktop; + align-items: center; + justify-content: center; + + &::before { + position: absolute; + bottom: 0; + left: 5%; + width: 90%; + height: 2px; + background-color: theme-color( 'primary' ); + content: ''; + transform: scaleX( 0 ); + transition: all 0.4s cubic-bezier( 0.22, 1, 0.36, 1 ); // EaseOutQuint + visibility: hidden; + } + + @include hover-focus-active() { + &::before { + transform: scaleX( 1 ); + visibility: visible; + } + } + + a { + display: flex; + height: 100%; + align-items: center; + justify-content: center; + border-bottom: 1px solid gray( 'concrete' ); + color: $black; + + @include hover-focus-active() { + text-decoration: none; + } + } + } + + .menu-item-has-children { + &::after { + font-weight: 400; + } + } + + .sub-menu { + padding: 1rem; + + .menu-item a { + justify-content: flex-start; + padding: 0.85rem 0.5rem; + transition: 0.1s ease all; + + &::before { + @include fontawesome( '\f054' ); + margin-right: 1rem; + color: theme-color( 'primary' ); + font-size: $small-font-size; + transition: transform 0.1s ease; + } + + &:hover { + border-color: theme-color( 'primary' ); + + &::before { + transform: translateX( 4px ); + } + } + + &:focus { + border-color: theme-color( 'primary' ); + color: theme-color( 'primary' ); + } + } + } +} diff --git a/htdocs/wp-content/themes/gorinchem/assets/scss/components/_sidebar.scss b/htdocs/wp-content/themes/gorinchem/assets/scss/components/_sidebar.scss new file mode 100644 index 00000000..3aa4f2af --- /dev/null +++ b/htdocs/wp-content/themes/gorinchem/assets/scss/components/_sidebar.scss @@ -0,0 +1,4 @@ +.denhaag-sidenav, +.sidebar { + font-family: 'FedraSans', $font-family-sans-serif; +} diff --git a/htdocs/wp-content/themes/gorinchem/assets/scss/editor.scss b/htdocs/wp-content/themes/gorinchem/assets/scss/editor.scss new file mode 100644 index 00000000..20bd2aab --- /dev/null +++ b/htdocs/wp-content/themes/gorinchem/assets/scss/editor.scss @@ -0,0 +1,18 @@ +/*-------------------------------------------------------------- + Settings +--------------------------------------------------------------*/ +@import 'settings/colors'; +@import 'settings/bootstrap'; +@import 'settings/variables'; + +/*-------------------------------------------------------------- + Parent theme +--------------------------------------------------------------*/ +@import '../../../owc-formulieren/assets/scss/editor'; +@import 'settings/root'; +@import 'settings/typography'; + +/*-------------------------------------------------------------- +Elements +--------------------------------------------------------------*/ +@import 'elements/headings'; diff --git a/htdocs/wp-content/themes/gorinchem/assets/scss/elements/_headings.scss b/htdocs/wp-content/themes/gorinchem/assets/scss/elements/_headings.scss new file mode 100644 index 00000000..2b3dae81 --- /dev/null +++ b/htdocs/wp-content/themes/gorinchem/assets/scss/elements/_headings.scss @@ -0,0 +1,12 @@ +h1 { + color: theme-color( 'primary' ); + font-weight: 500; +} + +h2, +h3, +h4, +h5, +h6 { + color: theme-color( 'secondary' ); +} diff --git a/htdocs/wp-content/themes/gorinchem/assets/scss/settings/_bootstrap.scss b/htdocs/wp-content/themes/gorinchem/assets/scss/settings/_bootstrap.scss new file mode 100644 index 00000000..5e4f5efe --- /dev/null +++ b/htdocs/wp-content/themes/gorinchem/assets/scss/settings/_bootstrap.scss @@ -0,0 +1,84 @@ +@import './colors'; + +/*-------------------------------------------------------------- + Fonts +--------------------------------------------------------------*/ +$font-size-base: 1rem; +$font-family-sans-serif: + -apple-system, + BlinkMacSystemFont, + 'Segoe UI', + Source Sans Pro, + 'Helvetica Neue', + Arial, + sans-serif, + 'Apple Color Emoji', + 'Segoe UI Emoji', + 'Segoe UI Symbol'; +$font-family-base: 'Open Sans', $font-family-sans-serif; +$font-weight-base: 400; +$line-height-base: 1.7; +$enable-responsive-font-sizes: true; + +$small-font-size: $font-size-base * 0.9; +$xs-small-font-size: $small-font-size * 0.9; + +$lead-font-weight: 400; +$lead-font-size: $font-size-base * 1.1; + +/*-------------------------------------------------------------- + Colors +--------------------------------------------------------------*/ +$body-bg: #f3f5f9; +$body-color: #2b2b2b; +$danger: #e0001e; +$succes: #009a3e; +$text-muted: #687078; +$yiq-contrasted-threshold: 125; + +/*-------------------------------------------------------------- + Paragraph +--------------------------------------------------------------*/ +$paragraph-margin-bottom: 1.25rem; + +/*-------------------------------------------------------------- + Headings +--------------------------------------------------------------*/ +$h1-font-size: $font-size-base * 2.6 !default; +$h2-font-size: $font-size-base * 1.7 !default; +$h3-font-size: $font-size-base * 1.35 !default; +$h4-font-size: $font-size-base * 1.15 !default; +$h5-font-size: $font-size-base * 1 !default; +$h6-font-size: $font-size-base !default; +$headings-font-family: 'FedraSans', $font-family-sans-serif; +$headings-margin-bottom: 1rem; +$headings-font-weight: 500; + +/*-------------------------------------------------------------- + Border radius +--------------------------------------------------------------*/ +$border-radius: 0; +$border-radius-lg: 0; + +/*-------------------------------------------------------------- + Buttons +--------------------------------------------------------------*/ +$btn-padding-y: 0.75rem; +$btn-padding-x: 1.4rem; +$btn-border-width: 0; +$btn-border-radius: 0; +$btn-font-weight: 700; + +/*-------------------------------------------------------------- + Components +--------------------------------------------------------------*/ +$box-shadow: + 0px 4px 16px rgba( 17, 17, 26, 0.05 ), + 0px 8px 32px rgba( 17, 17, 26, 0.05 ); + +/*-------------------------------------------------------------- + Forms +--------------------------------------------------------------*/ +$input-padding-y: 0.5rem; +$input-padding-x: 0.7rem; +$input-bg: #fff; diff --git a/htdocs/wp-content/themes/gorinchem/assets/scss/settings/_colors.scss b/htdocs/wp-content/themes/gorinchem/assets/scss/settings/_colors.scss new file mode 100644 index 00000000..81c687dc --- /dev/null +++ b/htdocs/wp-content/themes/gorinchem/assets/scss/settings/_colors.scss @@ -0,0 +1,8 @@ +/*-------------------------------------------------------------- + Custom colors +--------------------------------------------------------------*/ + +$theme-colors: ( + primary: #e61014, + secondary: #3a0056, +); diff --git a/htdocs/wp-content/themes/gorinchem/assets/scss/settings/_root.scss b/htdocs/wp-content/themes/gorinchem/assets/scss/settings/_root.scss new file mode 100644 index 00000000..5f49975a --- /dev/null +++ b/htdocs/wp-content/themes/gorinchem/assets/scss/settings/_root.scss @@ -0,0 +1,12 @@ +:root { + --color-palette-primary: #{theme-color( 'primary' )}; + --color-palette-secondary: #{theme-color( 'secondary' )}; + --color-palette-white: #fff; + --color-palette-black: #000; + --layout-content-size: 800px; + --layout-wide-size: #{map-get( $container-max-widths, 'xl' )}; +} + +.zaak-process-steps { + --zaak-process-steps-color-success: #{theme-color( 'primary' )} !important; +} diff --git a/htdocs/wp-content/themes/gorinchem/assets/scss/settings/_typography.scss b/htdocs/wp-content/themes/gorinchem/assets/scss/settings/_typography.scss new file mode 100644 index 00000000..90b27568 --- /dev/null +++ b/htdocs/wp-content/themes/gorinchem/assets/scss/settings/_typography.scss @@ -0,0 +1,17 @@ +@import url( 'https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap' ); + +@font-face { + font-display: swap; + font-family: 'FedraSans'; + font-style: normal; + font-weight: 400; + src: url( '../fonts/FedraSans-Book.woff2' ) format( 'woff2' ); +} + +@font-face { + font-display: swap; + font-family: 'FedraSans'; + font-style: normal; + font-weight: 500; + src: url( '../fonts/FedraSans-Medium.woff2' ) format( 'woff2' ); +} diff --git a/htdocs/wp-content/themes/gorinchem/assets/scss/settings/_variables.scss b/htdocs/wp-content/themes/gorinchem/assets/scss/settings/_variables.scss new file mode 100644 index 00000000..5afe04c5 --- /dev/null +++ b/htdocs/wp-content/themes/gorinchem/assets/scss/settings/_variables.scss @@ -0,0 +1,5 @@ +$navbar-height: 80px; +$navbar-height-desktop: 80px; +$navbar-shadow: $box-shadow; +$mijn-zaken-footer-bg-color: transparent; +$mijn-zaken-footer-color: $body-color; diff --git a/htdocs/wp-content/themes/gorinchem/assets/scss/style.scss b/htdocs/wp-content/themes/gorinchem/assets/scss/style.scss new file mode 100644 index 00000000..de508533 --- /dev/null +++ b/htdocs/wp-content/themes/gorinchem/assets/scss/style.scss @@ -0,0 +1,25 @@ +/*-------------------------------------------------------------- + Settings +--------------------------------------------------------------*/ +@import 'settings/colors'; +@import 'settings/bootstrap'; +@import 'settings/variables'; + +/*-------------------------------------------------------------- + Parent theme +--------------------------------------------------------------*/ +@import '../../../owc-formulieren/assets/scss/style'; +@import 'settings/root'; +@import 'settings/typography'; + +/*-------------------------------------------------------------- + Components +--------------------------------------------------------------*/ +@import 'components/footer'; +@import 'components/navbar'; +@import 'components/sidebar'; + +/*-------------------------------------------------------------- +Elements +--------------------------------------------------------------*/ +@import 'elements/headings'; diff --git a/htdocs/wp-content/themes/gorinchem/config/home.php b/htdocs/wp-content/themes/gorinchem/config/home.php new file mode 100644 index 00000000..219a29ce --- /dev/null +++ b/htdocs/wp-content/themes/gorinchem/config/home.php @@ -0,0 +1,10 @@ + true, + 'digid_provider' => 'owc-signicat-openid', + 'eherkenning_is_active' => true, + 'eherkenning_provider' => 'owc-signicat-openid', + 'eidas_is_active' => true, + 'eidas_provider' => 'owc-signicat-openid', +]; diff --git a/htdocs/wp-content/themes/gorinchem/functions.php b/htdocs/wp-content/themes/gorinchem/functions.php new file mode 100644 index 00000000..41a0fafc --- /dev/null +++ b/htdocs/wp-content/themes/gorinchem/functions.php @@ -0,0 +1,7 @@ +\n" +"Language: nl_NL\n" +"MIME-Version: 1.0\n" +"Content-Type: text/plain; charset=UTF-8\n" +"Content-Transfer-Encoding: 8bit\n" +"POT-Revision-Date: Fri Nov 27 2015 13:26:26 GMT+0100 (W. Europe Standard " +"Time)\n" +"Plural-Forms: nplurals=2; plural=(n != 1);\n" +"X-Poedit-SourceCharset: UTF-8\n" +"X-Poedit-Basepath: ..\n" +"X-Poedit-KeywordsList: _:1;gettext:1;dgettext:2;ngettext:1,2;dngettext:2,3;" +"__:1;_e:1;_n:1,2;_n_noop:1,2;_nc:1,2;__ngettext:1,2;__ngettext_noop:1,2;" +"_x:1,2c;_ex:1,2c;_nx:1,2,4c;_nx_noop:1,2,3c;_n_js:1,2;_nx_js:1,2,3c;" +"esc_attr__:1;esc_html__:1;esc_attr_e:1;esc_html_e:1;esc_attr_x:1,2c;" +"esc_html_x:1,2c\n" +"X-Generator: Poedit 2.4.3\n" +"X-Poedit-SearchPath-0: .\n" +"X-Poedit-SearchPathExcluded-0: assets\n" +"X-Poedit-SearchPathExcluded-1: node_modules\n" +"X-Poedit-SearchPathExcluded-2: vendor\n" + +#. Theme Name of the theme +#. Description of the theme +msgid "Hoeksche Waard | Formulieren" +msgstr "Hoeksche Waard | Formulieren" + +#. Theme URI of the theme +#. Author URI of the theme +msgid "https://www.yard.nl" +msgstr "https://www.yard.nl" + +#. Author of the theme +msgid "Yard | Digital Agency" +msgstr "Yard | Digital Agency" + +#: functions.php:14 +msgid "Error locating %s for inclusion" +msgstr "Fout bij het lokaliseren van %s voor opname" + +#: src/gf-forms-extend.php:143 +msgid "Click to view" +msgstr "Bekijk eigenaar" + +#: src/Gravityforms/Fields/HWCodesValidation.php:24 +msgid "Code validation field" +msgstr "Code validatie veld" + +#: src/Gravityforms/Fields/HWCodesValidation.php:161 +msgid "Code validation" +msgstr "Code validatie" + +#: src/Gravityforms/Fields/HWCodesValidation.php:178 +msgid "This field is required" +msgstr "Dit veld is verplicht" + +#: src/Gravityforms/Fields/HWCodesValidation.php:183 +msgid "The code is not valid" +msgstr "De code is niet geldig" + +#: src/hooks.php:95 +msgctxt "taxonomy general name" +msgid "Owner" +msgstr "Eigenaar" + +#: src/hooks.php:96 +msgctxt "taxonomy singular name" +msgid "Owner" +msgstr "Eigenaar" + +#: src/hooks.php:97 +msgid "Search owners" +msgstr "Zoek eigenaren" + +#: src/hooks.php:98 +msgid "All owners" +msgstr "Alle eigenaren" + +#: src/hooks.php:99 +msgid "Parent owner" +msgstr "Hoofd eigenaar" + +#: src/hooks.php:100 +msgid "Parent owner:" +msgstr "Hoofd eigenaar:" + +#: src/hooks.php:101 +msgid "Edit owner" +msgstr "Bewerk eigenaar" + +#: src/hooks.php:102 +msgid "Update owner" +msgstr "Sla eigenaar op" + +#: src/hooks.php:103 +msgid "Add new owner" +msgstr "Voeg eigenaar toe" + +#: src/hooks.php:104 +msgid "New owner name" +msgstr "Nieuwe eigenaar naam" + +#: src/hooks.php:105 +msgid "Owner" +msgstr "Eigenaar" + +#: src/hooks.php:121 +msgctxt "taxonomy general name" +msgid "Link" +msgstr "Link" + +#: src/hooks.php:122 +msgctxt "taxonomy singular name" +msgid "Link" +msgstr "Link" + +#: src/hooks.php:123 +msgid "Search Links" +msgstr "Zoek Links" + +#: src/hooks.php:124 +msgid "All Links" +msgstr "Alle links" + +#: src/hooks.php:125 +msgid "Parent Link" +msgstr "Hoofd link" + +#: src/hooks.php:126 +msgid "Parent Link:" +msgstr "Hoofd link:" + +#: src/hooks.php:127 +msgid "Edit Link" +msgstr "Bewerk link" + +#: src/hooks.php:128 +msgid "Update Link" +msgstr "Sla link op" + +#: src/hooks.php:129 +msgid "Add new Link" +msgstr "Voeg link toe" + +#: src/hooks.php:130 +msgid "New Link name" +msgstr "Nieuwe link naam" + +#: src/hooks.php:131 +msgid "Link" +msgstr "Link" + +#: src/setup.php:40 +msgid "Primary Menu" +msgstr "Hoofdmenu" diff --git a/htdocs/wp-content/themes/gorinchem/languages/nl_NL.pot b/htdocs/wp-content/themes/gorinchem/languages/nl_NL.pot new file mode 100644 index 00000000..2fa2f53d --- /dev/null +++ b/htdocs/wp-content/themes/gorinchem/languages/nl_NL.pot @@ -0,0 +1,148 @@ +# Copyright (C) 2022 Yard | Digital Agency +# This file is distributed under the GNU General Public License v2 or later. +msgid "" +msgstr "" +"Project-Id-Version: Hoeksche Waard | Formulieren 1.0.0\n" +"Report-Msgid-Bugs-To: https://wordpress.org/support/theme/ggd-hollands-noorden\n" +"Last-Translator: FULL NAME \n" +"Language-Team: LANGUAGE \n" +"MIME-Version: 1.0\n" +"Content-Type: text/plain; charset=UTF-8\n" +"Content-Transfer-Encoding: 8bit\n" +"POT-Creation-Date: 2022-03-04T10:36:35+00:00\n" +"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n" +"X-Generator: WP-CLI 2.6.0\n" + +#. Theme Name of the theme +#. Description of the theme +msgid "Hoeksche Waard | Formulieren" +msgstr "" + +#. Theme URI of the theme +#. Author URI of the theme +msgid "https://www.yard.nl" +msgstr "" + +#. Author of the theme +msgid "Yard | Digital Agency" +msgstr "" + +#: functions.php:14 +msgid "Error locating %s for inclusion" +msgstr "" + +#: src/gf-forms-extend.php:143 +msgid "Click to view" +msgstr "" + +#: src/Gravityforms/Fields/HWCodesValidation.php:24 +msgid "Code validation field" +msgstr "" + +#: src/Gravityforms/Fields/HWCodesValidation.php:161 +msgid "Code validation" +msgstr "" + +#: src/Gravityforms/Fields/HWCodesValidation.php:178 +msgid "This field is required" +msgstr "" + +#: src/Gravityforms/Fields/HWCodesValidation.php:183 +msgid "The code is not valid" +msgstr "" + +#: src/hooks.php:95 +msgctxt "taxonomy general name" +msgid "Owner" +msgstr "" + +#: src/hooks.php:96 +msgctxt "taxonomy singular name" +msgid "Owner" +msgstr "" + +#: src/hooks.php:97 +msgid "Search owners" +msgstr "" + +#: src/hooks.php:98 +msgid "All owners" +msgstr "" + +#: src/hooks.php:99 +msgid "Parent owner" +msgstr "" + +#: src/hooks.php:100 +msgid "Parent owner:" +msgstr "" + +#: src/hooks.php:101 +msgid "Edit owner" +msgstr "" + +#: src/hooks.php:102 +msgid "Update owner" +msgstr "" + +#: src/hooks.php:103 +msgid "Add new owner" +msgstr "" + +#: src/hooks.php:104 +msgid "New owner name" +msgstr "" + +#: src/hooks.php:105 +msgid "Owner" +msgstr "" + +#: src/hooks.php:121 +msgctxt "taxonomy general name" +msgid "Link" +msgstr "" + +#: src/hooks.php:122 +msgctxt "taxonomy singular name" +msgid "Link" +msgstr "" + +#: src/hooks.php:123 +msgid "Search Links" +msgstr "" + +#: src/hooks.php:124 +msgid "All Links" +msgstr "" + +#: src/hooks.php:125 +msgid "Parent Link" +msgstr "" + +#: src/hooks.php:126 +msgid "Parent Link:" +msgstr "" + +#: src/hooks.php:127 +msgid "Edit Link" +msgstr "" + +#: src/hooks.php:128 +msgid "Update Link" +msgstr "" + +#: src/hooks.php:129 +msgid "Add new Link" +msgstr "" + +#: src/hooks.php:130 +msgid "New Link name" +msgstr "" + +#: src/hooks.php:131 +msgid "Link" +msgstr "" + +#: src/setup.php:40 +msgid "Primary Menu" +msgstr "" diff --git a/htdocs/wp-content/themes/gorinchem/screenshot.png b/htdocs/wp-content/themes/gorinchem/screenshot.png new file mode 100644 index 00000000..533dd265 Binary files /dev/null and b/htdocs/wp-content/themes/gorinchem/screenshot.png differ diff --git a/htdocs/wp-content/themes/gorinchem/style.css b/htdocs/wp-content/themes/gorinchem/style.css new file mode 100644 index 00000000..c2ad0551 --- /dev/null +++ b/htdocs/wp-content/themes/gorinchem/style.css @@ -0,0 +1,12 @@ +/* +Theme Name: Gemeente Gorinchem | Formulieren +Theme URI: https://www.yard.nl +Author: Yard | Digital Agency +Author URI: https://www.yard.nl +Description: Gemeente Gorinchem | Formulieren +Version: 1.0.0 +License: GNU General Public License v2 or later +License URI: http://www.gnu.org/licenses/gpl-2.0.html +Text Domain: gorinchem +Template: owc-formulieren +*/ diff --git a/htdocs/wp-content/themes/gorinchem/theme.json b/htdocs/wp-content/themes/gorinchem/theme.json new file mode 100644 index 00000000..34fb887d --- /dev/null +++ b/htdocs/wp-content/themes/gorinchem/theme.json @@ -0,0 +1,82 @@ +{ + "$schema": "https://schemas.wp.org/trunk/theme.json", + "version": 2, + "settings": { + "color": { + "customDuotone": false, + "customGradient": false, + "defaultDuotone": false, + "defaultGradients": false, + "defaultPalette": false, + "duotone": [], + "gradients": [], + "palette": [ + { + "slug": "primary", + "color": "var(--color-palette-primary)", + "name": "Primair" + }, + { + "slug": "secondary", + "color": "var(--color-palette-secondary)", + "name": "Secundair" + }, + { + "slug": "white", + "color": "var(--color-palette-white)", + "name": "Wit" + }, + { + "slug": "black", + "color": "var(--color-palette-black)", + "name": "Zwart" + } + ] + }, + "typography": { + "customFontSize": false, + "dropCap": false, + "fontFamilies": [], + "fontSizes": [], + "fontStyle": false, + "fontWeight": false, + "letterSpacing": false, + "lineHeight": false, + "textDecoration": false, + "textTransform": false + }, + "layout": { + "contentSize": "var(--layout-content-size)", + "wideSize": "var(--layout-wide-size)" + }, + "blocks": { + "core/button": { + "border": { + "radius": false + } + } + } + }, + "styles": { + "elements": { + "button": { + "typography": { + "fontSize": "", + "fontFamily": "", + "lineHeight": "", + "textDecoration": "" + }, + "color": { + "text": "", + "background": "" + }, + "border": { + "width": "" + }, + "spacing": { + "padding": {} + } + } + } + } +}