fix: 🐛 styles import file not being found (#2353)

This commit is contained in:
Lisbet Alvarez authored and GitHub committed 2024-06-18 09:29:26 -07:00
1 parent 4d02503790
commit ea578c4207
2 files changed
+26 -4

No files matched your search

+1 -1
View File
@@ -3,6 +3,6 @@
* SPDX-License-Identifier: BUSL-1.1
*/
@import '@hashicorp/design-system-components.css';
@import '@hashicorp/design-system-components';
@import 'hds/themes/dark-mode';
@import 'hds/overrides';
+25 -3
View File
@@ -13,14 +13,13 @@ module.exports = {
name: require('./package').name,
included(app) {
this._super.included.apply(this, arguments);
app.import(
'node_modules/@hashicorp/design-system-components/dist/styles/@hashicorp/design-system-components.css',
);
app.import('node_modules/codemirror/lib/codemirror.css');
app.import('node_modules/codemirror/theme/monokai.css');
app.import('node_modules/codemirror/addon/lint/lint.css');
app.import('node_modules/jsonlint/lib/jsonlint.js');
this.includeHDSStyles(app);
this.includeFlightIcons(app);
this.includePublic(app);
this.setupSVGO(app);
@@ -37,6 +36,29 @@ module.exports = {
.contentFor(type, config);
},
/**
* Finds the HDS styles folder and includes it into the running
* application's `sassOptions.includePaths`.
*/
includeHDSStyles(app) {
const tokensPath =
'../../node_modules/@hashicorp/design-system-tokens/dist/products/css';
const hdsPath =
'../../node_modules/@hashicorp/design-system-components/dist/styles';
const iconsPath =
'../../node_modules/@hashicorp/ember-flight-icons/dist/styles';
// Setup default sassOptions on the running application
app.options.sassOptions = app.options.sassOptions || {};
app.options.sassOptions.includePaths =
app.options.sassOptions.includePaths || [];
// Include the addon styles
app.options.sassOptions.includePaths.push(tokensPath);
app.options.sassOptions.includePaths.push(hdsPath);
app.options.sassOptions.includePaths.push(iconsPath);
},
/**
* Finds the structure-icons folder and includes it into the
* ember-inline-svg addon.