simon-design-system 0.1.15 → 0.1.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +73 -73
- package/dist/design-system.css +1 -1
- package/dist/logo/simon.svg +7 -7
- package/dist/nuwsd-design-system.cjs +37 -37
- package/dist/nuwsd-design-system.es.js +1195 -1195
- package/dist/simon-design-system.css +1 -1
- package/dist/tokens.dark.css +1049 -1049
- package/dist/tokens.light.css +1049 -1049
- package/package.json +72 -71
package/README.md
CHANGED
|
@@ -1,73 +1,73 @@
|
|
|
1
|
-
# React + TypeScript + Vite
|
|
2
|
-
|
|
3
|
-
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
|
|
4
|
-
|
|
5
|
-
Currently, two official plugins are available:
|
|
6
|
-
|
|
7
|
-
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) (or [oxc](https://oxc.rs) when used in [rolldown-vite](https://vite.dev/guide/rolldown)) for Fast Refresh
|
|
8
|
-
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
|
|
9
|
-
|
|
10
|
-
## React Compiler
|
|
11
|
-
|
|
12
|
-
The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
|
|
13
|
-
|
|
14
|
-
## Expanding the ESLint configuration
|
|
15
|
-
|
|
16
|
-
If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
|
|
17
|
-
|
|
18
|
-
```js
|
|
19
|
-
export default defineConfig([
|
|
20
|
-
globalIgnores(['dist']),
|
|
21
|
-
{
|
|
22
|
-
files: ['**/*.{ts,tsx}'],
|
|
23
|
-
extends: [
|
|
24
|
-
// Other configs...
|
|
25
|
-
|
|
26
|
-
// Remove tseslint.configs.recommended and replace with this
|
|
27
|
-
tseslint.configs.recommendedTypeChecked,
|
|
28
|
-
// Alternatively, use this for stricter rules
|
|
29
|
-
tseslint.configs.strictTypeChecked,
|
|
30
|
-
// Optionally, add this for stylistic rules
|
|
31
|
-
tseslint.configs.stylisticTypeChecked,
|
|
32
|
-
|
|
33
|
-
// Other configs...
|
|
34
|
-
],
|
|
35
|
-
languageOptions: {
|
|
36
|
-
parserOptions: {
|
|
37
|
-
project: ['./tsconfig.node.json', './tsconfig.app.json'],
|
|
38
|
-
tsconfigRootDir: import.meta.dirname,
|
|
39
|
-
},
|
|
40
|
-
// other options...
|
|
41
|
-
},
|
|
42
|
-
},
|
|
43
|
-
])
|
|
44
|
-
```
|
|
45
|
-
|
|
46
|
-
You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
|
|
47
|
-
|
|
48
|
-
```js
|
|
49
|
-
// eslint.config.js
|
|
50
|
-
import reactX from 'eslint-plugin-react-x'
|
|
51
|
-
import reactDom from 'eslint-plugin-react-dom'
|
|
52
|
-
|
|
53
|
-
export default defineConfig([
|
|
54
|
-
globalIgnores(['dist']),
|
|
55
|
-
{
|
|
56
|
-
files: ['**/*.{ts,tsx}'],
|
|
57
|
-
extends: [
|
|
58
|
-
// Other configs...
|
|
59
|
-
// Enable lint rules for React
|
|
60
|
-
reactX.configs['recommended-typescript'],
|
|
61
|
-
// Enable lint rules for React DOM
|
|
62
|
-
reactDom.configs.recommended,
|
|
63
|
-
],
|
|
64
|
-
languageOptions: {
|
|
65
|
-
parserOptions: {
|
|
66
|
-
project: ['./tsconfig.node.json', './tsconfig.app.json'],
|
|
67
|
-
tsconfigRootDir: import.meta.dirname,
|
|
68
|
-
},
|
|
69
|
-
// other options...
|
|
70
|
-
},
|
|
71
|
-
},
|
|
72
|
-
])
|
|
73
|
-
```
|
|
1
|
+
# React + TypeScript + Vite
|
|
2
|
+
|
|
3
|
+
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
|
|
4
|
+
|
|
5
|
+
Currently, two official plugins are available:
|
|
6
|
+
|
|
7
|
+
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) (or [oxc](https://oxc.rs) when used in [rolldown-vite](https://vite.dev/guide/rolldown)) for Fast Refresh
|
|
8
|
+
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
|
|
9
|
+
|
|
10
|
+
## React Compiler
|
|
11
|
+
|
|
12
|
+
The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
|
|
13
|
+
|
|
14
|
+
## Expanding the ESLint configuration
|
|
15
|
+
|
|
16
|
+
If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
|
|
17
|
+
|
|
18
|
+
```js
|
|
19
|
+
export default defineConfig([
|
|
20
|
+
globalIgnores(['dist']),
|
|
21
|
+
{
|
|
22
|
+
files: ['**/*.{ts,tsx}'],
|
|
23
|
+
extends: [
|
|
24
|
+
// Other configs...
|
|
25
|
+
|
|
26
|
+
// Remove tseslint.configs.recommended and replace with this
|
|
27
|
+
tseslint.configs.recommendedTypeChecked,
|
|
28
|
+
// Alternatively, use this for stricter rules
|
|
29
|
+
tseslint.configs.strictTypeChecked,
|
|
30
|
+
// Optionally, add this for stylistic rules
|
|
31
|
+
tseslint.configs.stylisticTypeChecked,
|
|
32
|
+
|
|
33
|
+
// Other configs...
|
|
34
|
+
],
|
|
35
|
+
languageOptions: {
|
|
36
|
+
parserOptions: {
|
|
37
|
+
project: ['./tsconfig.node.json', './tsconfig.app.json'],
|
|
38
|
+
tsconfigRootDir: import.meta.dirname,
|
|
39
|
+
},
|
|
40
|
+
// other options...
|
|
41
|
+
},
|
|
42
|
+
},
|
|
43
|
+
])
|
|
44
|
+
```
|
|
45
|
+
|
|
46
|
+
You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
|
|
47
|
+
|
|
48
|
+
```js
|
|
49
|
+
// eslint.config.js
|
|
50
|
+
import reactX from 'eslint-plugin-react-x'
|
|
51
|
+
import reactDom from 'eslint-plugin-react-dom'
|
|
52
|
+
|
|
53
|
+
export default defineConfig([
|
|
54
|
+
globalIgnores(['dist']),
|
|
55
|
+
{
|
|
56
|
+
files: ['**/*.{ts,tsx}'],
|
|
57
|
+
extends: [
|
|
58
|
+
// Other configs...
|
|
59
|
+
// Enable lint rules for React
|
|
60
|
+
reactX.configs['recommended-typescript'],
|
|
61
|
+
// Enable lint rules for React DOM
|
|
62
|
+
reactDom.configs.recommended,
|
|
63
|
+
],
|
|
64
|
+
languageOptions: {
|
|
65
|
+
parserOptions: {
|
|
66
|
+
project: ['./tsconfig.node.json', './tsconfig.app.json'],
|
|
67
|
+
tsconfigRootDir: import.meta.dirname,
|
|
68
|
+
},
|
|
69
|
+
// other options...
|
|
70
|
+
},
|
|
71
|
+
},
|
|
72
|
+
])
|
|
73
|
+
```
|
package/dist/design-system.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@font-face{font-family:Museo Sans;src:url(
|
|
1
|
+
@font-face{font-family:Museo Sans;src:url(./fonts/MuseoSans-100.otf) format("opentype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Museo Sans;src:url(./fonts/MuseoSans-100Italic.otf) format("opentype");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:Museo Sans;src:url(./fonts/MuseoSans-300.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Museo Sans;src:url(./fonts/MuseoSans-300Italic.otf) format("opentype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Museo Sans;src:url(./fonts/MuseoSans_500.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Museo Sans;src:url(./fonts/MuseoSans_500_Italic.otf) format("opentype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Museo Sans;src:url(./fonts/MuseoSans_700.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Museo Sans;src:url(./fonts/MuseoSans-700Italic.otf) format("opentype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Museo Sans;src:url(./fonts/MuseoSans_900.otf) format("opentype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Museo Sans;src:url(/fonts/MuseoSans-900Italic.otf) format("opentype");font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:Museo Sans;src:url(./fonts/MuseoSans-100.otf) format("opentype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Museo Sans;src:url(./fonts/MuseoSans-100Italic.otf) format("opentype");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:Museo Sans;src:url(./fonts/MuseoSans-300.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Museo Sans;src:url(./fonts/MuseoSans-300Italic.otf) format("opentype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Museo Sans;src:url(./fonts/MuseoSans_500.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Museo Sans;src:url(./fonts/MuseoSans_500_Italic.otf) format("opentype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Museo Sans;src:url(./fonts/MuseoSans_700.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Museo Sans;src:url(./fonts/MuseoSans-700Italic.otf) format("opentype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Museo Sans;src:url(./fonts/MuseoSans_900.otf) format("opentype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Museo Sans;src:url(/fonts/MuseoSans-900Italic.otf) format("opentype");font-weight:900;font-style:italic;font-display:swap}:root{--ds-font-body: "Museo Sans", system-ui, sans-serif}.ds-root{font-family:var(--ds-font-body)}
|
package/dist/logo/simon.svg
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
<svg width="182" height="52" viewBox="0 0 182 52" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M33.9172 14.6729V15.3145H22.6655V15.0979C22.6655 13.1652 21.3036 11.3367 17.826 11.3367C14.3483 11.3367 12.8811 12.4674 12.8811 13.7586C12.8811 19.2922 34.6792 14.9375 34.9467 28.6513C34.9467 37.8419 27.8779 41.5551 18.4826 41.5551C7.99291 41.5551 0 38.9246 0 28.3786H11.3571C11.3571 32.3564 13.6917 33.0541 17.3882 33.0541C19.5607 33.0541 22.6574 32.8937 22.6574 30.584C22.6574 25.2589 0.591767 29.5094 0.591767 15.0979C0.599873 6.50076 8.53604 3.27682 17.3882 3.27682C26.2404 3.27682 33.7469 6.77343 33.9091 14.6729H33.9172Z" fill="black"/>
|
|
3
|
-
<path d="M40.5322 9.79198V2.53412H51.3462V9.79198H40.5322ZM40.5322 41.5181V13.1282H51.3462V41.5181H40.5322Z" fill="black"/>
|
|
4
|
-
<path d="M106.129 23.1288V41.5181H95.3154V24.42C95.3154 22.0542 94.1156 20.3861 91.8945 20.3861C89.2842 20.3861 87.5981 22.4311 87.5981 24.8531V41.5181H76.7842V24.42C76.7842 22.0542 75.5925 20.3861 73.3633 20.3861C70.753 20.3861 69.0669 22.4311 69.0669 24.8531V41.5181H58.2529V13.1282H67.1132L67.8185 17.3787C69.991 14.3713 73.8496 12.4866 77.8218 12.4866C82.2235 12.4866 85.1013 14.259 86.5199 17.3787C88.7492 14.4194 92.5025 12.4866 96.3611 12.4866C102.992 12.4866 106.146 16.4083 106.146 23.1369L106.129 23.1288Z" fill="black"/>
|
|
5
|
-
<path d="M181.316 22.5592V40.9485H170.502V23.8504C170.502 21.4846 169.254 19.8165 166.862 19.8165C164.147 19.8165 162.347 21.8615 162.347 24.2835V40.9485H151.533V12.5506H160.394L161.099 16.8492C163.328 13.8418 167.243 11.901 171.321 11.901C178.114 11.901 181.324 15.8227 181.324 22.5512L181.316 22.5592Z" fill="black"/>
|
|
6
|
-
<path d="M146.969 26.4892C146.969 21.0679 144.342 16.256 140.273 13.2406V8.17212C140.054 5.34115 137.679 0 130.196 0C122.714 0 120.339 5.25293 120.128 8.02776V13.2165C116.01 16.232 113.359 21.0598 113.359 26.4972C113.359 27.9809 113.57 29.4004 113.927 30.7637C113.984 30.9963 114.04 31.2289 114.105 31.4534C114.105 31.4695 114.113 31.4855 114.121 31.5015C115.678 36.987 120.007 41.3177 125.527 42.9136V52L138.822 41.2295C143.702 38.3344 146.969 33.0494 146.969 27.0105C146.969 26.9303 146.952 26.8581 146.952 26.7779C146.952 26.6817 146.969 26.5935 146.969 26.4972V26.4892ZM125.811 8.29241C125.916 7.4744 126.411 5.37323 130.196 5.37323C134.168 5.37323 134.606 7.63479 134.704 8.42875V10.5379C133.277 10.145 131.785 9.93646 130.237 9.93646C128.689 9.93646 127.229 10.137 125.819 10.5059V8.29241H125.811ZM132.053 34.14L132.336 38.1659H128.016L128.397 34.1481C124.862 33.3461 122.276 30.2585 122.276 26.4972C122.276 22.1826 125.795 18.702 130.221 18.702C134.647 18.702 138.1 22.1826 138.1 26.4972C138.1 30.2424 135.522 33.33 132.045 34.14H132.053Z" fill="#00F1C7"/>
|
|
7
|
-
</svg>
|
|
1
|
+
<svg width="182" height="52" viewBox="0 0 182 52" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M33.9172 14.6729V15.3145H22.6655V15.0979C22.6655 13.1652 21.3036 11.3367 17.826 11.3367C14.3483 11.3367 12.8811 12.4674 12.8811 13.7586C12.8811 19.2922 34.6792 14.9375 34.9467 28.6513C34.9467 37.8419 27.8779 41.5551 18.4826 41.5551C7.99291 41.5551 0 38.9246 0 28.3786H11.3571C11.3571 32.3564 13.6917 33.0541 17.3882 33.0541C19.5607 33.0541 22.6574 32.8937 22.6574 30.584C22.6574 25.2589 0.591767 29.5094 0.591767 15.0979C0.599873 6.50076 8.53604 3.27682 17.3882 3.27682C26.2404 3.27682 33.7469 6.77343 33.9091 14.6729H33.9172Z" fill="black"/>
|
|
3
|
+
<path d="M40.5322 9.79198V2.53412H51.3462V9.79198H40.5322ZM40.5322 41.5181V13.1282H51.3462V41.5181H40.5322Z" fill="black"/>
|
|
4
|
+
<path d="M106.129 23.1288V41.5181H95.3154V24.42C95.3154 22.0542 94.1156 20.3861 91.8945 20.3861C89.2842 20.3861 87.5981 22.4311 87.5981 24.8531V41.5181H76.7842V24.42C76.7842 22.0542 75.5925 20.3861 73.3633 20.3861C70.753 20.3861 69.0669 22.4311 69.0669 24.8531V41.5181H58.2529V13.1282H67.1132L67.8185 17.3787C69.991 14.3713 73.8496 12.4866 77.8218 12.4866C82.2235 12.4866 85.1013 14.259 86.5199 17.3787C88.7492 14.4194 92.5025 12.4866 96.3611 12.4866C102.992 12.4866 106.146 16.4083 106.146 23.1369L106.129 23.1288Z" fill="black"/>
|
|
5
|
+
<path d="M181.316 22.5592V40.9485H170.502V23.8504C170.502 21.4846 169.254 19.8165 166.862 19.8165C164.147 19.8165 162.347 21.8615 162.347 24.2835V40.9485H151.533V12.5506H160.394L161.099 16.8492C163.328 13.8418 167.243 11.901 171.321 11.901C178.114 11.901 181.324 15.8227 181.324 22.5512L181.316 22.5592Z" fill="black"/>
|
|
6
|
+
<path d="M146.969 26.4892C146.969 21.0679 144.342 16.256 140.273 13.2406V8.17212C140.054 5.34115 137.679 0 130.196 0C122.714 0 120.339 5.25293 120.128 8.02776V13.2165C116.01 16.232 113.359 21.0598 113.359 26.4972C113.359 27.9809 113.57 29.4004 113.927 30.7637C113.984 30.9963 114.04 31.2289 114.105 31.4534C114.105 31.4695 114.113 31.4855 114.121 31.5015C115.678 36.987 120.007 41.3177 125.527 42.9136V52L138.822 41.2295C143.702 38.3344 146.969 33.0494 146.969 27.0105C146.969 26.9303 146.952 26.8581 146.952 26.7779C146.952 26.6817 146.969 26.5935 146.969 26.4972V26.4892ZM125.811 8.29241C125.916 7.4744 126.411 5.37323 130.196 5.37323C134.168 5.37323 134.606 7.63479 134.704 8.42875V10.5379C133.277 10.145 131.785 9.93646 130.237 9.93646C128.689 9.93646 127.229 10.137 125.819 10.5059V8.29241H125.811ZM132.053 34.14L132.336 38.1659H128.016L128.397 34.1481C124.862 33.3461 122.276 30.2585 122.276 26.4972C122.276 22.1826 125.795 18.702 130.221 18.702C134.647 18.702 138.1 22.1826 138.1 26.4972C138.1 30.2424 135.522 33.33 132.045 34.14H132.053Z" fill="#00F1C7"/>
|
|
7
|
+
</svg>
|