Merge pull request #1628 from mkszepp/fix-theme-export

Fix theme export for SCSS/LESS & fix primary less file

docs/app/templates/public-pages/docs/installation.hbs

@@ -48,6 +48,14 @@
   <CodeBlock @language="scss" @code={{snippet.source}} />
 {{/let}}
 
+<p>
+  If you are using LESS there is also necessary to register the <code>paths</code> in <code>lessOptions</code>
+</p>
+
+{{#let (get-code-snippet "installation-2.js") as |snippet|}}
+  <CodeBlock @language="js" @code={{snippet.source}} />
+{{/let}}
+
 <p>
   This explicit import is needed because using css preprocessors like SASS and LESS allows you to
   customize the appearance of ember-power-select using variables. This is easier and generates less

docs/app/templates/snippets/installation-2.js

@@ -0,0 +1,6 @@
+// ember-cli-build.js
+let app = new EmberApp({
+  lessOptions: {
+    paths: ['node_modules/ember-basic-dropdown/', 'node_modules/ember-power-select/'],
+  },
+});

docs/package.json

@@ -68,7 +68,7 @@
     "broccoli-asset-rev": "^3.0.0",
     "concurrently": "^8.2.2",
     "ember-auto-import": "^2.6.3",
-    "ember-basic-dropdown": "8.0.0-beta.3",
+    "ember-basic-dropdown": "8.0.0-beta.4",
     "ember-cli": "~5.4.1",
     "ember-cli-app-version": "^6.0.1",
     "ember-cli-babel": "^8.2.0",

ember-power-select/_index.scss

@@ -1,5 +1,5 @@
-@import './scss/variables';
+@import './scss/variables.scss';
 
 @import 'ember-basic-dropdown/_index.scss';
 
-@import './scss/base';
+@import './scss/base.scss';

ember-power-select/ember-power-select.less

@@ -0,0 +1,5 @@
+@import './less/variables.less';
+
+@import 'ember-basic-dropdown.less';
+
+@import './less/base.less';

ember-power-select/package.json

@@ -30,10 +30,7 @@
     "./scss/base.scss": "./scss/base.scss",
     "./less/variables.less": "./less/variables.less",
     "./scss/variables.scss": "./scss/variables.scss",
-    "./themes/bootstrap.less": "./less/themes/bootstrap.less",
-    "./themes/bootstrap.scss": "./scss/themes/bootstrap.scss",
-    "./themes/material.less": "./less/themes/material.less",
-    "./themes/material.scss": "./scss/themes/material.scss",
+    "./themes/*": "./themes/*",
     "./vendor/*": "./vendor/*"
   },
   "typesVersions": {
@@ -52,6 +49,7 @@
     "dist",
     "less",
     "scss",
+    "themes",
     "vendor"
   ],
   "scripts": {
@@ -142,7 +140,7 @@
   "peerDependencies": {
     "ember-source": "^3.28.0 || ^4.0.0 || >=5.0.0",
     "@ember/test-helpers": "^2.9.4 || ^3.2.1",
-    "ember-basic-dropdown": "8.0.0-beta.3"
+    "ember-basic-dropdown": "8.0.0-beta.4"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org"

ember-power-select/scss/bootstrap-complete.scss

@@ -1,2 +1,2 @@
-@import './themes/bootstrap';
+@import './themes/bootstrap.scss';
 @import '../_index.scss';

ember-power-select/scss/material-complete.scss

@@ -1,2 +1,2 @@
-@import './themes/material';
+@import './themes/material.scss';
 @import '../_index.scss';

ember-power-select/themes/bootstrap.less

@@ -0,0 +1 @@
+@import '../less/themes/bootstrap.less';

ember-power-select/themes/bootstrap.scss

@@ -0,0 +1 @@
+@import '../scss/themes/bootstrap.scss';

ember-power-select/themes/material.less

@@ -0,0 +1 @@
+@import '../less/themes/material.less';

ember-power-select/themes/material.scss

@@ -0,0 +1 @@
+@import '../scss/themes/material.scss';