Feat(design-tokens): Introduce structure of exported tokens to JS

[literat]

Description

Additional context

Issue reference

---

Before submitting the PR, please make sure you do the following

• Read the Contributing Guidelines.
• Follow the PR Title/Commit Message Convention.
• Provide a description in this PR that addresses what the PR is solving, or reference the issue that it solves (e.g. fixes #123).
• Ideally, include relevant tests that fail without this PR but pass with it.

[netlify]

✅ Deploy Preview for spirit-design-system-storybook canceled.

Name	Link
🔨 Latest commit	fabd72d
🔍 Latest deploy log	https://app.netlify.com/sites/spirit-design-system-storybook/deploys/65536007588dd3000829c2bb

[netlify]

✅ Deploy Preview for spirit-design-system-demo ready!

Name	Link
🔨 Latest commit	fabd72d
🔍 Latest deploy log	https://app.netlify.com/sites/spirit-design-system-demo/deploys/655360072ee435000837ac04
😎 Deploy Preview	https://deploy-preview-1101--spirit-design-system-demo.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for spirit-design-system-validations canceled.

Name	Link
🔨 Latest commit	fabd72d
🔍 Latest deploy log	https://app.netlify.com/sites/spirit-design-system-validations/deploys/65536007114331000974fbdc

[netlify]

✅ Deploy Preview for spirit-design-system-react canceled.

Name	Link
🔨 Latest commit	fabd72d
🔍 Latest deploy log	https://app.netlify.com/sites/spirit-design-system-react/deploys/655360072b59f90008419ea2

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit cfcc21c. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this CI Pipeline Execution

---

✅ Successfully ran 4 targets

• lerna run types --no-sort
• lerna run test
• lerna run lint --parallel --no-sort
• lerna run --ignore @lmc-eu/spirit-web-twig-demo build

---

Sent with 💌 from NxCloud.

[github-actions]

coverage: 69.754% (-26.7%) from 96.46% when pulling 037396b on feat/DS-1012-js-design-tokens into 0cb30d5 on main.

[coveralls]

coverage: 80.121% (-16.3%) from 96.46%
when pulling fabd72d on feat/DS-1012-js-design-tokens
into 5da46d2 on main.

[crishpeen]

I feel like this is several PRs merged into one. It is quite hard to navigate through this PR, especially without any README. I assume we need some at least for the Offcanvas plugin, because now only you know how to set the breakpoint. So please document this better.

Also, I am a bit afraid if it won't break anything, as you modify a lot of files and packages, but hopefully it won't. Also I didn't find the CSS variable implementation?

[literat]

I feel like this is several PRs merged into one. It is quite hard to navigate through this PR, especially without any README. I assume we need some at least for the Offcanvas plugin, because now only you know how to set the breakpoint. So please document this better.

Try to go commit-by-commit. The build process is a little bit complicated because design tokens must be built first.

Also, I am a bit afraid if it won't break anything, as you modify a lot of files and packages, but hopefully it won't. Also I didn't find the CSS variable implementation?

This was a problem with the rebase I have made. The CSS variable was added by me and also I have introduced the Offcanvas Readme.

[crishpeen]

few small fixes and it is hopefully ready to merge