[Kitten3Migration] Keep KissKiss Mixins

assets/stylesheets/kisskiss-app.scss

@@ -0,0 +1,79 @@
+// Vendor dependencies
+@import '~modularscale-sass/stylesheets/modularscale';
+
+// Helpers
+@import './kitten/schema';
+@import './kitten/definitions';
+@import './kitten/helpers';
+
+// Default config
+@import 'kitten/default-config';
+
+$k-typography: k-typography-definition((
+  root: 16px,
+  font-size: 1rem,
+  font-weight: 400,
+  line-height: 1.5rem,
+  scale-multiplier: $major-second
+));
+
+// Buttons
+@import './kitten/components/buttons/button-icon';
+@import './kitten/components/buttons/button-image';
+@import './kitten/components/buttons/button';
+
+// Cards
+@import './kitten/components/cards/card';
+
+// Dev
+@import './kitten/components/dev/dev-breakpoint';
+@import './kitten/components/dev/dev-grid';
+
+// Form
+@import './kitten/components/form/label';
+@import './kitten/components/form/text-input';
+@import './kitten/components/form/text-input-with-button';
+
+// Grid
+@import './kitten/components/grid/container';
+@import './kitten/components/grid/grid';
+
+// Layout
+@import './kitten/components/layout/horizontal-stroke';
+
+// Lists
+@import './kitten/components/lists/bullet-list';
+
+// Navigation
+@import './kitten/components/navigation/horizontal-nav';
+@import './kitten/components/navigation/tab-bar';
+
+// Notifications
+@import './kitten/components/notifications/alert';
+@import './kitten/components/notifications/badge';
+@import './kitten/components/notifications/icon-badge';
+
+
+// Typography
+@import './kitten/components/typography/body-copy';
+@import './kitten/components/typography/paragraph';
+@import './kitten/components/typography/title';
+
+
+// INCLUDES
+
+@include k-Badge;
+@include k-BulletList;
+@include k-Button;
+@include k-ButtonIcon;
+@include k-ButtonImage;
+@include k-Card;
+@include k-Container;
+@include k-Grid;
+@include k-HorizontalNav;
+@include k-HorizontalStroke;
+@include k-Label;
+@include k-Paragraph;
+@include k-TabBar((z-index: 50));
+@include k-TextInputWithButton;
+@include k-Title;

assets/stylesheets/lendo-app.scss

@@ -0,0 +1,36 @@
+// Vendor dependencies
+@import '~modularscale-sass/stylesheets/modularscale';
+
+// Helpers
+@import './kitten/schema';
+@import './kitten/definitions';
+@import './kitten/helpers';
+
+// Default config
+@import 'kitten/default-config';
+
+$k-typography: k-typography-definition((
+  root: 16px,
+  font-size: 1rem,
+  font-weight: 400,
+  line-height: 1.5rem,
+  scale-multiplier: $major-second
+));
+
+// Buttons
+@import './kitten/components/buttons/button';
+
+// Grid
+@import './kitten/components/grid/container';
+@import './kitten/components/grid/grid';
+@import './kitten/components/grid/row';
+@import './kitten/components/grid/vertical-grid';
+
+
+
+// INCLUDES
+
+@include k-Button;
+@include k-Grid;
+@include k-Row;
+@include k-VerticalGrid;

package.json

@@ -142,6 +142,8 @@
     "build:js:esm": "npm run clean:src:esm && NODE_ENV=production BABEL_ENV=esm babel assets/javascripts/kitten/ -d src/esm --ignore 'assets/**/*.test.js','assets/**/test.js','assets/**/*.stories.js','assets/**/stories.js','assets/**/__mocks__/*.js','assets/javascripts/kitten/karl'",
     "build:css": "webpack --config webpack.config.sass.js",
     "build:utilities": "rm -rf src/stylesheets && webpack --config webpack/utilities.config.js",
+    "build:kisskissApp": "rm -rf src/stylesheets && webpack --config webpack/kisskiss-app.config.js",
+    "build:lendoApp": "rm -rf src/stylesheets && webpack --config webpack/lendo-app.config.js",
     "eslint": "eslint --fix assets/javascripts/**",
     "prettier": "find ./assets/javascripts -regex '.*.js' | xargs prettier --config prettier.config.js --write"
   },

webpack/kisskiss-app.config.js

@@ -0,0 +1,40 @@
+const path = require('path')
+const MiniCssExtractPlugin = require('mini-css-extract-plugin')
+const FixStyleOnlyEntriesPlugin = require('webpack-fix-style-only-entries')
+const autoprefixer = require('autoprefixer')
+const cssnano = require('cssnano')
+
+module.exports = {
+  mode: 'production',
+  entry: {
+    kisskissApp: './assets/stylesheets/kisskiss-app.scss',
+  },
+  output: {
+    path: path.resolve(__dirname, '../src/stylesheets'),
+  },
+  module: {
+    rules: [
+      {
+        test: /\.scss$/,
+        use: [
+          { loader: MiniCssExtractPlugin.loader },
+          'css-loader',
+          {
+            loader: 'postcss-loader',
+            options: {
+              plugins: () => [
+                autoprefixer(),
+                cssnano,
+              ],
+            },
+          },
+          'sass-loader',
+        ],
+      },
+    ],
+  },
+  plugins: [
+    new MiniCssExtractPlugin(),
+    new FixStyleOnlyEntriesPlugin(),
+  ],
+}

webpack/lendo-app.config.js

@@ -0,0 +1,40 @@
+const path = require('path')
+const MiniCssExtractPlugin = require('mini-css-extract-plugin')
+const FixStyleOnlyEntriesPlugin = require('webpack-fix-style-only-entries')
+const autoprefixer = require('autoprefixer')
+const cssnano = require('cssnano')
+
+module.exports = {
+  mode: 'production',
+  entry: {
+    lendoApp: './assets/stylesheets/lendo-app.scss',
+  },
+  output: {
+    path: path.resolve(__dirname, '../src/stylesheets'),
+  },
+  module: {
+    rules: [
+      {
+        test: /\.scss$/,
+        use: [
+          { loader: MiniCssExtractPlugin.loader },
+          'css-loader',
+          {
+            loader: 'postcss-loader',
+            options: {
+              plugins: () => [
+                autoprefixer(),
+                cssnano,
+              ],
+            },
+          },
+          'sass-loader',
+        ],
+      },
+    ],
+  },
+  plugins: [
+    new MiniCssExtractPlugin(),
+    new FixStyleOnlyEntriesPlugin(),
+  ],
+}