Merge pull request #4115 from salesforce-ux/chore/224-spring20__touchStylesheet

chore(infra): Add "touch" stylesheet functionality

Author: zahnster

.storybook/config.js

@@ -6,6 +6,7 @@ import loadStories from './stories';
 import sldsTheme from './sldsTheme';
 
 import '../ui/index.scss'; // load slds css
+import '../ui/touch.scss'; // load touch stylesheet
 import './scss/ui/index.scss'; // Our custom Storybook presentation styles
 import '../shared/styles/doc.scss'; // docs styles
 

.storybook/webpack.config.js

@@ -61,7 +61,9 @@ module.exports = async ({ config, mode }) => {
         },
         {
           loader: 'sass-loader',
-          options: { sourceMap: true, outputStyle: 'compressed' }
+          options: {
+            sassOptions: { sourceMap: true, outputStyle: 'compressed' }
+          }
         },
         // Reads Sass vars from files or inlined in the options property
         // needed to reset the asset paths for webpack to load them, as we

gulpfile.js

@@ -200,15 +200,17 @@ gulp.task('sanitized:componentSass', sanitized.writeSanitizedComponentCss);
  */
 
 gulp.task('styles:sass', styles.sass);
+gulp.task('styles:sassTouch', styles.sassTouch);
 gulp.task('styles:test', styles.sassTest);
 gulp.task('styles:formFactors', styles.sassFormFactors);
 gulp.task(
   'styles',
   gulp.series(
     gulp.parallel(
-      withName('styles:sass')(styles.sass),
-      withName('styles:test')(styles.sassTest),
-      withName('styles:formFactors')(styles.sassFormFactors)
+      'styles:sass',
+      'styles:sassTouch',
+      'styles:test',
+      'styles:formFactors'
     )
   )
 );
@@ -272,6 +274,7 @@ export const watch = () =>
 
 // Framework
 gulp.task('dist:sass:framework', dist.sass);
+gulp.task('dist:sass:frameworkTouch', dist.sassTouch);
 
 // Components
 gulp.task('dist:sass:components:generate', dist.generateComponentSass);
@@ -281,6 +284,7 @@ gulp.task(
   'dist:sass',
   gulp.series(
     'dist:sass:framework',
+    'dist:sass:frameworkTouch',
     'dist:sass:components:generate',
     'dist:sass:components:common'
   )