Skip to content

Commit 6d2074a

Browse files
nmergetnmerget
authored
feat: add db-ui-42.scss for one file integrations (#228)
* feat: add db-ui-42.scss for one file integrations
1 parent 75aef92 commit 6d2074a

File tree

18 files changed

+138
-149
lines changed

18 files changed

+138
-149
lines changed

‎examples/react-example/src/index.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
// Icons are optional, but if you want to use them import the icons after the assets-paths
44
@use "@db-ui/foundations/build/scss/icon/icons" as *;
55
// Combined dependencies like variables, colors and tonality and all components
6-
@use "@db-ui/react-components/dist/db-ui-components" as *;
6+
@use "@db-ui/react-components/dist/styles/db-ui-components" as *;
77
// We use $db-spacing-fixed-md variable so we need to import the file where the variable is defined
88
@use "@db-ui/foundations/build/scss/variables.global" as *;
99
// Color-classes are optional, we use them in the example to have easy access to colors

‎packages/components/scripts/post-build/components.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -81,6 +81,6 @@ module.exports = [
8181
},
8282
{
8383
name: 'icon',
84-
defaultStylePath: 'base/css/icon/icons.css'
84+
defaultStylePath: 'components/icon/icon.css'
8585
}
8686
];

‎packages/components/scripts/post-build/copy-files.js‎

Lines changed: 16 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,13 @@ const Fse = require('fs-extra');
22
const Components = require('./components');
33
const Frameworks = require('./framworks');
44

5+
const styles = [
6+
'db-ui-components',
7+
'db-ui-42',
8+
'db-ui-42-rollup',
9+
'db-ui-42-webpack'
10+
];
11+
512
module.exports = () => {
613
for (const fileEnding of ['scss', 'css']) {
714
for (const framework of Frameworks) {
@@ -15,12 +22,15 @@ module.exports = () => {
1522
}.${fileEnding}`
1623
);
1724
}
18-
Fse.copySync(
19-
`./src/db-ui-components.${fileEnding}`,
20-
`../../output/${
21-
framework === 'vue' ? `vue/vue3` : framework
22-
}/src/db-ui-components.${fileEnding}`
23-
);
25+
26+
for (const style of styles) {
27+
Fse.copySync(
28+
`./src/styles/${style}.${fileEnding}`,
29+
`../../output/${
30+
framework === 'vue' ? `vue/vue3` : framework
31+
}/src/styles/${style}.${fileEnding}`
32+
);
33+
}
2434
}
2535
}
2636

‎packages/components/src/db-ui-components.scss‎

Lines changed: 0 additions & 9 deletions
This file was deleted.

‎packages/components/src/styles/db-ui-42-rollup.scss‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
/* This is a predefined beginner friendly bundle for rollup apps */
2+
3+
@use "@db-ui/foundations/build/scss/rollup.assets-paths" as *;
4+
@use "./db-ui-42" as *;

‎packages/components/src/styles/db-ui-42-webpack.scss‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
/* This is a predefined beginner friendly bundle for webpack apps */
2+
3+
@use "@db-ui/foundations/build/scss/webpack.assets-paths" as *;
4+
@use "./db-ui-42" as *;

‎packages/components/src/styles/db-ui-42.scss‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
/* This is a predefined beginner friendly bundle with default asset-paths (../assets) */
2+
3+
@use "@db-ui/foundations/build/scss/icon/icons" as *;
4+
@use "@db-ui/components/src/styles/db-ui-components" as *;
5+
6+
@import "@db-ui/foundations/build/scss/variables.global";

‎packages/components/src/styles/db-ui-components.scss‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
@use "@db-ui/foundations/build/scss/db-ui-foundations" as *;
2+
3+
@use "../components/button/button" as *;
4+
@use "../components/icon/icon" as *;
5+
@use "../components/tab/tab" as *;
6+
@use "../components/tab-bar/tab-bar" as *;
7+
@use "../components/divider/divider" as *;
8+
@use "../components/card/card" as *;
9+
@use "../components/input/input" as *;

‎showcases/angular-current-showcase/src/styles.scss‎

Lines changed: 1 addition & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1 @@
1-
/* You can add global styles to this file, and also import other style files */
2-
3-
@use "@db-ui/foundations/build/scss/webpack.assets-paths" as *;
4-
@use "@db-ui/foundations/build/scss/icon/icons" as *;
5-
@use "@db-ui/foundations/build/scss/db-ui-foundations" as *;
6-
@use "@db-ui/components/src/db-ui-components" as *;
7-
8-
@import "@db-ui/foundations/build/scss/color-classes";
1+
@use "@db-ui/components/src/styles/db-ui-42-webpack" as *;

‎showcases/angular-lts-showcase/src/styles.scss‎

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1 @@
1-
/* You can add global styles to this file, and also import other style files */
2-
3-
@use "@db-ui/foundations/build/scss/webpack.assets-paths" as *;
4-
@use "@db-ui/foundations/build/scss/icon/icons" as *;
5-
@use "@db-ui/components/src/db-ui-components" as *;
1+
@use "@db-ui/components/src/styles/db-ui-42-webpack" as *;

0 commit comments

Comments
 (0)