update block-design-system files

Author: kaeizen

gulpfile.js

@@ -260,6 +260,7 @@ gulp.task( 'generate-block-design-system-php', function( cb ) {
 	// Generate PHP variable string
 	const script = `<?php
 // This is a generated file by gulp generate-block-design-system-php
+// Use block-design-system.json if you want to edit this file.
 
 // Exit if accessed directly.
 if ( ! defined( 'ABSPATH' ) ) {
@@ -284,7 +285,7 @@ if ( ! class_exists( 'Stackable_Block_Design_System') ) {
 ?>
 `
 	// Write PHP variable to file
-	fs.writeFileSync( path.resolve( __dirname, 'src/styles/index.php' ), script )
+	fs.writeFileSync( path.resolve( __dirname, 'src/styles/block-design-system.php' ), script )
 
 	cb()
 } )
@@ -396,6 +397,7 @@ gulp.task( 'generate-block-design-system-scss', function( cb ) {
 	// Generate PHP variable string
 	const script = `@import "cssvars";
 // This is a generated file by gulp generate-block-design-system-scss
+// Use block-design-system.json if you want to edit this file.
 
 /**
  * Default Stackable UI Kit design.

plugin.php

@@ -229,7 +229,7 @@ function is_frontend() {
 require_once( plugin_dir_path( __FILE__ ) . 'src/kses.php' );
 require_once( plugin_dir_path( __FILE__ ) . 'src/dynamic-breakpoints.php' );
 require_once( plugin_dir_path( __FILE__ ) . 'src/design-library/init.php' );
-require_once( plugin_dir_path( __FILE__ ) . 'src/styles/index.php' );
+require_once( plugin_dir_path( __FILE__ ) . 'src/styles/block-design-system.php' );
 require_once( plugin_dir_path( __FILE__ ) . 'src/global-settings.php' );
 require_once( plugin_dir_path( __FILE__ ) . 'src/plugins/global-settings/spacing-and-borders/index.php' );
 require_once( plugin_dir_path( __FILE__ ) . 'src/plugins/global-settings/buttons-and-icons/index.php' );

src/styles/index.php src/styles/block-design-system.phpsrc/styles/index.php renamed to src/styles/block-design-system.php

@@ -1,5 +1,6 @@
 <?php
 // This is a generated file by gulp generate-block-design-system-php
+// Use block-design-system.json if you want to edit this file.
 
 // Exit if accessed directly.
 if ( ! defined( 'ABSPATH' ) ) {

src/styles/block-design-system.scss

@@ -1,5 +1,6 @@
 @import "cssvars";
 // This is a generated file by gulp generate-block-design-system-scss
+// Use block-design-system.json if you want to edit this file.
 
 /**
  * Default Stackable UI Kit design.