Patternslib · thet · Apr 9, 2021 · Apr 8, 2021 · Apr 8, 2021 · Apr 8, 2021
diff --git a/CHANGES.md b/CHANGES.md
@@ -46,6 +46,10 @@
     Allow importing styles from external libraries in Patternslib JavaScript via the global variable ``window.__patternslib_import_styles`` set to ``true``.
     This allows loading these styles automatically via Webpack.
     Disable setting style import per default.
+-   Styles: Import styles by setting ``__patternslib_import_styles``
+    Allow importing styles from external libraries in Patternslib JavaScript via the global variable ``window.__patternslib_import_styles`` set to ``true``.
+    This allows loading these styles automatically via Webpack.
+    Set patternslib to use/import styles per default.
 -   pat carousel: Use ``imagesloaded`` instead of timeout to wait for images to have been loaded.
 -   core registry: Do not scan patterns within trees with attribute ``hidden`` or class ``cant-touch-this``.
 -   Implenent lazy loading for external libraries via dynamic imports. Leads to significantly reduced bundle sizes.

diff --git a/_sass/_patterns.scss b/_sass/_patterns.scss
@@ -13,13 +13,6 @@
 @import "components/avatar";
 @import "components/form";
 @import "components/icon";
-@import "src/pat/auto-suggest/auto-suggest";
-@import "src/pat/autofocus/autofocus";
-@import "src/pat/auto-scale/auto-scale";
-@import "src/pat/auto-submit/auto-submit";
-@import "src/pat/bumper/bumper";
-@import "src/pat/carousel/carousel";
-@import "src/pat/checklist/checklist";
 @import "src/pat/collapsible/collapsible";
 @import "src/pat/date-picker/date-picker";
 @import "src/pat/datetime-picker/datetime-picker";

diff --git a/package.json b/package.json
@@ -33,6 +33,7 @@
     "masonry-layout": "^4.2.2",
     "moment": "^2.29.0",
     "moment-timezone": "^0.5.31",
+    "patterns-sass": "git+https://github.com/Patternslib/patterns-sass.git#scr-984",
     "photoswipe": "^4.1.3",
     "pikaday": "^1.8.0",
     "promise-polyfill": "^8.1.0",

diff --git a/src/pat/auto-scale/_auto-scale.scss b/src/pat/auto-scale/_auto-scale.scss
diff --git a/src/pat/auto-scale/auto-scale.js b/src/pat/auto-scale/auto-scale.js
@@ -4,7 +4,6 @@
  * Copyright 2012 Humberto Sermeno
  * Copyright 2013 Simplon B.V. - Wichert Akkerman
  */
-
 import $ from "jquery";
 import Base from "../../core/base";
 import Parser from "../../core/parser";
@@ -25,6 +24,10 @@ export default Base.extend({
     force_method: null,
 
     init: function ($el, opts) {
+        if (window.__patternslib_import_styles) {
+            import("patterns-sass/components/_auto-scale.scss");
+        }
+
         this.options = parser.parse(this.$el, opts);
         if (this.force_method !== null) {
             this.options.method = this.force_method;

diff --git a/src/pat/auto-scale/example-2.html b/src/pat/auto-scale/example-2.html
@@ -9,7 +9,6 @@
             type="text/javascript"
             charset="utf-8"
         ></script>
-        <link rel="stylesheet" href="autoscale.css" type="text/css" />
         <style>
             body {
                 width: 500px;

diff --git a/src/pat/auto-scale/icon.svg b/src/pat/auto-scale/icon.svg
diff --git a/src/pat/auto-scale/index.html b/src/pat/auto-scale/index.html
@@ -3,7 +3,6 @@
     <head>
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
         <title>Auto scale</title>
-        <link rel="stylesheet" href="/style/common.css" type="text/css" />
         <script
             src="/dist/bundle.js"
             type="text/javascript"

diff --git a/src/pat/auto-submit/_auto-submit.scss b/src/pat/auto-submit/_auto-submit.scss
diff --git a/src/pat/auto-submit/icon.svg b/src/pat/auto-submit/icon.svg
diff --git a/src/pat/auto-submit/index.html b/src/pat/auto-submit/index.html
@@ -3,7 +3,6 @@
     <head>
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
         <title>Auto submit</title>
-        <link rel="stylesheet" href="/style/common.css" type="text/css" />
         <script
             src="/dist/bundle.js"
             type="text/javascript"

diff --git a/src/pat/auto-submit/placeholder.gif b/src/pat/auto-submit/placeholder.gif
diff --git a/src/pat/auto-submit/test.html b/src/pat/auto-submit/test.html