@intlayer/design-system 4.0.0 → 4.0.2

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.
Files changed (2) hide show
  1. package/README.md +39 -21
  2. package/package.json +16 -16
package/README.md CHANGED
@@ -1,30 +1,48 @@
1
- # React + TypeScript + Vite
1
+ <div align="center">
2
+ <a href="https://www.npmjs.com/package/intlayer">
3
+ <img src="https://raw.githubusercontent.com/aymericzip/intlayer/572ae9c9acafb74307b81530c1931a8e98990aef/docs/assets/logo.png" width="500" alt="intlayer" />
4
+ </a>
5
+ </div>
2
6
 
3
- This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
7
+ <div align="center">
8
+ <a href="https://www.npmjs.com/package/intlayer">
9
+ <img alt="npm" src="https://img.shields.io/npm/v/intlayer.svg?labelColor=49516F&color=8994BC" />
10
+ </a>
11
+ <a href="https://npmjs.org/package/intlayer">
12
+ <img alt="downloads" src="https://badgen.net/npm/dm/intlayer?labelColor=49516F&color=8994BC" />
13
+ </a>
14
+ <a href="https://npmjs.org/package/intlayer">
15
+ <img alt="types included" src="https://badgen.net/npm/types/intlayer?labelColor=49516F&color=8994BC"
16
+ />
17
+ </a>
18
+ </div>
4
19
 
5
- Currently, two official plugins are available:
20
+ # @intlayer/design-system: NPM Package containing the UI library of Intlayer
6
21
 
7
- - [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
8
- - [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
22
+ **Intlayer** is a suite of packages designed specifically for JavaScript developers. It is compatible with frameworks like React, React, and Express.js.
9
23
 
10
- ## Expanding the ESLint configuration
24
+ The **`@intlayer/design-system`** package is a NPM package including the design system of Intlayer. This package is notably used by the [Intlayer editor](https://github.com/aymericzip/intlayer/tree/main/docs/en/packages/intlayer-editor/index.md), in the [Website](https://intlayer.org) and the [Visual Editor / CMS](https://intlayer.org/dashboard).
11
25
 
12
- If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
26
+ ## Installation
13
27
 
14
- - Configure the top-level `parserOptions` property like this:
28
+ Install the necessary package using your preferred package manager:
15
29
 
16
- ```js
17
- export default {
18
- // other rules...
19
- parserOptions: {
20
- ecmaVersion: "latest",
21
- sourceType: "module",
22
- project: ["./tsconfig.json", "./tsconfig.node.json"],
23
- tsconfigRootDir: __dirname,
24
- },
25
- };
30
+ ```bash packageManager="npm"
31
+ npm install @intlayer/design-system
26
32
  ```
27
33
 
28
- - Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
29
- - Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
30
- - Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list
34
+ ```bash packageManager="pnpm"
35
+ pnpm add @intlayer/design-system
36
+ ```
37
+
38
+ ```bash packageManager="yarn"
39
+ yarn add @intlayer/design-system
40
+ ```
41
+
42
+ ## Read about Intlayer
43
+
44
+ - [Intlayer Website](https://intlayer.org)
45
+ - [Intlayer Documentation](https://intlayer.org/docs)
46
+ - [Intlayer GitHub](https://github.com/aymericzip/intlayer)
47
+
48
+ - [Ask your questions to our smart documentation](https://intlayer.org/docs/chat)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@intlayer/design-system",
3
- "version": "4.0.0",
3
+ "version": "4.0.2",
4
4
  "private": false,
5
5
  "keywords": [
6
6
  "design-system",
@@ -76,11 +76,11 @@
76
76
  "tailwind-merge": "^2.6.0",
77
77
  "zod": "^3.24.1",
78
78
  "zustand": "^4.5.6",
79
- "@intlayer/config": "4.0.0",
80
- "@intlayer/core": "4.0.0",
81
- "@intlayer/dictionaries-entry": "4.0.0",
82
- "react-intlayer": "4.0.0",
83
- "@intlayer/api": "4.0.0"
79
+ "@intlayer/config": "4.0.2",
80
+ "@intlayer/core": "4.0.2",
81
+ "react-intlayer": "4.0.2",
82
+ "@intlayer/api": "4.0.2",
83
+ "@intlayer/dictionaries-entry": "4.0.2"
84
84
  },
85
85
  "devDependencies": {
86
86
  "@chromatic-com/storybook": "^3.2.3",
@@ -113,11 +113,11 @@
113
113
  "vite": "^6.0.7",
114
114
  "vite-plugin-dts": "^4.5.0",
115
115
  "vitest": "^2.1.8",
116
- "@utils/ts-config": "1.0.4",
117
- "@intlayer/backend": "4.0.0",
116
+ "@intlayer/backend": "4.0.2",
117
+ "@utils/eslint-config": "1.0.4",
118
118
  "@utils/tsup-config": "1.0.4",
119
- "@utils/ts-config-types": "1.0.4",
120
- "@utils/eslint-config": "1.0.4"
119
+ "@utils/ts-config": "1.0.4",
120
+ "@utils/ts-config-types": "1.0.4"
121
121
  },
122
122
  "peerDependencies": {
123
123
  "@monaco-editor/react": "^4.6.0",
@@ -125,12 +125,12 @@
125
125
  "react": ">=18.3.1",
126
126
  "react-dom": ">=18.3.1",
127
127
  "zustand": "^4.5.6",
128
- "@intlayer/api": "4.0.0",
129
- "@intlayer/config": "4.0.0",
130
- "@intlayer/dictionaries-entry": "4.0.0",
131
- "@intlayer/core": "4.0.0",
132
- "intlayer": "4.0.0",
133
- "react-intlayer": "4.0.0"
128
+ "@intlayer/api": "4.0.2",
129
+ "@intlayer/config": "4.0.2",
130
+ "@intlayer/core": "4.0.2",
131
+ "intlayer": "4.0.2",
132
+ "react-intlayer": "4.0.2",
133
+ "@intlayer/dictionaries-entry": "4.0.2"
134
134
  },
135
135
  "scripts": {
136
136
  "build": "pnpm build:package && pnpm build:css",