Fix bootstrap imports

[SyntaxJoker]

Related PR:

• bootstrap import fix #1384
• Prevent deprecation warning for Angular 13 or higher #1333
• Update bootstrap path in config.scss file #1466
• #1456 Fixed paths to bootstrap scss files #1457

Related issues:

#1475
#1456
#1394

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
tabler	✅ Ready (Inspect)	Visit Preview	Feb 21, 2023 at 1:07PM (UTC)

[codecalm]

there is a bug with import stylesheet:

Error: Can't find stylesheet to import.
--
21:29:43.407 | ╷
21:29:43.407 | 1 │ @import "bootstrap/scss/functions";

[SyntaxJoker]

@import 'node_modules/bootstrap/scss/root' will cause issues with monorepos that hoist dependencies up.
@import "~bootstrap/scss/root" will require the peer project to use sass-loader or something else that supports it
@import "bootstrap/scss/root" requires to add node modules to includePaths options

i used includePaths solution since it should resolve all reported issues

[rjd22]

@SyntaxJoker thank you! This looks good to me 👍

[kevinpapst]

Thank you! I am using node-sass with webpack and these changes work without any required change on my end 👍

But I have one remark: we should use the same syntax everywhere.
There are at least three places where still @import "~ is used.
Could you adapt them as well @SyntaxJoker ?

• https://github.com/tabler/tabler/blob/dev/src/scss/vendor/_jsvectormap.scss#L1
• https://github.com/tabler/tabler/blob/dev/src/scss/vendor/_tom-select.scss#L5
• https://github.com/tabler/tabler/blob/dev/src/scss/vendor/_nouislider.scss#L1

[SyntaxJoker]

Thank you! I am using node-sass with webpack and these changes work without any required change on my end 👍

But I have one remark: we should use the same syntax everywhere. There are at least three places where still @import "~ is used. Could you adapt them as well @SyntaxJoker ?

• https://github.com/tabler/tabler/blob/dev/src/scss/vendor/_jsvectormap.scss#L1
• https://github.com/tabler/tabler/blob/dev/src/scss/vendor/_tom-select.scss#L5
• https://github.com/tabler/tabler/blob/dev/src/scss/vendor/_nouislider.scss#L1

good point, i will change those imports aswell

[kevinpapst]

Thanks @SyntaxJoker 🚀

[kicaj]

I confirm, thanks!

[kicaj]

@codecalm @SyntaxJoker tabler/tabler-icons should have the same fix?

[SyntaxJoker]

This is another issue, its caused by exports field
for now it can be fixed by importing tabler icons from icons-webfont like that: @tabler/icons-webfont/../tabler-icons.scss
we will be soon reworking the way library is being built and this will be fixed