@lmc-eu/spirit-design-tokens
Advanced tools
Comparing version 2.1.2 to 2.1.3
@@ -6,2 +6,14 @@ # Change Log | ||
<a name="2.1.3"></a> | ||
## [2.1.3](https://github.com/lmc-eu/spirit-design-system/compare/@lmc-eu/spirit-design-tokens@2.1.2...@lmc-eu/spirit-design-tokens@2.1.3) (2024-11-22) | ||
### Dependencies | ||
- Update all non-major dependencies ([188c30d](https://github.com/lmc-eu/spirit-design-system/commit/188c30d)) | ||
- Update all non-major dependencies ([da33775](https://github.com/lmc-eu/spirit-design-system/commit/da33775)) | ||
- **web, web-react, web-twig:** Implement sass-embedded library ([07df504](https://github.com/lmc-eu/spirit-design-system/commit/07df504)) | ||
**Note:** Version bump only for package @lmc-eu/spirit-design-tokens | ||
<a name="2.1.2"></a> | ||
@@ -8,0 +20,0 @@ |
{ | ||
"name": "@lmc-eu/spirit-design-tokens", | ||
"version": "2.1.2", | ||
"version": "2.1.3", | ||
"description": "Design tokens for Spirit Design System", | ||
@@ -40,12 +40,12 @@ "license": "MIT", | ||
"devDependencies": { | ||
"npm-run-all2": "6.2.3", | ||
"npm-run-all2": "6.2.6", | ||
"rimraf": "5.0.10", | ||
"shx": "0.3.4", | ||
"stylelint": "16.10.0", | ||
"stylelint-config-spirit": "^0.1.4", | ||
"typescript": "5.6.2", | ||
"vite": "5.4.9", | ||
"vite-plugin-dts": "4.2.4" | ||
"stylelint-config-spirit": "^0.1.5", | ||
"typescript": "5.6.3", | ||
"vite": "5.4.11", | ||
"vite-plugin-dts": "4.3.0" | ||
}, | ||
"gitHead": "4681801ad8248eac87c692fd3ac07e6e52c6651f" | ||
"gitHead": "60e5c7c7dd7f747bbd90891421321d3dd8f56e79" | ||
} |
@@ -160,2 +160,3 @@ # @lmc-eu/spirit-design-tokens | ||
path.resolve(__dirname, 'node_modules/@lmc-eu/spirit-design-tokens/scss'), | ||
], | ||
}, | ||
@@ -173,2 +174,44 @@ }, | ||
##### Using the sass-embedded Library | ||
If you're using `sass-embedded`, you can specify the API as `legacy`, `modern`, or `modern-compiler`. More information can be found in [sass documentation](sass-embedded). | ||
We recommend using the `modern-compiler` option. | ||
Please note that this change also requires updating `includePaths` to `loadPaths`. | ||
<details> | ||
<summary>Webpack and <code>sass-embedded</code>:</summary> | ||
```javascript | ||
// webpack.config.js | ||
// β¦ | ||
module: { | ||
rules: [ | ||
{ | ||
test: /\.scss$/, | ||
use: [ | ||
'style-loader', | ||
'css-loader', | ||
{ | ||
loader: 'sass-loader', | ||
options: { | ||
api: 'modern-compiler', | ||
sassOptions: { | ||
loadPaths: [ | ||
path.resolve(__dirname, 'node_modules'), | ||
path.resolve(__dirname, 'node_modules/@lmc-eu/spirit-design-tokens/scss'), | ||
], | ||
}, | ||
}, | ||
}, | ||
], | ||
}, | ||
]; | ||
} | ||
// β¦ | ||
``` | ||
</details> | ||
### Exposing Your Custom Design Tokens | ||
@@ -292,1 +335,2 @@ | ||
[migrate-to-spirit]: https://github.com/lmc-eu/spirit-design-system/blob/main/packages/web/CONTRIBUTING.md#migrating-your-components-to-spirit | ||
[sass-embedded]: https://sass-lang.com/documentation/breaking-changes/legacy-js-api/#bundlers |
136485
334