@gravitee/graphene-core 2.44.0 → 2.45.0-monaco-base.11a7a3d

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.
@@ -37,6 +37,17 @@
37
37
  --badge-success-foreground: var(--graphene-green-700);
38
38
  --badge-warning-foreground: var(--graphene-amber-800);
39
39
  --badge-highlight-foreground: var(--graphene-violet-700);
40
+
41
+ /* ── CodeEditor ──────────────────────────────────
42
+ Syntax token colors consumed by the Monaco-based `CodeEditor`.
43
+ Component-scoped so themes (and `.dark`) can override them
44
+ without touching the editor code.
45
+ */
46
+ --code-editor-string: var(--graphene-teal-700);
47
+ --code-editor-keyword: var(--graphene-violet-600);
48
+ --code-editor-number: var(--graphene-solaris-700);
49
+ --code-editor-type: var(--graphene-blue-500);
50
+ --code-editor-special: var(--graphene-green-700);
40
51
  }
41
52
 
42
53
  .dark {
@@ -45,4 +56,11 @@
45
56
  --badge-success-foreground: var(--graphene-green-300);
46
57
  --badge-warning-foreground: var(--graphene-amber-200);
47
58
  --badge-highlight-foreground: var(--graphene-violet-300);
59
+
60
+ /* ── CodeEditor — lighter shades for dark surfaces ── */
61
+ --code-editor-string: var(--graphene-teal-400);
62
+ --code-editor-keyword: var(--graphene-violet-400);
63
+ --code-editor-number: var(--graphene-solaris-300);
64
+ --code-editor-type: var(--graphene-blue-400);
65
+ --code-editor-special: var(--graphene-green-500);
48
66
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gravitee/graphene-core",
3
- "version": "2.44.0",
3
+ "version": "2.45.0-monaco-base.11a7a3d",
4
4
  "type": "module",
5
5
  "description": "Gravitee's Graphene design system: accessible React components, design tokens, icons, and shared ESLint/TypeScript configs. Built on shadcn/ui and Tailwind.",
6
6
  "keywords": [
@@ -41,6 +41,10 @@
41
41
  "types": "./dist/testing/index.d.ts",
42
42
  "import": "./dist/testing/index.js"
43
43
  },
44
+ "./code-editor": {
45
+ "types": "./dist/code-editor/index.d.ts",
46
+ "import": "./dist/code-editor/index.js"
47
+ },
44
48
  "./styles": "./dist/styles/globals.css",
45
49
  "./tailwind-theme": "./dist/styles/tailwind-theme.css",
46
50
  "./fonts": "./dist/fonts.js",
@@ -91,6 +95,8 @@
91
95
  },
92
96
  "peerDependencies": {
93
97
  "@fontsource/dm-sans": ">=5.0.0",
98
+ "@gravitee/graphene-core": "2.45.0-monaco-base.11a7a3d",
99
+ "@monaco-editor/react": "^4.7.0",
94
100
  "@tanstack/react-table": "^8.0.0",
95
101
  "@testing-library/dom": ">=10.0.0",
96
102
  "@testing-library/react": ">=16.0.0",
@@ -106,6 +112,7 @@
106
112
  "eslint-plugin-react": ">=7.0.0",
107
113
  "eslint-plugin-react-hooks": ">=4.0.0",
108
114
  "eslint-plugin-unused-imports": ">=3.0.0",
115
+ "monaco-editor": ">=0.50.0 <1",
109
116
  "react": "^19.0.0",
110
117
  "react-dom": "^19.0.0",
111
118
  "react-hook-form": "^7.0.0",
@@ -113,6 +120,9 @@
113
120
  "typescript-eslint": ">=8.0.0"
114
121
  },
115
122
  "peerDependenciesMeta": {
123
+ "@monaco-editor/react": {
124
+ "optional": true
125
+ },
116
126
  "@testing-library/dom": {
117
127
  "optional": true
118
128
  },
@@ -134,6 +144,9 @@
134
144
  "eslint-plugin-import-x": {
135
145
  "optional": true
136
146
  },
147
+ "monaco-editor": {
148
+ "optional": true
149
+ },
137
150
  "tailwindcss": {
138
151
  "optional": true
139
152
  },
@@ -143,6 +156,8 @@
143
156
  },
144
157
  "devDependencies": {
145
158
  "@hookform/resolvers": "5.4.0",
159
+ "@monaco-editor/react": "4.7.0",
160
+ "monaco-editor": "0.52.2",
146
161
  "react-hook-form": "7.78.0",
147
162
  "shadcn": "4.11.0",
148
163
  "vitest": "4.1.8",