Mysa: Add theme (#7512)

Add the new Mysa theme - it is a WP.com exclusive Archivo spin-off, see  pNEWy-hGU-p2

---------

Co-authored-by: Dean Sas <dean.sas@automattic.com>

mysa/functions.php

@@ -0,0 +1,61 @@
+<?php
+/**
+ * Mysa functions and definitions
+ *
+ * @link https://developer.wordpress.org/themes/basics/theme-functions/
+ *
+ * @package Mysa
+ * @since Mysa 1.0
+ */
+
+declare( strict_types = 1 );
+
+if ( ! function_exists( 'mysa_support' ) ) :
+
+	/**
+	 * Sets up theme defaults and registers support for various WordPress features.
+	 *
+	 * @since Mysa 1.0
+	 *
+	 * @return void
+	 */
+	function mysa_support() {
+
+		// Enqueue editor styles.
+		add_editor_style( 'style.css' );
+
+		// Make theme available for translation.
+		load_theme_textdomain( 'mysa' );
+	}
+
+endif;
+
+add_action( 'after_setup_theme', 'mysa_support' );
+
+if ( ! function_exists( 'mysa_styles' ) ) :
+
+	/**
+	 * Enqueue styles.
+	 *
+	 * @since Mysa 1.0
+	 *
+	 * @return void
+	 */
+	function mysa_styles() {
+
+		// Register theme stylesheet.
+		wp_register_style(
+			'mysa-style',
+			get_stylesheet_directory_uri() . '/style.css',
+			array(),
+			wp_get_theme()->get( 'Version' )
+		);
+
+		// Enqueue theme stylesheet.
+		wp_enqueue_style( 'mysa-style' );
+
+	}
+
+endif;
+
+add_action( 'wp_enqueue_scripts', 'mysa_styles' );

mysa/parts/footer.html

@@ -0,0 +1 @@
+<!-- wp:pattern {"slug":"mysa/footer"} /-->

mysa/parts/header.html

@@ -0,0 +1 @@
+<!-- wp:pattern {"slug":"mysa/header"} /-->

mysa/patterns/cart.php

@@ -0,0 +1,113 @@
+<?php
+/**
+ * Title: Cart
+ * Slug: mysa/cart
+ * Inserter: no
+ */
+
+declare( strict_types = 1 );
+?>
+
+<!-- wp:heading {"level":1,"align":"wide"} -->
+<h1 class="wp-block-heading alignwide"><?php echo esc_html__( 'Cart', 'mysa' ); ?></h1>
+<!-- /wp:heading -->
+
+<!-- wp:woocommerce/store-notices /-->
+
+<!-- wp:woocommerce/cart -->
+<div class="wp-block-woocommerce-cart alignwide is-loading">
+	<!-- wp:woocommerce/filled-cart-block {"align":"wide"} -->
+	<div class="wp-block-woocommerce-filled-cart-block alignwide">
+		<!-- wp:woocommerce/cart-items-block -->
+		<div class="wp-block-woocommerce-cart-items-block">
+			<!-- wp:woocommerce/cart-line-items-block -->
+			<div class="wp-block-woocommerce-cart-line-items-block"></div>
+			<!-- /wp:woocommerce/cart-line-items-block -->
+
+			<!-- wp:woocommerce/cart-cross-sells-block -->
+			<div class="wp-block-woocommerce-cart-cross-sells-block">
+				<!-- wp:heading {"fontSize":"large"} -->
+				<h2 class="wp-block-heading has-large-font-size"><?php echo esc_html__( 'You may be interested in…', 'mysa' ); ?></h2>
+				<!-- /wp:heading -->
+
+				<!-- wp:woocommerce/cart-cross-sells-products-block -->
+				<div class="wp-block-woocommerce-cart-cross-sells-products-block"></div>
+				<!-- /wp:woocommerce/cart-cross-sells-products-block -->
+			</div>
+			<!-- /wp:woocommerce/cart-cross-sells-block -->
+		</div>
+		<!-- /wp:woocommerce/cart-items-block -->
+
+		<!-- wp:woocommerce/cart-totals-block -->
+		<div class="wp-block-woocommerce-cart-totals-block">
+			<!-- wp:woocommerce/cart-order-summary-block -->
+			<div class="wp-block-woocommerce-cart-order-summary-block">
+				<!-- wp:woocommerce/cart-order-summary-heading-block -->
+				<div class="wp-block-woocommerce-cart-order-summary-heading-block"></div>
+				<!-- /wp:woocommerce/cart-order-summary-heading-block -->
+
+				<!-- wp:woocommerce/cart-order-summary-coupon-form-block -->
+				<div class="wp-block-woocommerce-cart-order-summary-coupon-form-block"></div>
+				<!-- /wp:woocommerce/cart-order-summary-coupon-form-block -->
+
+				<!-- wp:woocommerce/cart-order-summary-subtotal-block -->
+				<div class="wp-block-woocommerce-cart-order-summary-subtotal-block"></div>
+				<!-- /wp:woocommerce/cart-order-summary-subtotal-block -->
+
+				<!-- wp:woocommerce/cart-order-summary-fee-block -->
+				<div class="wp-block-woocommerce-cart-order-summary-fee-block"></div>
+				<!-- /wp:woocommerce/cart-order-summary-fee-block -->
+
+				<!-- wp:woocommerce/cart-order-summary-discount-block -->
+				<div class="wp-block-woocommerce-cart-order-summary-discount-block"></div>
+				<!-- /wp:woocommerce/cart-order-summary-discount-block -->
+
+				<!-- wp:woocommerce/cart-order-summary-shipping-block -->
+				<div class="wp-block-woocommerce-cart-order-summary-shipping-block"></div>
+				<!-- /wp:woocommerce/cart-order-summary-shipping-block -->
+
+				<!-- wp:woocommerce/cart-order-summary-taxes-block -->
+				<div class="wp-block-woocommerce-cart-order-summary-taxes-block"></div>
+				<!-- /wp:woocommerce/cart-order-summary-taxes-block -->
+			</div>
+			<!-- /wp:woocommerce/cart-order-summary-block -->
+
+			<!-- wp:woocommerce/cart-express-payment-block -->
+			<div class="wp-block-woocommerce-cart-express-payment-block"></div>
+			<!-- /wp:woocommerce/cart-express-payment-block -->
+
+			<!-- wp:woocommerce/proceed-to-checkout-block -->
+			<div class="wp-block-woocommerce-proceed-to-checkout-block"></div>
+			<!-- /wp:woocommerce/proceed-to-checkout-block -->
+
+			<!-- wp:woocommerce/cart-accepted-payment-methods-block -->
+			<div class="wp-block-woocommerce-cart-accepted-payment-methods-block"></div>
+			<!-- /wp:woocommerce/cart-accepted-payment-methods-block -->
+		</div>
+		<!-- /wp:woocommerce/cart-totals-block -->
+	</div>
+	<!-- /wp:woocommerce/filled-cart-block -->
+
+	<!-- wp:woocommerce/empty-cart-block {"align":"wide"} -->
+	<div class="wp-block-woocommerce-empty-cart-block alignwide">
+		<!-- wp:heading {"textAlign":"center","className":"with-empty-cart-icon wc-block-cart__empty-cart__title"} -->
+		<h2 class="wp-block-heading has-text-align-center with-empty-cart-icon wc-block-cart__empty-cart__title"><?php echo esc_html__( 'Your cart is currently empty!', 'mysa' ); ?></h2>
+		<!-- /wp:heading -->
+
+		<!-- wp:paragraph {"align":"center"} -->
+		<p class="has-text-align-center"><a href="#"><?php echo esc_html__( 'Browse store', 'mysa' ); ?></a></p>
+		<!-- /wp:paragraph -->
+
+		<!-- wp:separator {"className":"is-style-dots"} -->
+		<hr class="wp-block-separator has-alpha-channel-opacity is-style-dots"/>
+		<!-- /wp:separator -->
+
+		<!-- wp:heading {"textAlign":"center"} -->
+		<h2 class="wp-block-heading has-text-align-center"><?php echo esc_html__( 'New in store', 'mysa' ); ?></h2>
+		<!-- /wp:heading -->
+
+		<!-- wp:woocommerce/product-new {"rows":1} /-->
+	</div>
+	<!-- /wp:woocommerce/empty-cart-block -->
+</div>
+<!-- /wp:woocommerce/cart -->

mysa/patterns/checkout.php

@@ -0,0 +1,111 @@
+<?php
+/**
+ * Title: Cart
+ * Slug: mysa/checkout
+ * Inserter: no
+ */
+
+declare( strict_types = 1 );
+?>
+
+<!-- wp:template-part {"slug":"checkout-header","theme":"woocommerce/woocommerce"} /-->
+
+<!-- wp:group {"layout":{"inherit":true,"type":"constrained"}} -->
+<div class="wp-block-group">
+	<!-- wp:heading {"level":1,"align":"wide"} -->
+	<h1 class="wp-block-heading alignwide"><?php echo esc_html__( 'Checkout', 'mysa' ); ?></h1>
+	<!-- /wp:heading -->
+
+	<!-- wp:woocommerce/store-notices /-->
+
+	<!-- wp:woocommerce/checkout {"className":"wc-block-checkout"} -->
+	<div class="wp-block-woocommerce-checkout alignwide wc-block-checkout is-loading">
+		<!-- wp:woocommerce/checkout-fields-block -->
+		<div class="wp-block-woocommerce-checkout-fields-block">
+
+			<!-- wp:woocommerce/checkout-express-payment-block -->
+			<div class="wp-block-woocommerce-checkout-express-payment-block"></div>
+			<!-- /wp:woocommerce/checkout-express-payment-block -->
+
+			<!-- wp:woocommerce/checkout-contact-information-block -->
+			<div class="wp-block-woocommerce-checkout-contact-information-block"></div>
+
+			<!-- /wp:woocommerce/checkout-contact-information-block -->
+
+			<!-- wp:woocommerce/checkout-shipping-method-block -->
+			<div class="wp-block-woocommerce-checkout-shipping-method-block"></div>
+			<!-- /wp:woocommerce/checkout-shipping-method-block -->
+
+			<!-- wp:woocommerce/checkout-pickup-options-block -->
+			<div class="wp-block-woocommerce-checkout-pickup-options-block"></div>
+			<!-- /wp:woocommerce/checkout-pickup-options-block -->
+
+			<!-- wp:woocommerce/checkout-shipping-address-block -->
+			<div class="wp-block-woocommerce-checkout-shipping-address-block"></div>
+			<!-- /wp:woocommerce/checkout-shipping-address-block -->
+
+			<!-- wp:woocommerce/checkout-billing-address-block -->
+			<div class="wp-block-woocommerce-checkout-billing-address-block"></div>
+			<!-- /wp:woocommerce/checkout-billing-address-block -->
+
+			<!-- wp:woocommerce/checkout-shipping-methods-block -->
+			<div class="wp-block-woocommerce-checkout-shipping-methods-block"></div>
+			<!-- /wp:woocommerce/checkout-shipping-methods-block -->
+
+			<!-- wp:woocommerce/checkout-payment-block -->
+			<div class="wp-block-woocommerce-checkout-payment-block"></div>
+			<!-- /wp:woocommerce/checkout-payment-block -->
+
+			<!-- wp:woocommerce/checkout-order-note-block -->
+			<div class="wp-block-woocommerce-checkout-order-note-block"></div>
+			<!-- /wp:woocommerce/checkout-order-note-block -->
+
+			<!-- wp:woocommerce/checkout-terms-block -->
+			<div class="wp-block-woocommerce-checkout-terms-block"></div>
+			<!-- /wp:woocommerce/checkout-terms-block -->
+
+			<!-- wp:woocommerce/checkout-actions-block -->
+			<div class="wp-block-woocommerce-checkout-actions-block"></div>
+			<!-- /wp:woocommerce/checkout-actions-block -->
+		</div>
+		<!-- /wp:woocommerce/checkout-fields-block -->
+
+		<!-- wp:woocommerce/checkout-totals-block -->
+		<div class="wp-block-woocommerce-checkout-totals-block">
+			<!-- wp:woocommerce/checkout-order-summary-block -->
+			<div class="wp-block-woocommerce-checkout-order-summary-block">
+				<!-- wp:woocommerce/checkout-order-summary-cart-items-block -->
+				<div class="wp-block-woocommerce-checkout-order-summary-cart-items-block"></div>
+				<!-- /wp:woocommerce/checkout-order-summary-cart-items-block -->
+
+				<!-- wp:woocommerce/checkout-order-summary-coupon-form-block -->
+				<div class="wp-block-woocommerce-checkout-order-summary-coupon-form-block"></div>
+				<!-- /wp:woocommerce/checkout-order-summary-coupon-form-block -->
+
+				<!-- wp:woocommerce/checkout-order-summary-subtotal-block -->
+				<div class="wp-block-woocommerce-checkout-order-summary-subtotal-block"></div>
+				<!-- /wp:woocommerce/checkout-order-summary-subtotal-block -->
+
+				<!-- wp:woocommerce/checkout-order-summary-fee-block -->
+				<div class="wp-block-woocommerce-checkout-order-summary-fee-block"></div>
+				<!-- /wp:woocommerce/checkout-order-summary-fee-block -->
+
+				<!-- wp:woocommerce/checkout-order-summary-discount-block -->
+				<div class="wp-block-woocommerce-checkout-order-summary-discount-block"></div>
+				<!-- /wp:woocommerce/checkout-order-summary-discount-block -->
+
+				<!-- wp:woocommerce/checkout-order-summary-shipping-block -->
+				<div class="wp-block-woocommerce-checkout-order-summary-shipping-block"></div>
+				<!-- /wp:woocommerce/checkout-order-summary-shipping-block -->
+
+				<!-- wp:woocommerce/checkout-order-summary-taxes-block -->
+				<div class="wp-block-woocommerce-checkout-order-summary-taxes-block"></div>
+				<!-- /wp:woocommerce/checkout-order-summary-taxes-block -->
+			</div>
+			<!-- /wp:woocommerce/checkout-order-summary-block -->
+		</div>
+		<!-- /wp:woocommerce/checkout-totals-block -->
+	</div>
+	<!-- /wp:woocommerce/checkout -->
+</div>
+<!-- /wp:group -->

mysa/patterns/footer.php

@@ -0,0 +1,41 @@
+<?php
+/**
+ * Title: Default footer
+ * Slug: mysa/footer
+ * Categories: footer
+ * Block Types: core/template-part/footer
+ */
+
+declare( strict_types = 1 );
+?>
+
+<!-- wp:spacer {"height":"192px"} -->
+<div style="height:192px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
+<!-- wp:site-logo {"width":96,"shouldSyncIcon":false,"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|50"}}}} /-->
+
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"0","bottom":"var:preset|spacing|50"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between","verticalAlignment":"top"}} -->
+<div class="wp-block-group" style="padding-top:0;padding-bottom:var(--wp--preset--spacing--50)">
+	<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
+	<div class="wp-block-group">
+		<!-- wp:site-title {"level":0,"style":{"typography":{"lineHeight":1.388888889}}} /-->
+
+		<!-- wp:paragraph -->
+		<p><a href="#"><?php echo esc_html__( 'Tumblr', 'mysa' ); ?></a> / <a href="#"><?php echo esc_html__( 'Instagram', 'mysa' ); ?></a> / <a href="#"><?php echo esc_html__( 'Email', 'mysa' ); ?></a></p>
+		<!-- /wp:paragraph -->
+	</div>
+	<!-- /wp:group -->
+
+	<!-- wp:paragraph -->
+	<p><?php
+		/* Translators: WordPress link. */
+		$wordpress_link = '<a href="' . esc_url( __( 'https://wordpress.org', 'mysa' ) ) . '" rel="nofollow">WordPress</a>';
+		echo sprintf(
+			esc_html__( 'Designed with %1$s', 'mysa' ),
+			$wordpress_link
+		);
+	?></p>
+	<!-- /wp:paragraph -->
+</div>
+<!-- /wp:group -->

mysa/patterns/header.php

@@ -0,0 +1,22 @@
+<?php
+/**
+ * Title: Default header
+ * Slug: mysa/header
+ * Categories: header
+ * Block Types: core/template-part/header
+ */
+
+declare( strict_types = 1 );
+?>
+
+<!-- wp:group {"layout":{"type":"default"}} -->
+<div class="wp-block-group">
+	<!-- wp:site-title {"level":0} /-->
+
+	<!-- wp:group {"layout":{"type":"flex","orientation":"vertical"}} -->
+	<div class="wp-block-group">
+		<!-- wp:navigation {"overlayBackgroundColor":"background","overlayTextColor":"foreground","layout":{"type":"flex","orientation":"vertical","justifyContent":"left"},"style":{"spacing":{"blockGap":"0"}}} /-->
+	</div>
+	<!-- /wp:group -->
+</div>
+<!-- /wp:group -->

mysa/patterns/hidden-404.php

@@ -0,0 +1,21 @@
+<?php
+/**
+ * Title: A 404 page
+ * Slug: mysa/hidden-404
+ * Inserter: no
+ */
+
+declare( strict_types = 1 );
+?>
+
+<!-- wp:heading {"textAlign":"left","level":1,"style":{"typography":{"fontStyle":"normal","fontWeight":"700","lineHeight":1.388888889}},"fontSize":"medium"} -->
+<h1 class="wp-block-heading has-text-align-left has-medium-font-size" id="oops-that-page-can-t-be-found" style="font-style:normal;font-weight:700;line-height:1.388888889;">
+	<?php echo esc_html__( 'Oops! That page can&rsquo;t be found.', 'mysa' ); ?>
+</h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p><?php echo  esc_html__( 'It looks like nothing was found at this location. Maybe try a search?', 'mysa' ); ?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:pattern {"slug":"mysa/hidden-search-field"} /-->